@charset "UTF-8";
/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/


/* 全体構造 base 
---------------------------------*/
html { height:100%; }
body {
	text-align: center;
	margin: 0;
	padding: 0;
	scrollbar-face-color: #c;
	scrollbar-highlight-color: #cccccc;
	scrollbar-shadow-color: #cccccc;
	scrollbar-arrow-color: #0d6eaa;
	scrollbar-track-color: #fff;
	scrollbar-base-color: #ffffff;
	scrollbar-3dlight-color: #f3f7f9;
	scrollbar-darkshadow-color: #999999;
	overflow:visible;
	height: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

#wrapper_index {
	width: 100%;
	margin: 0 auto;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	position:relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	padding-bottom: 120px;
}
/*firefox3.0*/
#wrapper_index, x:-moz-broken {
	width: 100%;
	margin: 0 auto;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	position:relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	padding-bottom: 60px;
}
/*firefox3.0*/
#wrapper_index, x:-moz-broken, x:last-of-type {
	width: 100%;
	margin: 0 auto;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	position:relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	padding-bottom: 120px;
}
/*ie6*/
*html #wrapper_index {
	width: 100%;
	margin: 0 auto;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	position:relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	padding-bottom: 120px;
	}
/*Safari*/
html[xmlns*=""] body:last-child #wrapper_index {
	width: 100%;
	margin: 0 auto;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	position:relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	padding-bottom: 120px;
	}

#container {
	width: 960px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	position:relative;
	margin-bottom: 20px;

}
/*ie6*/
*html #container {
	color: #333;
	width: 960px;
	height: auto;
	text-align: left;
	overflow: hidden;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}
/*==================================================================
	Header styles
===================================================================*/

#header {
	text-align: left;
	margin:0 auto;
	width: 960px;
	height: 85px;
	display:block;
	top:0px;
}
#header h1 {
	position:absolute;
	font-size:92%;
	font-weight: normal;
	margin: 0px;
	overflow:hidden;
	left: 104px;
	top: 23px;
}
#header p.ci {
	float:left;
	padding-top: 10px;
	margin-left: 0px;
	_margin-left: 3px;
}
/* サイトナビゲーション　siteNav
-------------------------------------------------------------------*/
#header ul.siteNav {
	float:right;
	margin-top: 25px;
}
#header ul.siteNav li {
	float: left;
	list-style-type: none;
	background-image: url(../images/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin-right: 10px;
	padding-left: 10px;
}
#header ul.siteNav li a {
	text-align: left;
	float:left;
	text-decoration: none;
}
#header ul.siteNav li a:hover {
	color:#0066aa;
	text-decoration:underline;
	
	}

/* counter
-------------------------------------------------------------------*/
#header ul.counterbox {
	float:right;
	margin-top: 10px;
	clear: right;
}

#header ul.counterbox .counter {
font-size:92%;
margin-right:10px;
text-align:right;
}

/* ログインボタン　button
-------------------------------------------------------------------*/
#header ul.button {
	float:right;
	margin-top: 10px;
	width: 236px;
	clear: right;
	background-image: url(../images/navi_bg.jpg);
	background-position: 0px 0px;
	height: 40px;
}

#header ul.button li {
	float: left;
	list-style-type: none;
	vertical-align: middle;
	margin-top: 7px;
	margin-left: 6px;
}
#header ul.button li a {
	color: #323232;
	text-align: left;
	font-size: 1pt;
	text-indent: -9999px;
	float:left;
	height: 28px;
}
.lnk01 a {
	background-image: url(../images/navi_01.jpg);
	background-repeat: no-repeat;
	width: 108px;
}
.lnk02 a {
	background-image: url(../images/navi_02.jpg);
	background-repeat: no-repeat;
	width: 108px;
}
.lnk03 a {
	background-image: url(../images/navi_03.jpg);
	background-repeat: no-repeat;
	width: 108px;
}
.lnk01 a:hover {
	background-image: url(../images/navi_01_over.jpg);
}
.lnk02 a:hover {
	background-image: url(../images/navi_02_over.jpg);
}
.lnk03 a:hover {
	background-image: url(../images/navi_03_over.jpg);
}
/* メインナビゲーション　MenuMain
-------------------------------------------------------------------*/
#navicate {
	margin-right: 0px;
	margin-left: 0px;
}
#navicate li h3 a {
	background-image: url(../images/headmenu.gif);
	background-repeat: no-repeat;
	height: 38px;
	text-indent: -9999px;
	display: block;
	font-size: 26pt;
}

