@charset "utf-8";
@import url("reset.css");
/**************************************************************
基本構造
**************************************************************/
html {
	background-image: url(../../../images/common/background.png);
	background-repeat: repeat-x;
	background-color: #ffffff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 19px;
	text-align: center;
}
body {
	text-align: center;
	height: 100%;
	width: 100%;
}
#content {
	width: 850px;
	margin: 0 auto;
	text-align: left;
}
/**************************************************************
ヘッダ
**************************************************************/
#header {
	width: 850px;
	height: 63px;
	margin: 0 auto;
	text-align: left;
}
/*ロゴ*/
.logo {
	padding-top: 15px;
	width: 181px;
	height: 35px;
	float: left;
}
.logo a {
	height: 35px;
	width: 181px;
	display: block;
	text-indent: -9999999px;
	background-image: url(../../../images/common/header.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.logo a:hover { background-image: url(../../../images/common/header_hover.png);}
/*右BOX*/
#D_menu {
	float: right;
	width: 200px;
	height: 17px;
	margin-top: 30px;
	text-indent: -99999px;
}
#D_menu li {
	float: right;
	width: 72px;
	height: 17px;
	padding: 0 0 0 10px;
	display: block;
	list-style-position: inside;
	text-indent: -99999px;
}
/*言語選択*/
.sub03 a {
	width: 72px;
	height: 17px;
	display: block;
	text-indent: -9999999px;
	font-size: 1px;
	background-image: url(../../../images/common/header.png);
	background-repeat: no-repeat;
	background-position: -181px 0;
}
.sub03 a:hover,.sub04 a:hover { background-image: url(../../../images/common/header_hover.png);}
.sub04 a {
	width: 72px;
	height: 17px;
	display: block;
	text-indent: -9999999px;
	font-size: 1px;
	background-image: url(../../../images/common/header.png);
	background-repeat: no-repeat;
	background-position: -181px -17px;
}


