@charset "utf-8";

/* ------------------------ サイトの基本構造 ------------------------ */

html{
	height:100%;
}

body{
	height:100%;
	margin:0;
	padding:0;
	font-size:small;
	color:#444;
	background:url(../shared/bg.gif);
}

#wrapper{
	width:801px;
	height:100%;
	margin:0 auto;
	background:url(../shared/wrapper_bg.gif) repeat-y;
}

#mainframe{
	width:780px;
	padding:0 11px 0 10px;
	background:url(../shared/wrapper_bg.gif) repeat-y;
}

#header{
	width:100%;
	height:57px;
}

#menu{
	clear:both;
	width:100%;
}

#content{
	width:100%;
}

#footer{
	width:100%;
}

/* ------------------------ サイトの固有属性 ------------------------ */

h1,h2,h3,h4,h5{
	line-hight:100%;
	font-weight:normal;
	font-size:1em;
	margin:0;
	padding:0;
}

ruby{
	ruby-align:left;
}

rt{
	font-size:1em;
}

ul,ol,dl,li,dl,dt,dd{
	padding:0;
	margin:0;
}

img,area,table{
	border:0;
}

h1,h2,h3,h4,h5{
	line-hight:100%;
	font-size:1em;
	margin:0;
	padding:0;
}

form{
	margin:0;
	padding:0;
	display:inline;
}

a{
	color:#444;
	text-decoration:none;
}

a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

/* 区切りの処理 */

.boundarybrake{
	width:100%;
	background:url(../shared/line_brake_gray.gif);
	height:1px;
	overflow:hidden;
}

	.boundarybrake hr{
		display:none
	}

.boundary{
	float:left;
	background:#000;
	width:100%;
	height:1px;
	overflow:hidden;
}

	.boundary hr{
		display:none
	}
	
.boundaryblue{
	float:left;
	background:#99C;
	width:100%;
	height:1px;
	overflow:hidden;
}

	

/* コンテンツページ用区切り線 */
.contentboundary{
	width:670px;
	background:#999;
	height:1px;
	margin:15px 0;
	overflow:hidden;
}

	.contentboundary hr{
		display:none
	}


/* ------------------------ ヘッダー ------------------------ */

#headerL{
	float:left;
	width:320px;
	height:57px;
	background:url(../shared/ttl_main.gif);
}

	#headerL a{
		display:block;
		width:320px;
		height:57px;
		text-indent:-9999px;
		text-decoration:none;
	}

#headerR{
	float:left;
	width:215px;
	margin:8px 0 0 245px;
}

	*html body #headerR{
		width:338px;
		margin:8px 0 0 122px;
	}

	.headerlink1{
		float:left;
		height:16px;
		list-style:none;
	}
	
		.headerlink1 a{
			display:block;
			height:16px;
			text-indent:-9999px;
			text-decoration:none;
		}

	.headerlink2{
		float:left;
		width:79px;
		height:21px;
		list-style:none;
	}
	
		.headerlink2 a{
			display:block;
			width:79px;
			height:21px;
			text-indent:-9999px;
			text-decoration:none;
		}

		#linkcontactus{
			width:95px;
			background:url(../shared/lnk_contactus.gif);
		}

			#linkcontactus a{width:95px;}
	
		#linksitemap{
			width:81px;
			background:url(../shared/lnk_sitemap.gif);
			margin-left:121px;
		}

			#linksitemap a{width:81px;}
	
	#linkjhs{
		background:url(../shared/btn_jhs.gif);
		margin:7px 0 0 40px;
	}
	
		*html body #linkjhs{margin:7px 0 0 80px;	}

			#linkjhs a:hover{background:url(../shared/btn_jhs_r.gif);}
	
	#linkenglish{
		background:url(../shared/btn_english.gif);
		margin:7px 0 0 5px;
	}
	
			#linkenglish a:hover{background:url(../shared/btn_english_r.gif);}


