@charset "UTF-8";

/* font 
---------------------------------------------------------------- */

.red{
	color:#F00;
	}
.font11{
	font-size:85%;
	}
.font12{
	font-size:93%;
	}
.font16{
	font-size:16px;
	}
.bold{
	font-weight:bold;
}
	
/* border
---------------------------------------------------------------- */

.border-non{
	border:none!important;
	}

/* hover img
---------------------------------------------------------------- */	
img{
   background:#FFF;
	}
a:hover img {
   filter: Alpha(opacity=60);
   opacity: 0.6;
   background:#FFF;
   transition: 0.3s;
}

a:hover img.imgover {
   filter: Alpha(opacity=60);
    opacity: 0.6;
   background:#FFF;
}

/* input
---------------------------------------------------------------- */	
.input150{
	width:150px;
	}
.input170{
	width:170px;
	}

/* Space 
---------------------------------------------------------------- */
.no-space{
	margin:0!important;
	}
.margin-t10{
	margin-top:10px!important;
	}
.margin-t15{
	margin-top:15px!important;
	}
.margin-t20{
	margin-top:20px!important;
	}
.margin-t30{
	margin-top:30px!important;
	}
.margin-t40{
	margin-top:40px!important;
	}
.margin-t50{
	margin-top:50px!important;
	}
.margin-t70{
	margin-top:70px!important;
	}
.padding-t0{
	padding-top:0!important;
	}
.center{
	text-align:center!important;
	}
.right{
	text-align:right!important;
	}
.txt_b10{
	margin-bottom: 20px!important;
}
.txt_b20{
	margin-bottom: 20px!important;
}

/* ボタン
---------------------------------------------------------------- */
.btn {
    margin-top: 40px;
    text-align: center;
}


.btn-01 a {
    padding: 20px 40px 20px 40px;
    display: inline-block;
    box-sizing: border-box;
    color: #fff!important;
    text-decoration: none!important;
    background: #003e8b;
    border-radius: 5px;
	position: relative;
	font-size: 18px;
}

/* #header
---------------------------------------------------------------- */
 .header-box{ padding:5px 0;}
 .clone-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    transition: .3s;
    transform: translateY(-100%);
  }
  .is-show {
    transform: translateY(0);
  }
#header{width:960px;margin:0 auto; position:relative; background:#FFF;}
#header .summary{font-size:93%;color:#cfcfcf;}
#header .logo{ width:266px; margin-right:70px; }
#header .tel{  line-height:1.2; position:relative; }
#header .tel a{transition: color .1s;}
#header .tel a:hover{ color:#999;}
#header .tel img{ position:absolute; left:0;}
#header .tel div{ padding-left:45px;}
#header .tel span{font-size:30px;}
#header .box-01{ float:left;}
#header .box-01 li{ float:left;}
#header .box-02{ float:right; }
#header .line02 .logo{float:left;width:460px;}
#header .box-02 li{float:left; width:79px; text-align:center; display:block; padding-right:1px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dfdfdf+21,dfdfdf+73,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #dfdfdf 33%, #dfdfdf 64%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#dfdfdf 33%,#dfdfdf 64%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#dfdfdf 33%,#dfdfdf 64%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#header .box-02 li:first-child{padding-left:1px;}
#header .box-02 li a{ background:#FFF; display:block;  cursor:pointer; font-size:10px; line-height:1.7;}

	
/* #navi
---------------------------------------------------------------- */
#navi{
	width:100%;
	background:#003e8b;
	font-size: 15px;
	clear:both;
	}

#sub-nav {
    clear:both;
	margin: 0 auto 20px; 
	position: relative; 
	line-height:1; 
	text-align: center; 
	z-index: 5;
	}
#sub-nav li { list-style: none; display:inline-block; position: relative; color:#FFF; text-align:center; vertical-align: middle; }
#sub-nav li a{ color:#FFF; padding:10px 25px; display:block; line-height:1.5; transition: color .3s;}
#sub-nav li a:hover{ color:#fea000; }

.none{ display:none;}

.nav_on .summary{ display:none;}
.nav_on .logo img{ width:80%;}
.nav_on .tel img{ width:12%;}
.nav_on #header .tel span{font-size:24px;}
.nav_on #header .box-02 li{width:60px;}

/* .pankuzu
---------------------------------------------------------------- */
.pankuzu{
	clear:both;
	font-size:85%;
	width:960px;
	padding:0 20px;
	margin:0 auto;
	padding:156px 0 10px;
	
	}
.pankuzu li{
	float:left;
	color:#999;
	}
.pankuzu li a:link {
    color:#999;
    text-decoration: none;
}
.pankuzu li a:visited {
    color:#999;
    text-decoration: none;
}
.pankuzu li a:hover {
    color:#999;
    text-decoration: underline;
}
.pankuzu li a:active {
    color:#999;
    text-decoration: none;
}


/* #contents
---------------------------------------------------------------- */
#container{
	clear:both;
	width:960px;
	margin:0 auto;
	}
#wrapper{
	width:960px;
	margin:20px auto 0;
	}
.breadcrumbs{
	font-size:93%;
	padding:0 0 10px
	}
.breadcrumbs a{
	text-decoration:underline;
	}

#primary{
	float:left;
	width:700px;
	}

