@charset "UTF-8";
body  {
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	background-color: #e2e2e2;
	font-family: "メイリオ", meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka, verdana, arial, sans-serif;
	font-size: 12px;
}
.twoColFixLtHdr #container {
	width: 758px;
	margin: 0 auto;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	height: 100%;
} 
.twoColFixLtHdr #header {
	padding: 10px 0px 10px 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	background-image: url(img/bg_border.gif);
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 180px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 5px 0px 15px 20px;
	margin: 0px;
}
.twoColFixLtHdr #mainContent {
	margin: 0 0 0 210px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0px 0px 15px 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
} 
.twoColFixLtHdr #mainContent2 {
	margin: 0 0 0 0px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0px 0px 15px 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
} 
.twoColFixLtHdr #mainContent3 {
	margin: 0 107px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0px 0px 15px 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
} 
#contents {
	background-color: #FFFFFF;
	width:750px;
	overflow:hidden;
}
.twoColFixLtHdr #footer {
	padding: 0 10px 0 20px;
	background-image: url(img/bg_border.gif);
	font-size: x-small;
	background-repeat: repeat;
	text-align: right;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0;
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltrt-ab{
	position: absolute;

}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clear{
	clear:both;
	}
#side_shadow {
	background-image: url(img/side_shadow.gif);
	background-repeat: repeat-y;
	padding: 0px 4px;
}

/* general params
--------------------*/




table {
	margin : 0;
	empty-cells: hide;
	font-size:small;
}
hr,.areaAnchor,.anchor { display : none; }
img {
	border: none;/* img do not want a border */
	vertical-align: bottom;
}
li {
	list-style: none;
}/* link do not want a dot */

/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{cursor:help;}

/*

/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{cursor:help;}

/*
===== 3: link setting ===========================
*/
a:link{
	color: #000066;
	text-decoration: none;
}
a:visited{
	color: #551A8B;
	text-decoration: none;
}
a:hover{
	color: #FF3333;
	text-decoration:none;
}
a:active{
	color: #990000;
}
#topic {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#topic li {
	margin: 10px;
}
#topic ul {
	padding: 0px 10px 10px 5px;
	margin: 0px;
}
#topic a:link {
	color: #003366;
	text-decoration: none;
	line-height: 22px;
	display: block;
	padding: 10px 10px 10px 30px;
	background-image: url(img/topic_bg.png);
	font-size: 100%;
}

/** html #topic a:link { behavior: expression(IEPNGFIX.fix(this)); }*/

#topic a:visited {
	color: #003366;
	text-decoration: none;
	line-height: 22px;
	display: block;
	padding: 10px 10px 10px 30px;
	background-image: url(img/topic_bg.png);
}

/** html #topic a:visited { behavior: expression(IEPNGFIX.fix(this)); }*/

#topic a:hover{
	color: #121212;
	text-decoration:none;
	background-image: url(img/topic_bg2.png);
}

/** html #topic a:hover { behavior: expression(IEPNGFIX.fix(this)); }*/

#topic a:active{
	color: #990000;
	background-image: url(img/topic_bg2.png);
}

/** html #topic a:active { behavior: expression(IEPNGFIX.fix(this)); }*/

#topic p {
	text-align: left;
	margin: 5px 15px 5px 5px;
	background-image: url(img/topic_bg.png);
	background-repeat: repeat;
	border: 1px solid #CCCCCC;
	position: relative;
}
#topic p.backstar {
	text-align: left;
	margin: 5px 15px 5px 5px;
	background-image: url(img/topic_bg3.png) right top;
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
}
/** html #topic p { behavior: expression(IEPNGFIX.fix(this)); }*/