/**************************************************************
ナビゲーションメニュー
**************************************************************/
#menu {
	clear: both;
	width: 850px;
	height: 30px;
	display: block;
	margin: 0 auto;
	margin-top: -1px;
	text-align: left;
}
#navigation {
	width: 850px;
	height: 30px;
	position: relative;
	display: block;
	text-align: left;
}
#navigation li {
	float: left;
	position: relative;
}
#navigation li a {
	width: 121px;
	height: 30px;
	display: block;
	background-image: url(../../../images/common/menu.png);
	background-repeat: no-repeat;
	text-indent: -999999px;
}
#navigation li a:hover { background-image: url(../../../images/common/menu_hover.png);}
.list01 a { background-position: 0 0;}
.list02 a { background-position: -121px 0;}
.list03 a { background-position: -242px 0;}
.list04 a { background-position: -363px 0;}
.list05 a { background-position: -484px 0;}
.list06 a { background-position: -605px 0;}
.list07 a { background-position: -726px 0;}
#navigation ul { display: none; position: absolute; top: 30px; left: 0;}
* html #navigation ul { line-height: 0; }
#navigation ul li { float: none; font-size: 1px;}
#navigation ul { width: 121px;}
#navigation ul a {
	text-indent: -99999px;
	text-decoration: none;
	width: 121px;
	height: 25px;
	display: block;
	background-image: url(../../../images/common/dorop.png);
	background-repeat: no-repeat;
	zoom: 1;
	line-height: 1;
}
#navigation ul a:hover { background-image: url(../../../images/common/dorop_ho.png);}
.aaa001 a { background-position: 0 0;}
.aaa002 a { background-position: 0 -25px;}
.aaa003 a { background-position: 0 -50px;}
.aaa004 a { background-position: 0 -75px;}
.aaa005 a { background-position: 0 -100px;}
.aaa006 a { background-position: 0 -125px;}
.aaa007 a { background-position: 0 -150px;}
.aaa008 a { background-position: -121px 0px;}
.aaa009 a { background-position: -121px -50px;}
.aaa010 a { background-position: -121px -75px;}
.aaa011 a { background-position: -121px -100px;}
.aaa012 a { background-position: -121px -125px;}
.aaa013 a { background-position: -121px -150px;}
.aaa014 a { background-position: -242px 0px;}
.aaa015 a { background-position: -242px -25px;}
.aaa016 a { background-position: -242px -50px;}
.aaa017 a { background-position: -363px 0;}
.aaa018 a { background-position: -363px -25px;}
.aaa019 a { background-position: -363px -50px;}
.aaa020 a { background-position: -363px -75px;}
.aaa021 a { background-position: -363px -100px;}
.aaa022 a { background-position: -363px -125px;}
.aaa023 a { background-position: -363px -150px;}
.aaa024 a { background-position: -242px -125px;}
.sample00  {
	text-indent: -99999px;
	text-decoration: none;
	width: 121px;
	height: 25px;
	display: block;
	background-image: url(../../../images/common/dorop.png);
	background-repeat: no-repeat;
	zoom: 1;
	line-height: 1;
	background-position: -121px -25px;
}
#navigation ul.sample00 {
	text-indent: -99999px;
	text-decoration: none;
	width: 121px;
	height: 25px;
	display: block;
	background-image: url(../../../images/common/dorop.png);
	background-repeat: no-repeat;
	zoom: 1;
	line-height: 1;
	background-position: -121px -25px;
}
/**************************************************************
BOXレイアウト
**************************************************************/
#IN_conten {
	width: 850px;
	height: 130px;
	margin: 0 auto;
	text-align: center;
}
#IN_pan {
	width: 850px;
	margin: 0 auto;
}
#mainContent {
	width: 850px;
	background-color: transparent;
	padding-bottom: 10px;
	margin: 0 auto;
	text-align: left;
}
#left_box {
	float: left;
	width: 620px;
	padding-right: 10px;
	border-right: 1px dotted #CCC;	
}
#right_box {
	float: left;
	width: 209px;
	padding-left: 10px;
}
/***********************************************************************/
.pan {
	text-align: left;
	margin: 5px 0 10px 0;
	text-indent: 2em;
}


.FINN {
	width: 850px;
	height: 25px;
	margin: 0 auto;
	background-image: url(../../../images/common/right_bar2.png);
	background-repeat: no-repeat;
	background-position: 623px 0;
}
.FINN2 {
	width: 850px;
	height: 25px;
	margin: 0 auto;
}
.anchor a {
	background-image: url(../../../images/common/page_top.png);
	background-repeat: no-repeat;
	text-indent: -9999999px;
	font-size: 1px;
	width: 100px;
	height: 25px;
	display: block;
}
.anchor a:hover { background-image: url(../../../images/common/page_top_ho.png);}
/**************************************************************
フッター
**************************************************************/
#footer {
	height: 100px;
	display: block;
	background-image: url(../../../images/common/footer_bk.png);
	background-repeat: repeat-x;
	text-align: left;
}
.f_content {
	width: 850px;
	height: 30px;
	display: block;
	margin: 0 auto;
	padding: 3px;
	border-collapse: separate;
}
.f_content a {
	color: #333;
	text-decoration: none;
}
.f_content a:hover {
	color: #0c44c6;
	text-decoration: underline;
}
.f_content tr { width: 850px;}
.copy01 {
	width: 400px;
	height: 27px;
	vertical-align: middle;
	padding: 3px;
}
.copy02 {
	width: 150px;
	height: 27px;
	vertical-align: middle;
	text-align: right;
	padding: 3px;
}
.copy03 {
	height: 20px;
	background-image: url(../../../images/common/f_boder.png);
	background-repeat: repeat-x;
	vertical-align: bottom;
}
.copy04 {
	font-size: 10px;
	line-height: 10px;
	vertical-align: middle;
	text-align: right;
}