html{
margin:0;
padding:0;
font-family: Arial, "MS UI Gothic";
}
body{
width:100%;
margin:0;
padding:0;
background-repeat:repeat-x;
background-color:#FFFFFF;
font-size:12px;
}
.hbg{
width:860px;
height:30px;
margin:0 auto;
padding:0;
text-align:right;
background-image:url(common/h.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
}
.h h1{
font-size:12px;
color:#ffffff;
line-height:140%;
font-weight:normal;
margin:0;
padding:3px 5px;
font-weight:bold;
}
.h h2{
font-size:12px;
color:#999999;
line-height:140%;
font-weight:normal;
}
.fla{
width:720px;
height:400px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}
.top{
width:800px;
margin-bottom:20px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
padding:0;
}
.info{
width:400px;
margin:0;
padding:0;
float:left;
}
.info2{
width:400px;
height:80px;
overflow-y:scroll;
overflow-x:hidden;
}
.info2 table{
width:380px;
margin:5px auto;
padding:0;
border-bottom-color:#996600;
border-bottom-style:dotted;
border-bottom-width:1px;
}
.info3{
width:400px;
height:150px;
}
.info3 table{
width:400px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
padding:0;
}
.info3 p{
width:190px;
margin:0 auto;
padding:0;
}
.info2 td{
padding:5px;
}
.info2 p{
color:#990000;
text-align:right;
font-size:12px;
font-weight:normal;
margin:0;
padding:0;
}
.info2 h5{
color:#666666;
text-align:left;
font-size:12px;
font-weight:normal;
margin:0;
padding:0;
}
.topicsttl{
width:400px;
margin:0;
padding:10px 0;
font-weight:bold;
color:#333333;
background-image:url(home/img/topicsbg.jpg);
background-repeat:no-repeat;
background-position:bottom;
}
.blogtbl{
width:400px;
margin:5px auto;
padding:0;
}
.topb{
width:360px;
margin:0;
padding:0;
float:right;
}
.topb img{
border:0;
margin:5px 0;
}
a:link{color:#666666;}
a:visited{color:#666666;}
a:hover{color:#DB6660;}
a:active{color:#DB6660;}
a {outline:0;}
/* --------------------------------------------
* ロールオーバー
* -------------------------------------------- */
#g_navi {
height:50px;
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 840px;
background:url(common/g_navi.jpg);
background-position:top center;
}
#g_navi ul {
padding:0px;
margin: 0px;
}
#g_navi li {
display:inline;
list-style-type:none;
}
#g_navi li a {
height:50px;
display:block;
float:left;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
}
/*------off*/
#g_navi li.g_navi01 a {
background:url(common/g_navi.jpg) no-repeat 0px 0px;
width:105px;
}
#g_navi li.g_navi02 a {
background:url(common/g_navi.jpg) no-repeat -105px 0px;
width:121px;
}
#g_navi li.g_navi03 a {
background:url(common/g_navi.jpg) no-repeat -226px 0px;
width:136px;
}
#g_navi li.g_navi04 a {
background:url(common/g_navi.jpg) no-repeat -362px 0px;
width:100px;
}
#g_navi li.g_navi05 a {
background:url(common/g_navi.jpg) no-repeat -453px 0px;
width:91px;
}
#g_navi li.g_navi06 a {
background:url(common/g_navi.jpg) no-repeat -544px 0px;
width:100px;
}
#g_navi li.g_navi07 a {
background:url(common/g_navi.jpg) no-repeat -644px 0px;
width:75px;
}
#g_navi li.g_navi08 a {
background:url(common/g_navi.jpg) no-repeat -719px 0px;
width:112px;
}
/*------hover*/
#g_navi li.g_navi01 a:hover {
background:url(common/g_navi.jpg) no-repeat 0px -50px;
}
#g_navi li.g_navi02 a:hover {
background:url(common/g_navi.jpg) no-repeat -105px -50px;
}
#g_navi li.g_navi03 a:hover {
background:url(common/g_navi.jpg) no-repeat -226px -50px;
}
#g_navi li.g_navi04 a:hover {
background:url(common/g_navi.jpg) no-repeat -362px -50px;
}
#g_navi li.g_navi05 a:hover {
background:url(common/g_navi.jpg) no-repeat -453px -50px;
}
#g_navi li.g_navi06 a:hover {
background:url(common/g_navi.jpg) no-repeat -544px -50px;
}
#g_navi li.g_navi07 a:hover {
background:url(common/g_navi.jpg) no-repeat -644px -50px;
}
#g_navi li.g_navi08 a:hover {
background:url(common/g_navi.jpg) no-repeat -719px -50px;
}
/*------on*/
#g_navi li.g_navi01_on a {
background:url(common/g_navi.jpg) no-repeat 0px -100px;
width:105px;
}
#g_navi li.g_navi02_on a {
background:url(common/g_navi.jpg) no-repeat -105px -100px;
width:121px;
}
#g_navi li.g_navi03_on a {
background:url(common/g_navi.jpg) no-repeat -226px -100px;
width:136px;
}
#g_navi li.g_navi04_on a {
background:url(common/g_navi.jpg) no-repeat -362px -100px;
width:100px;
}
#g_navi li.g_navi05_on a {
background:url(common/g_navi.jpg) no-repeat -453px -100px;
width:91px;
}
#g_navi li.g_navi06_on a {
background:url(common/g_navi.jpg) no-repeat -544px -100px;
width:100px;
}
#g_navi li.g_navi07_on a {
background:url(common/g_navi.jpg) no-repeat -644px -100px;
width:75px;
}
#g_navi li.g_navi08_on a {
background:url(common/g_navi.jpg) no-repeat -719px -100px;
width:112px;
}
.h{
width:900px;
margin:0 auto;
padding:0;
}
.contents{
width:900px;
margin:0 auto;
padding-bottom:20px;
}
.wave{
}
.tbanner{
width:820px;
margin:10px auto;
padding:0;
}
.item{
width:188px;
font-size:12px;
float:left;
}
.item dl{
margin-top:0;
margin-bottom:30px;
}
.item dt{
width:160px;
height:35px;
line-height:35px;
padding-left:10px;
color:#CC3333;
font-weight:bold;
background-image:url(common/listbg.jpg);
background-repeat:no-repeat;
background-position:right bottom;
border:1px solid #CCCCCC;
}
.item dd{
color:#787878;
margin-top:10px;
margin-bottom:10px;
margin-left:0;
padding-left:20px;
padding-top:0;
padding-bottom:0;
width:150px;
background-image:url(common/listicon.jpg);
background-repeat:no-repeat;
background-position:left;
border-bottom:1px dotted #996633;
}
.r{
width:600px;
float: right;
}
#f{
width:860px;
margin:0 auto;
padding:10px 0;
background-image:url(common/f_bg.jpg);
background-repeat:no-repeat;
background-position:top;
text-align:center;
background-color:#FFAAAA;
color:#ffffff;
font-size:12px;
font-family: Arial, "MS UI Gothic";
line-height:140%;
}
#f a:link{color:#ffffff;}
#f a:visited{color:#ffffff;}
#f a:hover{color:#960000;}
#f a:active{color:#960000;}
#f a {outline:0;}
.clear{
clear:both;
}
.totop{
width:100%;
margin:20px 0;
}
.totop2{
width:100%;
margin-top:20px;
}
.totop3{
margin:20px auto;
width:650px;
}
.totop img{border:0;}
.totop2 img{border:0;}
.totop3 img{border:0;}
.dl1{
width:300px;
height:auto;
margin-top:10px;
margin-bottom:20px;
color:#333333;
}
.dl1 dt{
width:300px;
}
.dl1 dd{
width:295px;
margin:0;
padding-top:2px;
padding-right:5px;
padding-bottom:2px;
background-image:url(common/line1.jpg);
background-repeat:no-repeat;
background-position:bottom;
text-align:right;
font-weight:bold;
font-size:16px;
}
.dl2{
width:300px;
height:auto;
margin-top:10px;
margin-bottom:20px;
color:#333333;
}
.dl2 dd{
width:270px;
margin:0;
padding-top:2px;
padding-right:5px;
padding-bottom:2px;
background-image:url(common/line1.jpg);
background-repeat:no-repeat;
background-position:bottom;
text-align:right;
font-weight:bold;
font-size:16px;
}
.price1{
width:300px;
margin:10px;
padding:0;
border-bottom:2px solid #999999;
}
.sub1 img{
border:0;
}
.price td{
margin:0;
padding:3px;
}
.table1{
width:600px;
height:auto;
margin:20px auto;
line-height:140%;
}
.table2{
width:600px;
margin:10px auto;
}
.table3{
width:500px;
margin-top:0;
margin-bottom:5px;
}
.table4{
width:600px;
margin-top:0;
margin-bottom:20px;
}
.table5{
width:700px;
margin-top:0;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
}
.table1 dd{
margin-left:15px;
margin-top:5px;
margin-bottom:10px;
}
.table2 td{
width:100px;
}
.table2 img{
margin:5px auto;
border:1px solid #ededed;
}
.table4 img{
margin:5px auto;
border:0;
}
.table4 p{
width:190px;
margin:0;
padding-bottom:2px;
padding-top:5px;
padding-right:3px;
border-bottom-width:2px;
border-bottom-style:dotted;
border-bottom-color:#999999;
color:#771120;
font-weight:bold;
}
.td1{
margin:0;
padding:3px 5px;
border-bottom:2px solid #FF9999;
}
.td2{
margin:0;
padding:3px 5px;
border-bottom:2px solid #999999;
}
.btn01 img{
border:0;
}
.rttl{
margin-top:10px;
margin-bottom:3px;
}
.ranking {
float: left;
}
.rankingtbl{
border:1px solid #999999;
margin-bottom: 5px;
width: 188px;
}
.rtd {
width: 60px;
}
.r1td{
width:103px;
padding-left:25px;
font-weight:bold;
background-image:url(common/r1.jpg);
background-repeat:no-repeat;
background-position:left;
}
.r2td{
padding-left:25px;
font-weight:bold;
background-image:url(common/r2.jpg);
background-repeat:no-repeat;
background-position:left;
width: 103px;
}
.r3td{
padding-left:25px;
font-weight:bold;
background-image:url(common/r3.jpg);
background-repeat:no-repeat;
background-position:left;
width: 103px;
}
.r4td{
padding-left:25px;
font-weight:bold;
background-image:url(common/r4.jpg);
background-repeat:no-repeat;
background-position:left;
width: 103px;
}
.r5td{
padding-left:25px;
font-weight:bold;
background-image:url(common/r5.jpg);
background-repeat:no-repeat;
background-position:left;
width: 103px;
}
.p1td {
padding-left:10px;
font-weight:bold;
}
.p2td {
padding-left:10px;
font-weight:bold;
}
.p img{
width:180px;
margin:2px;
}
.p td{
border:1px solid #FCE6E7;
margin:5px;
}
.time{
width:564px;
margin:0;
padding:0;
border:1px solid #FFBA9B;
}
.time td{
padding:5px;
color:#333333;
}
.time_arrow{
width:320px;
margin-bottom:5px;
padding:0;
}
.time a:link{color:#990000;}
.time a:visited{color:#990000;}
.time a:hover{color:#DB6660;}
.time a:active{color:#DB6660;}
.time a {outline:0;}
.form1 table{
width:600px;
margin:5px auto;
padding:0;
border-collapse:collapse;
border:1px solid #CCCCCC;
}
.form1 td{
padding:10px;
border:1px solid #CCCCCC;
}
.formtd1 input{
width:300px;
}
.formtd1 textarea{
width:300px;
height:120px;
}
.formtd2{
background-color:#FFD7D7;
}
.form2 input{
width:120px;
margin:5px 10px;
}
.formtd3 input{
margin-right:10px;
margin-left6:3px;
}
.cttl2{
width:800px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}
.pp{
width:600px;
margin:20px auto;
padding:0;
}
.ppttl{
width:600px;
margin-bottom:5px;
font-size:12px;
font-weight:bold;
color:#663333;
}
.pptxt{
width:560px;
margin-bottom:10px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
line-height:140%;
}
.ul001{margin:0;}
.ul001 li{margin:0;}
.ch23bg{
background-image:url(staff/img/ch23bg.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}
.dekorinbg{
background-image:url(staff/img/dekorinbg.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}
.daizobg{
background-image:url(staff/img/daizobg.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}
.yumibg{
background-image:url(staff/img/yumibg.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}
.pontabg{
background-image:url(staff/img/pontabg.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}
.satobg{
background-image:url(staff/img/satobg.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}
.tajibg{
background-image:url(staff/img/tajibg.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}
.okabg {
background-image:url(staff/img/okabg.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}
.map{
margin:20px auto;
}
.maptbl1{
width:700px;
margin:10px auto;
padding:0;
}
.maptbl1td1{
border-bottom:2px solid #999999;
padding:10px;
width:200px;
color:#333333;
background-color:#efefef;
}
.maptbl1td2{
border-bottom:2px solid #FFACAC;
padding:10px;
line-height:140%;
color:#333333;
background-color:#FFfefe;
}
.flowtbl{
width:800px;
margin:10px auto;
padding:0;
line-height:140%;
}
.flowtbl td{
width:180px;
padding:9px;
}
.flowtbl p{
padding:3px;
font-size:12px;
font-weight:bold;
border-bottom-width:2px;
border-bottom-style:dotted;
border-bottom-color:#999999;
margin:0;
}
.flowtbl img{
border:1px solid #CCCCCC;
}
.faq{
width:650px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
padding:0;
}
.faq1{
width:650px;
height:5px;
margin:0;
padding:0;
background-image:url(flow/img/faq1.jpg);
background-repeat:no-repeat;
background-position:center;
}
.faq2{
width:610px;
margin:0;
padding:10px 20px;
background-image:url(flow/img/faq2.jpg);
background-repeat:repeat-y;
background-position:center;
}
.faq2 p{
margin:0;
padding:0;
font-weight:bold;
color:#960000;
}
.faq3{
width:650px;
height:12px;
margin:0;
padding:0;
background-image:url(flow/img/faq3.jpg);
background-repeat:no-repeat;
background-position:center;
}
.faq4{
width:550px;
margin:0;
padding-left:100px;
padding-top:20px;
padding-bottom:5px;
background-image:url(flow/img/faq4.jpg);
background-repeat:repeat-y;
background-position:center;
}
.faq4 p{
width:480px;
margin:0;
padding:0;
}
.faq5{
width:650px;
height:85px;
margin:0;
padding:0;
background-image:url(flow/img/faq5.jpg);
background-repeat:no-repeat;
background-position:center;
}
.erabi p{
line-height:140%;
margin:5px 10px;
padding:0;
}
.vimg{
width:260px;
margin:0;
padding:0;
}
.vimgbg1{
width:100%;
height:10px;
margin:0;
padding:0;
background-image:url(voice/img/vimgbg1.jpg);
background-position:center;
background-repeat:no-repeat;
}
.vimgbg2{
width:100%;
margin:0;
padding:0;
background-image:url(voice/img/vimgbg2.jpg);
background-position:center;
background-repeat:repeat-y;
}
.vimgbg3{
width:100%;
height:10px;
margin:0;
padding:0;
background-image:url(voice/img/vimgbg3.jpg);
background-position:center;
background-repeat:no-repeat;
}
.vimgbg2 img{
margin:0;
padding:0;
border:1px solid #ededed;
}
.vtbl1{
border-collapse:collapse;
}
.vtbl1 td{
border:1px solid #dddddd;
padding:7px;
}
.vtbl1 .td1{
width:200px;
}
.vtxt{
width:430px;
margin:10px 0;
padding:0;
}
.vtxt1{
width:100%;
height:3px;
margin:0;
padding:0;
background-image:url(voice/img/vtxt1.jpg);
background-position:center top;
background-repeat:no-repeat;
}
.vtxt2{
width:100%;
background-image:url(voice/img/vtxt2.jpg);
background-position:center top;
background-repeat:repeat-y;
}
.vtxt3{
width:100%;
height:12px;
margin:0;
padding:0;
background-image:url(voice/img/vtxt3.jpg);
background-position:center top;
background-repeat:no-repeat;
}
.vtxt4{
width:100%;
background-image:url(voice/img/vtxt4.jpg);
background-position:center top;
background-repeat:repeat-y;
}
.vtxt5{
width:100%;
height:100px;
margin:0;
padding:0;
background-image:url(voice/img/vtxt5.jpg);
background-position:center top;
background-repeat:no-repeat;
}
.vtxt2 p{
margin:0;
padding-top:5px;
padding-bottom:5px;
padding-left:12px;
padding-right:25px;
}
.vtxt4 p{
margin:0;
padding-top:5px;
padding-bottom:5px;
padding-left:30px;
padding-right:10px;
}
.vttl1{
color:#960000;
font-size:14px;
font-weight:bold;
padding-bottom:6px;
margin:0;
padding:0;
}
.itemtxt01{
padding-top:10px;
padding-left:15px;
padding-bottom:30px;
background-image:url(item/img/txtbg1.jpg);
background-repeat:no-repeat;
background-position:right bottom;
font-size:14px;
font-weight:bold;
line-height:200%;
color:#787878;
}
.red{
color:#960000;
}
.exp{
margin:20px;
line-height:200%;}
.pan{
width:840px;
margin:0 auto;
padding-top:10px;
padding-bottom:5px;
color:#666666;
}
.txt1{
width:95%;
height:0;
margin:2px auto;
padding:0;
}
.st {
margin-bottom: 10px;
background: url(item/img/st.jpg) no-repeat;
height: 25px;
width: 596px;
padding-left: 10px;
}
.st2 {
margin-bottom: 10px;
background: url(item/img/st2.jpg) no-repeat;
height: 25px;
width: 820px;
padding-left: 10px;
}
.st td {
padding-left: 14px;
font-size: 14px;
color: #333333;
font-weight: bold;
padding-bottom: 5px;
}
.st2 td {
padding-left: 14px;
font-size: 14px;
color: #333333;
font-weight: bold;
padding-bottom: 5px;
}
.shikishi_text {
font-size: 14px;
font-weight: bold;
color: #666666;
line-height: 150%;
padding-bottom: 20px;
}
.shikishi_text02 {
font-size: 12px;
line-height: 150%;
font-weight: bold;
color: #666666;
padding-left: 10px;
}
.shikishi_text03 {
font-size: 14px;
font-weight: bold;
color: #FFA9AA;
}
.shikishi_text03 a {
font-size: 14px;
font-weight: bold;
color: #FFA9AA;
text-decoration: underline;
}
.shikishi_text03 a:hover {
font-size: 14px;
font-weight: bold;
color: #FFA9AA;
text-decoration: none;
}
.shikishi_text04 {
font-size: 14px;
font-weight: bold;
color: #666666;
}
.shikishi_st {
background: url(item/img/st.jpg) no-repeat;
height: 25px;
width: 570px;
font-size: 14px;
font-weight: bold;
color: #666666;
padding-left: 26px;
padding-bottom: 5px;
}
.shikishi_space {
padding-right: 22px;
}
.shop_st01 {
background: url(shop/img/st01.jpg) no-repeat;
height: 28px;
width: 790px;
font-size: 14px;
color: #666666;
padding-top: 12px;
padding-left: 10px;
margin: 20px auto 10px;
}
.shop_st02 {
background: url(shop/img/st02.jpg) no-repeat;
height: 24px;
width: 395px;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 10px;
padding-left: 5px;
padding-top: 6px;
}
.shop_text01 {
color: #FFFFFF;
background: #FFAAAA;
height: 30px;
padding-left: 6px;
}
.shop_text02 {
color: #FFFFFF;
height: 22px;
font-size: 14px;
font-weight: bold;
padding-top: 11px;
background: url(shop/img/st03.jpg) no-repeat;
width: 385px;
padding-left: 5px;
}
.shop_text03 {
color: #666666;
background: url(shop/img/bg01.jpg) no-repeat right bottom;
height: 215px;
padding-top: 9px;
}
.shop_text04 {
color: #666666;
background: url(shop/img/bg01.jpg) no-repeat right bottom;
height: 215px;
padding-top: 9px;
}
.shop_box01 {
float: left;
}
.shop_box02 {
float: left;
width: 390px;
height: 248px;
padding-left: 6px;
padding-top: 2px;
}
.shop_box03 {
float: left;
padding-bottom: 20px;
padding-left: 5px;
padding-top: 20px;
}
.shop_box03_02 {
background: url(shop/img/bg02.jpg) no-repeat;
height: 220px;
width: 400px;
}
.shop_box03_photo {
float: left;
padding-top: 20px;
padding-left: 20px;
}
.shop_box03_text01 {
font-size: 14px;
font-weight: bold;
color: #666666;
float: left;
width: 180px;
padding-top: 10px;
padding-left: 15px;
}
.shop_box03_text02 {
font-size: 12px;
color: #666666;
padding-right: 10px;
padding-top: 40px;
padding-left: 215px;
}
.shop_box04 {
float: left;
padding-bottom: 20px;
padding-left: 5px;
padding-top: 20px;
}
.shop_clear {
clear: left;
background: url(shop/img/line.jpg) no-repeat;
height: 1px;
width: 800px;
}
.shop_clear02 {
float: left;
}
.shop_banner01 {
float: left;
padding-bottom: 20px;
padding-left: 295px;
}
.shop_banner02 {
float: left;
padding-bottom: 20px;
padding-left: 10px;
}
.item_text {
width:168px;
color: #999999;
vertical-align: baseline;
padding: 5px 10px;
}
.item_voice_text {
font-size: 14px;
font-weight: bold;
color: #666666;
padding-bottom: 5px;
}
.item_voice_text2 {
color: #666666;
padding-bottom: 10px;
}
.item_reason_text {
background: #F55061;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
padding: 5px;
}
.item_reason_text2 {
color: #666666;
vertical-align: top;
}
.item_guide_td {
vertical-align: baseline;
}
.item_guide_text {
background: #FFAAAA;
padding: 5px;
font-weight: bold;
}
.item_guide_text2 {
padding: 5px;
margin-bottom: 5px;
}