@charset "UTF-8";

/*===================
基本レイアウト
===================*/

/*======全般======*/
body{
background:#efefef;
font-size:1em;
}

h1{
background:transparent;
font-size:0.8em;
font-weight:normal;
padding-top:4px;
width:700px;
float:left;
}
h2{
background:url("../img/base/h2.png") no-repeat top left;
height:50px;
font-size:1.6em;
padding:6px 0 0 20px;
}
h2.img{
background:transparent;
border:none;
text-indent:-9999px;
}
h3{
background:transparent url("../img/base/h3.png") no-repeat top left;
height:37px;
margin-bottom:10px;
padding-left:45px;
font-size:1.3em;
letter-spacing:0.05em;
color:#666;
}
h3.img{
border:none;
text-indent:-9999px;
}

.wrapper{
width: 920px;
margin-right:auto;
margin-left:auto;
}

span.attention{
font-size:0.9em;
color:red;
}

.left{float:left;}
.right{float:right;}
/*======ヘッダー======*/
#header{
width: 100%;
height:117px;
position:relative;
/*　padding:20px;　*/
}
#top{
width: 100%;
background:transparent url("../img/base/header/topBack.png") repeat-x top left;
height:35px;
}

div.logo{
background:transparent;
width:575px;
height:50px;
padding-top:5px;
}

.header-nav{
background-color:transparent;
}
p.tel{
background:transparent url("../img/base/header/tel.png") no-repeat top left;
width:320px;
height:50px;
text-indent:-9999px;
overflow: hidden;
}
.headerMenu{
background:transparent url("../img/base/header/headerNav.png") repeat-x top left;
margin:5px 0 0 0;
height:32px;
text-indent:-9999px;
overflow: hidden;
}
.headerMenu ul{
margin-top:5px;
width:334px;
}
.headerMenu li{
float:left;
}
.headerMenu li a{
display:block;
height:15px;
overflow:hidden;
}
.headerMenu li.home a{
background:transparent url("../img/base/header/headerMenu.png") no-repeat top left;
width:62px;
}
.headerMenu li.home a:hover{background-position:0 -15px;}
.headerMenu li.case a{
background:transparent url("../img/base/header/headerMenu.png") no-repeat -62px 0;
width:169px;
}
.headerMenu li.case a:hover{background-position:-62px -15px;}
.headerMenu li.contact a{
background:transparent url("../img/base/header/headerMenu.png") no-repeat -231px 0;
width:103px;
}
.headerMenu li.contact a:hover{background-position:-231px -15px;}

/*======ヘッダー > fsBox======*/
#fsBox {
background:url("../img/base/header/enlargeButton.png") no-repeat 0 0;
height:20px;
width:200px;
margin-top:4px;
float:right;
text-indent:-9999px;
}
#fsBox ul{
margin-left:88px;
}
#fsBox li{
float:left;
cursor: pointer;
}
#fsBox li a{
display:block;
height: 20px;
width: 37px;
}
#fsBox li a#fontL:hover {background:url("../img/base/header/enlargeButton.png") no-repeat -88px -19px;}
#fsBox li a#fontM:hover {background:url("../img/base/header/enlargeButton.png") no-repeat -125px -19px;}
#fsBox li a#fontS:hover {background:url("../img/base/header/enlargeButton.png") no-repeat -162px -19px;}
/*======/ヘッダー > fsBox======*/

/*======/ヘッダー======*/

/*======メイン======*/
div.mainShadow{
margin:0 auto;
width:940px;
background:url("../img/base/mainShadow.png") repeat-y 0 0;
}
div#main{
margin:0 auto;
padding:20px 0;
background-color:#fff;
}

/*======メイン > サイド======*/
#side{
margin-left:-60px;
}

div#side{
width:270px;
float:left;
}
div.sideContent{
overflow:hidden;
}

/*======メイン > サイド > グローバルナビ======*/
#menu{
width:100%;
margin-bottom:20px;
}

#menu ul{
width: 270px;
padding-top:10px;
margin-bottom:0px;
}
#menu ul li.parent{
height:46px;
text-indent:-9999px;
overflow:hidden;
background: url("../img/base/side/home.png") no-repeat 0 0;
}

#menu ul li.child a{
display: block;
height: 50px;
line-height:50px;
width:270px;
text-indent:2.0em;
text-decoration:none;
font-size:1.3em;
letter-spacing:0.05em;
}

#menu ul li.top a{
background: url("../img/base/side/home.png") no-repeat 0 -46px;
}
#menu ul li.middle a{
background: url("../img/base/side/home.png") no-repeat 0 -96px;
}
#menu ul li.bottom a{
background: url("../img/base/side/home.png") no-repeat 0 -146px;
}
#menu ul li.top a:hover{
background: url("../img/base/side/home.png") no-repeat -270px -46px;
}
#menu ul li.middle a:hover{
background: url("../img/base/side/home.png") no-repeat -270px -96px;
}
#menu ul li.bottom a:hover{
background: url("../img/base/side/home.png") no-repeat -270px -146px;
}

/*======/メイン > サイド > グローバルナビ======*/
div.sideContent.blogBunner a{
display:block;
background: url("../img/base/side/blog.png") no-repeat 0 0;
height:170px;
text-indent:-9999px;
overflow:hidden;
}
div.sideContent.blogBunner a:hover{
background-position:0 -170px;
}

/*======/メイン > サイド======*/

/*======メイン > コンテンツ======*/
div#contents{
width:670px;
float:right;
margin-right:20px;
}
.contentsBox{
margin:20px auto 30px auto;
}
/*======/メイン > コンテンツ======*/

/*======フッター======*/
#footer{
background:transparent url("../img/base/footer/footerBar.png") repeat-x 0 0;
}

/*======フッター > フッターメニュー======*/
ul.footerMenu{
height:29px;
font-size:0.8em;
padding-top:5px;
}
ul.footerMenu li{
float:left;
margin-right:10px;
}
ul.footerMenu li a{
padding-left:15px;
color:#333;
}
#toTheTop a{
position:relative;
top:-45px;
left:0;
display:block;
background:transparent url("../img/base/footer/pagetop.gif") no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
height:40px;
margin-left:768px;
}

/*======/フッター > フッターメニュー======*/
/*======フッター > ボトム======*/
#bottom{
background-color:#aaa;
}
address{
font-size:0.8em;
color:#fff;
margin-top:-30px;
padding-bottom:10px;
}
address a{
color:#999;
}
/*======/フッター > ボトム======*/
/*======/フッター======*/