@charset "utf-8";

/*		Reset
----------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
}


/*		Base Setting
----------------------------------------------------*/
body {
  background: #ffffff;
	font-size: 75% !important; /* IE */
	color: #666666;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	border-top:solid 10px #fff;
}
html>/**/body {
	font-size: 12px; /* Except IE */
}
img {
	border: none;
	line-height: 0;
}
img.fit{
    max-width: 100%; 
    height: auto;
    width /****/:auto;
}


/*		Link Setting
----------------------------------------------------*/
a:link {
	color: #db4c7a;
	text-decoration: underline;
}
a:visited {
	color: #db4c7a;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #db4c7a;
	text-decoration: none;
}

a.blue:link {
	color: #4c82db;
	text-decoration: underline;
}
a.blue:visited {
	color: #4c82db;
	text-decoration: underline;
}
a.blue:hover,
a.blue:active {
	color: #4c82db;
	text-decoration: none;
}

/*		Style Setting
----------------------------------------------------*/
.fl-l { float: left; }
.fl-r { float: right; }
.text-c { text-align: center; }
.text-r { text-align: right; }
.text-l { text-align: left; }
.text11 { font-size: 90%; }
.text13 { font-size: 105%; }
.text14 { font-size: 110%; }
.text15 { font-size: 120%; }
.textb { font-weight: bold; }
.mT10 { margin-top: 10px; }
.mB5 { margin-bottom: 5px; }
.mB10 { margin-bottom: 10px; }
.mB15 { margin-bottom: 15px; }
.mB20 { margin-bottom: 20px; }
.mB25 { margin-bottom: 25px; }
.mB30 { margin-bottom: 30px; }
.mB35 { margin-bottom: 35px; }
.mB40 { margin-bottom: 40px; }
.mB45 { margin-bottom: 45px; }
.mB50 { margin-bottom: 50px; }
.mB55 { margin-bottom: 55px; }
.mB60 { margin-bottom: 60px; }
.mB65 { margin-bottom: 65px; }
.mB70 { margin-bottom: 70px; }
.mB75 { margin-bottom: 75px; }
.mB80 { margin-bottom: 80px; }
.mB90 { margin-bottom: 90px; }
.mB100 { margin-bottom: 100px; }
.clear { clear: both; }

/*		Header
----------------------------------------------------*/
#headerArea {
	width: 960px;
	margin: 0 auto 20px;
	position:relative;
	height:142px;
}
	/*	logo  */
	#headerArea h1 {
		position:absolute;
		left:0px;
		top:8px;		
	}
	#headerArea h1 a {
		width: 163px;
		height: 83px;
		display: block;
		text-indent: -9999px;
		background: url(../images/logo.png) left top no-repeat;
	}
	
	/*	gnavi  */
	#gnavi {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		position:absolute;
		top:92px;
		right:0;
	}
		#gnavi li {
			display: inline;
			float:left;
			margin-right:22px;
		}
		#gnavi li a {
			display: block;
			text-indent: -9999px;
			width: 136px;
			height: 50px;
			margin: 0;
			overflow:hidden;
			background-image: url(../images/gnavi.png);
			background-repeat: no-repeat;
		}
		#gnavi01 a {
			background-position: 0 0;
		}
		#gnavi01 a.current,
		#gnavi01 a:hover {
			background-position: 0 -50px;
		}
		#gnavi02 a {
			background-position: -158px 0;
		}
		#gnavi02 a.current,
		#gnavi02 a:hover {
			background-position: -158px -50px;
		}
		
		
/*--------------------- link 03,04 back ---------------------*/		
		#gnavi03 a {
			background-position: -316px 0;
		}
		#gnavi03 a.current,
		#gnavi03 a:hover {
			background-position: -316px -50px;
		}
		#gnavi04 a {
			background-position: -474px 0;
		}
		#gnavi04 a.current,
		#gnavi04 a:hover {
			background-position: -474px -50px;
		}
		
		
/*--------------------- link 03,04 back end ---------------------*/		
		
/*--------------------- linkoff 03,04 ---------------------*/		
		#gnavi03,#gnavi04 {
			width: 136px;
			height: 50px;
			margin: 0;
			background-image: url(../images/gnavi_off.png);
			background-repeat: no-repeat;
			text-indent: -9999px;
			display: block;
		}
		#gnavi03  {
			background-position: -316px 0;
		}
		#gnavi04 {
			background-position: -474px 0;
		}
		
		
/*--------------------- linkoff 03,04 end ---------------------*/		
		
		
		#gnavi05 a {
			background-position: -632px 0;
		}
		#gnavi05 a.current,
		#gnavi05 a:hover {
			background-position: -632px -50px;
		}
		#gnavi06 { margin-right:0 !important;}
		#gnavi06 a {
			width:170px !important;
			background-position: -790px 0;
		}
		#gnavi06 a.current,
		#gnavi06 a:hover {
			background-position: -790px -50px;
		}

/*		container
----------------------------------------------------*/
#container {
	width:960px;
	margin:0 auto;
}


/*		Footer
----------------------------------------------------*/
#pagetop {
	width:960px;
	margin:20px auto 0;
	overflow:hidden;
	clear:both;
}
#pagetop 	a{
	background:#cccccc;
	color:#FFF;
	text-decoration:none;
	padding:2px 20px;
	float:right;
}
div#footer {
	border-top: 2px solid #db4c7a;
	margin: 30px 0 0 0;
	padding: 10px 0 50px;
	width: 100%;
	clear:both;
}
	div#footer div {
		width: 960px;
		margin: 0 auto;
		overflow: hidden;
	}
		div#footer div ul {
			float: right;
		}
		#footer .off {
			padding: 0 8px 0 5px;
		}
			div#footer div ul li {
				display: inline;
				border-right: 1px solid #888888;
			}
			div#footer div ul li.l-end {
				border: none;
			}
			div#footer div ul li a {
				padding: 0 8px 0 5px;
			}
			div#footer div ul li.l-end a {
				padding: 0 0 0 5px;
			}
		div#footer div address {
			float: left;
			font-style:normal;
		}

	
/*		Subpage
----------------------------------------------------*/
ul#topicPath {
	padding-left:0px;
	clear:both;
	overflow:hidden;
	margin-bottom:15px;
	width:890px;
}
ul#topicPath li{
	list-style-type:none;
	float:left;
	margin-right:10px;
}
#h2Block {
	width: 100%;
	margin-bottom: 15px;
	clear:both;
	border-bottom:solid 1px #cecece;
	text-indent: -9999px;
	height: 80px;
	background-repeat:no-repeat;
	background-position:left bottom
}

#mainBlock {
	width: 100%;
	overflow:hidden;
	margin: 0 auto;
}
#sidemenu {
	display:inline;
	float:left;
	width:200px;
}
div#contents {
	display:inline;
	float:left;
	padding-left:20px;
	width:740px;
}
#snavi {
	width:100%;
}
#snavi li{
	border-bottom:solid 1px #8094b5;
	margin-bottom:10px;
}
#snavi li a{
	display:block;
	font-size:1.5em;
	text-decoration:none;
	padding:2px 0 2px 13px;
	color:#8094b5;
	background:url(../images/icon_arrow2.png) no-repeat left center;
}
#snavi li a:hover,
#snavi li a.current{
	padding:2px 0 2px 8px;
	border-left:solid 5px #c8d2e2;
	background:#dde4ef;
}
a.arr {
	background:url(../images/icon_arrow.png) no-repeat left center;
	padding-left:10px;
}