#topic h1 {
	font-size: 18px;
	padding: 10px 25px 0px 10px;
	margin: 0px 5px 5px 5px;
	color: #0078BC;
	font-weight: bold;
}
#topic h2 {
	font-size: 14px;
	border: 1px solid #CCCCCC;
	margin: 0px 15px 5px 5px;
	padding: 10px 25px;
	color: #FFFFFF;
	background-color: #0078BC;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 3px;
}
#topic h3 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #376E53;
	border-right-color: #376E53;
	border-bottom-color: #376E53;
	border-left-color: #376E53;
	background-image: url(img/topic_title.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 300px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
	line-height: 22px;
	letter-spacing: 2px;
}
#topic h4{
	font-size: 14px;
	border: 1px solid #CCCCCC;
	margin: 0px 15px 5px 5px;
	padding: 10px 30px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 3px;
	background-color:#0078BC;
	color: #fff;
	}
#topic h4 a{
	padding: 5px;
	color: #fff;
}
#topic h4 a:hover{
	color: #fff;
}
#dvd {
	background-image: url(img/topic_cd_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#cd {
	background-image: url(img/topic_cd.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#sidebar1 img {
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#sidebar1 h3 {
	font-size: x-small;
	font-weight: bold;
}
#goup {
	text-align: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	margin-top: 10px;
}
.mark_new{
background-image:url(img/new1.gif);
background-position:right;
background-repeat:no-repeat;
}
.float_right {
	float: right;
}
.twoColFixLtHdr #container #side_shadow #contents #mainContent #topic #cd img {
	float: right;
}
.twoColFixLtHdr #container #side_shadow #contents #mainContent #topic img {
	float: right;
	left: 465px;
}
#quicklink {
	background-image: url(img/bg_border.gif);
	background-repeat: repeat;
	margin-bottom: 10px;
}
#quicklink ul {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	padding-right: 0px;
	padding-left: 30px;
}
#quicklink li {
	list-style-image: url(img/down_arrow.gif);
	margin: 5px 0px 5px 0px;
}
#quicklinkup {
	background-image: url(img/bg_border.gif);
	background-repeat: repeat;
	margin-bottom: 10px;
}
#quicklinkup ul {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	padding-right: 0px;
	padding-left: 30px;
}
#quicklinkup li {
	list-style-image: url(img/down_arrowup.gif);
	margin: 5px 0px 5px 0px;
}
#corp ul {
	padding: 0px;
	/*margin-top: 30px;*/
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#desc {
	margin: 0px 15px 0px 5px;
	background-image: url(img/topic_bg.png);
	background-repeat: repeat;
	border: 1px solid #CCCCCC;
	padding: 10px 30px;
	font-size: 14px;
}
#desc2 {
	margin: 0px 15px 0px 5px;
	background-image: url(img/topic_bg.png);
	background-repeat: repeat;
	border: 1px solid #CCCCCC;
	padding: 10px 120px;
	font-size: 14px;
	zoom: 1;
}
#desc2 p {
	text-align: left;
	line-height: 2.2;
	margin: 20px 0px;
}
/** html #desc { behavior: expression(IEPNGFIX.fix(this)); }*/

