@charset "utf-8";
html, body{
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height:100%;
	min-height:100%;
	margin:0 auto;
	padding:0;
	background-color:#ffffff;
	color:#404461;
	font-size:13px;
	position:relative;
	z-index:1;
}
select{border: solid 1px #ccc;}


/*テキスト系
----------------------------------------------- */
p{line-height:1.7em;}
h1{
	line-height:0;
	float:left;
}
h3,h4{line-height:1.5em;}
a{
	color:#009fcd;
	text-decoration:none;
	border:none;
	}
a:visited{color:#006886;}
a:hover,a:active{
	color:#00c6ff;
}
.f-ss{font-size:73% ;}
.f-s{font-size:86%;}
.f-m{font-size:100%;}
.f-l{font-size:126%;}
.f-ll{font-size:146%;}
.bold{font-weight:bold;}
.red{color:#ef1e1e;}


/* レイアウト
----------------------------------------------- */
.fl{float:left;}
.fr{float:right;}

.mt-5{	margin-top:5px;}
.mt-10{	margin-top:10px;}
.mt-15{	margin-top:15px;}
.mt-20{	margin-top:20px;}
.mt-30{	margin-top:30px;}
.mt-45{	margin-top:45px;}
.mt-60{	margin-top:60px;}
.mt-80{	margin-top:80px;}
.mr-5{	margin-right:5px;}
.mr-10{	margin-right:10px;}
.mr-15{	margin-right:15px;}
.mr-20{	margin-right:20px;}
.mr-30{	margin-right:30px;}
.mr-45{	margin-right:45px;}
.mr-60{	margin-right:60px;}
.mr-80{	margin-right:80px;}
.mb-5{	margin-bottom:5px;}
.mb-10{	margin-bottom:10px;}
.mb-15{	margin-bottom:15px;}
.mb-20{	margin-bottom:20px;}
.mb-30{	margin-bottom:30px;}
.mb-45{	margin-bottom:45px;}
.mb-60{	margin-bottom:60px;}
.mb-80{	margin-bottom:80px;}
.ml-5{	margin-left:5px;}
.ml-10{	margin-left:10px;}
.ml-15{	margin-left:15px;}
.ml-20{	margin-left:20px;}
.ml-30{	margin-left:30px;}
.ml-45{	margin-left:45px;}
.ml-60{	margin-left:60px;}

.pd-30{ padding:30px;}
.pd-10{ padding:10px;}
.pt-5{	padding-top:5px;}
.pt-10{	padding-top:10px;}
.pt-15{	padding-top:15px;}
.pt-20{	padding-top:20px;}
.pt-30{	padding-top:30px;}
.pt-45{	padding-top:45px;}
.pt-60{	padding-top:60px;}
.pr-5{	padding-right:5px;}
.pr-10{	padding-right:10px;}
.pr-15{	padding-right:15px;}
.pr-20{	padding-right:20px;}
.pr-30{	padding-right:30px;}
.pr-45{	padding-right:45px;}
.pr-60{	padding-right:60px;}
.pb-5{	padding-bottom:5px;}
.pb-10{	padding-bottom:10px;}
.pb-15{	padding-bottom:15px;}
.pb-20{	padding-bottom:20px;}
.pb-30{	padding-bottom:30px;}
.pb-45{	padding-bottom:45px;}
.pb-60{	padding-bottom:60px;}
.pl-5{	padding-left:5px;}
.pl-10{	padding-left:10px;}
.pl-15{	padding-left:15px;}
.pl-20{	padding-left:20px;}
.pl-30{	padding-left:30px;}
.pl-45{	padding-left:45px;}
.pl-60{	padding-left:60px;}

.m-0a{margin:0 auto;}
	
.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}

/* 回り込み解除
----------------------------------------------- */ 
.clearfix:after{
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0;  
	font-size: 0;  
	line-height: 0;  
	clear:both;
}
.clearfix {
	zoom:1;
	min-height:1px;
}  

/*　ブロック
----------------------------------------------- */ 
#header,#main{margin:0 auto;}
#header{
	border-top:#000099 solid 3px;
	/*
	background-color:rgba(255, 255, 255, 0.85);
	background-color:rgba(255, 255, 255, 0.85);
	filter:alpha(opacity=85);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ccFFFFFF,EndColorStr=#ccFFFFFF);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ccFFFFFF,EndColorStr=#ccFFFFFF)";
	*/
	background-color:#ffffff;
	z-index: 100;
	position: fixed;
	top: 0;
	width: 100%;
	height: 107px;
	background-image: url(../img/common/bg_header.gif);
	background-position: 0 100%;
	background-repeat: repeat-x;
}
.cont-wide{
	width:960px;
	margin:0 auto;
}

/*ヘッダー*/
.logo{margin-top: 35px;}
.head-r-top{margin: 0 0 21px 173px;}
#fontSize{float:left;}
#fontSize li{display:inline-block;}
.fsize-box{
	float:left;
	margin:7px 10px 0 0;
}
/*グローバルプルダウン*/
#navi{
	display: block;
	height: 51px;
}
#navi li{
	float:left;
	height: 51px;
	position: relative;
}
#navi li a{
	text-indent:-9999px;
	display:block;
	height: 30px;
}
#navi li.navi01{
	background:url(../img/common/nav_01_off.png) no-repeat 0 0;
	width:139px;
}
#navi li.navi01:hover, li.navi01_ov{
	background:url(../img/common/nav_01_on.png) no-repeat 0 0 !important;
}
#navi li.navi02{
	background:url(../img/common/nav_02_off.png) no-repeat 0 0;
	width:141px;
}
#navi li.navi02:hover, li.navi02_ov{
	background:url(../img/common/nav_02_on.png) no-repeat 0 0!important;
}
#navi li.navi03{
	background:url(../img/common/nav_03_off.png) no-repeat 0 0;
	width:140px;
}
#navi li.navi03:hover, li.navi03_ov{
	background:url(../img/common/nav_03_on.png) no-repeat 0 0 !important;
}
#navi li.navi04{
	background:url(../img/common/nav_04_off.png) no-repeat 0 0;
	width:140px;
}
#navi li.navi04:hover, li.navi04_ov{
	background:url(../img/common/nav_04_on.png) no-repeat 0 0 !important;
}
/*ナビプルダウン*/
#navi li ul.sub-menu{
	margin-top:0;
	display:none;
	z-index: 99;
	top: 47px;
	border-top: 4px #00c6ff solid;
}
#navi li:hover ul.sub-menu{
	display:block;
	position: absolute;
}
#navi ul.sub-menu li{
	float:none;
	z-index:98;
	min-width: 140px;
	border-bottom: 1px solid #009fcd;
	height: inherit;
}
#navi ul.sub-menu li a{
	text-indent:0;
	height: inherit;
	padding:10px;
	display:block;
	background-color:#ffffff;
	color: #009fcd;
}
#navi ul.sub-menu li a:hover{
	background-color:#009fcd;
	color:#ffffff;
	text-decoration:none;
}
#navi * {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

