@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : tmp01.css
 Style Info : テンプレート01関するスタイル指定
=================================================================== */

#page{}
#main #social{
	display: none;
}
#main .infoArea footer{
	display: none;
}
body {
	color: #333;
	background: #fff;
	background: url(../img/bg_head.png) top center no-repeat;
	margin-top: 20px;
}

@media(max-width:769px){
body {
	color: #333;
	background: #fff;
	background: url(../img/bg_head2.png) top center no-repeat;
	margin-top: 20px;
}
}
@media(max-width:480px){
body {
	color: #333;
	background: #fff;
	background: url(../img/bg_head3.png) top center no-repeat;
	margin-top: 20px;
}
}

/* header要素
----------------------------------------------------------- */
#header	{ border-top: 0px solid #336600; }
#header .inner	{ position: relative; }
#header	.tit	{ padding: 0 0 10px 5px; }
#header	section	{ padding: 25px 0px; overflow: hidden; }
#logo {
font-size: 200%;
line-height: 100%;
}
#header	.tel	{ position: absolute; top:25px; right:10px;  }
#header dt	{ font-size: 125%; margin-bottom:5px;  }
#header dd	{ font-size: 200%; font-weight: bold; }
.tel-icon { 
padding-left:20px;
background: url(../img/tel.png) no-repeat 0 2px;
}
@media(max-width:769px){
}

@media(max-width:480px){
	#header	.tit	{ display: none; }
	#header .tel dl	{ display: none; }
}


/* gNavi Style要素
----------------------------------------------------------- */
#gNav	{ padding: 6px 0 0;  font-size:11px;}
#gNav dt	{ display: none;  }
#header #gNav dd{ font-size:12px;}

#gNav ul {
	width: 960px; margin:0 auto; overflow: hidden; text-align:center;font-size:12px;
	display: table;
	table-layout: fixed;
}
#gNav li {
/*	float: left;*/
	font-size:12px;
	display: table-cell;
}
#gNav a	{
	display:block;
	font-size: 125%;
	font-weight: bold;
	text-align: center;
	border-right: 1px dotted #A8A7A5; 

}
#gNav a span{
	display:block;
	padding:0px 0px;
	text-align: center;
	font-weight:bold;
	line-height: 1.4;
	}
#gNav a:hover	{
	text-decoration:none;
}

@media(max-width:769px){
	#gNav dt	{ display: inherit; padding:10px; text-align:center;  border: 1px solid #ddd; }
	#gNav dd	{ display: none; }
	#gNav ul	{ width:100%; }
	#gNav li	{ float: none; display:block; width:100%;}#gNav li:first-child{border:none !important; background:none; }
	#gNav a	{ display:block;text-align: left; padding: 10px; border-bottom: 1px dotted #ddd; font-size:100%;border: 1px dotted #ccbfa3;border-top:none; }
	#gNav a span {
		padding: 0px; }
}
@media (max-width: 480px)
#header nav dl {
display: inline-block;
}

/* mainVisual要素
----------------------------------------------------------- */
#mainVisual	{ padding:20px 0 0; margin-bottom: 20px; }
#mainVisual	.inner	{ width: 1260px;padding:0; position: relative; }
#mainVisual h1	{ position:absolute; top:200px; left:40px; z-index:100; font-size:200%; }
#mainVisual img	{ width: 100%; height: auto; }
.flexslider	{ margin:0 0 30px; }
.flex-control-nav	{  bottom: 0px; z-index:100; }

@media(max-width:769px){
	#mainVisual h1	{ position:absolute; top: 60px; left:20px; font-size:180%; }
}
@media(max-width:480px){
	#mainVisual h1	{ position:absolute; top: 20px; left:20px; font-size:140%; }
}

/* main要素
----------------------------------------------------------- */

#main{
	width:680px;} 


#main .faq dt span.q{
	background:#336600;}
	
#main .block03{
	position:relative;}

#main .block03 .bottom{
	position:absolute;
	right:0px; top:10px;}	
	
