/* basic CSS */

body {
 font-size:small;
 font-family:Arial, Helvetica,  sans-serif;
 margin:0 auto;
 text-align:center;/* [Windows IE5.5]　センター揃え */
 padding:0;
 background:url(../image/img_body-bg.gif) repeat-y center;
}

a:link {color:#3366FF;text-decoration:underline;}
a:visited {color:#3366FF;text-decoration:underline;}
a:active {}
a:hover {color:#3366FF;text-decoration:none;}

a.blank{
	background:url(../../common/image/blank.gif) no-repeat center right;
	padding-right:17px;
}
a.pdf{
	background:url(../../common/image/icon_pdf.gif) no-repeat 100% 50%;
	padding-right:17px;
}
a.doc{
	background:url(../../common/image/icon_doc.gif) no-repeat 100% 50%;
	padding-right:17px;
}
a.excel{
	background:url(../../common/image/icon_excel.gif) no-repeat 100% 50%;
	padding-right:17px;
}

.center,
.ta_center{
	text-align:center;
}
ta_left{
	text-align:left;
}
ta_right{
	text-align:right;
}

/* layout */

#bg {width:766px;margin:0 auto;padding:0;background:url(../image/img_body-bg.gif) repeat-y center;}
/* [Windows IE6] bodyとdivでセンター揃えが1pxずれる為、もう一度divで背景を表示 */

	#container {width:766px;margin:0;padding:0;text-align:left;}

		#header {position:relative;width:760px;margin:0 3px;height:64px;clear:both;}
		#G-menu {position:relative;width:760px;margin:0 3px;height:36px;clear:both;}
		
		#side_bg {
		 position:relative;
		 width:760px;
		 margin:0 3px;
		 padding-bottom:20px;
		 text-align:left;
		 background:url(../image/img_side_bg-bg.gif) repeat-y;
		 clear:both;
		} /* 左メニューよりメイン部分の方が高さがある場合に表示させる背景 */
				
			#main{
			 position:relative;
			 top:0;
			 right:0;
			 width:564px;
			 float:right;
			 overflow:hidden;
			 /* [Mac IE] BUG */
	 		 /* \*/
			 overflow:visible;
			 _overflow:hidden;
			 /* */
			 background:#FFFFFF;
			}

			#contents-inner {
				 display:block;
				 margin:0;
				 width:564px;
				 float:right;
				 text-align:left;
				}
				#navi {
				 position:relative;
				 right:0;
				 display:block;
				 width:564px;
				 height:36px;
				 background:url(../image/img_navi-bg.gif) repeat-x top;
				}
				#contents {
				 display:block;
				 margin:10px 10px 0 10px;
				 width:544px;
				 float:right;
				 text-align:left;
				}
			#side {
			 position:relative;
			 width:196px;
			 top:0;
			 display:block;
			 float:left;
			 overflow:hidden;
			 background:url(../image/img_side-bg.gif) repeat-x top #F2F2F2;
			}

		#footer {position:relative;width:760px;margin:0 3px;height:50px;clear:both;border-top:1px solid #CCCCCC;}
		
/* useful */

img {margin:0;padding:0;border:none;}
form {margin:0;padding:0;}
input {margin:0;padding:0;font-size:11px;}
select {margin:0;padding:0;font-size:11px;}
p {margin:0;padding:0;}
ul, ol {margin:0;padding:0;}
li {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;}
hr {display:none;}
.clear {display:block;clear:both;}
div.clear {display:block;clear:both;height:1px;font-size:1px;}

/* -------------------------------------------------- */		
/* header */

