@charset "utf-8";

*{
	margin: 0px;
	padding: 0px;
}

html{
	height: 100%;
}

body{
	width: 100%;
	background-color: #ffffff;
	min-height: 100%;
	position: relative;
	font-size: 75%;
	text-align: center;
}

* html body{
	height: 100%;
}

form,fieldset,
h1,h2,h3,h4,h5,h6,
div,p,address,blockquote,pre,hr,
caption,th,td,
li,dt,dd{
	font-size: 100%;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","メイリオ",'Meiryo',"Osaka",verdana,arial,sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.6;
	color: #333333;
}

hr{display: none;}
ul,ol{list-style-type: none;}
img{border: none; vertical-align: top;}
em{font-style: normal;}
iframe{border: none; margin: 0px; padding: 0px; display: block; width: 100%;}
form label{cursor: pointer;}

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


.clearfix:after{
	content: " ";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.clearfix{
	display: inline-block;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* End hide from IE-Mac */

/* Text hidden （テキストを外へ）*/
.hidden{
	display: block;
	font-size: 1px;
	line-height: 0;
	text-indent: -9999px;
	text-align: left;
	overflow: hidden;
}

#wrapper{
	width: 100%;
	text-align: left;
}

table {
	border-collapse:collapse;
	border:0px;
}

table tr td {
	padding:0px;
}


/***********************************************/ 
/*header*/
/***********************************************/ 
header{
	padding: 28px 0px 0px 0px;
	width: 100%;
	background-image: url(/_common/img/hea_bg_stripe_01.png);
	background-repeat: repeat-y;
	background-position: center top;
}

header h1{
	position: relative;
	top: -24px;
	z-index: 4;
	margin: 0px auto;
	width: 930px;
	text-align: center;
}

header h1 span{
	position: absolute;
	right: 0px;
	display: block;
	font-size: 75%;
	text-align: right;
}

header #subNav{
	position: relative;
	z-index: 3;
	margin: 0px auto;
	width: 930px;
	text-align: center;
}

header #subNav ul{
	margin: 0px 0px 3px 0px;
	float: right;
	text-align: left;
}

header #subNav li{
	display: inline;
	margin-left: 10px;
}

header #logo{
	clear: right;
	position: relative;
	z-index: 2;
	width: 100%;
	height: 20px;
	background-image: url(/_common/img/hea_bg_stripe_02.png);
	background-repeat: repeat-y;
	background-position: center bottom;
}

header #logo p{
	position: relative;
	top: -38px;
	margin: 0px auto;
	width: 930px;
}

header #logo a{
	display: block;
	width: 132px;
	height: 52px;
}

header nav{
	position: relative;
	z-index: 1;
	margin: -20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	width: 100%;
	background-image: url(/_common/img/hea_bg_bar_01.png);
	background-repeat: repeat-x;
	background-position: left top;
}

header #globalNav{
	margin: 0px auto;
	width: 930px;
	height: 52px;
	text-align: center;
}

header #globalNav li{
	text-align: left;
	float: left;
}

/*************************************/
/* グローバルナビのcss sprite設定 */

ul#globalNav li a {
	display: block;
	height: 49px;
	background-image: url(/_common/img/hea_nav_btn.png);
	background-repeat: no-repeat;
}

.item01 {width: 75px;}
.item02 {width: 171px;}
.item03 {width: 171px;}
.item04 {width: 171px;}
.item05 {width: 171px;}
.item06 {width: 171px;}

.item01 a{background-position: 0 0;}
.item02 a{background-position: -75px 0;}
.item03 a{background-position: -246px 0;}
.item04 a{background-position: -417px 0;}
.item05 a{background-position: -588px 0;}
.item06 a{background-position: -759px 0;}

.item01 a:hover {background-position: 0 -49px;}
.item02 a:hover {background-position: -75px -49px;}
.item03 a:hover {background-position: -246px -49px;}
.item04 a:hover {background-position: -417px -49px;}
.item05 a:hover {background-position: -588px -49px;}
.item06 a:hover {background-position: -759px -49px;} 

.item01 a.stay {background-position: 0 -98px;}
.item02 a.stay {background-position: -75px -98px;}
.item03 a.stay {background-position: -246px -98px;}
.item04 a.stay {background-position: -417px -98px;}
.item05 a.stay {background-position: -588px -98px;}
.item06 a.stay {background-position: -759px -98px;} 


/*************************************/
/* パン屑 */
#topicPathWrapper {
	position: relative;
	z-index: 0;
	background-color: #EBEBEB;
	margin: -3px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	width: 100%;
	height: 20px;
}

#topicPath {
	width: 930px;
	margin: 0 auto;
	text-align: center;
	padding-top: 2 px;
}

#topicPath p {
	text-align: left;
}