h3#submenu001 a,h3#submenu002 a,h3#submenu004 a,h3#submenu005 a,h3#submenu006 a,h3#submenu007 a {
	width: 130px;
}

h3#submenu001 a {
	background-position: 0px 0px;
}
h3#submenu002 a {
	background-position: -130px 0px;
}
h3#submenu003 a {
	width: 180px;
	background-position: -260px 0px;
}
h3#submenu004 a {
	background-position: -440px 0px;
}
h3#submenu005 a {
	background-position: -570px 0px;
}
h3#submenu006 a {
	background-position: -700px 0px;
}
h3#submenu007 a {
	background-position: -830px 0px;
}

h3#submenu001 a:hover,h3#submenu001 a.visit_01 {
	background-position: 0px -38px;
}
h3#submenu002 a:hover,h3#submenu002 a.visit_02 {
	background-position: -130px -38px;
}
h3#submenu003 a:hover,h3#submenu003 a.visit_03 {
	background-position: -260px -38px;
}
h3#submenu004 a:hover,h3#submenu004 a.visit_04 {
	background-position: -440px -38px;
}
h3#submenu005 a:hover,h3#submenu005 a.visit_05 {
	background-position: -570px -38px;
}
h3#submenu006 a:hover,h3#submenu006 a.visit_06 {
	background-position: -700px -38px;
}
h3#submenu007 a:hover,h3#submenu007 a.visit_07 {
	background-position: -830px -38px;
}

/*==================================================================
	Main styles
===================================================================*/
#mainContent {
	text-align: left;
	width: 960px;
	padding-bottom: 20px;
	clear:both;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
/*==================================================================
	rightside
===================================================================*/
#rightside {
	float: left;
	width:300px;
	text-align: left;
	margin-top: 20px;
}
/*==================================================================
	leftside
===================================================================*/

#leftside {
	float:left;
	margin-top: 20px;
	width:645px;
	height: auto;
	vertical-align: top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	margin-right: 15px;
}

/* leftsideバナー */

.bnr_left {
	width: 213px;
	margin-left: 0px;
	margin-top: 5px;
}
.bnr_left ul li {
	padding-bottom: 5px;
}

/* footer */

#footer {
	width:100%;
	clear:both;
	bottom: 0;
	height: 120px;
	_height: 140px;
	position: absolute;
	left: 0px;
	right: 0px;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: left 10px;
}
#footer_container {
	width: 960px;
	margin:0 auto;
	position:relative;
}
.footer_left_box {
	left:0;
	position:absolute;
	width: 960px;
	text-align: center;
}
.footer_left_box ul#fn li,
.footer_left_box ul#fn2 li {
	display:inline;
	color: #0077b3;
	font-size:92%;
}
/*ie6*/
*html .footer_left_box {
	left:0;
	position:absolute;
	width: 670px;
	text-align: left;
}

/*ie7*/
*:first-child+html .footer_left_box {
	left:0;
	position:absolute;
	width: 660px;
	text-align: left;
}
/*Fx  3.0 */
.footer_left_box x:-moz-broken  {
	left:0;
	position:absolute;
	width: 640px;
	text-align: left;
}
/*Fx  3.5 */
.footer_left_box x:-moz-broken, x:last-of-type  {
	left:0;
	position:absolute;
	width: 630px;
	text-align: left;
}

.footer_left_box ul#fn li a {
	color: #0077b3;
	text-decoration: none;
	padding-right: 3px;
}
.footer_left_box ul#fn li a:hover {
	color: #0077b3;
	text-decoration: underline;
}

