@charset "utf-8";
/* =================================================================
* Author : ono
* Date : 2013-11-05
* Licensing : e-trust co.,ltd.
* ================================================================= */
/*
基本設定の内に記述
*/
/* ----------------------------------------------------------
Reset
---------------------------------------------------------- */
* {
/*word-break: break-all;*/
}
a img {
border: none;
}
p, ul, li, ol, h1, h2, h3, h4, h5, h6, hr, dl, dt, dd, pre {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
address {
font-style: normal;
}
br {
letter-spacing: 0;
}
/* ----------------------------------------------------------
Bxi Reset
---------------------------------------------------------- */
#smap {
padding: 35px;
}
#smap p {
margin: 0 0 30px;
padding-left: 15px;
border-left: 5px solid #333333;
}
#smap a {
color: #333333;
text-decoration: underline;
}
#smap a:hover {
color: #C09F9B;
text-decoration: underline;
}
.policy h3 {
margin-bottom: 20px;
}
.policy p {
margin-bottom: 40px;
}
.end {
display: none;
}
.sidebox {
text-align: left;
margin: 0px;
background: #ffffff;
border-top: 4px solid #333333;
}
/* link setting */
a {
text-decoration: none;
}
a:link,
a:visited {
color: #ffffff;
text-decoration: underline;
}
a:active, a:hover {
color: #999999;
}
/* ----------------------------------------------------------
Layout Structure
---------------------------------------------------------- */
body {
min-width: 960px;
line-height: 1.6;
/*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","MS Pゴシック","MS P Gothic",Helvetica Neue,Helvetica,Osaka,Meiryo,Arial,sans-serif;*/
font-family: 'メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka',sans-serif;
/*font-family:'Hiragino Mincho ProN', serif;*/
/*font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
-webkit-text-size-adjust: 100%;
font-size: 15px;
color: #333333;
background: url(image/common/body.jpg) repeat left top;
}
#wrapper {
width: 100%;
}
#contents {
margin: 0 auto;
width: 960px;
padding-top: 0px;
}
#contents a:hover {
color: #C09F9B;
text-decoration: underline;
}
#contents a{
color: #333333;
text-decoration: underline;
}
.inner {
width: 960px;
margin: 0 auto;
}
/* ----------------------------------------------------------
Header
---------------------------------------------------------- */
#header {
width: 100%;
/*height: 465px;*/
}
/*color: #FFFFFF;*/
}
#headerinner {
position: relative;
/*width: 960px;*/
color: #261b01;
background: #f5f4f2;
}
#primary{
background: url(image/common/headerbackg.png) no-repeat center top;
position: relative;
}
h1 {
font-size: 100%;
font-weight: normal;
color: #261b01;
float: left;
padding-top: 10px;
}
#tel {
float: right;
padding-top: 10px;
}
#logo{
position: absolute;
top:10px;
left: 435px;
}
/*#sideb{
float: right;
margin-top: 10px;*/
/* global navigation */
#gnavig {
background: url(image/common/gnavig.jpg) repeat-x left top;
margin-top: 10px;
}
#gnavig li {
margin: 0 auto;
float: left;
}
#gnavig .gnavi03{
margin-left: 99px;
}
/* mainimg */
#mainArea {
display: none;
}
#gnavi .inner {
float: right;
}
#gnavibackg2{
background: url(image/common/ri.jpg) no-repeat center top ;
}
#gnavibackg1{
background: url(image/common/ri.jpg) no-repeat center top ;
}
/* ----------------------------------------------------------
Left
---------------------------------------------------------- */
#navi {
display: none;
/*width: 960px;
height: 50px;
margin: 25px auto 0;*/
}
#left {
width: 260px;
text-align: left;
/*display: none;*/
}
#leftbackg{
background: url(image/common/left_backg.jpg) repeat-y left top;
padding-bottom: 14px;
padding-top: 5px;
}
#mapbackg{
background: url(image/common/mapbackg.jpg) no-repeat left top;
height: 156px;
}
/* ----------------------------------------------------------
Right
---------------------------------------------------------- */
#right{
width: 680px;
margin: 0 auto;
/*width: 700px;
text-align: left;
z-index: 10;
/*padding: 12px 25px;*/
}
/* headline */
/*h2 {background: url(image/common/h2.jpg) no-repeat left top !important;
font-size: 25px;
line-height: 1.3;
color: #e1cba4;
font-weight: normal;
padding: 10px 0 30px 10px;
height: 50px;
font-family: "HG明朝B","ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;s
}*/
h2{
font-size: 22px;
line-height: 1.3;
color: #ffffff;
background: url(image/common/h2_2.jpg) no-repeat left top;
height: 35px;
padding-top: 11px;
padding-left: 25px;
width: 680px;
}
h3 {
font-size: 18px;
line-height: 1.3;
font-weight: normal;
border-left: 5px solid #4B6F49;
padding-left: 5px;
border-bottom: 1px solid #666666;
}
h4 {
font-size: 15px;
line-height: 1.3;
color: #FF8040;
/*border-left: 5px solid #4B6F49;
padding-left: 5px;*/
}
h5 {
border-left: 5px solid #4B6F49;
padding-left: 5px;
}
/*h6{
background: url(image/common/button.png) no-repeat left top;
vertical-align: middle;
padding: 0px 0px;
font-weight: normal;*/
/*border: 1px solid #ddd1c4;*/
/*color: #009944;
}*/
/* list */
.list .child {
background: url(image/common/icon_list.png) no-repeat left 7px;
font-size: 16px;
border-bottom: 1px dotted #FFBE1D;
}
.list_text span {
background: url(image/common/list_icon.png) no-repeat left 4px;
padding: 0 0 0 20px !important;
line-height: 1.7;
}
/* bread list */
#right {
position: relative;
}
.bread {
position: absolute;
top: -30px;
right: 0;
font-size: 10px;
}
.bread ul li {
float: left;
margin-left: 4px;
}
.bread ul li a {
background: url(image/common/bread_arrow.png) no-repeat right center;
padding-right: 10px;
}
.bread ul li.homelink {
padding-left: 17px;
background: url(image/common/bread_home.png) no-repeat left center;
margin: 0;
}
/* b color */
.bcolor b {
color: #A33718;
}
/* a button */
a.btn {
background: #4a9bea;
/* gradient */
background: -moz-linear-gradient(top, #4a9bea 0%, #1f7be5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a9bea), color-stop(100%,#1f7be5));
background: -webkit-linear-gradient(top, #4a9bea 0%,#1f7be5 100%);
background: -o-linear-gradient(top, #4a9bea 0%,#1f7be5 100%);
background: -ms-linear-gradient(top, #4a9bea 0%,#1f7be5 100%);
background: linear-gradient(to bottom, #4a9bea 0%,#1f7be5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a9bea', endColorstr='#1f7be5',GradientType=0 );
/* end gradient */
/* box shadow */
-moz-box-shadow: 0 0 5px #8df0ff inset;
-webkit-box-shadow: 0 0 5px #8df0ff inset;
-ms-box-shadow: 0 0 5px #8df0ff inset;
box-shadow: 0 0 5px #8df0ff inset;
/* end box shadow */
border: 1px solid #0051cb;
color: #ffffff;
padding: 5px 10px;
/* border-radius */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
/* end border-radius */
text-decoration: none;
font-weight: bold;
margin-top: 5px;
}
a.btn:hover {
background: #1f7be5;
/* gradient */
background: -moz-linear-gradient(top, #1f7be5 0%, #4a9bea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f7be5), color-stop(100%,#4a9bea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1f7be5 0%,#4a9bea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1f7be5 0%,#4a9bea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1f7be5 0%,#4a9bea 100%); /* IE10+ */
background: linear-gradient(to bottom, #1f7be5 0%,#4a9bea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f7be5', endColorstr='#4a9bea',GradientType=0 ); /* IE6-9 */
/* end gradient */
}
/* ----------------------------------------------------------
Footer
---------------------------------------------------------- */
#footer {
display: none;
}
#footermenu {
width: 100%;
color: #342217;
margin-top: 0px;
}
#footermenu a {
color: #342217;
text-decoration: none;
}
#footermenu a:hover {
color: #C09F9B;
text-decoration: underline;
}
#footerinner {
text-align: left;
}
#footerinner .ColLeft {
text-align: left;
margin-top: 0px;
}
#footerinner .ColRight{
text-align: left;
margin-top: 20px;
}
#pagetop{
text-align: right;
margin-top: 80px;
}
#innerbackg{
background: #dfceba;
}
#footerinner ul{
float: left;
padding-left: 55px;
padding-top: 40px;
}
#innerin{
float: left;
padding-top: 40px;
}
#innerin2{
float: left;
padding-top: 50px;
padding-left: 40px;
}
#innerR{
float: right;
text-align: right;
margin-right: 45px;
margin-top: 40px;
}
#innerR p{
padding-bottom: 20px;
}
#bar{
background: url(image/common/fg.jpg) repeat-x left top;
}
/* ----------------------------------------------------------
COMMON STYLE
---------------------------------------------------------- */
/* box */
.box01{ border:2px solid #BDA061;}
/* normal border-bottom */
.bb01 { border-bottom: 1px dotted #8E3527;}
.bb02 { border-bottom: 1px dotted #DFB6C8 !important;}
/* y line */
.line_y { background: url(image/common/stroke_y.png) repeat-y center top;}
/* table td border-bottom */
.tdbb td { border-bottom: 1px dotted #DFB6C8 !important;}
/* img border */
.border img {border: 3px solid #BDA061;}
.border02 img {border: 1px solid #ffffff;}
.border03 img {border: 2px solid #FFBAE5;}
/* table img column */
.pics3 img {
max-width: 220px;
height: auto;
}
.pics4 img {
max-width: 154px;
height: auto;
margin-bottom: 5px;
}
/* float */
.ColLeft { float:left;}
.ColRight { float:right;}
.clear{clear:both;}
/* font-size */
.fs10 {font-size:10px !important;}.fs11 {font-size:11px;}.fs12 {font-size:12px;}.fs13 {font-size:13px;}.fs14 {font-size:14px;}.fs15 {font-size:15px;}.fs16 {font-size:16px;}.fs17 {font-size:17px;}.fs18 {font-size:18px;}.fs19 {font-size:19px;}.fs20 {font-size:20px;}.fs21 {font-size:21px;}.fs22 {font-size:22px;}.fs23 {font-size:23px;}.fs24 {font-size:24px;}.fs25 {font-size:25px;}.fs26 {font-size:26px;}.fs27 {font-size:27px;}.fs28 {font-size:28px;}.fs29 {font-size:29px;}.fs30 {font-size:30px;}.fs31 {font-size:31px;}.fs32 {font-size:32px;}.fs33 {font-size:33px;}.fs34 {font-size:34px;}.fs35 {font-size:35px;}
/* line-height */
.lh12{line-height:1.2;}.lh13{line-height:1.3;}.lh14{line-height:1.4;}.lh15{line-height:1.5;}.lh16{line-height:1.6;}.lh17{line-height:1.7;}.lh18{line-height:1.8;}.lh19{line-height:1.9;}.lh20{line-height:2;}.lh21{line-height:2.1;}.lh22{line-height:2.2;}
/* letter-spacing */
.ls-1{letter-spacing:-1px;}.ls0{letter-spacing:0px;}.ls1{letter-spacing:1px;}.ls2{letter-spacing:2px;}
/* padding */
/* all */
.pd05{padding:5px !important;}.pd10{padding:10px !important;}.pd15{padding:15px !important;}.pd20{padding:20px !important;}.pd25{padding:25px !important;}.pd30{padding:30px !important;}
/* top */
.pdT05{padding-top:5px !important;}.pdT10{padding-top:10px !important;}.pdT15{padding-top:15px !important;}.pdT20{padding-top:20px !important;}.pdT25{padding-top:25px !important;}.pdT30{padding-top:30px !important;}
/* bottom */
.pdB05{padding-bottom:5px !important;}.pdB10{padding-bottom:10px !important;}.pdB15{padding-bottom:15px !important;}.pdB20{padding-bottom:20px !important;}.pdB25{padding-bottom:25px !important;}.pdB30{padding-bottom:30px !important;}
/* top & bottom */
.pdTB05{padding-top:5px !important;padding-bottom:5px !important;}.pdTB10{padding-top:5px !important;padding-bottom:5px !important;}.pdTB15{padding-top:15px !important;padding-bottom:15px !important;}.pdTB20{padding-top:20px !important;padding-bottom:20px !important;}.pdTB25{padding-top:25px !important;padding-bottom:25px !important;}.pdTB30{padding-top:30px !important;padding-bottom:30px !important;}
/* left */
.pdL05{padding-left:5px !important;}.pdL10{padding-left:10px !important;}.pdL15{padding-left:15px !important;}.pdL20{padding-left:20px !important;}.pdL25{padding-left:25px !important;}.pdL30{padding-left:30px !important;}
/* right */
.pdR05{padding-right:5px !important;}.pdR10{padding-right:10px !important;}.pdR12{padding-right:12px !important;}.pdR15{padding-right:15px !important;}.pdR20{padding-right:20px !important;}.pdR25{padding-right:25px !important;}.pdR30{padding-right:30px !important;}
/* left & right */
.pdLR05{padding-left:5px !important;padding-right:5px !important;}.pdLR10{padding-left:10px !important;padding-right:10px !important;}.pdLR15{padding-left:15px !important;padding-right:15px !important;}.pdLR20{padding-left:20px !important;padding-right:20px !important;}.pdLR25{padding-left:25px !important;padding-right:25px !important;}.pdLR30{padding-left:30px !important;padding-right:30px !important;}
/* margin */
/* all */
.mg05{margin:5px;}.mg10{margin:10px;}.mg15{margin:15px;}.mg20{margin:20px;}.mg25{margin:25px;}.mg30{margin:30px;}
/* top */
.mgT05{margin-top:5px;}.mgT10{margin-top:10px;}.mgT15{margin-top:15px;}.mgT20{margin-top:20px;}.mgT25{margin-top:25px;}.mgT30{margin-top:30px;}
/* bottom */
.mgB05{margin-bottom:5px;}.mgB10{margin-bottom:10px;}.mgB15{margin-bottom:15px;}.mgB20{margin-bottom:20px;}.mgB25{margin-bottom:25px;}.mgB30{margin-bottom:30px;}.mgB35{margin-bottom:35px;}.mgB40{margin-bottom:40px;}
/* top & bottom */
.mgTB05{margin-top:5px;margin-bottom:5px;}.mgTB10{margin-top:5px;margin-bottom:5px;}.mgTB15{margin-top:15px;margin-bottom:15px;}.mgTB20{margin-top:20px;margin-bottom:20px;}.mgTB25{margin-top:25px;margin-bottom:25px;}.mgTB30{margin-top:30px;margin-bottom:30px;}
/* left */
.mgL05{margin-left:5px;}.mgL10{margin-left:10px;}.mgL15{margin-left:15px;}.mgL20{margin-left:20px;}.mgL25{margin-left:25px;}.mgL30{margin-left:30px;}
/* right */
.mgR05{margin-right:5px;}.mgR10{margin-right:10px;}.mgR15{margin-right:15px;}.mgR20{margin-right:20px;}.mgR25{margin-right:25px;}.mgR30{margin-right:30px;}
/* left & right */
.mgLR05{margin-left:5px;margin-right:5px;}.mgLR10{margin-left:10px;margin-right:10px;}.mgLR15{margin-left:15px;margin-right:15px;}.mgLR20{margin-left:20px;margin-right:20px;}.mgLR25{margin-left:25px;margin-right:25px;}.mgLR30{margin-left:30px;margin-right:30px;}
/* border-radius */
/* all */
.radius10 {
/* border-radius */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
/* end border-radius */
}
/* font-family */
.mincho {font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
/*.webfont {font-family: 'Didact Gothic','Meiryo','ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;}*/
/* font color */
.green {color: #317000;}
.red {color: #A70A0C;}
/* ----------------------------------------------------------
SHOP STYLE
---------------------------------------------------------- */
/*.shopCont {
margin: 0 !important;
}
h2.titleH2 {
background: url(image/common/h2.png) repeat left top !important;
font-size: 30px !important;
padding: 20px 25px !important;
font-weight: normal !important;
border: 3px solid #ece3d1 !important;
color: #3a3737 !important;
}
#searchTable th {
background: #FFF8EC !important;
}
.itemLook h3 {
background: url(image/common/h3.png) no-repeat 10px 12px #231B1D !important;
vertical-align: middle !important;
padding: 5px 15px 5px 30px !important;
color: #FFF8EC !important;
border: none !important;
font-size: 150%;
margin: 60px 0 30px;
}
.sortArea {
padding: 0 !important;
}
.sortArea h5 {
border: none !important;
}
#under_navi {
background: #F0F0F0 !important;
}*/
/* ----------------------------------------------------------
PAGES STYLE
---------------------------------------------------------- */
.btn a {
background:url(image/common/button.png) no-repeat left top;
width: 170px;
height: 34px;
font-size: 15px;
text-align: center;
padding: 11px 0 0;
display: block;
text-decoration: none;
}
.btn .aa a {
font-size: 14px;
line-height:1.2;
padding-top: 7px;
height: 38px;
}
#sbox {
background: url(image/common/bb.jpg) repeat-y left top;
padding: 11px ;
}
.top_news{
overflow-y:scroll;
overflow-x:hidden;
height: 140px;
}
#newsbackg{
background: url(image/common/topicbackg.jpg) no-repeat left top;
height: 155px;
}
#mediabackg{
background: url(image/common/mediag.png) no-repeat left top;
height: 162px;
}
.ss{
background: url(image/common/kk.jpg) repeat-x left top ;
border: 4px solid #759939;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-o-border-radius: 10px 10px 0 0;
-ms-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
.bannar{
text-align: left;
padding: 0px;
font-size: 14px;
}
.aaa{
border: 3px solid #ebebeb;
padding-left:10px;
background: #ffffff;
}
.newb{
border-bottom: 2px dotted #333333;
}
.pp{
background: url(image/common/take.jpg) no-repeat right top;
}
#primary2,
#primary3 {
float: right;
}
#primary3 {
width: 275px;
}
#bb{
background: url(image/common/bb2.jpg) repeat-y left top;
}
#mainb li{
float: left;
padding-right: 10px;
}
#mainb ul{
padding-top: 320px;
margin-left: 5px;
}
.pic{
padding-right: 0px;
}
.kakomi3{
border: 1px solid #333333 !important;
}
.kakomi4{
border: 1px solid #FF0000;
}
.kakomi6{
border: 1px solid #333333 !important;
background: url(image/common/tabako_backg.jpg) repeat left top;
}
.kakomi2 a {
color: #800000;
text-decoration: underline;
}
.kakomi2 a:hover {
color: #C09F9B;
text-decoration: underline;
}
.p a{
color: #800000;
text-decoration: underline;
}
.p a:hover {
color: #C09F9B;
text-decoration: underline;
}
.bottom{
border-bottom: 1px solid #666666 ;
/*font-family: "HG明朝B","ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;*/
}
.bottom2{
border-bottom: 2px dotted #999999 ;
/*font-family: "HG明朝B","ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;*/
}
.back{
background: url(image/common/contentsback.png) repeat left top;
}
.aa h4 a{
font-size: 15px;
line-height: 1.3;
color: #FF8040;
text-decoration: underline;
}
.aa h4 a:hover {
color: #FFCBB3;
text-decoration: underline;
}