/***********************************************/ 
/*contents*/
/***********************************************/ 
#contents{
	margin: 0 auto;
	width: 930px;
	text-align: center;
}


/*************************************/
/* ローカルナビの設定 */

#sideContents {
	width: 240px;
	height: 100%;
	float: left;
	margin: 0 30px 0 0;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #3981B9;
}

.mainBtn a {
	background: url("/_common/img/arrow_01.png") no-repeat scroll 10px 13px transparent;
	color: #064672;
	display: block;
	font-weight: bold;
	height: 38px;
	line-height: 38px;
	margin: 1px 0;
	padding: 0 10px 0 27px;
	text-decoration: none;
	width: 203px;
	font-size: 108%;
}

.mainBtn a:hover {
	background-color: #E4EDF7;
}

.subBtn a {
	background: url("/_common/img/sid_sub_btn_bar_01.png") no-repeat scroll 13px 13px transparent;
	color: #064672;
	display: block;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	padding: 0 10px 0 27px;
	margin: 1px 0;
	text-decoration: none;
	width: 203px;
}

.subBtn a:hover {
	background-color: #F1F6FB;
}

#sideContents #localNav > li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;	
}

#sideContents .stay {
	background-color: #E4EDF7;
}

#sideContents .subStay {
	background-color: #F1F6FB;	
}

#sideContents #bannerContents {
	margin-top: 30px;
}

#sideContents #localSubNav {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DFDFDF;	
}

#sideContents #localSubNav .subBtn .menu-list a {
	background: url("/_common/img/sid_sub_btn_bar_01.png") no-repeat scroll 26px 13px transparent;
	color: #064672;
	display: block;
	font-weight: normal;
	height: 28px;
	line-height: 28px;
	padding: 0 10px 0 40px;
	margin: 1px 0;
	text-decoration: none;
	width: 203px;
}

#sideContents #localSubNav .subBtn .menu-list a:hover {
	background-color: #F1F6FB;
}

/***********************************************/ 
/*article*/
/***********************************************/ 
article {
}

.columnTitle {
	font-weight: bold;
	color: #1F578C;
	margin-top: 1.5em;
	text-align: left;
}

.textTitle {
	font-weight: bold;
	color: #1F578C;
	margin-top: 1.5em;
	text-align: left;
}

section {
	margin-bottom: 50px;
}

/***********************************************/ 
/*aside*/
/***********************************************/ 
#technicalBox {
	float: right;
	background-image: url(/_common/img/bod_aside_bg_01.png);
	background-repeat: repeat;
	width: 658px;
	border: 1px solid #DFDFDF;
	margin: 0 auto;
	text-align: center;
}

#technicalBox #technicalContents {
	width: 610px;
	padding: 0 24px 30px;
	text-align: left;
}

#technicalBox #mainTitle {
	background-image: url(/_common/img/bod_aside_main_ttl_01.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 270px;
	margin: 20px 0;
}


/***********************************************/ 
/*footer*/
/***********************************************/ 
/*#footer{
	width: 900px;
}
*/
footer {
	clear: both;
	width: 100%;
	margin-top: 75px;
	background-color: #efefef;
	background-image: url(/_common/img/foo_bg_01.png);
	background-repeat: repeat-x;
	background-position: left top;
}

#footerContents {
	width: 930px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
}

#footerContents #footerInner {
	float: left;
	padding: 0 45px 15px 0;
	background-image: url(/_common/img/foo_lin_01.png);
	background-repeat: repeat-y;
	background-position: right top;
}

#footerContents .fSitemapInner {
	float: left;
	margin-left: 35px;
}

#footerContents #copyRight {
	clear: both;
	width: 930px;
	height: 11px;
	padding-bottom: 20px;
	background-image: url(/_common/img/foo_copy_txt.png);
	background-repeat: no-repeat;
	background-position: center;
}

#footerContents #footerLogo {
	margin-bottom: 15px;
}

#footerContents #name {
	margin-bottom: 5px;
}

#footerContents #name span {
	font-weight: bold;
}

#footerContents .fooArrow {
	background-image: url(/_common/img/foo_arrow_01.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}

#footerContents .fSitemapInner li {
	line-height: 2.0;
}


/***********************************************/ 
/*parts*/
/***********************************************/ 
.arrow {
	display: inline-block;
	padding-left: 17px;
	background-image: url(/_common/img/arrow_01.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.member {
	display: inline-block;
	padding-left: 15px;
	background-image: url(/_common/img/hea_ico_01.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#toPageTop {
	position: fixed;
	margin-left: 970px;
	bottom: 20px;
}

#toPageTop a {
	display: block;
	background-image: url(/_common/img/pagetop_btn_01.png);
	background-repeat: no-repeat;
	height: 79px;
	width: 79px;
}

.banner {
	margin-bottom: 8px;
}
.banner a:hover {
	opacity: 0.8;
}