﻿/*基本設定*/
* {margin:0; padding:0; font-style: normal; font-weight:normal; font-size:12px;}
.right{float:right; margin:0px 3px;}
.left{float:left; margin:0px 3px;}
.center{margin:0px auto 0px auto; text-align:center;}
.clear {clear: both;}
img, img a {border: 0px;}
strong{font-weight:normal;}
.strong{font-weight:bold;}
a,a:visited{text-decoration:none; color:#ff4108;}
a:hover{color:#cdda2c; text-decoration:underline;}
.red{color:#cc3333;}
.big{font-weight:bold; color:#cc3333; font-size:16px; line-height:18px;}
ul {list-style:none;}
body {
background-image:url(img/bg.gif); background-repeat:repeat;
color:#000000; text-align :center; line-height:14px; letter-spacing:1px;
font-size: 12px; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.top,.contents,.menu,menu-bottom,.bottom{
width:812px; text-align:left; padding:0px; margin:0px auto 0px auto;
background-image:url(img/bg-contents.jpg); background-repeat:repeat-y; background-position:center;
}
h1{
width:812px; text-align:left; padding:0px; margin:0px auto 0px auto; line-height:20px;
background-image:url(img/bg-contents2.jpg); background-repeat:repeat-y; background-position:center;
}
.contents{height:auto;}
h1{padding:0px 10px; font-size:11px; display:block;}
h1 a,h1 a:visited,h1 a:hover{text-decoration:none; color:#000000;}
.top h2{font-size:11px; margin:0px; padding:0px 13px; line-height:12px;}
.top p{width:400px; margin:0px 0px 2px 13px; font-size:10px; line-height:10px; letter-spacing:0px;}
.top ul{float:right; margin:0px 6px 0px 0px;}
.top li{padding:0px; margin:0px 5px; float:left; border-left:1px solid #cccccc; margin:0px;}
.top li a, .top li a:visited {
padding:0px; margin:0px 5px; text-decoration: none; line-height:13px;
font-weight:normal; font-size:12px; letter-spacing:1px;
}
.top li a:hover{text-decoration:underline;}
.menu{clear:both;}
.menu ul {
border:0px; margin:0px 6px; padding:1px 0px; text-align:center; width:800px; height:30px;
background-image: url(img/bg-menu.gif); background-repeat:repeat-x;
}
.menu ul li {display: block;float:left; text-align:center; padding:0px; margin:0px;}
.menu ul li a,.menu ul li a:active, .menu ul li a:visited{
display:block; width:99px; line-height:28px;
padding:0px 0px 0px 0px; margin:0px; border-right:1px solid #ffffff;
color:#ffffff; font-weight:normal; font-size:13px; letter-spacing:-1px;
text-align: center; text-decoration: none;
background-image: url(img/bg-button2.gif); background-position: 0px 0px;
}
.menu ul li a:hover {
color: #bece38; text-decoration: none; background-color:#fdec13;
background-image: url(img/bg-button2.gif); background-position: 0px 30px;
}

.campaign{margin:5px 0px 0px 0px;}
.bottom{padding:5px 0px; text-align:center;}
.menu-bottom {margin:10px 5px 2px 5px; padding:0px; height:14px;}
.menu-bottom ul {border:0px; margin:0px; padding:0px; text-align:left; list-style-type: none;}
.menu-bottom ul li {padding:0px; margin:0px 5px; float:left; border-right:1px solid #cccccc; margin:0px;}
.menu-bottom li a, .menu-bottom li a:visited{
padding:0px; margin:0px 4px; text-decoration: none; line-height:13px;
font-weight:normal; font-size:12px; letter-spacing:1px;
}
.menu-bottom li a:hover{text-decoration:underline;}
.copyright{
width:812px; text-align:right; margin:0px auto 0px auto; color:#ffffff; padding:0px;
background-image:url(img/bg-copyright.gif); background-repeat:no-repeat; background-position:center;
}
.copyright p{padding-right:166px;}

/*index*/
.index-main{
width:812px; height:280px; text-align:left; margin:0px auto 0px auto; color:#000000; padding:0px;
background-image:url(img/bg-main.jpg); background-repeat:no-repeat; background-position:center;
}
.mankan-find{
width:345px; height:130px; text-align:left; margin:0px; color:#000000; padding:0px; overflow:hidden;
background-image:url(img/bg-mankan-find.gif); background-repeat:no-repeat; background-position:10px 10px;
}
.mankan-find a{display:block; padding:140px;}
.index-main p{margin:0px 0px 3px 15px; width:320px;}
.index-right{width:600px; float:right; margin:-30px 0px 0px 0px; padding-right:7px;
background-image: url(img/index-banner-sub.gif); background-position:bottom; background-repeat:no-repeat;
}
/*
.box-cost,.box-efficiency,.box-customer{
width:195px; height:215px; margin:0px 5px 5px 0px; float:left; padding:0px; color:#ffffff;
background-position:top center; background-repeat:no-repeat; font-size:13px;
}
*/
.box-cost,.box-efficiency,.box-customer{
width:195px; height:135px; margin:0px 5px 5px 0px; float:left; padding:0px; color:#ffffff;
background-position:0px -80px; background-repeat:no-repeat; font-size:13px;
}
.box-cost{background-image: url(img/bg-cost.jpg);}
.box-efficiency{background-image: url(img/bg-efficiency.jpg);}
.box-customer{background-image: url(img/bg-customer.jpg);}
.box-cost h3,.box-efficiency h3,.box-customer h3{font-size:16px; font-weight:bold; margin:4px 0px 0px 4px;}
.box-cost p,.box-efficiency p,.box-customer p{margin:3px 0px 4px 6px;}
.box-cost a,.box-efficiency a,.box-customer a,
.box-cost a:visited,.box-efficiency p a:visited,.box-customer a:visited{
display:block; color:#ffffff; width:188px; height:112px;}
.box-cost a:hover,.box-efficiency a:hover,.box-customer a:hover{color:#ffffff;}
.box-1,.box-2{
width:293px; height:150px; margin:5px 5px 5px 0px; float:left; padding:0px; color:#000000;
background-position:top center; background-repeat:no-repeat; border:1px solid #cccccc; overflow:hidden;
}
.box-1{background-image: url(img/bg-koe.jpg);}
.box-2{background-image: url(img/bg-results.jpg);
background-position:0px 0px;}

.box-1 h4,.box-2 h4{font-size:16px; font-weight:bold; margin:4px 0px 0px 4px;}
.box-1 p,.box-2 p,.box-2 a,.box-2 a:visited{
margin:3px 0px 4px 4px; width:293px; font-size:14px; line-height:18px; color:#000000;
display:block; height:120px; padding-right:140px;
}
.box-2 a:hover{text-decoration:none;}
.index-left,.contents-side{float:left; width:180px; padding:6px 0px 0px 13px;}
.index-left h5{
width:180px; margin:0px; color:#cdda2c; padding:0px 0px 0px 3px; font-size:12px; line-height:16px;
background-image:url(img/bg-copyright.gif); background-repeat:repeat; background-position:left; font-weight:bold;
}
.index-left ul{margin-bottom:4px;}
.index-left li{border-bottom:1px dotted #cccccc; line-height:18px;}
.banner-toiawase{
width:180px; height:65px; 
background-image: url(img/bg-toiawase.gif); background-position:top center; background-repeat:no-repeat;
}
.banner-toiawase h6{font-size:13px; font-weight:bold; margin:0px 0px 0px 60px; line-height:17px; padding-top:4px;}
.banner-toiawase p{margin:0px 2px 0px 60px;}
.contents-main{width:600px; float:right; padding:6px 7px 0px 0px; font-size:13px;}
.contents-main h2{
margin:0px 10px -3px 6px; font-size:15px; font-weight:bold; border-bottom:4px double #bece38; line-height:17px;
}
.contents-main h3{
margin:15px 10px -3px 6px; font-size:13px; font-weight:bold; padding-left:12px; border-bottom:1px solid #bece38;
background-image: url(img/point-mankan.gif); background-position:left center; background-repeat:no-repeat;
}
.contents-main p,.contents-main dd{margin:4px 10px 6px 10px;}
.contents-main ol{margin:10px 0px 10px 40px;}
.contents-main ol li{
line-height:20px; list-style:none; padding-left:15px;  font-size:14px;
background-image: url(img/point-check.gif); background-position:left center; background-repeat:no-repeat;
}
.contents-main dt{
margin:15px 10px -3px 6px; font-size:13px; font-weight:bold; padding-left:12px; border-bottom:1px solid #bece38;
background-image: url(img/point-mankan.gif); background-position:left center; background-repeat:no-repeat; clear:both;
}
dd.button-capture{
margin:-3px -7px 5px 10px; border:1px solid #cccccc; padding:0px 0px; font-size:10px; width:110px; float:left;
text-align:center;　background-image: url(img/bg-capture.gif); background-position:0px 5px; background-repeat:repeat-x;
}
dd.button-capture a{display:block; width:100%; font-size:10px;}
.yado{
width:290px; height:68px; float:left; margin:5px 0px 0px 5px; border:1px solid #bece38;
background-image: url(img/bg-yado.jpg); background-position:center bottom; background-repeat:repeat-x;
}
.yado img{width:90px; height:62px; margin:2px; float:left;}
.yado dl{float:right; width:193px; margin:-10px 0px 0px 0px;}
.yado-name{font-size:13px; font-weight:bold; border-bottom:1px solid #bece38;}
.yado-desc{font-size:12px;}
.yado-url{
letter-spacing:0px; margin:0px; border:1px solid #cccccc; padding:0px 0px; font-size:10px; width:65px; float:left; text-align:center; margin-right:-200px; background-color:#FFFFFF;
}
.yado-url a{display:block; width:65px; font-size:10px;}
.box-flow,.box-flow2,.box-flow3,.box-flow4,.box-flow5,.box-flow6,.box-flow7{
height:60px; border-bottom:1px dotted #cccccc; padding-left:16px; margin:5px 5px 0px 10px;
 background-position:left center; background-repeat:no-repeat;
}
.box-flow h3,.box-flow2 h3,.box-flow3 h3,.box-flow4 h3,.box-flow5 h3,.box-flow6 h3,.box-flow7 h3{border-bottom:1px solid #ffffff;}
.box-flow{background-image: url(img/bg-flow.gif);}
.box-flow2{background-image: url(img/bg-flow2.gif);}
.box-flow3{background-image: url(img/bg-flow3.gif);}
.box-flow4{background-image: url(img/bg-flow4.gif);}
.box-flow5{background-image: url(img/bg-flow5.gif);}
.box-flow6{background-image: url(img/bg-flow6.gif);}
.box-flow7{background-image: url(img/bg-flow7.gif);}

/*e-yado*/
.e-yado{
height:355px; margin:10px 0px 0px 5px;
background-image:url(img/bg-e-yado.jpg); background-position:305px 0px; background-repeat:no-repeat;
}
.e-yado p{width:290px;}
.banner-e-yado{
width:286px; height:27px; margin:10px 0px 10px 10px;
background-image:url(img/banner-eyado2.gif); background-position:top center; background-repeat:no-repeat;
}
.banner-e-yado a,.banner-e-yado a:visited{
color:#000000; width:100%; height:30px; display:block; padding:2px 0px 0px 10px; font-size:11px; line-height:21px; letter-spacing:0px;
}
.banner-e-yado a:hover{color:#ff4108;}
.banner-e-yado img{margin:45px 0px 0px 50px;}

/*プランつくり*/
.box-plan{float:left; padding:10px 0px 0px 5px; width:260px;}
.box-plan img{margin:5px 0px 0px 58px;}
.plan-img{margin:20px 0px 0px 0px;}


/*お宿からの声*/
.impression-main{
width:575px; height:290px; margin:10px 0px 7px 10px; overflow:hidden;
background-image:url(img/bg-impression.jpg); background-position:bottom; background-repeat:repeat-x;
}
.impression-left{float:left; margin-left:10px; width:400px; border-right:1px solid #cccccc; padding-right:3px;}
.impression-left img{float:left; margin:2px 4px 4px 2px;}
.impression-left dl{float:right; width:300px; margin-top:3px;}
.impression-left dt,.impression-left dd{border-bottom:1px solid #ffffff; margin:0px;}
.impression-left dt{padding-left:0px; background-image:url(img/white.gif); background-repeat:repeat;
}
.impression-adress{font-size:11px; line-height:14px;}
.impression-name{font-weight:bold; font-size:14px; line-height:16px; padding-left:4px;}
.impression-url{
padding-left:12px; line-height:24px; border-bottom:1px dotted #cccccc; padding-left:27px;
background-image:url(img/point-url.gif); background-position:left center; background-repeat:no-repeat;
}

.impression-left  h3{clear:both;}
.impression-right{float:right; margin-right:10px; width:170px;}
.impression-right ul li{
padding-left:12px; line-height:20px; border-bottom:1px dotted #cccccc;
background-image:url(img/point-mankan.gif); background-position:left center; background-repeat:no-repeat;
}
.impression-right li a,.impression-right li a;visited{font-size:10px; color:#000000;}



/*よくあるご質問、お問い合わせ*/
.qa dt{
margin:15px 10px -3px 6px; font-size:13px; font-weight:bold; padding-left:20px; border-bottom:1px solid #bece38; line-height:22px;
background-image: url(img/point-q.gif); background-position:left center; background-repeat:no-repeat; clear:both;
}
.answer{
margin:0px 10px -5px 15px; font-size:13px; padding-left:20px; line-height:15px;
background-image: url(img/point-a.gif); background-position:left center; background-repeat:no-repeat; clear:both;
}
.answer2{padding-left:20px;}


/*会社概要*/
.company{margin-left:20px; width:560px; padding:3px; border-collapse: collapse;}
.company th,.company td{padding:5px; border:1px solid #cccccc;}
.site{
padding-left:12px; background-image: url(img/point-mankan.gif); background-position:left center; background-repeat:no-repeat;
}
.site,.site:visited{color:#000000;}



/*お問い合わせ*/
#cf_sample_form{margin-left:20px; width:560px; padding:3px;}
#cf_sample_form .require {color:#cc3333;}
#cf_sample_form table {border-collapse: collapse; width:550px;}
#cf_sample_form td, #cf_sample_form th {padding:5px; border:1px solid #cccccc;}
#cf_sample_form th {font-weight: bold; vertical-align:top; text-align:left; border-right:1px dashed #cccccc; white-space:nowrap; width:180px;}
#cf_sample_form th .require {padding-right:2px;}
#cf_sample_form td {margin-bottom:16px;}
#cf_sample_form .note {color:#666; font-size:10px;}
#cf_sample_form li {list-style-type: none;}
#cf_sample_form fieldset {border:1px solid #bece38; margin-top:10px; padding:10px; border-width:2px 0px 0px 0px;}
#cf_sample_form legend {color:#000000; font-weight:bold;}
#cf_sample_form .invalid {border:1px solid #d4aa00; background:#fffbea;}
#cf_sample_form .buttons {margin:10px 0px; text-align:center;}
.error {color:#cc0000; padding:3px 5px; margin:5px 0px; background:#ffefef;}

.campaign-side{margin:0px 0px 3px 0px:}
.banner-cost,.banner-efficiency,.banner-customer{
width:180px; height:75px; background-position:top center; background-repeat:no-repeat; margin-bottom:5px;
}
.banner-cost{background-image: url(img/bg-cost-side.jpg);}
.banner-efficiency{background-image: url(img/bg-efficiency-side.jpg);}
.banner-customer{background-image: url(img/bg-customer-side.jpg);}
.banner-cost h5,.banner-efficiency h5,.banner-customer h5{font-size:13px; font-weight:bold; margin:2px 0px 0px 10px; line-height:15px;}
.banner-cost p,.banner-efficiency p,.banner-customer p{margin:0px 0px 0px 12px;}
.banner-cost a,.banner-cost a:visited,
.banner-efficiency a,.banner-efficiency a:visited,
.banner-customer a,.banner-customer a:visited,
.banner-toiawase a,.banner-toiawase a:visited
{color:#000000; display:block; width:100%; height:100%;}
.banner-cost a:hover{color:#0591c0;}
.banner-efficiency a:hover{color:#77b62a;}
.banner-customer a:hover{color:#da302b;}
.banner-toiawase a:hover{color:#ff4108;}
.banner-toiawase{margin:5px 0px;}
.find{
width:240px; margin:0px 0px 0px 0px; padding:2px 5px; font-size:12px; font-weight:bold; line-height:18px;
background-image: url(img/point2.gif); background-position:left center; background-repeat:no-repeat;
}









