@charset "utf-8";

/*サイト共通
---------------------------------------------------------*/
*{
	margin:0;
	padding:0;
}

html
{
	/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	font-family:"ＭＳ Ｐゴシック",/*"Osaka","ヒラギノ角ゴ Pro W3",*/sans-serif;
	margin: 0;
	padding: 0;
	height:100%;
}

body
{
	text-align:center;
	margin:0px auto;
	font-size:small;
	line-height:1.5;
	height:100%;
	color: #333;
}

body > #container
{
	height: auto;
}

h1, h2, h3, h4, h5, p, li, ul, form{margin:0px;padding:0px;}
table td
{
	vertical-align: top;
	text-align: left;
}
img{border:none;}
ul, li{list-style:none;}

a, a:link, a:visited, a:active{color:#3b5998;text-decoration:underline;}
a:hover{color:#3b5998;text-decoration:none;}


/* For modern browsers */
.cf:before,
.cf:after {content:"";display:table;}
.cf:after {clear:both;}

/* For IE 6/7 (trigger hasLayout) */
.cf {zoom:1;}

* html div#container{height:100%;}

div#container{
	width:100%;
	text-align:center;
	min-height:100%;
	height: auto !important;
	height: 100%;
	position:relative;
	background:#fff url(../img/common/body_bg_index.png) 0 0 repeat-x;
}

 /*--CLEAR--*/
	div#container:after{
		content:"";
		display:table;
		clear:both;
		zoom:1;
	}

/*---------------------------------------------------------
　HEADER
---------------------------------------------------------*/
#head{
	width:100%;
	text-align:center;
	background:url(../img/common/h_bg.jpg) 0 0 repeat-x;
}
#head-inner{
	width:960px;
	height:156px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#head-inner h1 a{
	width:151px;
	height:36px;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url(../img/common/siteid.jpg) 0 0 no-repeat;
	position:absolute;
	top:35px;
	left:0;
}

#head-inner .en a{
	width:83px;
	height:24px;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url(../img/common/h_btn_en.jpg) 0 0 no-repeat;
	position:absolute;
	top:0px;
	right:0;
}

/*-- メニュー・検索 --*/
#head-inner .inq{
	width:400px;
	position:absolute;
	top:50px;
	right:0;
	background:white;
}

#head-inner .inq ul{float:left;width:220px;}
#head-inner .inq ul li{display:inline; float:left;}
#head-inner .inq ul li a{
	display:block;
	width:90px;
	padding-left:10px;
	background:url(../img/common/ico_arrow_blue.gif) 0 50% no-repeat;
}
#head-inner .inq ul li a, #head-inner .inq ul li a:link, #head-inner .inq ul li a:visited, #head-inner .inq ul li a:active{text-decoration:none;}
#head-inner .inq ul li a:hover{text-decoration:underline;}

#searchform{
	position:absolute;
	top:0;
	right:0;
}
#keywords{
	width:132px;
	height:18px;
	padding: 2px 2px 2px 26px;
	background:url(../img/common/ico_search.gif) no-repeat 8px 3px;
	border:1px solid #117ac3;
	position:absolute;
	top:0;
	right:44px;
}

/*-- グローバルナビ --*/
ul#gNavi{
	width:960px;
	clear:both;
	position:absolute;
	bottom:0;
	right:0;
}
ul#gNavi li{display:inline;float:left;}
ul#gNavi li a{
	display:block;
	height:54px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
	ul#gNavi li a#g01{width:151px;background: url(../img/common/btn_gNavi.jpg) 0 0 no-repeat;}
	ul#gNavi li a#g01:hover{background-position: 0 -54px;}

	ul#gNavi li a#g02{width:180px;background: url(../img/common/btn_gNavi.jpg) -151px 0 no-repeat;}
	ul#gNavi li a#g02:hover{background-position: -151px -54px;}

	ul#gNavi li a#g03{width:150px;background: url(../img/common/btn_gNavi.jpg) -331px 0 no-repeat;}
	ul#gNavi li a#g03:hover{background-position: -331px -54px;}

	ul#gNavi li a#g04{width:188px;background: url(../img/common/btn_gNavi.jpg) -481px 0 no-repeat;}
	ul#gNavi li a#g04:hover{background-position: -481px -54px;}

	ul#gNavi li a#g05{width:150px;background: url(../img/common/btn_gNavi.jpg) -669px 0 no-repeat;}
	ul#gNavi li a#g05:hover{background-position: -669px -54px;}

	ul#gNavi li a#g06{width:141px;background: url(../img/common/btn_gNavi.jpg) -819px 0 no-repeat;}
	ul#gNavi li a#g06:hover{background-position: -819px -54px;}


	/*--CLEAR--*/
	ul#gNavi:after{
		content:".";
		display:block;
		height:0px;
		clear:both;
		visibility:hidden;
	}


/*---------------------------------------------------------
　FOOTER
---------------------------------------------------------*/
#footer{
	width:100%;
	background:url(../img/common/f_bg.gif) 0 bottom repeat-x;
}

#footer-inner{
	border-top:1px dotted #676767;
	width:960px;
	height:200px;
	height:120px;
    margin:0 auto;
	padding-top:20px;
	position:relative;
	text-align:left;
	color:#5f5f5f;
}

#footer-inner .fNavi1{float:left; width:700px;}

#footer-inner .company{float:right; width:200px; text-align:right;}
#footer-inner .company p{margin-bottom:15px;}
#footer-inner .company p:first-child + p { display: none; }

#footer-inner .pageTop{
	position:absolute;
	bottom:39px;
	right:0;
}

#footer-inner .pageTop a{	
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width:122px;
	height:28px;
	background:url(../img/common/f_btn_pagetop.jpg) 0 0 no-repeat;
}	

#footer-inner address{
	position:absolute;
	bottom:10px;
	right:0;
	font-style:normal;
}

#footer-inner ul.fNavi2{
	width:500px;
	position:absolute;
	bottom:10px;
	left:0;
}
#footer-inner ul.fNavi2 li{display:inline; float:left;}
#footer-inner ul.fNavi2 li a{
	display:block;
	padding:0 20px 0 10px;
	background:url(../img/common/ico_arrow_black.gif) 0 50% no-repeat;
}
#footer-inner a, #footer-inner a:link, #footer-inner a:visited, #footer-inner a:active{text-decoration:none;color:#5f5f5f;}
#footer-inner a:hover{text-decoration:underline;}




/*---------------------------------------------------------
　CONTENTSベース
---------------------------------------------------------*/
#conBody{
	width:100%;
	text-align:center;
	min-height:100%;
	height: auto !important;
}

#conBody-inner{
	width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
	overflow:hidden;
}

	/*--CLEAR--*/
	#conBody-inner:after{
		content:".";
		display:block;
		height:0px;
		clear:both;
		visibility:hidden;
	}

/*---------------------------------------------------------
　共通パーツ
---------------------------------------------------------*/
.th3{
	background:#fff url(../img/common/ico_th3.gif) 0 50% no-repeat;
	padding:3px 0 3px 30px;
	font-size:1.25em;
	border-bottom:1px dotted #676767;
}