/* -------------------------------------
▽リンク設定
------------------------------------- */
a{
    color:#333;
    text-decoration: none;
    outline: none;
}
a:hover{
    color:#1d91b9;
    text-decoration: underline;
}
a.icon_link_blank{
	padding-right: 20px;
	background:url(/images/common/icon_link_blank.png) right 45% no-repeat;
}
.overOpacty:hover{
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
}
.overOpacty img{
	background: url(/images/common/bg_site.png) \9;
}
.overOpacty img:hover{
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
}

a.overUnerline{
	color:#1d91b9;
}
a.overUnerline:hover{
	text-decoration: underline;
}

/* -------------------------------------
▽ フォントサイズモジュール
------------------------------------- */
.fz18{font-size: 139% !important}
/* -------------------------------------
▽ マージンモジュール
------------------------------------- */
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.mt70{margin-top: 70px;}
.pt10{padding-top: 10px;}
/* -------------------------------------
▽ リスト
------------------------------------- */
li{list-style-type: none;}
/* -------------------------------------
▽ float
------------------------------------- */
.left{float: left}
.right{float: right;}
/* -------------------------------------
▽ clearfix
------------------------------------- */
.cf:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.cf { display: inline-block }
/* Hides from IE Mac \*/
* html .cf { height: 1% }
.cf { display: block }
/* End Hack */
/* -------------------------------------
▽  フォント
------------------------------------- */
body {
    font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
    font-size: 13px;
    color: #333333;
}
/* -------------------------------------
▽  site_height&width
------------------------------------- */
/*  Main  */
html body {
	height: 100%;
}

.base_width{
	width: 960px;
	margin:0 auto;
}
/* -------------------------------------
▽  サイト背景
------------------------------------- */
body{
	background: url(/images/common/bg_site.png) 0 0;
}

/* -------------------------------------
▽  gototop
------------------------------------- */

.backtotop {
position: fixed;
right: 20px;
bottom: 80px;
z-index: 9000;
}

.backtotop a {
display: block;
margin: 0;
}

.backtotop a:hover {
}
/* -------------------------------------
▽  header
------------------------------------- */
.logo{
	padding-top: 25px;
}
.navarea{
	padding-top: 20px;
}

/* subnav */
ul.subnav{
display : block ;
}
html:lang(ja) ul.subnav{
display : table ;
}
.subnav li{
vertical-align : middle ;
display : inline ;
zoom : 1 ;
margin-left: 15px;
}
html:lang(ja) .subnav li{
display : table-cell ;
}
.subnav li a img{vertical-align:-5px;}

/* -------------------------------------
▽  ツールチップ
------------------------------------- */
.navarea .tooltip{
	position:relative;
	cursor: pointer;
}

#tooltipArea{
	position:absolute;
	right:-30px;
	z-index: 9999;
	width: 187px;
	height: 58px;
	padding:39px 12px 10px 25px;
	background: url(/images/common/tooltip_bg.png) 0 0 no-repeat;
	text-align: left;
	line-height: 1.5;
	display: none;
}

/* -------------------------------------
▽  nav
------------------------------------- */
nav{
	width: 100%;
	height:37px;
	margin-top: 23px;
}
nav ul{
	width: 373px;
	height: 37px;
	margin: 0 auto;
}
nav li{float: left;}
nav a{
	display:block;
	text-indent: -9999px;
	height: 37px;
	background:url(/images/common/nav.png) 0 0 no-repeat;
}
nav .nav01 a{width: 73px;}
nav .nav02 a{
	width: 133px;
	background-position: -73px 0px;
}
nav .nav03 a{
	width: 93px;
	background-position: -206px 0px;
}
nav .nav04 a{
	width: 74px;
	background-position: -299px 0px;
}
nav .nav01 a:hover{background-position: 0px 100%;}
nav .nav02 a:hover{background-position: -73px 100%;}
nav .nav03 a:hover{background-position: -206px 100%;}
nav .nav04 a:hover{background-position: -299px 100%;}

/* -------------------------------------
▽  パンくず
------------------------------------- */
div.pagepath{
	width: 960px;
	margin:30px auto 0;
}
div.pagepath span{
	margin-left: 10px;
}

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

#contents{
	width: 645px;
}

#contents h2{/*下層スタイル*/
	margin-top: 40px;
	margin-left: -4px;
	margin-bottom: 30px;
}

#contents .read{
	line-height: 1.8;
	font-size:115%;
	color:#333333;
	text-rendering: optimizelegibility;
}
#contents .bold{
	font-weight: bold;
}

h3.ttl_chara{
	margin:30px 0 20px;
	font-size: 185%;
	color:#333333;
	height: 65px;
	line-height: 85px;
	border-bottom: 3px #fe8e9c solid;
	background: url(../images/common/ttl_h3_onChara.png) right 0 no-repeat;
}

h4{
	margin:30px 0 20px;
	border-left:6px solid #fe8e9c;
	padding-left: 20px;
	font-size: 139%;
	height:25px;
	line-height: 25px;
	font-weight: normal;
}
/* -------------------------------------
▽  ローカルナビ
------------------------------------- */
.sidenav{
	position:relative;
}
.sidenav h2{
	margin-top: 20px;
	line-height: 0;
}
.sidenav a{
	display: block;
	width: 285px;
	text-indent: -9999px;
}

.sidenav .sidenav01 a{
	height: 48px;
	}
.sidenav .sidenav02 a{
	background-position: 0px -48px;
	height: 41px;
}
.sidenav .sidenav03 a{
	background-position: 0px -89px;
	height: 41px;
}
.sidenav .sidenav04 a{
	background-position: 0px -130px;
	height: 41px;
}
.sidenav .sidenav05 a{
	background-position: 0px -171px;
	height: 41px;
}
.sidenav .sidenav06 a{
	background-position: 0px -212px;
	height: 49px;
}
.sidenav .sidenav01 a:hover,.sidenav .sidenav01 a.current{background-position: 0px -261px;}
.sidenav .sidenav02 a:hover,.sidenav .sidenav02 a.current{background-position: 0px -309px;}
.sidenav .sidenav03 a:hover,.sidenav .sidenav03 a.current{background-position: 0px -350px;}
.sidenav .sidenav04 a:hover,.sidenav .sidenav04 a.current{background-position: 0px -391px;}
.sidenav .sidenav05 a:hover,.sidenav .sidenav05 a.current{background-position: 0px -432px;}
.sidenav .sidenav06 a:hover,.sidenav .sidenav06 a.current{background-position: 0px -473px;}

#sidebar div{
	margin:0 0 10px;
}
.margin_top_ajst{
	margin-top: -20px !important;
}

/* -------------------------------------
▽  footer
------------------------------------- */
footer{
	margin-top: 100px;
	background-color: #e3e3e3;
	padding:20px;
	color:#6f6f6f;
}
.footerarea{
	width: 960px;
	margin:0 auto;
}
footer li{
	float: left;
}
footer li a{
	color:#6f6f6f;
}