#main .block03 .bottom a{
background: url(../img/arrow.png) right center no-repeat;
padding: 10px 10px 10px 0px;
text-decoration: none;
margin-right:20px;
text-align: left;
font-weight: normal;
color: #043367;
	}	

#main a.btn-main {
background: #f6651d url(../img/icon/icon_mail.png) 10px center no-repeat;
color: #fff;
border-radius: 5px;
padding: 10px 20px 7px 30px;
font-size: 120%;
font-weight:bold;
text-align: center;
margin:20px 0px;
display:block;
}
#main a.btn-main:hover {
background: #f6991d url(../img/icon/icon_mail.png) 10px center no-repeat;
}

.index-post-li ul li .body{
	border:none;
	padding:0;}

#main .index-post-li ul li a{
	color:#0099CC;}
#contact{
	background: #fff url(../img/bg_contact02.jpg) repeat-x 0 bottom; border:solid 3px #336600;
}
	
#contact .contactL {
width: 250px;
padding:0px 0px 0px 120px;
float: left;
background: url(../img/bg_contact.png) no-repeat left bottom;
}	
#contact .contactL .phone-link{
	font-size:190%;}

.detail_list{
	overflow:hidden;}
	
.detail_list dt{
	float:left;
	background:#F6921D  url(../img/finger.jpg) 10px 7px no-repeat;
	color:#fff;
	font-size:130%;
	padding:7px 10px 5px 40px;
	border-radius:3px;
	width:60px;}	
	
.detail_list dd{
	margin-left:120px;
	font-weight:bold;
	font-size:130%;
	padding:10px 0;}	

#main .detail_list {
border: solid 5px #5E801A;
border-radius: 5px;
box-shadow: 0 0 5px #666;
margin:40px 0px 40px 0px;
padding:15px 15px 0px 15px;
}
.detail_list li {
font-weight: bold;
background: url(../img/check.jpg) 10px 7px no-repeat;
font-size: 130%;
padding: 7px 10px 5px 40px;
}

#main .imgBox ul dl {
display: block;
border:none;
padding:0px 0px 0px;
margin-bottom:30px;
position: relative;
}


.index-post-li .info li .body time {
display:none;
}
.index-post-li .info li .body time span {
display: block;
}
#main .index-post-li .info li .body h3 {
font-size:100%;
}

#main .imgBox .column02 a {
 color: #0099CC;
}
#main .imgBox .column02 a:hover {
text-decoration: underline;
}
#main .imgBox a:hover img {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

#main .column02 li {
border:1px solid #D3D3D3;
padding:10px 10px 20px;
width: 44%;
margin-right: 2.7%;
float: left;
position: relative;
margin-bottom:10px;
}

.column02 li a {
padding-bottom:5px;
}

.entry-li ul li time {
display:none;
}
.entry-li ul li .bottom a {
background:#F5651E;
}
.entry-li ul li .bottom a:hover {
background:#F6921D;
}
a.block-link {
position: relative !important;
padding: 2px 10px 5px 10px;
left: 0;
top: 0;
width:85px;
height: 100%;
text-indent: 0px;
display: block;
opacity: 100;
background: #013364 url(../img/arrow_menu.gif) 90px center no-repeat;
color: #fff;
}

a.block-link:visited {
color: #fff
}
a.block-link:link {
color: #fff
}
a.block-link:visited {
color: #fff;
}

.block03 dl.info dt {
  clear: left;
  float: left;
  width: 15em;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px dotted #ddd;
}

.block03 dl.info dd {
  margin-left: 15em;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px dotted #ddd;
}

.img02 li {
width: 48%;
margin-right: 1.3%;
margin-bottom:30px;
float: left;
}

	
/* side要素
----------------------------------------------------------- */

#side{
	width:252px;}

#side .sideNav	{ background:#FFF;border-left:1px solid #D3D3D3;border-right:1px solid #D3D3D3;border-bottom:1px solid #D3D3D3; }
#side .sideNav ul { margin:0; }
#side .sideNav li	{ border-bottom: 1px solid #E9E9E9;margin: 0px 15px; }
#side .sideNav a	{
	display: block;