#content{
	width:690px;
	}
	
#content-full{
	width:960px;
	}
	
#secondary{
	float:right;
	width:240px;
	}

#side .entry_bg{
	background:url(/images/common/side_info_bg.jpg) no-repeat 0 0;
	width:240px;
	height:52px;
	text-align:center;

	}	
#side .navi{
	border:1px solid #cdcdcd;
	}
#side .navi > li{
	background:url(../images/common/side_icon.jpg) no-repeat 5px center;
	border-bottom:1px dotted #cdcdcd;
	padding:5px 0 5px 15px;
	}
#side .navi > li.sub{
	background:url(../images/common/side_icon.jpg) no-repeat 20px center;
	border-bottom:1px dotted #cdcdcd;
	padding:5px 0 5px 30px;
	}

#side .navi > li a{
	display:block;
	}
	
#side .navi01{
	border:1px solid #ff8800;
	}
#side .navi01 > li{
	background:url(../images/common/side_icon.jpg) no-repeat 5px center;
	border-bottom:1px dotted #ff8800;
	padding:5px 0 5px 15px;
	}
#side .navi01 > li.sub{
	background:url(../images/common/side_icon.jpg) no-repeat 20px center;
	border-bottom:1px dotted #ff8800;
	padding:5px 0 5px 30px;
	}

#side .navi01 > li a{
	display:block;
	}
#side .title{
	margin:15px 0 0;
	}
#side .bnr p{
	margin:7px 0 0;
	}

.sub-box{
	width:100%;
	text-align:center;
	font-size:34px;
	padding:30px 0;
	}
.sub-box h2{border-bottom:3px solid #fea000;display:inline-block; padding:0 10px; }

/*#side .searchform .key {
	width:180px;
	padding:5px 0;
	border:solid 1px #cdcdcd;
}*/

#side .searchform{
	width:238px;
	height:24px;
	margin:0;
	padding:0;
	border:solid 1px #cdcdcd;
}

#side .searchform input[type="text"] {
	width:204px;
	height:20px;
	margin:2px 0;
	padding:0 5px;
	color: #999;
	border:0;
}

#side .searchform input[type="text"].textFocus{
	color:#333;
	background-color:#fff; 
}

#side .searchform input[type="image"] {
	vertical-align:top;
}



/* サブコンテンツ共通
---------------------------------------------------------------- */
.sub-title {
	background: url(/images/common/sub-title.jpg) no-repeat 0 0;
	width:660px;
	height:40px;
	font-size: 120%;
	color: #FFF;
	padding: 6px 5px 0 25px;
	font-weight:bold;
	}
.sub-title-s {
	background: url(/images/common/sub-title-s.jpg) no-repeat 0 0;
	width:656px;
	height:40px;
	font-size: 120%;
	color: #FFF;
	padding: 6px 5px 0 25px;
	font-weight:bold;
	}
	
.sub-title-t {
	background: url(/images/common/sub-title-s.jpg) no-repeat 0 0;
	width:656px;
	height:40px;
	font-size: 120%;
	color: #FFF;
	padding:0 5px 0 25px;
	line-height:2.2;
	font-weight:bold;
	}
	
.sub-title-f {
	background: url(/images/common/sub-title-f.jpg) no-repeat 0 0;
	width:926px;
	height:40px;
	font-size: 120%;
	color: #FFF;
	padding: 6px 5px 0 25px;
	font-weight:bold;
	}
	
.inner{
	padding:20px 0;
	}
.b-border{
	border-bottom:1px solid #CDCDCD;
	padding:0 0 15px;
	}
.box-border{
	}
	

	
	

	
/* .pagetop
---------------------------------------------------------------- */
#page-top {
	position: fixed;
	bottom: 25px;
	right: 25px;
	font-size: 77%;
}
#page-top a {
	background: #999;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #aaa;
}


	
/* #footer
---------------------------------------------------------------- */
.pagetop{
	clear:both;
	width:960px;
	margin:50px auto 0;
	text-align:right;
	}
#footer{
	clear:both;
	margin:0;
	width:100%;
	background:#19529f;
	color:#fff;
	padding:20px 0 20px;
	}
#footer a{
	color:#fff;
	}
#footer a:hover{
	color:#fff;
	text-decoration:underline;
	}
#footer .inner{
	width:960px;
	margin:0 auto
   }
#footer .inner .first dl {
	width: 60px;
	margin:0 10px 0 0;
}
#footer .inner .end dl {
	width: 150px;
	margin:0 10px 0 0;
}
#footer .inner dl{
	width:230px;
	float:left;
	margin:0 5px 0 0;
   }
#footer .inner dt{
	font-weight:bold;
   }
#footer .inner dd{
	background:url(../images/common/foot_icon.jpg) no-repeat 5px 7px;
	padding:0 0 0 15px;
   }
#footer .inner .info{
	float:right;
	width:239px;
	}
#footer .inner .info_bg{
	background: url(../images/common/foot_info_bg.jpg) no-repeat 0 0;
	height:52px;
	width:240px;
	text-align:center;
	}
	
.copyright{
	clear:both;
	width:100%;
	text-align:center;
	font-size:85%;
	padding:2px 0;
	background:#003782;
	color:#fff;
	}