/* メニュー */

	#menu li{
		float:left;
		width:130px;
		height:48px;
		list-style:none;
	}

		#menu li a,#menu li em{
			display:block;
			width:130px;
			height:48px;
			text-indent:-9999px;
			text-decoration:none;
		}

			#menu1{background:url(../shared/menu1.gif);}
			#menu2{background:url(../shared/menu2.gif);}
			#menu3{background:url(../shared/menu3.gif);}
			#menu4{background:url(../shared/menu4.gif);}
			#menu5{background:url(../shared/menu5.gif);}
			#menu6{background:url(../shared/menu6.gif);}
			#menu7{background:url(../shared/menu7.gif);}
	
				#menu1 a:hover{background:url(../shared/menu1r.gif);}
				#menu2 a:hover{background:url(../shared/menu2r.gif);}
				#menu3 a:hover{background:url(../shared/menu3r.gif);}
				#menu4 a:hover{background:url(../shared/menu4r.gif);}
				#menu5 a:hover{background:url(../shared/menu5r.gif);}
				#menu6 a:hover{background:url(../shared/menu6r.gif);}
				#menu7 a:hover{background:url(../shared/menu7r.gif);}



/* ------------------------ コンテンツ ------------------------ */


/* コンテンツ基本構造 */

#imagemain{
	width:780px;
	height:120px;
}


	#imagemain h2{
		display:block;
		margin:57px 0 0 24px;
		width:720px;
		height:34px;
		text-indent:-9999px;
		text-decoration:none;
	}
	
		#pankuzu{
			width:700px;
			margin:62px 0 0 38px;
			font-size:12px;
		}
		
			*+html #pankuzu{margin:7px 0 0 38px;			}
		
			*html #pankuzu{margin:7px 0 0 38px;}
		

/* サブメニュー */

#submenu{
	float:left;
	width:158px;
	margin:0 0 0 15px;
	padding:0 0 20px;
}
	
	*html #submenu{
		margin:0 0 0 7px;
	}

	#submenu li{
		width:158px;
		height:28px;
		list-style:none;
		margin:1px 0;
	}

		#submenu li a{
			display:block;
			width:155px;
			height:28px;
			text-indent:-9999px;
			text-decoration:none;
		}

	#submenu img{
		margin:2px 0;
	}

#topimage{
	text-align:center;
}

/* INDEXサブメニュー */

#index #submenu{
	width:746px;
	margin:10px 0 0 0;
	padding:0 0 0 25px;
}

	#index #submenu li{
		float:left;
		width:235px;
		height:56px;
		margin:10px 13px 0 0;
	}

		#index #submenu li a{
			display:block;
			width:235px;
			height:56px;
			text-indent:-9999px;
			text-decoration:none;
		}

.link1{
	background:url(../shared/arrow_squre3_red.gif) no-repeat 0 50%;
	padding-left:17px;
	font-size:14px;
}

#main{
	float:left;
	width:550px;
	margin:0 0 0 28px;
}


	.floatimageR{
		float:right;
		margin:0 0 0 15px;		
	}


	.floatimageL{
		float:left;
		margin:0 15px 0 0;		
	}



/* ------------------------ フッター ------------------------ */

#footerupper{
	clear:both;
	width:100%;
	height:38px;
}

	#footerupperL{
		float:left;
		width:219px;
		height:19px;
		margin:10px 0 0 16px;
		background:url(../shared/img_logofooter.gif);
	}

		#footerupperL a{
			display:block;
			width:219px;
			height:19px;
			text-indent:-9999px;
			text-decoration:none;
		}
	
	#footerupperR{
		float:right;
		width:99px;
		height:13px;
		margin:12px 16px 0 0;
		background:url(../shared/lnk_totop.gif);
	}

		#footerupperR a{
			display:block;
			width:99px;
			height:13px;
			text-indent:-9999px;
			text-decoration:none;
		}

#footerbottom{
	clear:both;
	width:100%;
	height:35px;
	border-top:1px solid #99C;
}

	#footerbottomL{
		float:left;
		width:394px;
		padding:11px 0 0 16px;
		font-size:12px;
	}

	#footerbottomR{
		float:left;
		width:354px;
		padding:8px 16px 0 0;
		font-family:sans-serif;
		font-size:10px;
		text-align:right;
	}