#header h4 {display:none;}
#header span {display:none;}

	#h01 {
	 margin-left:24px;
	 _margin-left:12px;
	 position:relative;
	 display:block;
	 width:154px;
	 height:24px;
	 line-height:31px;
	 float:left;
	 font-size:10px;
	 text-align:left;
	 overflow:hidden;
	}
	
	#h_title {
	 position:relative;
	 display:block;
	 width:420px;
	 height:40px;
	 float:left;
	 background:url(../image/img_h_title.gif) no-repeat left top;
	}
	
	#h_language {
	 position:relative;
	 height:24px;
	 padding-right: 10px;
	 padding-left: 300px;
	 float: right;
	}
	#h_language li {
	 margin:9px 0 0 5px;
	 padding:0 0 0 13px;
	 list-style:none;
	 height:13px;
	 float:left;
	 overflow:hidden;
	 background:url(../image/icon_h_lang-mark.gif) no-repeat left top;
	}
	li.ja {width: 37px;}
	li.en {width: 48px;}
	li.ko {width: 40px;}
	li.ch {width: 46px;}
	li.tch {width: 46px;}

	#h_search {
	 position:absolute;
	 top:6px;
	 right:0;
	 width:254px;
	 height:18px;
	 float:right;
	 text-align:right;
	 background:url(../image/img_h_search.gif) no-repeat top left;
	}
	#h_search input#text {width:130px;height:14px;font-size:12px;vertical-align:middle;}
	#h_search input#btn {margin:0 5px;width:30px;height:18px;vertical-align:middle;}
	
	#h_home {
	 position:absolute;
	 top:41px;
	 right:3px;
	 display:block;
	 width:71px;
	 height:23px;
	 float:right;
	 background:url(../image/btn_home.gif) no-repeat top left;
	}
	
	a#h_home:hover {background:url(../image/btn_home-on.gif) no-repeat top left;}
	
	/* 121112追加 */
#h_t2 {
	 position:absolute;
	 top:35px;
	 right:210px;
	 display:block;
	 width:111px;
	 height:25px;
	 background:url(../image/btn_top_t2.jpg) no-repeat top left;
	}

a#h_t2:hover {background:url(../image/btn_top_t2_on.jpg) no-repeat top left;}

#h_banner_fb { 
	 position:absolute;
	 top:43px;
	 right:77px;
	 display:block;
	 width:106px;
	 height:18px;
	 background:url(../../../common/image/img_h_banner_fb.jpg) no-repeat top left;
}

/* -------------------------------------------------- */		
/* G-menu */

#G-menu li {list-style:none;height:36px;float:left;}
#G-menu a {display:block;height:36px;}
#G-menu span {display:none;}
	
	li#g01 {width:107px;background:url(../image/btn_g01-on.gif) no-repeat;}
	li#g02 {width:126px;background:url(../image/btn_g02-on.gif) no-repeat;}
	li#g03 {width:137px;background:url(../image/btn_g03-on.gif) no-repeat;}
	li#g04 {width:110px;background:url(../image/btn_g04-on.gif) no-repeat;}
	li#g05 {width:140px;background:url(../image/btn_g05-on.gif) no-repeat;}
	li#g06 {width:87px;background:url(../image/btn_g06-on.gif) no-repeat;}
	li#g07 {width:53px;background:url(../image/btn_g07-on.gif) no-repeat;}
	
	a#g01 {width:107px;background:url(../image/btn_g01.gif) no-repeat;}
	a#g02 {width:126px;background:url(../image/btn_g02.gif) no-repeat;}
	a#g03 {width:137px;background:url(../image/btn_g03.gif) no-repeat;}
	a#g04 {width:110px;background:url(../image/btn_g04.gif) no-repeat;}
	a#g05 {width:140px;background:url(../image/btn_g05.gif) no-repeat;}
	a#g06 {width:87px;background:url(../image/btn_g06.gif) no-repeat;}
	a#g07 {width:53px;background:url(../image/btn_g07.gif) no-repeat;}
	
	a#g01:hover {background:url(../image/btn_g01-on.gif) no-repeat;}
	a#g02:hover {background:url(../image/btn_g02-on.gif) no-repeat;}
	a#g03:hover {background:url(../image/btn_g03-on.gif) no-repeat;}
	a#g04:hover {background:url(../image/btn_g04-on.gif) no-repeat;}
	a#g05:hover {background:url(../image/btn_g05-on.gif) no-repeat;}
	a#g06:hover {background:url(../image/btn_g06-on.gif) no-repeat;}
	a#g07:hover {background:url(../image/btn_g07-on.gif) no-repeat;}