background: url(../img/arrow.png) no-repeat 0px 22px;
padding: 15px 0 15px 15px;
color: #666666;
}
#side h2 {
font-size: 123.1%;
padding:8px 10px 5px 20px;
background:#80A5D1;
}
#side section{
	padding-bottom:10px;
	padding-top:0;
	border:none;
	}
	
#side .menuS{
	padding-bottom: 4px;
	margin-bottom:15px;
}
#side section section{
	margin-bottom:0;}
		
#side .infoS { border:1px solid #D3D3D3;padding:10px 15px 0px 15px;position:relative;margin-bottom:30px; }	
#side .att	{ background:#336600; border-radius:5px; font-weight: bold; color:#fff; text-align: center; padding: 5px;margin-bottom:5px; }

	
#side .s-tit{
	background:url(../img/side/s-tit.jpg);}

#side section.s-menu li a{
	padding:15px ;}

#side section p{
	margin-bottom:1em;}	
#side .dataB { display: inline-block;margin-bottom:20px; }
#side .dataB a{
	background:url(../img/arrow.png) right center no-repeat;
	padding:0px 20px 0px 0px;
	text-decoration:none;
	text-align:left;
	font-weight:normal;
	color:#043367;
	display:inline;
}
.companybox {
background: url(../img/side/side_corner.png) left top no-repeat;
position: absolute;
left: -6px;
top: -6px;
display: block;
width: 60px;
height: 60px;
}

#side .dataB a:hover{

}
#side aside li, #side .bnr li {
margin-bottom:15px;
padding:0px;
border:none;
text-align: center;
}

#side section .hover {
background: #f6651d url(../img/icon/icon_mail.png) 10px center no-repeat;
color: #fff;
border-radius: 5px;
padding: 10px 10px 7px 20px;
font-size: 120%;
text-align: center;
margin:20px 0px ;
display:block;
}
#side section .hover:hover {
text-decoration:none;
}
#side section .bo {
padding:0px 0px 5px 0px
}




/* footer要素
----------------------------------------------------------- */
#footer { border-top:1px solid #D3D3D3;background: url(../img/bg_footer.gif) left bottom repeat-x; }
.pageTop	{ text-align: center; min-width: 960px;padding-top:10px; }
.pageTop a	{ padding: 20px 10px 0;  position:relative; z-index:333; }

#footer .inner	{ padding: 20px 0 2; position:relative; top:-20px; padding-top:50px;}
#footer .infoF	{ width: 580px; float: left; }

#footer section	{ position: relative; }
#footer h1, #footer .tel	{ font-size: 153.9%; font-weight: bold; margin-bottom:5px; }
#footer .f-l	{ width:50%; float:left; margin-bottom:40px; }
#footer .f-r  { width:45%; float:right; }

#footer .tel	{ font-size: 200%; }
#footer .fNav	{ width: 450px; float: right; text-align: right; overflow:hidden; }
#footer .fNav .navL { list-style-type: square;color:#C1D2E4 }
#footer .fNav li { margin-bottom:10px;}
#footer .fNav a	{ padding: 0 5px; line-height:100%;	color:#1A75BB !important;padding: 0 15px 0 20px;}
#footer .fNav li ul	{ padding-left:10px; }
#footer .fNav .navL li{ display:inline-block; *display:inline;background: url(../img/foot_list_bg.gif) left center no-repeat;}
#footer .fNav a:hover{
	box-shadow:none;}
#copyright	{ color:#fff;margin-top:50px;position: absolute;bottom: 0px; }

@media(max-width:769px){
	.pageTop	{ min-width:320px; }
	#footer .infoF	{ width: 100%; float: none; }
	#footer section	{ padding: 0 5px; }
	#footer .fNav	{ width:100%; float: none; padding: 10px; margin-bottom:10px; }
	#footer .fNav li.sp	{ text-align:right; }
	#footer .tel	{ position: inherit; margin: 10px 0 0; padding:10px; text-align:center; }
	#copyright	{ font-size: 80%; position:absolute; bottom:0; left:0; }
}
@media(max-width:600px){
	#footer .f-l, #footer .f-r	{ width: 100%; float: none; }
}