#footer_right_box {
	position:absolute;
	right:0px;
	margin-top:10px;
	text-align: right;
}
#footer_right_box dl dt {
	font-size:100%;
	margin-bottom: 10px;
	font-weight: bold;
}
#footer_right_box dl dd {
	font-size:89%;
}

#copy {
	float:left;
    font-size:85%;
	clear:both;
	padding-top:80px;
}
/* ページトップ ::::::::::::::::::::::::::::::::::::::::: */
.pagetop {
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: right;
	right:0;
}
/* コンテンツ
---------------------------------*/

/* ぱんくず
*  ::::::::::::::::::::::::::::::::::::::::: */
#pan-navi {
	clear: both;
	height: 32px;
	margin-top: 10px;
}
#pan-navi ol {
	list-style-type: none;
}
#pan-navi li {
	float: left;
	margin-right: 0.5em;
	font-size: 100%;
	color: #555;
}
#pan-navi a {
	color: #006697;
	text-decoration: none;
}
#pan-navi a:hover {
	color: #006697;
	text-decoration: underline;
}

.clear {
	clear: both;
}

/* インプットボタン
*  ::::::::::::::::::::::::::::::::::::::::: */
.searchItemFooter {
	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: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	position:relative;
	clear:both;
	text-align: center;
	width: 738px;
	_width: 736px;
}
.searchFooter {
	position:relative;
	clear:both;
	text-align: center;
	width: 738px;
	_width: 736px;
}
ul.detailBtn {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15px;
	padding-top: 15px;
	width: 738px;
	text-align:center;
}
ul.detailBtn li {
	display: inline;
	padding-right: 40px;
}

.detailBtn2 {
	width: 692px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15px;
	padding-top: 15px;
	text-align:center;
	margin-top: 30px;
}
.detailBtn2 .par40 {
	padding-right: 40px;
	float: left;
}

.detailBtn3 {
	width: 692px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15px;
	padding-top: 15px;
	text-align:center;
}
.detailBtn3 .par40 {
	padding-right: 40px;
	float: left;
}
.t_right {
text-align:right;
}

.t_left {
text-align:left;
}
.red {
	color: #FF0000;
}
.darkred {
color:#bf3c29;
}
.blue {
	color:#0066aa;
	font-weight: bold;
}
.orange {
color:#FF8400;
}

.gray {
	color:#333;
}
.small {
font-size:80%;
letter-spacing:0.1em;
}
.normal {
font-weight:normal;
}
.marginT5 {
margin-top:5px;
}
.marginT10 {
margin-top:10px;
}
.marginT20 {
margin-top:20px;
}
.marginT30 {
margin-top:30px;
}
.marginT50 {
margin-top:50px;
}
.marginB5 {
margin-bottom:5px;
}
.marginB10 {
margin-bottom:10px;
}
.marginB15 {
margin-bottom:15px;
}
.marginB20 {
margin-bottom:20px;
}
.marginB25 {
margin-bottom:25px;
}
.marginB30 {
margin-bottom:30px;
}
.marginB40 {
margin-bottom:40px;
}
.marginB60 {
margin-bottom:60px;
}
.marginL10 {
margin-left:10px;
}
.marginL20 {
margin-left:20px;
}
.marginL30 {
margin-left:30px;
}
.marginR5 {
margin-right:5px;
}
.marginR10 {
margin-right:10px;
}
.marginR20 {
margin-right:20px;
}
.marginR30 {
margin-right:30px;
}
.paddingB5 {
padding-bottom:5px;
}
.paddingB10 {
padding-bottom:10px;
}
.paddingB20 {
padding-bottom:20px;
}
.paddingB30 {
padding-bottom:30px;
}
.paddingR10 {
padding-right:10px;
}
.paddingR20 {
padding-right:20px;
}
.paddingR40 {
padding-right:40px;
}
.w150 {
	width: 150px;
}
.w440 {
	width: 440px;
}
.w200 {
	width: 200px;
}
.s {
	font-size: 85%;
}
.mm {
	font-size: 95%;
}
.pa_al5 {
	padding:5px !important;
}