/*フッター*/
#footer p, #footer li{
	font-size:84%
}
.sitemap-box{
	background:url(../img/common/bg_sitemap.gif) 0 0 repeat-x;
	display:table;
	width:100%;
	padding:18px 0;
	margin-top: 80px;
}
.pagetop{
	position:absolute;
	left: 803px;
	top: -35px;
}
.sitemap-box ul{
	border-left:1px solid #c4c4c4;
	display:table-cell;
	padding: 0 30px;
}
.sitemap-box li{
	padding-left:15px;
}
.sitemap-box li.map-title{
	font-weight:bold;
	padding-left:0;
}
.foot-box{
	padding:20px 0;
	background-color:#696969;
	color:#ffffff;
}
.foot-box a{color:#ffffff;}
.foot-box a:hover{text-decoration:underline;}
.foot-logo{float:left;}
.foot-logo p{
	margin-right:10px;
	line-height:1.8em;
}
.foot-nav{	
	margin-top:10px;
	text-align: right;
}
.foot-nav li{
	display: inline-block;	
	margin-left:10px;
	border-left: 1px solid #ffffff;
	padding-left: 10px;
}
.copyright{
	background-color:#000099;
	color:#ffffff;
	text-align:center;
	padding:5px 0;
	font-size:86%;
	}