/* basic CSS */

body {
	font-size: small;
	margin: 0 auto;
	text-align: center; /* [Windows IE5.5]　センター揃え */
	padding: 0;
	/*background: url(../image/img_body-bg.gif) repeat-y center;*/
	background:url(../image/img_body-bg2.gif) repeat-y center;
 /* [Windows IE6] bodyとdivでセンター揃えが1pxずれる */
}

a:link {color:#3366FF;text-decoration:underline;}
a:visited {color:#3366FF;text-decoration:underline;}
a:active {}
a:hover {color:#3366FF;text-decoration:none;}

/* 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:490px;
	 height:40px;
	 float:left;
	 background:url(../image/img_h_title.gif) no-repeat;
	}
	
	#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;}

/* -------------------------------------------------- */		
/* 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:95px;background:url(../image/btn_g01-on.gif) no-repeat;}
	li#g02 {width:103px;background:url(../image/btn_g02-on.gif) no-repeat;}
	li#g03 {width:131px;background:url(../image/btn_g03-on.gif) no-repeat;}
	li#g04 {width:117px;background:url(../image/btn_g04-on.gif) no-repeat;}
	li#g05 {width:132px;background:url(../image/btn_g05-on.gif) no-repeat;}
	li#g06 {width:109px;background:url(../image/btn_g06-on.gif) no-repeat;}
	li#g07 {width:73px;background:url(../image/btn_g07-on.gif) no-repeat;}
	
	a#g01 {width:95px;background:url(../image/btn_g01.gif) no-repeat;}
	a#g02 {width:103px;background:url(../image/btn_g02.gif) no-repeat;}
	a#g03 {width:131px;background:url(../image/btn_g03.gif) no-repeat;}
	a#g04 {width:117px;background:url(../image/btn_g04.gif) no-repeat;}
	a#g05 {width:132px;background:url(../image/btn_g05.gif) no-repeat;}
	a#g06 {width:109px;background:url(../image/btn_g06.gif) no-repeat;}
	a#g07 {width:73px;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;}

/* -------------------------------------------------- */		
/* contents */

#contents {color:#333333;font-size:90%;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;}

/* -------------------------------------------------- */		
/* 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:85%;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;margin-bottom:1px;}
	#r04 {background:url(../image/btn_r04.jpg) no-repeat;}
	
	/* 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;}
	
	#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:270px;
	 height:15px;
	 float:left;
	 background:url(../image/img_f_copyright.gif) no-repeat;
	}
	#F_menu {
	 position:relative;
	 margin:5px 0 0 0;
	 top:5px;
	 width:165px;
	 height:15px;
	 float:right;
	}
	#F_menu a {display:block;height:15px;float:left;}
		#f01{width:39px;background:url(../image/btn_f01.gif) no-repeat;}
		#f02{width:60px;background:url(../image/btn_f02.gif) no-repeat;}
		#f03{width:94px;background:url(../image/btn_f03.gif) no-repeat;}
		#f04{width:32px;background:url(../image/btn_f04.gif) no-repeat;}
	
/*BUG Safari*/	
	#copyright {
	 position:relative;
	 margin:0;
	 top:5px;
	 left:20px;
	 width:270px;
	 height:15px;
	 float:left;
	 background:url(../image/img_f_copyright.gif) no-repeat;#
	}
	
	#F_menu {
	 margin:0;#
	}
	#F_menu a {display:block;height:15px;float:left;#}
/* ----- */

/* -------------------------------------------------- */

/* Windows IE5.5用CSSを外部読み込み */
@media tty {
i{content:"\";/*""*/}} @import url('ie5win.css');/*";}
}/* */
