@charset "utf-8";
/* CSS Document */
/* Reset */
body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,table,th,tr,td,pre,form,textarea,fieldset,input,select,address,iframe {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
h2{font-size:130%;}
h3{font-size:120%;}
h4{font-size:105%;}
img{vertical-align:bottom;}
ol,ul{list-style:none;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-weight:normal; font-style:normal;}
caption,th{text-align:left;}
abbr,acronym{border:0;}
/* //Reset// */


/*- リンク -*/
a img{border:none; text-decoration:none;}
a:link{color:#d2300e; text-decoration:underline;}
a:visited{color:#c36551; text-decoration:none;}
a:hover{color:#ba5f4c; text-decoration:none;}
a:active{color:#c36551;}
a:focus{outline:none;}
/*-//リンク//-*/


*::-moz-selection{background:#e88801; color:#fff;}
*::selection{background:#e88801; color:#fff;}


.opacity a:hover img{opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha( opacity=70 )";}




/*- スタイル -*/
.pink{color:#903;}
.red{color:#f00}
.small{font-size:11px;}
.middle{font-size:14px;font-weight:bold;}
.fl-l{float:left;}
.fl-r{float:right;}
.mr20{margin-right:20px !important;}
.ml20{margin-left:20px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.attention {
    color: #999;
    font-size: 86%;
    line-height: 1.4;
}




body{background:#9a9486; font-family:"メイリオ","ＭＳ Ｐゴシック","Osaka","Verdana",'Hiragino Kaku Gothic Pro','Lucida Grande',sans-serif; text-align:center; font-size:13px; line-height:1.4; color:#260000;}





/*////////////////////////////////
ヘッダー
////////////////////////////////*/
#header{background:url(../img/bg_header.gif) no-repeat; height:102px; width:920px; margin-bottom:13px; color:#b6b09a;}
#logo{float:left; height:75px; width:236px; margin:10px 20px 0 0;}
#headNav{float:right; display:inline; height:23px; width:290px; margin-right:104px;}
#headNav li{float:left; margin-left:5px;}
#headNav li a{}




/*////////////////////////////////
グローバルナビ
////////////////////////////////*/
.gnav{width:880px; height:42px; margin:0 auto 15px;}
.gnav li{float:left;}





/*////////////////////////////////
共通
////////////////////////////////*/
#container{background:#2d1a16; width:920px; height:auto; margin:0 auto; padding:0 15px 20px; text-align:left;}




/*- フッター -*/
.footer{background:#b7b199; height:auto; width:950px; text-align:center; color:#2d1a16; line-height:2; padding:15px 0 20px; margin:0 auto;}

.pTop{padding:0 15px 33px 0; text-align:right;}
.footer-navi{line-height:0.8; display:table; margin:0 auto; padding-bottom:10px;}
.footer-navi ul{display:table-row;}
.footer-navi li{display:table-cell; *display:inline; *zoom:1; padding:0 5px 0 7px; border-right:1px solid #2d1a16;}
.footer-navi .last{border-right:none;}
.footer-navi a{color:#2d1a16; text-decoration:none;}
.footer-navi a:hover{color:#694943; text-decoration:underline;}
.footer-navi a:visited{color:#86706b; text-decoration:none;}
.footer-navi a:active{color:#86706b;}
.footInfo{background:#2d1a16; color:#b7b199; padding:10px 0;}
.footInfo span{margin-left:5px;}
.address{font-size:11px; padding-top:3px;}
.copyright{clear:left;}
/*- //フッター// -*/


.twiBtn{
background:url(../img/item_twitter.jpg) no-repeat;
height:141px;
width:47px;
left:0;
position:fixed;
top:172px;
z-index: 8765;
text-indent:-10000px;
}
/* IE6用 バッティング
* html{overflow:hidden;}
* html body{height:100%; overflow:auto; margin:0;}
* html .twiBtn{position:absolute; right:16px;}
*/

.twiBtn a{
display:block;
height:141px;
width:47px;
}





.opBtn{
height:145px;
width:33px;
right:0;
position:fixed;
top:172px;
z-index: 8765;
text-indent:-10000px;
}

.opBtn a{
display:block;
height:145px;
width:33px;
}




.bubble li{cursor:pointer;}
.bubble li div{_display:none;}
.bubble li > div{
text-align:left;
color:#2d1a16;
width:150px;
height:auto !important;　/* ie6 */
height:40px;
min-height:40px;
position:absolute;
display:inline;
margin-left:-160px;
padding:5px;
visibility:hidden;
opacity:0;
margin-top:-10px;
background:#ffffff;
font-size:1em;

/* Setting the border-radius property for all Browsers */
-moz-border-radius:4px; /* Firefox */
-webkit-border-radius:4px; /* Safari and Chrome */
border-radius:4px; /* Browsers that Support it like Opera */

/* Setting the box-shadow property for all Browsers */
-moz-box-shadow: 0 0 8px gray; /* Firefox */
-webkit-box-shadow: 0 0 8px gray; /* Safari and Chrome */
filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=3); /* IE */
box-shadow: 0 0 8px gray; /* Browsers that Support it like Opera */

/* Setting the transition property for all Browsers */
-moz-transition: all 0.2s ease-in-out; /* Firefox */
-webkit-transition: all 0.2s ease-in-out; /* Safari and Chrome */
-o-transition: all 0.2s ease-in-out; /* Opera */
transition: all 0.2s ease-in-out; /* Browsers that Support it */
}

.bubble li:hover > div{
text-align:left;
visibility:visible;
opacity: 1;
margin-top: -20px;

/* Setting the transition property for all Browsers */
-moz-transition: all 0.2s ease-in-out; /* Firefox */
-webkit-transition: all 0.2s ease-in-out; /* Safari and Chrome */
-o-transition: all 0.2s ease-in-out;  /* Opera */
transition: all 0.2s ease-in-out; /* Browsers that Support it */
}


/*クリア*/
.clearfix:after{content: "."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{min-height:1px;}
.clear{clear:both;}