/* CSS Document */

body {margin:0px; padding:0px; text-align:center;}

#wrapper {width:100%; font-size:12px; line-height: 1.4em;}

/*　ヘッダー　*/

#header {width:740px; margin:0px auto;}

#header #rogo {float:left;}

#header #navi {float:right; margin:4px auto;}

#screen {width:100%; background-color:#000000; clear:right;}
#screen2 {width:100%; background-color: #FFFFFF; clear:right;}

/*　サービス・申し込み方法　*/

#content {width:740px; margin:15px auto; clear:right;}

#content #left{width:360px; float:left; background-color:#000000;}

#content #left p {font-size:14px; color:#FFFFFF; margin:10px auto;}

#content #left .caution {font-size:10px; color:#000000; background:url(../../img/serv5.gif); padding:0px 20px; text-align:left;}

#content #right{width:360px; float:right;}

#content #right #area1{width:360px; text-align:left; background:url(../../img/ico_cont1.gif) right top no-repeat; padding-bottom:10px;}

#content #right #area2{width:360px; text-align:left; background:url(../../img/ico_cont2.gif) top no-repeat;}

#content #right #area2 table{margin-top:6px;}

#content #right #area2 table textarea{width:280px; height:45px; border:solid 1px #DEDEDE; background-color:#F7F7F7; padding:12px; color:#CC3333; font-size:12px; text-align:left;}

#content #right p{font-size:12px; margin: 6px;}

/* 宿一覧 */

#list {margin:20px auto 0px; width:740px; clear:right;}

#list .title {margin:22px 0px 18px;}

#list .navi {width:460px; height:21px; background-image:url(../../img/list_navi.gif); padding:5px 0px 0px 90px ; float:right; margin:0px 10px 30px 0px; color:#CCCCCC; clear:right;}

#list .navi a{color:#993300;}

#list .navi a:hover{color:#993300; text-decoration:none;}

#list #line {width:740px; background-image:url(../../img/bg_line.gif); clear:right; background-repeat:repeat-y;}

#list #line .grp {width:740px;}

#list #line .grp-left {float:left;}

#list #line .grp-right {float:right; width:560px; margin:0px 6px 22px 0px;}

#list #line .grp-right .img {float:left;}

#list #line .grp-right table{width:452px; border:solid 1px #000000; float:right;}

#list #line .grp-right th{background-color:#000000; text-align:left; font-size:14px; font-weight:bold; color:#FFFFFF; padding:6px;}

#list #line .grp-right th a{color:#FFFFFF;}

#list #line .grp-right th a:hover{color:#FFFFFF; text-decoration:none;}

#list #line .grp-right td{border-top:solid 1px #000000; text-align:left;}

#list #line .grp-right td p{margin:5px; font-size:12px; color:#000000; text-align:left;}

#list .navi2 {width:500px; height:21px; background-image:url(../../img/list_navi.gif); padding:5px 0px 0px 75px ; float:right; margin:0px 10px 30px 0px; color:#CCCCCC; clear:right;}

#list .navi2 a{color:#993300;}

#list .navi2 a:hover{color:#993300; text-decoration:none;}

/* よくあるご質問 ページのみ適用　*/

#faq-content {width:740px; margin:15px auto; clear:right;}

#faq-content .title {margin:0px 0px 18px;}

#faq-content #navi{width:700px; padding:10px; text-align:left; background-color:#F0F0F0; margin:0px auto;}

#faq-content ul{margin:0px; padding:0px;}

#faq-content li{font-size:12px; margin:0px 0px 4px 20px; list-style-type:square; color:#993300;}

#faq-content #navi a{color:#993300;}

#faq-content #navi a:hover{color:#993300; text-decoration:none;}

#faq-content .qa-area{width:700px; margin:22px auto 0px;}

#faq-content .qa-area .q{width:660px; height:24px; padding:8px 0px 0px 40px; font-size:14px; font-weight:bold; background:url(../../img/faq/ico_q.gif) top left no-repeat; border-bottom:solid 1px #F2F2F2; text-align:left;}

#faq-content .qa-area .a{width:625px; height:24px; padding:8px 0px 0px 40px; font-size:12px; background:url(../../img/faq/ico_a.gif) top left no-repeat; text-align:left; margin:4px 10px 10px 25px;}


/*　フッター　*/

#footer-line {width:100%; border-top:solid 2px #CCCCCC;}

#footer {width:740px; margin:0px auto;}

#footer #copy {float:right; margin:4px auto;}

#footer #navi {float:left; margin:4px auto;}

/* 共通 */

img {border:0px;}

.up {float:right; margin-bottom:6px; clear:right;}

.next {margin:15px auto;}