/* -------------------------------------------------- */		
/* navi */

#navi p {padding-left:15px;line-height:36px;vertical-align:middle;font-size:smaller;color:#FFFFFF;}
#navi a {color:#FFFFFF;text-decoration:underline;}
#navi a:visited {color:#EEEEEE;text-decoration:underline;}
#navi a:hover {color:#FFFFFF;text-decoration:none;}

#navi p.long {
	padding-top:5px;
	vertical-align:top;
	line-height:1.2;
	font-size:11px;
}

/* -------------------------------------------------- */		
/* contents */

#contents {color:#333333;font-size:small;line-height:130%;}

#contents h1.Top {width:544px;height:42px;}
#contents h1.Sub {width:544px;height:40px;}

#contents h1 span {display:none;}

#contents p {margin-top:10px;}
#contents div.left_text {
	float: left;
	width: 359px;
}
#contents ul.right_img {
	float: right;
	width: 131px;
	margin-top: 10px;
}
#contents ul.right_img li {
	list-style:none;
	margin-bottom: 5px;
	width: 129px;
	text-align: center;
	font-size: x-small;
}
#contents span.non {
	text-decoration: line-through;
}


#contents .red {color:#FF0000;}
#contents .red_box {
	color:#FF0000;
	padding: 2px;
	border: 1px solid #FF0000;
	line-height: 200%;
}
#contents .big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bolder;
}
#contents caption {text-align:left;}
#contents .pagetop {clear:both;margin:10px 20px 0 20px;text-align:right;font-size:smaller;}

/* 140327 追加 */
#contents div.left_text2 {float: left;width: 300px; margin-bottom:20px}
#contents ul.right_img2 {float: right;width: 190px;margin-top: 10px;list-style:none;}


/* -------------------------------------------------- */		
/* side */

#side div.title {position:relative;margin:8px 0 0px 6px;width:183px;overflow:hidden;}
#side ol {position:relative;margin:0px 0 10px 6px;width:183px;overflow:hidden;background:url(../image/img_sideg-bg.gif) repeat-y;}
#side ul.dept3 {padding:9px 12px;font-size:smaller;line-height:140%;border-bottom:1px solid #D9D9D9;}
#side li {
	list-style:none;
	display:inline;
	text-align: left;
}
#side a {display:block;}
#side span {display:none;}

	/* R-menu */
	.R-menu {position:relative;margin:0 0 9px 6px;width:183px;overflow:hidden;}
	.R-menu a {width:183px;height:45px;}
	
	#r01 {background:url(../image/btn_r01.jpg) no-repeat;margin-bottom:1px;}
	#r02 {background:url(../image/btn_r02.jpg) no-repeat;}
	#r03 {background:url(../image/btn_r03.jpg) no-repeat;}
	#r04 {background:url(../image/btn_r04.jpg) no-repeat;margin-bottom:1px;}
	
	/* C-menu */

	.C-menu {position:relative;margin:0 0 0px 6px;width:183px;overflow:hidden;background:#DADCC7;}
	.C-menu a {margin:0 4px 1px 4px;width:175px;height:27px;}
	
	#c01 {background:url(../image/btn_c01.jpg) no-repeat;}
	#c02 {background:url(../image/btn_c02.jpg) no-repeat;}
	#c03 {background:url(../image/btn_c03.jpg) no-repeat;}
	#c04 {background:url(../image/btn_c04.jpg) no-repeat;}
	#c05 {background:url(../image/btn_c05.jpg) no-repeat;}
	#c06 {background:url(../image/btn_c06.jpg) no-repeat;}
	#c07 {background:url(../image/btn_c07.jpg) no-repeat;}
	#c08 {background:url(../image/btn_c08.jpg) no-repeat;}
	#c09 {background:url(../image/btn_c09.jpg) no-repeat;}
	#c10 {background:url(../image/btn_c10.jpg) no-repeat;}
	
	#side div.sidec-top {position:relative;margin:0px 0 0px 6px;width:183px;overflow:hidden;}
	#sidec-top {position:relative;height:4px;background:url(../image/img_sidec-top.gif) no-repeat;}
	#side div.sidec-bottom {position:relative;margin:0px 0 9px 6px;width:183px;overflow:hidden;}
	#sidec-bottom {position:relative;height:4px;background:url(../image/img_sidec-bottom.gif) no-repeat;}
	
/* -------------------------------------------------- */
/* footer */

#footer span {display:none;}
	
	#copyright {
	 position:relative;
	 margin:5px 0 0 20px;
	 top:5px;
	 left:20px;
	 width:290px;
	 height:15px;
	 float:left;
	 background:url(../../../common/image/img_f_copyright.gif) no-repeat;
	}
	#F_menu {
	 position:relative;
	 margin:5px 20px 0 0;
	 top:5px;
	 right:20px;
	 width:190px;
	 height:15px;
	 float:right;
	}
	#F_menu a {display:block;height:15px;float:left;}
		#f01{width:65px;background:url(../image/btn_f01.gif) no-repeat;}
		#f02{width:59px;background:url(../image/btn_f02.gif) no-repeat;}
		#f03{width:94px;background:url(../image/btn_f03.gif) no-repeat;}
		#f04{width:59px;background:url(../image/btn_f04.gif) no-repeat;}
	
