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-top:10px;
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:190px;
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;
}
.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;
}
.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:287px;
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;
text-align:right;
}
.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;
}
.rankingtbl{
width:190px;
border:1px solid #999999;
margin:2px 0;
}
.r1td{
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;
}
.r3td{
padding-left:25px;
font-weight:bold;
background-image:url(common/r3.jpg);
background-repeat:no-repeat;
background-position:left;
}
.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;
}
.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;
}
.red{
color:#960000;
}