@charset "utf-8";

/*-------------------------------------------
全体
-------------------------------------------*/
*{margin:0;padding:0;}

body{
width:100%;
min-width:1000px;
font: 90%/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#555555;
}

a{color:#000000;}
a:hover{color:#000000;text-decoration:none;}
a:active, a:focus {outline: 0;}
img{border:0;}

a:hover img{
     opacity:0.7;
     filter: alpha(opacity=70);
     -ms-filter: "alpha( opacity=70 )";
     -moz-opacity:0.7;
}
.inner {
    width: 1000px;
    margin: 0 auto;
}
.left{
float:left;
}
.right{
float:right;
}
.imgleft {
font-size:90%;
line-height:150%;
}

.imgleft > img {
float:left;
margin-right:10px;
}

/*-------------------------------------------
clearfix
-------------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-table }
/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block }
/* End hide from IE-mac */
* html body { background: url(null) fixed }

/*-------------------------------------------
main
-------------------------------------------*/
/******
span
******/

.big{
font-size:150%;
}

.red{
color:#cc1616;
}

/******
ヘッダー
******/
#header{
margin:0 auto 20px auto;
}

#header > h1 {
background: #3aa9dc; /* Old browsers */
background: -moz-linear-gradient(top,  #3aa9dc 0%, #75e7ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3aa9dc), color-stop(100%,#75e7ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3aa9dc 0%,#75e7ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3aa9dc 0%,#75e7ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3aa9dc 0%,#75e7ff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3aa9dc 0%,#75e7ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aa9dc', endColorstr='#75e7ff',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #5591bc;
border-bottom: 1px solid #5591bc;
padding:5px 0;
font-size:90%;
margin-bottom:10px;
}

.contactblc > .contactTitle,.sideContact > p.title{
background:#efefef;
text-align:center;

}
.contactblc > .tel{
text-align:center;
font-size:150%;
}

.logo{
margin-top:20px;
}

.contactblc .imgleft a{
float:left;
}

/******
ナビ
******/

#nav {
margin:10px 0;
background: #3aa9dc; /* Old browsers */
background: -moz-linear-gradient(top,  #3aa9dc 0%, #75e7ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3aa9dc), color-stop(100%,#75e7ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3aa9dc 0%,#75e7ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3aa9dc 0%,#75e7ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3aa9dc 0%,#75e7ff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3aa9dc 0%,#75e7ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aa9dc', endColorstr='#75e7ff',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #5591bc;
border-bottom: 1px solid #5591bc;
}

#nav .inner> ul {
float:right;
border-left:1px solid #5591bc;
border-right:1px solid #9de8fb;
}
#nav .inner> ul > li{
float:left;
border-right:1px solid #5591bc;
border-left:1px solid #9de8fb;
display: -moz-inline-box;
display: inline-block;
*display: inline;
*zoom: 1;
}

#nav .inner> ul > li > a{
display:block;
font-size:100%;
padding:5px 10px;
text-shadow:
1px 1px 1px rgba(0, 0, 0, 0.9),
1px 1px 1px rgba(255, 255, 255, 0.9);
color:#ffffff;
text-decoration:none;
}

#nav .inner> ul > li > a:hover{
background: rgba(255, 255, 255, 0.4);
}

/******
スライダー
******/
#slider {
text-align:center;
}

#contents {
width:1000px;
margin:20px auto;
}
.blc {
/* box-shadow */
box-shadow:rgba(175, 180, 186, 0.48) 0px 0px 7px 2px;
-webkit-box-shadow:rgba(175, 180, 186, 0.48) 0px 0px 7px 2px;
-moz-box-shadow:rgba(175, 180, 186, 0.48) 0px 0px 7px 2px;
padding:15px;
margin-bottom:20px;
overflow:hidden;
margin-top:-5px;
border: 1px solid #cccccc\9; /* IE8 */

}

/******
ひだり
******/

#left {
width:680px;
}
#left > h3 {
	height:83px;
	line-height:41px;
	padding-left:45px;
	font-size:130%;
	color:#12527b;
	font-weight:bold;
	background:url(../images/bg_h3.png) bottom no-repeat;
	margin-bottom:10px;
}

#topService > .blc > ul {
width:660px;
margin:10px;
}