/*BUG Safari*/	
	#copyright {
	 position:relative;
	 margin:0;
	 top:5px;
	 left:20px;
	 width:290px;
	 height:15px;
	 float:left;
	 background:url(../../../common/image/img_f_copyright.gif) no-repeat;
	}
	
	#F_menu {
	 position:relative;
	 margin:0;
	 top:5px;
	 right:20px;
	 width:190px;
	 height:15px;
	 float:right;
	}
	#F_menu a {display:block;height:15px;float:left;}

/* clearfix */
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
	}
.clearfix2{
	overflow:hidden;
}

/* rollover */
a:hover img.rollover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
	
/* その他追加 */

.pdf_area {
	width: 500px;
	border: 1px solid #666666;
	background-color: #e8e8e8;
	padding: 10px;
	margin: 10px 0;
	overflow:hidden;
	clear: both;
}
.pdf_area div.caption {
	float: left;
	width: 370px;
}
.pdf_area div.img {
	float: right;
	width: 125px;
}
#contents .red {color:#FF0000;}

#contents .red_box {
	color:#FF0000;
	padding: 2px;
	border: 1px solid #FF0000;
	line-height: 200%;
    }
#contents .red_box2 {
	color:#FF0000;
	padding: 10px;
	border: 2px solid #FF0000;
	line-height: 170%;
    }
#contents .red_box3 {
	color:#FF0000;
	padding: 5px;
	border: 1px solid #FF0000;
	line-height: 170%;
	display:block;
	margin:5px 0;
    }
#contents .red_box4 {
	color:#000000;
	padding: 5px;
	border: 1px solid #FF0000;
	line-height: 160%;
	display:block;
	margin:5px 20px 0 0;
	text-align:center;
    }
#contents .red_box5 {
	padding: 5px;
	border: 2px solid #FF0000;
	line-height: 160%;
	display:block;
	margin:5px 20px 0 0;
    }
	
#contents .red_box_6{
	margin-bottom:15px;
	padding:10px;
	border:2px solid #f00;
	line-height:1.4;
}
#contents .red_box_6 p.red_title{
	margin:0;
	padding:0;
	text-align:center;
	color:#f00;
}
#contents .black_box{
	padding:5px;
	border:1px solid #999;
	color:#f00;
}

#contents .information{
	margin:5px 0;
	border:2px solid #f00;
	padding:10px 10px;
	line-height:1.6;
}
#contents .information p{
	margin:0;
	padding:0;
}
#contents .information p.title{
	margin:0px;
	font-weight:bold;
	text-align:center;
	color:#f00;
	line-height:1.7;
}

