@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;
}

img{
max-width:100%; height:auto;
}


/**************************
/* 全体
**************************/
#wrapper{
width:100%;
background:#fff;
}


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


/**************************
/* ヘッダー
**************************/
#header{
height:50%;
}

#header h1{
margin:1% 1% 1% 1%;
font-size:30%;
font-weight:normal;
}


/**************************
/* ロゴ
**************************/
#header .logo img{
float:left;
margin:2.8% 0% 3% 2.8%;
width:15%;
height:auto;
}


/****************************
/* メール
****************************/
#header .guide{
float:right;
margin:1.5% 1.5% 0% 1.5%;
width:9%;
height:auto;
}


/**************************
/* 電話番号+受付時間
**************************/
#header .info{
float:right;
margin:1.5% 0% 0% 0%;
width:36%;
height:auto;
}


/**************************
/* トップナビゲーション
**************************/
ul#topnav{
clear:both;
overflow:hidden;
background-color:#F5F5F5;
}

ul#topnav li{
float:left;
width:33%;
padding:4% 0% 3% 0%;
text-align:center;
background-color:#222222;
border:1px solid #494949;
box-sizing:border-box;
}

ul#topnav a{
font-size:90%;
font-weight:bold;
display:block;
color:#fff;
}

ul#topnav span{
color:#808080;
font-size:80%;
}

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


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

#assist h6{
font-size:85%;
font-weight:normal;
padding:2% 1% 1% 1%;
}


/**************************
/* メイン（右側）コンテンツ
**************************/
#main{
max-width:100%;
display:inline;
}

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

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

#main .article p{
font-size:90%;
}

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

#main .tadashigaki p{
font-size:80%;
}


/**************************
/* ボックス
**************************/
#boxContainer .box{
text-align:center;
max-width:100%;
height:160px;
margin:0% 0% 1% 0%;
border:1px solid #ebebeb;
overflow:hidden;
}

#boxContainer .box img{
margin:4% 4% 0% 4%;
width:90%;
height:auto;
border:2px solid #ebebeb;
}

#boxContainer .box p{
padding:5%;
text-align:left;
font-size:90%;
}


/**************************
/* リンク
**************************/
#link .boxlink{
max-width:100%;
height:auto;
margin:0% 0% 1% 0%;
padding:2% 2% 2% 2%;
border:1px solid #ebebeb;
overflow:hidden;
text-align:center;
}

#link .box_yahooshop{
max-width:100%;
height:auto;
margin:0% 0% 1% 0%;
padding:2% 2% 2% 2%;
border:1px solid #ebebeb;
overflow:hidden;
text-align:center;
}

#link .box_facebook{
max-width:100%;
height:auto;
margin:0% 0% 1% 0%;
padding:2% 2% 2% 2%;
border:1px solid #ebebeb;
overflow:hidden;
text-align:center;
}


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

#footer .logo img{
float:left;
margin:3% 0% 3% 2%;
width:15%;
height:auto;
}

#footer .boxfooter .profile{
margin:4% 4% 0% 2%;
clear:left;
font-size:90%;
}

#footer-link .pagelist{
margin-bottom:15px;
}

#footer-link .pagelist a{
float:left;
width:50%;
padding:3% 2% 3% 2%;
font-size:11px;
color:#000000;
background-color:#F5F5F5;
border:1px solid #E5E5E5;
box-sizing:border-box;
}

#footer-link .pagelist span{
color:#c3391e;
}

#footer .guide img{
width:100%;
height:auto;
margin:3% 0% 3% 0%;
text-align:center;
}

#footer .catchphrase{ 
margin:4% 2% 4% 2%;
font-size:90%;
}

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