@charset "Shift_JIS";

/*@import url(shop.css);*/

html,body,p,h1,h2,h3,h4,h5,h6,form,input,ul,li{margin: 0; padding: 0;}
html{height: 100%;overflow-x: hidden;}

a,img{border: 0;}
.ic{vertical-align: middle;}
.btop{text-align: right; padding: 5px 0; font-size: 11px; clear: both;}
h2.ttl{background-color: #804e31; padding: 3px 10px; color: #fff; font-size: 14px; border: double 3px #fff;}
h2.ttl span{font-weight: normal; font-size: 14px;}
p.pttl{ border-bottom: solid 2px #5f4739; padding: 3px 0; background-color: #faf3e8;}
.box{border: solid 1px #5f4739; padding: 10px;}

object:focus{
 outline:none;
}

body{
height: 100%;
margin: 0;
padding: 0;
color:#5f4739;
font-family:"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS Gothic","ＭＳ ゴシック",sans-serif;
font-size: small;
line-height: 1.5;
font-size: small;
border-top: solid 3px #804e31;

}

.left{float:left;}
.right{float:right;}
.clear{clear: both;}
.l{text-align: left;}
.r{text-align: right;}
.c{text-align: center;}


/*Font*/
a:link{color:#5f4739;}
a:visited{color:#5f4739;}
a:hover{color:#39c; outline:none;}
.red{color: #f00;}
.dred{color: #c00;}
.orange{color: #f60;}
.blue{color: #369;}
.dblue{color: #036;}
.aqua{color: #39c;}
.pink{color: #ec4a74;}
.lime{color: #690;}
.green{color: #693;}



/*Background*/
.white{background-color: #fff;}
.lblue{background-color: #dff6fb;}
.lgreen{background-color: #edfcd2;}
.lpink{background-color: #fae6ea;}
.lorange{background-color: #fae6ca;}
.lyell{background-color: #ffffd7;}
.lgy{background-color: #f7f7f7;}
.lviolet{background-color: #e9e4f5;}


/*Layout*/
div#container{width: 950px; margin: 0 auto;background-color: #FFF;}
* html body div#content{zoom: 100%; clear: both;}
div#content{zoom: 100%; clear: both;}
div#content:after{content: ""; clear: both; height: 0; display: block; visibility: hidden;}


div#sidebar{width: 156px; float: left; margin: 0;}
div#main{width: 790px; float: right;}
div#main_left{width: 478px; float: left; margin: 0 0 1px 0;}
div#main_left_in{padding: 0 9px 0 5px;}
div#main_right{width: 312px; float: right; margin: 0 0 1px 0;}
div#main a:link{text-decoration: none;}
div#main a:visited{text-decoration: none;}
div#main a:hover{text-decoration: none;}

div#main_in{width: 940px; margin: 10px auto;}

/*toppage*/


/*header*/
div#header {width: 950px; position: relative; font-size: 12px; background: url(../img/topbg/tp_hdbg.png) 0 1px no-repeat;background-color: #FFF;}
/*.tophd{}
.otherhd{background: url(../img/hd_bg.jpg) 0 0 no-repeat;}*/
div#header a:link{text-decoration: none;}
div#header a:visited{text-decoration: none;}
div#header a:hover{text-decoration: none;}
div#header div#navi {position: absolute; top: 8px; right: 8px; text-align: right; font-size:12px; color: #c3ac84; z-index:100;}
div#header div#navi a#eng{letter-spacing:0em;}
div#header div#navi p{margin: 4px 0;}
div#header div#himg{position: absolute; top: 1px; left: 156px;}

/*footer*/
div#footer{font-size: 11px; line-height: 1.2; text-align: center;}
div#footer a:link{color: #39c;}
div#footer a:visited{color: #39c;}
div#footer a:hover{color: #39c;}


/*sidebar*/
div#sidebar p#charalibrary{text-align: center; width :156px; padding: 0 0 3px 0; height: 131px; background: url(../img/tp_library.gif) top left no-repeat #fff;}
div#sidebar p#charalibrary img{margin: 30px auto 0 auto; width: 142px;}
div#sidebar p.lbn{padding: 5px 5px 3px 7px;}
div#sidebar p.lbn img{padding: 3px 0 0 0;}

/*no swf version*/
div#sidebar ul li{
list-style-type: none;
padding: 0;
line-height: 0;
/*border-bottom: dotted 2px #d6cdc3; text-decoration: none; font-weight: bold; font-size:13px;*/
}
div#sidebar a.others{
font-size: 11px;
color: #fff;
padding: 5px;
text-align: center;
background: #734323;
display: block;
text-decoration: none;
}


/*MAIN LEFT*/
div#news{float: left; width: 450px; margin: 0; padding: 0;margin-bottom: 20px;}
div.scroll_area{margin: 0; padding: 0; font-size: 11px; line-height: 1.2;
height: 220px; width: 450px; margin: 0 auto 0 0; overflow: scroll; overflow-x :hidden;
background: url(img/tp_news_bg.png) 0 0 no-repeat;
}
div#news p {margin: 6px 0 0 6px;}
div#news p strong{font-size: 10px; color: #FF6666;}

/*no swf version*/
div#mainmovie div{
margin: 5px 0 0 0;
}


/*toretate top*/
/*div#toretate{float: right; width: 153px; background: url(../img/tp_tore.gif) ottom left no-repeat; padding: 0; margin:5px 0 5px 0;}
div#toretate_in{background: url(../img/tp_bg_tore.gif) bottom left no-repeat #c88b0e; margin: 0 0 0 auto;  text-align: center; min-height: 180px;}
* html body div#toretate_in{height: 180px;}
div#toretate_in p{padding: 5px 3px; font-size: 11px; line-height: 1.2; zoom: 100%; text-align: left;}
div#toretate_in p:after{content: ""; clear: both; height: 0; display: block; visibility: hidden;}
div#toretate_in p img{float: left; padding: 0 5px 2px 0;}

div#toretate a:link{ color: #fff; text-decoration: none;}
div#toretate a:visited{ color: #fff; text-decoration: none;}
div#toretate a:hover{ color: #fff; text-decoration: underline;}*/


/*toretate top 201308*/
div#toretate{float: right; width: 147px; margin: 0;}
div#toretate_in{margin: 0;  text-align: center; min-height: 180px;}
* html body div#toretate_in{height: 180px;}
div#toretate_in p{padding: 5px 3px 5px 0; font-size: 11px; line-height: 1.2; zoom: 100%; text-align: left;}
div#toretate_in p:after{content: ""; clear: both; height: 0; display: block; visibility: hidden;}
div#toretate_in p img{float: left; padding: 0 5px 2px 0;}

div#toretate a:link{text-decoration: none;}
div#toretate a:visited{text-decoration: none;}
div#toretate a:hover{color:#39c;}



/*MAIN RIGHT*/
/*netshop*/
div#main_right div#netshop{min-height: 140px; background: url(../img/tp_bg_shopkn.gif) left bottom no-repeat; font-size: 11px;}
* html body div#netshop{height: 140px;}
div#main_right div#netshop p{margin: 0; padding: 5px 10px 1px 10px; line-height: 1.3;}

/*goods*/
div#main_right div#goods{ margin: 4px 0 0 0; min-height: 140px; background: url(../img/tp_bg_312_goods.gif) left bottom no-repeat #fffce4; font-size: 11px;}
* html body div#goods{height: 140px;}
div#main_right div#goods p{margin: 0;  line-height: 1.3; clear: both;}

/*enjoy*/
div#main_right div#enjoy{ margin: 5px 0; min-height: 350px; background: url(../img/tp_bg_312_goods.gif) left bottom no-repeat #fffce4; font-size: 11px; line-height: 1.3; padding: 0;}
* html body div#enjoy{height: 350px;}
div#main_right div#enjoy table{width: 310px; margin: 0 auto; border-collapse: collapse;}
div#main_right div#enjoy tr.xline{background: url(../img/tp_li_dot1_cha.gif) left bottom repeat-x; padding: 0 0 5px 0;}
div#main_right div#enjoy tr.xline td{padding: 0 0 5px 0;}
div#main_right div#enjoy td.yline{background: url(../img/tp_li_dot2_cha.gif) right top repeat-y; padding: 0 2px 0 0; width: 150px;}
div#main_right div#enjoy tr.btm td{background: url(../img/tp_li_dot1_cha.gif) left top repeat-x; padding: 10px 0;}
div#main_right div#enjoy td p{padding: 0 5px;}


/*Bunnew*/
div.nbn6{background: url(../img/tp_bn6.gif) top left no-repeat; width: 786px; height: 340px; clear: both;  margin: 0 0 0 5px; position: relative;}
div.nbn6 table{border-collapse: collapse; width: 750px; position: absolute; top: 10px; left :20px; margin:0; padding:0;}
div.nbn6 img{padding:0 0 2px 0;}

div.nbn5{background: url(../img/tp_bn5.gif) top left no-repeat; width: 786px; height: 290px; clear: both;  margin: 0 0 0 5px; position: relative;}
div.nbn5 table{border-collapse: collapse; width: 750px; position: absolute; top: 10px; left :20px; margin:0; padding:0;}
div.nbn5 img{padding:0 0 2px 0;}

div.nbn4{background: url(../img/tp_bn4.gif) top left no-repeat; width: 786px; height: 360px; clear: both; margin: 0 0 0 5px; position: relative;}
div.nbn4 table{border-collapse: collapse; width: 750px; position: absolute; top: 5px; left :20px; margin:0; padding:0;}
div.nbn4 img{padding:0 0 2px 0;}

div.nbn3{background: url(../img/tp_bn3.gif) top left no-repeat; width: 786px; height: 178px; clear: both;  margin: 0 0 5px 5px; position: relative;}
div.nbn3 table{border-collapse: collapse; width: 750px; position: absolute; top: 5px; left :20px; margin:0; padding:0;}
div.nbn3 img{padding:0 0 2px 0;}

div.nbn2{background: url(../img/tp_bn.gif) top left no-repeat; width: 786px; height: 128px; clear: both;  margin: 0 0 5px 5px; position: relative;}
div.nbn2 table{border-collapse: collapse; width: 750px; position: absolute; top: 5px; left :20px; margin:0; padding:0;}
div.nbn2 img{padding:0 0 2px 0;}

div.sbn{background: url(../img/tp_bn.gif) top left no-repeat; width: 786px; margin: 5px 0 0 5px;}
div.sbn p{padding:14px 0 20px 14px;}
div.sbn img{padding: 0 5px;}


/*OtherPage*/

/*sitemap*/
 div.sitemap{border: solid 2px #f6f0e8; }
 div.sitemap:after{content: ""; clear: both; height: 0; display: block; visibility: hidden;}
 div.sitemap div{width: 460px;}
 div.sitemap ul{margin: 0; list-style-type: none;}
 div.sitemap li{padding: 7px; margin: 3px;}
 div.sitemap ul.listin{padding: 0 0 0 20px;}
 div.sitemap ul.listin li{padding: 5px 0 10px 0; margion: 0; border: none; list-style-type: disc;}

/*sitemap*/
 div#com{border: solid 2px #f6f0e8; border-bottom: solid 2px #b09580; padding: 5px;}
 div#com h3{font-size: 14px; padding: 7px 5px; margin: 0; width: 450px; border-bottom: solid 2px #804e31;}
 div#com:after{content: ""; clear: both; height: 0; display: block; visibility: hidden;}
 * html body div#com{zoom: 100%; clear: both;}
 div#.com div{width: 470px;}
 div#com ul{padding: 0 0 0 20px; background-color: #fff; margin: 0; width: 430px; min-height: 160px;}
 * html body div#com ul{height: 160px;}
 div#com li{padding: 10px 0; margion: 0; border: none; list-style-type: disc; border-bottom: dotted 1px #baac9b;}
 div#com li.lst{border: none;}

/*contact*/
 div.contact{border: solid 2px #f6f0e8; border-bottom: solid 2px #b09580; padding: 5px; margin: 0 0 10px 0;}
 div.contact p{margin: 10px;}
 div.contact h3{font-size: 14px; padding: 7px 5px; margin: 0; border-top: solid 2px #804e31;}
 div.contact h3 span{font-weight:normal; font-size: 12px;}
 p.bbox{padding: 0 0 30px 0; margin: 5px 0; line-height:1.8; clear:both;}
 p.bbox strong.bcate{font-size:14px; background-color: #f0f5fa; display:block; border-top: solid 1px #b09580; padding: 0 0 0 5px; color:#336;}
 p.bbox span{display:block; margin: -10px 0 0 0;}
 span.check{font-weight:normal; font-size:11px; color:#c00;}


/*------common css------*/

/*Button*/
strong.btn a{ background: url(../img/bg_btn.gif) top left repeat-x #654c32; padding:3px 15px; font-weight:bold; color:#FFF; font-size:100%; text-align:center; cursor:pointer; border-left: solid 2px #BEB2A0; border-top: solid 2px #BEB2A0; border-right: solid 2px #3d2e1e; border-bottom: solid 2px #3d2e1e; text-decoration:none; color:#FFF;}
strong.btn a:visited{ background: url(../img/bg_btn.gif) top left repeat-x #654c32; text-decoration:none; color:#FFF;}
strong.btn a:hover{background-image:none; background-color: #654c32; text-decoration:none; color:#FFF;}

/*input*/
span.btn input{background: url(../img/bg_btn.gif) top left repeat-x #654c32; padding:3px 15px; font-weight:bold; color:#FFF; font-size: 100%; text-align:center; cursor:pointer; border-left: solid 2px #BEB2A0; border-top: solid 2px #BEB2A0; border-bottom: solid 2px #3d2e1e; border-right: solid 2px #3d2e1e;}
span.btn input:visited{background: url(../img/bg_btn.gif) top left #654c32; color:#FFF;}
span.btn input:hover{background-image:none; background-color:#59422c; color:#FFF;}

span.btn_next input{ background: url(../img/bg_btn_o.gif) top left repeat-x #e7570e; padding:3px 15px; font-weight:bold; color:#FFF; font-size:100%; text-align:center; cursor:pointer; border-left: solid 2px #fc9; border-top: solid 2px #fc9; border-right: solid 2px #c30; border-bottom: solid 2px #c30;}
span.btn_next input:visited{ background: url(../img/bg_btn_o.gif) top left repeat-x #e7570e; color:#FFF;}
span.btn_next input:hover{background-image:none; background-color: #d4591c; color:#FFF;}

/*table*/
table.ntb{border-collapse: collapse; border: solid 1px #BEB2A0; width: 100%;}
table.ntb td{padding: 4px; border: solid 1px #BEB2A0; text-align: left; background-color: #fff;}
table.ntb th{padding: 4px; border: solid 1px #BEB2A0; text-align: left; background-color: #FFFDE6;}

table.ftb{border-collapse: collapse; border:solid 1px #a28f78; width: 100%;}
table.ftb td{padding: 6px 10px; border: solid 1px #a28f78; text-align: left; background-color: #f5f5f5;}
table.ftb th{padding: 6px 10px; border: solid 1px #a28f78; text-align: left; background-color: #FFFDE6;}
table.ftb th.hd{background-color:#a28f78; color:#fff; font-size:15px;}

/*form*/
input.txt{padding: 2px;}
/*input:focus {background-color:#;}*/
p.btn_box{text-align:center; margin: 10px 0 40px 0;}


/*erroe*/
div.error{text-align: center; padding: 140px 0;}



p#sky201204{
border-top: solid 2px #fff;
border-bottom: solid 2px #fff;
}


div#mainnews{width: 470px;background-color: #fef0f0;
border-top: 1px solid #f56969;
border-bottom: 1px solid #f56969;margin-top: 5px;}
p#mainnews{padding: 5px;}

p#mainnews a {
display: block;
padding: 5px 5px 3px 5px;
background: #eee;
border: solid 1px #e8e8e8;
border-left: solid 10px #e95858;}
p#mainnews span{ color:#F00;}
p#mainnews span.font{ font-weight:bold;}

.als-container {
position: relative;
width: 100%;
margin: 0px auto;
}

.als-viewport {
position: relative;
overflow: hidden;
margin: 25px auto;height: 423px;
}

.als-wrapper {
position: relative;
list-style: none;
}

.als-item {
position: relative;
display: block;
text-align: center;
cursor: pointer;
float: left;
}

.als-prev, .als-next {
position: absolute;
cursor: pointer;
clear: both;
}



/************************
* styling for #lista
***********************/

#lista {margin-bottom: 80px;height: 387px;}

#lista .als-item {min-width: 154px;}

#lista .als-item img {position: relative;display: block;vertical-align: middle;border-bottom: 1px dotted #CCC;}

#lista .als-prev, #lista .als-next {left: 470px;width: 22px;height: 15px;}

#lista .als-prev {top: -25px;}#lista2 .als-next {bottom: -25px;}

#lista .als-item {vertical-align: middle;font-size: 0;}