.f_right{
	float:right;
}
.f_left{
	float:left;
}
.small{
	font-size:smaller;
}
.small2{
	font-size:90%;
}



.ta_left{ text-align:left;}
.ta_center{ text-align:center;}
.ta_right{ text-align:right;}


.mar_5{
	margin-bottom:5px;
}
.mar_10{
	margin-bottom:10px;
}
.mar_15{
	margin-bottom:15px;
}
.mar_20{
	margin-bottom:20px;
}
.mb0 { margin-bottom: 0px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb15{ margin-bottom: 15px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb25{ margin-bottom: 25px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb35{ margin-bottom: 35px !important; }
.mb40{ margin-bottom: 40px !important; }
.mb45{ margin-bottom: 45px !important; }
.mb50{ margin-bottom: 50px !important; }
.mb55{ margin-bottom: 55px !important; }
.mb60{ margin-bottom: 60px !important; }
.mb65{ margin-bottom: 65px !important; }
.mb70{ margin-bottom: 70px !important; }
.mb75{ margin-bottom: 75px !important; }
.mb80{ margin-bottom: 80px !important; }

.mt0{ margin-top: 0px !important; }
.mt10{ margin-top: 10px !important; }
.mt15{ margin-top: 15px !important; }
.mt20{ margin-top: 20px !important; }
.mt25{ margin-top: 25px !important; }
.mt30{ margin-top: 30px !important; }
.mt35{ margin-top: 35px !important; }
.mt40{ margin-top: 40px !important; }
.mt45{ margin-top: 45px !important; }
.mt50{ margin-top: 50px !important; }
.mt55{ margin-top: 55px !important; }
.mt60{ margin-top: 60px !important; }
.mt65{ margin-top: 65px !important; }
.mt70{ margin-top: 70px !important; }
.mt75{ margin-top: 75px !important; }
.mt80{ margin-top: 80px !important; }

.ml0{ margin-left: 0px !important; }
.ml5{ margin-left: 5px !important; }
.ml10{ margin-left: 10px !important; }
.ml15{ margin-left: 15px !important; }
.ml20{ margin-left: 20px !important; }
.ml25{ margin-left: 25px !important; }
.ml30{ margin-left: 30px !important; }
.ml35{ margin-left: 35px !important; }
.ml40{ margin-left: 40px !important; }
.ml45{ margin-left: 45px !important; }
.ml50{ margin-left: 50px !important; }
.ml55{ margin-left: 55px !important; }
.ml60{ margin-left: 60px !important; }
.ml65{ margin-left: 65px !important; }
.ml70{ margin-left: 70px !important; }
.ml75{ margin-left: 75px !important; }
.ml80{ margin-left: 80px !important; }

.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr10{ margin-right: 10px !important; }
.mr15{ margin-right: 15px !important; }
.mr20{ margin-right: 20px !important; }
.mr25{ margin-right: 25px !important; }
.mr30{ margin-right: 30px !important; }
.mr35{ margin-right: 35px !important; }
.mr40{ margin-right: 40px !important; }
.mr45{ margin-right: 45px !important; }
.mr50{ margin-right: 50px !important; }
.mr55{ margin-right: 55px !important; }
.mr60{ margin-right: 60px !important; }
.mr65{ margin-right: 65px !important; }
.mr70{ margin-right: 70px !important; }
.mr75{ margin-right: 75px !important; }
.mr80{ margin-right: 80px !important; }

#contents p.paddtext1{
	padding: 0 1em;
}
#contents p.paddtext2{
	padding: 0 2em;
}
#contents p.indent1{
	text-indent:1em;
	margin:0;
}
#contents p.indent2{
	text-indent:2em;
	margin:0;
}


table.td_center td{
	text-align:center;
}
img.img_triangle{
	margin-right:5px;
}
/*p.leftline{
	padding-left:5px;
	border-left:3px solid #000;
}*/