#desc p {
	text-align: left;
	line-height: 6.0;
	margin: 40px 0px;
}
#desc > p{
	text-align: left;
	line-height: 6.0;
	margin: 20px 0px 40px 0;
}
#article h1 {
	font-size: 16px;
	padding: 10px 25px 0px 10px;
	margin: 0px 5px 5px 5px;
	color: #0078BC;
	font-weight: bold;
}
#article h2 {
	font-size: 14px;
	border: 1px solid #CCCCCC;
	margin: 0px 15px 5px 5px;
	padding: 10px 25px;
	color: #FFFFFF;
	background-color: #0078BC;
	font-weight: normal;
	text-decoration: none;
}
#article h3 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #376E53;
	border-right-color: #376E53;
	border-bottom-color: #376E53;
	border-left-color: #376E53;
	background-image: url(img/topic_title.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
}
#sub_atcl {
	padding: 5px;
	margin: 10px 0px;
	border: 1px dashed #CCCCCC;
}
#sub_atcl h1 {
	font-size: 14px;
	font-weight: bold;
}
#ad h1 {
	font-size: 16px;
	padding: 10px 25px 0px 10px;
	margin: 0px 5px 5px 5px;
	color: #0078BC;
	font-weight: bold;
}
#ad h1.article {
	background-color:#0078BC;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	line-height:1.6;
	margin:20px 0 0;
	padding:15px 25px;
	width:410px;
}
#ad h2 {
	font-size: 18px;
	border: 1px solid #CCCCCC;
	margin: 10px 15px 5px 5px;
	padding: 20px 25px;
	color: #FFFFFF;
	background-color: #CC0033;
	font-weight: normal;
	text-decoration: none;
	background-image: url(img/doc_title2.gif);
	background-position: center;
}
#ad h3 {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	background-image: url(img/doc_title.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
	border: 1px solid ff6816;
	line-height: 1.8;
}
#ad a:link {
	color: #990000;
}
#ad a:visited{
	color: #990000;
	text-decoration: none;
}
#ad a:hover{
	color: #CC0000;
	text-decoration:none;
	background-color: transparent;
}
#ad a:active{
	color: #990000;
	background-image: url(img/topic_bg2.png);
}
#shomei {
	background-color: #e2e2e2;
	line-height: 22px;
	color: #333333;
	padding-left: 300px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #A7ABB7;
	border-bottom-color: #A7ABB7;
	border-left-color: #A7ABB7;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.yellobg {
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 320px;
	background-image: url(img/yellow_bg.gif);
}
#card {
	background-image: url(img/doc_card_bg.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
#checklist {
	border: 1px solid #5AB84E;
	margin: 50px 0px;
	background-color: #D8FCCA;
	padding: 15px;
}
#checklist ul{
}
#checklist li{
	margin: 20px 0px;
	line-height: 35px;
	list-style-type: circle;
}
#redflag {
	border: 1px solid #FF544A;
	background-color: #FFD7D7;
	margin: 50px 0px;
}
#redflag ul{
margin: 60px 0px;
	margin-left: 20px;
}
#redflag li{
	list-style-image: url(img/flag_red.png);
	list-style-position: outside;
	padding-left: 5px;
	margin: 35px 0px;
	line-height: 35px;
	padding-right: 20px;
}
#blueflag {
	border: 1px solid #43B2FF;
	margin: 50px 0px;
	background-color: #E2FAFF;
}
#blueflag ul{
	margin: 60px 0px;
	margin-left: 20px;
}
#blueflag li{
	list-style-image: url(img/flag_blue.png);
	list-style-position: outside;
	padding-left: 5px;
	margin: 35px 0px;
	line-height: 35px;
	padding-right: 20px;
}
.tensen {
	border: 1px dashed #000066;
	padding: 5px;
}
.yello_bg {
	background-image: url(img/yellow_bg.gif);
	padding: 30px;
	margin: 50px 0px;
}
.bigtitle {
	margin-left: 5px;
}
.blue {
	border: 1px solid #43B2FF;
	margin: 50px 0px;
	background-color: #E2FAFF;
	padding: 40px 20px;
}
.yellow {
	border: 1px solid #CCFF33;
	margin: 50px 0px;
	background-color: #FFFFCC;
	padding: 40px 20px;
}
.list_table {
	font-size: 14px;
}
.list_table tr td{
	padding: 0px;
	vertical-align: top;
	margin: 20px;
}
.list_table img {
}
.redback {
	background-color: #EDFFF3;
	width: 100%;
	padding-left: 20px;
	margin-right: 20px;
}
#desc p .18b {
	font-size: 18px;
	font-weight: bold;
}
#side_artcl {
	border: 1px solid #CCCCCC;
	line-height: 24px;
	padding: 5px;
	margin-bottom: 15px;
}
#side_artcl img{
	border: thin solid #999999;
}
#inst{
	margin: 0px 0px 25px 0px;
	border: thin solid #CCCCCC;
	line-height: 45px;
}
#inst table td ul{
	margin:0px;
	padding: 0px;
}
#inst table td ul li{
	margin:0px 0px 10px 0px;
	color:#000099;
	list-style-type: disc;
	list-style-position: inside;
}
.whitebold{
	color:#FFFFFF;
	font-weight: bold;
}
#riyu{
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border: 1px;
	}