#topService > .blc > ul > li{
float:left;
width:320px;
margin-right:10px;
margin-bottom:20px;
}

#topService > .blc > ul > li > ul > li{
width:155px;
font-size:75%;
line-height:200%;
background:url(../images/ico_topPoint.png) 1% center no-repeat;
text-indent:13px;
}

#comment{
margin-bottom:20px;
}

/******
みぎ
******/
#side {
width:300px;
}

#sideArea img{
margin:5px 0;
}

p.areatxt{
padding:10px;
line-height:150%;
}

.sideContact > p.tel{
line-height:250%;
}

.sideContact > p{
text-align:center;
line-height:180%;
}

#sideBn, #sideBn_ndl, #sideBn_fiace{
	border: 1px solid #dadada;
	margin-bottom: 10px;
}



/******
トップ
******/
#topEx > .blc > ul > li {
width:290px;
float:left;
line-height:200%;
color:#12527b;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
margin-right:20px;
margin-bottom:20px;
padding:10px;
padding:5px;\9; /* IE8 */
height:300px;
position:relative;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#topEx > .blc > ul > li.mr20{
margin-right:0px;
}
#topEx > .blc > ul > li.mb20{
margin-bottom:0px;
}
#topEx > .blc > ul > li > img{
margin:3px;
}
#topEx > .blc > ul > li > a{
display:block;
position:absolute;
bottom:0;
right:10px;
}

#topOther > .blc > ul > li {
width:480px;
float:left;
line-height:200%;
}


#topEx > .blc > ul > li > h5{
font-size:160%;
}
#topEx > .blc > ul > li > h5 > img{
margin-right:20px;
}

/******
フッター
******/

.fnavi {
text-align:center;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:20px 0;
}

.fnavi > a {
text-decoration:none;
}
.fnavi > a:hover {
text-decoration:underline;
}
.copy{
text-align:center;
padding:10px 0;
}

/******
サブページ
******/

#contents h2{
margin-bottom:20px;
}

.sub>p{
padding:10px;
line-height:150%;

}

#subEx > .blc > ul > li {
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
padding:10px;
margin-bottom:20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border:1px solid #cccccc;
}
#subEx > .blc > ul > li > .left h5{
font-weight:bold;
font-size:150%;
}
#subEx > .blc > ul > li > .left h5 img{
margin-right:10px;
}

#subEx > .blc > ul > li > .left{
width:280px;
float:left;
}
#subEx>.blc>ul>li>.right{
width:340px;
float:right;
}
#subEx>.blc>ul>li>.right>.maintxt{
color:#f96400;
font-size:120%;line-height:160%;
margin:10px 0;
}
#subEx>.blc>ul>li>.right>.subtxt{
line-height:160%;
}

#subOther .blc ul li{
line-height:200%;
width:320px;
float:left;
}

.mailcontact{
text-align:center;
margin:20px 0;
}

#soudan .blc{
text-align:center;
font-size:140%;
line-height:200%;
}.toprightbox {
	text-align: center;
}
.topmidashi {
	font-size: 18px;
}
.bluetext {
	color: #00A0E9;
}
@charset "utf-8";

/*
===========================================================
	reset.css
	Copyright (c) 2009, nishi-shinjuku.net All rights reserved.
	version: 2.2.7 [2010/01/13]
===========================================================
*/

html {
	color:#000000;
	overflow-y:scroll;
}

body {
	margin:0;
	padding:0;
}

a {
	overflow:hidden;
}

a img, img {
	border:0;
}

abbr, acronym {
	border:0;
}

address, caption, cite, code, dfn, em, th, strong, var {
	font-style:normal;
	font-weight:normal;
}

blockquote, dd, div, dl, dt,
h1, h2, h3, h4, h5, h6,
li, ol, p, pre, span, td, th, ul {
	margin:0;
	padding:0;
}

caption, th {
	text-align:left;
}

code, kbd, pre, samp, tt {
	font-family:monospace;
	line-height:100%;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

ol, ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

q:before, q:after {
	content:'';
}

button, fieldset, form, input, label, legend, select, textarea {
	margin:0;
	padding:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	vertical-align:baseline;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}