/* ---テーブル--- */
table.w510{
	width:510px;
}
table.w509{
	width:509px;
}
table.w508{
	width:508px;
}
table.w507{
	width:507px;
}
table.w506{
	width:506px;
}
table.w505{
	width:505px;
}
table.w504{
	width:504px;
}
table.w503{
	width:503px;
}
table.w502{
	width:502px;
}
table.w501{
	width:501px;
}
table.w500{
	width:500px;
}
table.w350{
	width:350px;
}
table.w300{
	width:300px;
}
table.w250{
	width:250px;
}

/* width指定 */
.w10p{
	width:10%;
}
.w15p{
	width:15%;
}
.w20p{
	width:20%;
}
.w25p{
	width:25%;
}
.w30p{
	width:30%;
}
.w35p{
	width:35%;
}
.w40p{
	width:40%;
}
.w45p{
	width:45%;
}
.w50p{
	width:50%;
}
.w55p{
	width:55%;
}

th.nowrap,
td.nowrap{
	white-space:nowrap;
}
/* ----- */

/* span用CSS */
span.block{
	display:inline-block;
	padding:2px 2px 0;
	margin-right:2px;
	line-height:1;
	font-size:86%;
}
span.bgblack{
	background:#333;
	color:#fff;
	border:1px solid #333;
}
span.bggray{
	background:#D7D7D7;
	color:#333;
	border:1px solid #D7D7D7;
}
span.bgdkgray{
	background:#666;
	color:#fff;
	border:1px solid #666;
}
span.bgwhite{
	color:#333;
	border:1px solid #333;	
}
span.bgltblue{
	background:#D2EAF4;
	color:#333;
	border:1px solid #D2EAF4;
}
span.bgblue{
	background:#00a3e1;
	color:#fff;
	border:1px solid #00a3e1;
}
span.bgdkblue{
	background:#036;
	color:#fff;
	border:1px solid #036;
}
span.bggreen{
	background:#8dc21f;
	color:#fff;
	border:1px solid #8dc21f;
}
span.bgdkgreen{
	background:#063;
	color:#fff;
	border:1px solid #063;
}
span.bgpurple{
	background:#306;
	color:#fff;
	border:1px solid #306;
}
span.bgyellow{
	background:#FFC;
	color:#333;
	border:1px solid #FFC;
}
span.bgdkyellow{
	background:#FF3;
	color:#333;
	border:1px solid #FF3;
}
span.bgpink{
	background:#F06;
	color:#fff;
	border:1px solid #F06;
}
span.bgdkpink{
	background:#C00;
	color:#fff;
	border:1px solid #C00;
}
span.bgorange{
	background:#F60;
	color:#333;
	border:1px solid #F60;
}
span.bgdkorange{
	background:#E34A00;
	color:#333;
	border:1px solid #E34A00;
}
span.bgred{
	background:#C00;
	color:#fff;
	border:1px solid #C00;
}
span.bgdkred{
	background:#900;
	color:#fff;
	border:1px solid #900;
}
span.underline{
	text-decoration:underline;
}

/* メンテナンス */
p.maintenance{
	width:449px;
	margin-right:5px;
	margin-bottom:5px;
	padding:0;
	/*text-align:center;*/
	font-size:13px;
}
p.maintenance a{
	display:block;
	width:437px;
	padding:5px;
	text-decoration:none;
	color:#f00;
	border:1px solid #f00;
	text-align:left;
}

p.maintenance a:hover{
	background:#ff0000;
	color:#fff;
}


/* -------------------------------------------------- */

/* Windows IE5.5用CSSを外部読み込み */
@media tty {
i{content:"\";/*""*/}} @import url('ie5win.css');/*";}
}/* */


/* スマートフォンサイトはこちら用スタイル */
#spsite {
    margin: 5px 0;
    height: 90px;
    color: #FFFFFF;
    font-size: 33px;
    font-weight: bold;
    text-align: center;
    background: #09F;
}
#spsite img{
	margin-right:60px;
}
#spsite a {
    display: block;
    color: #FFFFFF;
    line-height: 90px;
    text-decoration: none;
	float:left;
}
