@charset "utf-8";

/*--- reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

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

table {
border-collapse:collapse;
border-spacing:0;
}

caption,th {
text-align:left;
}

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

object,
embed {
vertical-align:top;
}

hr,legend {
display:none;
}

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

img,abbr,acronym,fieldset {
border:0;
}

li {
list-style-type:none;
}

body {
	color:#333;
	font-size:small;
	font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height:1.5;
	background:#f7f7f7;
}

a{color:#a92c25;text-decoration:none;}
a:hover{color:#c3391e;}
a:active, a:focus {outline:0;}


/*************
全体
*************/
#wrapper{
margin:0 auto;
width:960px;
background:#fff;
}


/*************
枠
*************/
.border{
border:4px solid #ebebeb;
}


/*************
/* ヘッダー
*************/
#header{
height:110px;
}

#header h1{
padding:5px 0 10px 10px;
font-size:12px;
font-weight:normal;
}


/*************
/* ロゴ
*************/
.logo{float:left;}

.logo img{
float:left;
padding:0 5px 0 10px;
}

/*************
/* 電話番号
*************/
.info{
float:right;
padding-right:20px;
text-align:right;
}

.info .open{font-size:1.1em;}


/*************
/* ロゴ+電話番号
*************/
.logo,.info .tel{
color:#a92c25;
font-size:24px;
font-weight:bold;
}

.logo span,.info span{
color:#333;
font-size:.6em;
font-weight:normal;
}


/**************************
/* トップナビゲーション
**************************/
ul#topnav{
clear:both;
overflow:hidden;
padding:0 14px;
background:url(img/topnavBg.png);
}

* html ul#topnav{height:1%;}

ul#topnav li {
float:left;
text-align:center;
}

ul#topnav li.last{border-right:1px solid #494949;}

ul#topnav a{
font-size:13px;
display:block;
width:154px;
height:45px;
padding-top:15px;
color:#fff;
background:url(img/topnavSep.png);
border-left:1px solid #494949;
}

ul#topnav span {
color:#00cc00;
font-size:10px;
}

ul#topnav li.active a,ul#topnav a:hover{
color:#fff;
background-position:0 -60px;
padding-top:15px;
}


/**************************
/* メイン画像（トップページ）
**************************/
#mainImg{
margin:17px auto;
width:922px;
height:300px;
background:url(img/mainImg-n.jpg) no-repeat 50% 50%;
border:4px solid #ebebeb;
}

#mainImg h2{
color:#4b4138;
width:400px;
padding:105px 0 20px 75px;
font-size:20px;
}

#mainImg p{
color:#4b4138;
width:460px;
padding:0 0 0 75px;
}


/**************************
/* メイン画像（サブページ）
**************************/
#mainImgSub{
margin:17px auto;
width:709px;
height:140px;
background:url(img/mainImg2.jpg) no-repeat 50% 50%;
border:4px solid #ebebeb;
}

#mainImgSub h2{
color:#4b4138;
width:400px;
padding:29px 0 10px 35px;
font-size:20px;
}

#mainImgSub p{
color:#4b4138;
width:460px;
padding:0 0 0 35px;
}


/**************************
/* トップページ　3つのボックス
**************************/
#boxContainer .box{
float:left;
width:278px;
margin:0 0 20px 15px;
padding:10px;
border:1px solid #ebebeb;
overflow:hidden;
}

#boxContainer .box img{
border:4px solid #ebebeb;
}

* html #boxContainer .box{margin-left:10px;}

#boxContainer .box{text-align:center;}

.box h3{padding:10px 0 5px;}

.box h3, .box p{text-align:left;}

.box p.readmore{
padding:10px 5px 5px;
text-align:right;
}


/*************
メイン（右側）コンテンツ
*************/
#main{
float:right;
width:717px;
padding-right:15px;
display:inline;
}

.article{
padding:20px;
margin-bottom:20px;
border:1px solid #ebebeb;
overflow:hidden;
}

* html .article{height:1%;}

.article p{margin-bottom:10px;}

.article h4{clear:both;}

#main h3{
font-weight:normal;
padding:0 10px;
line-height:36px;
color:#fff;
background:url(img/heading3.png) repeat-x 0 0;
}

.alignleft{
float:left;
clear:left;
margin:0 10px 10px 0;
}
.alignright{
float:right;
clear:right;
margin:0 0 10px 10px;
}

.gallery{padding:10px 0;}

.gallery img{
float:left;
margin:10px 0 2px 10px;
}


/*************
テーブル
*************/
table{
border-collapse:collapse;
width:670px;
margin:5px auto 15px auto;
}

table td{
border-collapse:collapse;
background-color:#F9F9F9;
text-align:left;
padding:8px;
border:1px solid #D6D6D6;
line-height:20px;
}

table th{
background-color:#F5F5F5;
text-align:right;
padding:8px;
white-space:nowrap;
color: #151515;
border-top:1px solid #D4D4D4;
border-right:4px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
}


/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float:left;
width:195px;
padding:17px 0 0 15px;
}

#sidebar .article{padding:7px;}

#sidebar p{margin-bottom:18px;}

#sidebar h3{
font-weight:normal;
padding:0 10px;
line-height:36px;
color:#fff;
background:url(img/heading3.png) repeat-x 0 0;
}

#sidebar ul{padding-top:10px;}

#sidebar li{
margin-bottom:10px;
padding-bottom:10px;
list-style:none;
border-bottom:1px dashed #ebebeb;
}

#sidebar li.last{
border:0;
margin-bottom:0px;
}

#sidebar li a{display:block;}

#sidebar .section{
clear:both;
padding:5px 0;
}

#sidebar .section img{
float:left;
margin-right:5px;
}

#sidebar .section{
font-size:12px;
line-height:1.35;
}


/*************
/* フッター
*************/
#footer{
clear:both;
overflow:hidden;
padding:10px 10px 20px 10px;
background:#f2e4e0;
}

* html #footer{height:1%;}

#footer #info{
float:left;
padding:10px 0 5px;
width:292px;
}

#footer #info .logo, #footer #info .info{float:none;}

#footer #info .info{
clear:both;
padding:10px 0 0 15px;
text-align:left;
}

#footer .logo{font-size:18px;}

#footer .info .tel,#footer .info .tel span,#footer #info .open{font-size:12px;}

#footer ul.footnav{
float:right;
width:620px;
padding:10px 0;
}

#footer ul.footnav li{
float:left;
margin-bottom:10px;
padding:0 7px 0 8px;
border-right:1px solid #b6b6b6;
}

#footer a{color:#333;}

#footer a:hover{color:#888;}

address{
clear:both;
padding:5px;
text-align:center;
font-style:normal;
font-size:12px;
color:#fff;
background:#45190a;
}
