@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:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
line-height:1.5;
background:#222222;
}

a{
color:#808080;text-decoration:none;
}

a:hover{
color:#c3391e;
}

a.overwhite:hover img{
cursor:pointer;
filter:alpha(opacity=60);
-ms-filter:"alpha(opacity=60)";
-moz-opacity:0.6;
-khtml-opacity:0.6;
opacity:0.6;
zoom:1;
}

a:active, a:focus{
outline:0;
}


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


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


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

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


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

#header .logo img{
float:left;
margin:17px 0px 0px 25px;
}


/**************************
/* 電話番号+受付時間
**************************/
#header .info{
float:right;
padding:8px 20px 0px 0px;
}


/****************************
/* メール
****************************/
#header .guide{
float:right;
clear:right; 
margin:8px 20px 0px 0px;
}


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

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

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

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

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

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


/**************************
/* アシスト
**************************/
#assist{
height:28px;
background-color:#DCDCDC;
}

#assist h6{
font-size:12px;
font-weight:normal;
padding:6px 20px;
}


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

#sidebar .article{
padding:5px 5px 5px 5px;
border:1px solid #ebebeb;
}

#sidebar .section{
padding:5px 5px 5px 5px;
margin:0px 0px 2px 0px;
border:1px solid #ebebeb;
}

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

#sidebar .sidelink img{
margin:5px 0px 0px 0px;
border:1px solid #ebebeb;
}


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

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

#main .article #jikou{
font-size:14px;
font-weight:bold;
color:#B22222;
}

#main .article p{
margin-bottom:10px;
clear:both;
}

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


/**************************
/* ボックス
**************************/
#boxContainer .box{
float:left;
width:308px;
height:200px;
margin:0px 5px 5px 0px;
padding:10px 10px 10px 10px;
border:1px solid #ebebeb;
overflow:hidden;
}

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

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

#boxContainer .box h2{
padding:10px 0px 5px 0px;
}

#boxContainer .box h2, .box p{
text-align:left;
}


/**************************
/* リンク
**************************/
#link .boxlink{
float:left;
width:320px;
height:90px;
margin:0px 10px 20px 0px;
padding:10px 10px 10px 10px;
border:4px solid #ebebeb;
overflow:hidden;
text-align:center;
}

#link .box_yahooshop{
float:left;
width:240px;
height:80px;
margin:0px 0px 5px 0px;
padding:10px 0px 0px 0px;
border:1px solid #ebebeb;
overflow:hidden;
text-align:center;
}

#link .box_facebook{
float:left;
width:200px;
height:80px;
margin:0px 0px 5px 5px;
padding:5px 0px 5px 0px;
border:1px solid #ebebeb;
overflow:hidden;
text-align:center;
}

#link .box_amazon{
float:left;
width:250px;
height:80px;
margin:0px 0px 5px 5px;
padding:10px 0px 0px 0px;
border:1px solid #ebebeb;
overflow:hidden;
text-align:center;
}


/**************************
/* フッター
**************************/
#footer{
clear:both;
overflow:hidden;
border:4px solid #ebebeb;
font-size:11px
}

#footer .boxfooter1{
float:left;
margin:15px 30px 20px 15px;
overflow:hidden;
}

#footer .boxfooter1 .profile{
margin:15px 0px 0px 0px;
clear:left;
}

#footer .boxfooter2{
float:left;
width:190px;
height:110px;
margin:20px 10px 0px 10px;
padding:5px 0px 0px 5px;
overflow:hidden;
border-left:3px solid #ebebeb;
}

#footer .boxfooter2 .footnav span{
font-weight:bold;
}

#footer a{
color:#333;
}

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

#footer .guide{
float:right;
clear:right; 
margin:10px 20px 0px 0px;
}

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