#riyu ul li{
	list-style:disc;
}
#riyu ol{
}
#riyu li{
	color:#003399;
	padding:10px 0px;
	list-style-type: decimal;
	line-height: 40px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#onedan {
	color: #990000;
}
.onedan {
	color: #990000;
}
.card_title_indent {
	margin-left: 45px;
}
.t10{
	font-size: 10px;
}
.t12{
font-size:12px;
}
.t16b{
	font-weight:bold;
	font-size: 16px;
}
.t18b{
font-size:18px;
font-weight:bold;
}
.underline{
text-decoration:underline;
color:#000066;
font-weight:bold;
}
.bluetest{
color:#000066;
}
.14b {
	font-size: 14px;
	font-weight: bold;
}
.14b-under {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
.clear_img {
	margin: 0px;
	padding: 0px;
}
.bannerback{
	background-color: #EDFFF3;
	width: 400px;
	padding: 25px 15px;
}


/*----------------------------
 +Honbun TouTube Movie Sample
-----------------------------*/

#desc .movie{
padding-left:70px;
}

.side-banner
{
	display: block;
	width: 180px;
	text-align: center;
}
.side-banner img
{
	text-align: center;
}

/*--------------------------
	+Left SideBar Movie Content Link
------------------------------------*/
div#douga
{
	width:100%;
}
div#douga h1
{
	font-size: 16px;
	font-weight: bold;
	color:#ffffff;
	padding: 10px;
	margin: 0;
	background-color: #000033;
}
div#douga h2
{
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	background-image:none;
	background-color:transparent;
	color: #000033;
	border: none;
	outline:none;
}
div#douga div.moviebox
{
	width: 185px;
	display: block;
	float: left;
	padding: 10px 15px;
	border: 1px solid #666;
	margin: 5px;
	height: 280px;
	background-color:#EEEEF7;
}
* html div#douga div.moviebox
{
	width: 185px;
	display: block;
	float: left;
	padding: 5px 5px;
	border: 1px solid #666;
	margin: 5px;
	height: 280px;
	background-color:#EEEEF7;
}
div#douga div.moviebox img
{
	margin: 5px 0;
}
div#douga div.moviebox a
{
	font-size: 12px;
	color: #333333;
}
.clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {display: inline-table;}
/* Start IE-mac ¥*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End IE-mac */

div.extraContent{
	background-color: #D8E6F3;
	padding: 10px 20px;	
}
#desc div.extraContent p{
	margin:5px 0;
	padding: 0;
	line-height:1.4;
}
ul.point li{
	font-size:15px;
	font-weight:bold;
	list-style-type:disc;
	line-height:1.6;
	}
div#head-img{
	width:100%;
	text-align: center;
	background-color:e8e8e8;
	}
div.haba{
	padding: 0 10px;
}
div.newform{
width:450px;
font-size: 13px;
}
div.newform span.x-small{
font-size:12px;
}
p.prof{
	font-size: 14px;
	padding: 10px 5px;
	background-color:#DBFFFB;
	line-height: 1.6;
}
p.prof img{
	float:left;
	margin: 15px 15px 15px 5px;
}
h1.pod-tittle{
	color: #0078BC;
}
td.inputBox{
	padding: 20px;
	font-size: 14px;
}
div#merumagaForm{
	margin-right: 23px;
	border: 3px solid #F7DE47;
	margin-left: 7px;
	background-color: #FFF8A8;
	margin-top: 5px;
}
div#merumagaForm div{
	padding: 10px 20px;
}
div#merumagaForm h2{
	padding: 3px 20px;
	background-image:none;
	background-color:#F7DE47;
	font-size:18px;
	border:0px solid #ffffff;
	margin:0;
}
div#merumagaForm h3{
	padding: 3px 20px;
	background-image:none;
	background-color:#FFEA96;
	font-size:16px;
	border:0px solid #ffffff;
	margin:0;
}
div#merumagaForm p{
	background-image:none;
	background-color:transparent;
	font-size:14px;
	border:0px solid #ffffff;
	padding:0;
	margin:0;
}
div#merumagaForm a:link{
	color: #FF0000;
}
div#merumagaForm form{
	margin: 10px;
}