/*@charset "utf-8";*/

/* {X^C
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style:none;
	}
body {
	font-size:100%;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    line-height: 1.5;
	letter-spacing: 0.05em;
	/**/
background-color:#fafaf6;
background-position:center; 
background-repeat:repeat-y;

}

img {
	border: none;
	vertical-align: top;
}
html,body{
height:100%;
min-height:100%;
}


hr{display:none;}
h1,h2,h3,h4,h5,h6{
	padding: 0;/* margin&padding reset */
	line-height: 1.5;/* base line height */
	text-align: left;
	display: block;
	margin: 0px;
	font-size:100%;
	}
table {
margin : 0;
empty-cells: show;
color:#666666;
font-size:12px;

}


h1,h2,h3{
font-size:14px;
color:#666666;
}
li{
font-size:12px;
color:#666666;
}
p{
font-size:12px;
color:#666666;
}
.boxclr:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.boxclr {
  min-height: 1px;
}

* html .boxclr {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.cl{
clear:both;}



a:link { color:#0284fd; text-decoration:underline;}
a:hover { color:#FF0099; }

#contentsField{
clear:both;
height:60%;
}


#wrapper{
clear:both;
 width:816px; 
 margin:0px auto;
 text-align:left;
 min-height:100%;
 background-color:#fafaf6;
 
}



/*  head   /////////////////////////////////////////////////////////////*/
#top h1{
text-align:center;
color:#FFFFFF;
background-color:#000000;
padding:2px;
}
#header{
height:155px;
background:url(../img/header_img.gif) repeat-x center;
}
#logo{
margin:0px auto;
width:800px;

}

/*  navi   /////////////////////////////////////////////////////////////*/
.navi_bg{
margin:auto 0;
height:79px;
background:url(../img/navi_bg.gif) repeat-x;

}
.navierea{
margin:0 auto ;
width:810px;
height:79px;
min-height: 1%;
}

.navierea6{
margin:0 auto ;
width:972px;
height:79px;
min-height: 1%;
}

.navierea7{
margin:0 auto ;
width:1134px;
height:79px;
min-height: 1%;
}

.black{
font-size:10px;
color:#000000;
line-height:1.1;
}
.white{
font-size:10px;
color:#ffffff;
line-height:1.1;
}
.non{
display:none
}



.n01 a{

float:left;
display:block;
width:162px;
height:32px;
text-decoration:none;
text-align:center;
background:url(../img/navi01.gif) no-repeat;
padding-top:47px;
}
.n01_active a{

float:left;
display:block;
width:162px;
height:32px;
text-decoration:none;
text-align:center;
background:url(../img/navi01_active.gif) no-repeat;
padding-top:47px;
}

.n02 a{
float:left;
display:block;
width:162px;
height:32px;
text-decoration:none;
text-align:center;
background:url(../img/navi02.gif) no-repeat;
padding-top:47px;
}
.n02_active a{
float:left;
display:block;
width:162px;
height:32px;
text-decoration:none;
text-align:center;
background:url(../img/navi02_active.gif) no-repeat;
padding-top:47px;
}

.n03 a{
float:left;
display:block;
width:162px;
height:32px;
text-decoration:none;
text-align:center;
background:url(../img/navi03.gif) no-repeat;
padding-top:47px;
}
.n03_active a{
float:left;
display:block;
width:162px;
height:32px;
text-decoration:none;
text-align:center;
background:url(../img/navi03_active.gif) no-repeat;
padding-top:47px;
}

.n04 a{
float:left;
display:block;
width:162px;
height:32px;
text-decoration:none;
text-align:center;
background:url(../img/navi04.gif) no-repeat;
padding-top:47px;
}

.n04_active a{
float:left;
display:block;
width:162px;
height:32px;
text-decoration:none;
text-align:center;
background:url(../img/navi04_active.gif) no-repeat;
padding-top:47px;
}

.n05 a{
float:left;
display:block;
width:162px;
height:32px;
text-decoration:none;
text-align:center;
background:url(../img/navi05.gif) no-repeat;
padding-top:47px;
}


.navi a{background-position:0 0px;}
.navi a:hover{background-position:-162px 0px}



/*         /////////////////////////////////////////////////////////////*/
.box01{
padding-top:10px;
}
.box01 dd{
border:solid 1px #CCCCCC;
padding:10px;
}

/*  left  /////////////////////////////////////////////////////////////*/
.left{
float:left;
width:249px;
}

.box02{
padding-bottom:6px;
background:url(../img/left_bottom.gif) no-repeat left bottom;
}
.box02 h2{
height:39px;
padding:3px 0 0 32px;
background:url(../img/left_top.gif) no-repeat top;
}
.pickup{
margin:0 auto 12px;
width:201px;
padding:8px;
background:#FFFFFF;
}
.p_left{
float:left;
margin-right:8px;
width:74px;
}
.p_right{
float:left;
letter-spacing:.02em;
width:119px;
}
.p_right a{
color:#FF0099;
}
.p_right a:hover { color:#fd5b02; }


/*  right  /////////////////////////////////////////////////////////////*/
.right{
float:right;
width:558px;
}
.box03 h2{
background:url(../img/right_h2.gif) no-repeat;
height:35px;
padding:3px 0 0 32px;
}
.box03 span{
font-size:12px;

}
.box03 p{
margin-left:5px;
}

.box03 ul{
margin:15px 0 0 5px;
}
.box03 li{
float:left;
}

.taberogu{
background-color:#FFFFFF;
border:solid 1px #cccccc;
margin-left:8px;
padding:4px 9px 5px 7px;
}

.jaran{
margin:15px 0 0 5px;
}

/*----------------------------------------------------
 * 検索結果
----------------------------------------------------*/
.saikensaku{
background:#FFFFFF;
border:solid #d9dadb 1px;
margin:0 3px 15px 3px;
padding:7px;
}
.sai_left{
float:left;
margin-top:3px;
}
.sai_right{
float:right;
}
.sai_right a span{display:none;}
.sai_right a{
display:block;
width:88px;
height:26px;
text-decoration:none;
background:url(../img/botan2.gif) no-repeat;
}
.s01 a{background-position:0 0px;}
.s01 a:hover{background-position:-88px 0px}

.kekka{
margin:0px 0 3px 5px ;
}
.kekka span{
color:#FF0000;
font-weight:bold;
}

/* 検索結果メイン  /////////////////////////////////*/
.box05{
background:#FFFFFF;
border:#CCCCCC 1px solid;
margin:0 3px 10px 3px;
padding:15px;
}

.photo{
float:left;
margin-right:10px;
}
.photo p{
text-align:center;
font-size:10px;
margin-bottom:3px;
}
.mise{
float:left;
font-size:12px;
}
.mise h3{
font-size:18px;
}
.mise h2{
font-size:18px;
color:#FF0099;
}
.tennsuu{
font-size:16px;
color:#FF0000;
margin-right:5px;
line-height:0;
}
.tennsuu2{
color:#FF0000;
}
.star{
margin:0 0 0px 3px;
vertical-align:text-top;
}



.kakko{
color:#fd5b02;
text-align:justify;
text-justify:distribute-all-lines;
}
.kakko3{
color:#fd5b02;
text-align:center;
}


.map_qr{
float:left;
}
.map_qr a{
display:block;
width:144px;
height:20px;
text-decoration:none;
background:url(../img/map_qr.gif) no-repeat;
padding:3px 0 0 24px;
}

.m01 a{background-position:0 0px}
.m01 a:hover{background-position:-168px 0}


.m01 span{
	font-size:10px;
	letter-spacing:.01em;
	width: 139px;
	color:#666666;
}


.yoyaku{
float:left;
margin-top:5px;
}
.yoyaku a{
display:block;
width:253px;
height:34px;
text-decoration:none;
background:url(../img/yoyaku.gif) no-repeat;
padding:15px 0 0 30px;
}

.yoyaku  a{background-position:0 0px;}
.yoyaku  a:hover{background-position:-283px 0px}

.yoyaku span{
color:#FF0000;
font-weight:bold;
font-size:12px;
}


.next{
text-align:center;
line-height:0;
margin:10px 0;
}
.next01{
color:#FF0000;
font-weight:bold;
}
.next02{
font-weight:bold;
}

/*----出会い特集--------------------------------------------------*/
.yoyaku2{
margin-top:10px;
}
.yoyaku2 a{
display:block;
width:310px;
height:25px;
text-decoration:none;
background:url(../img/yoyaku2.gif) no-repeat;
text-align:center;
padding-top:5px;
}
.bottan2 a{background-position:0 0px;}
.bottan2 a:hover{background-position:0px -30px}

.yoyaku2 span{
color:#FF0000;
font-size:12px;
font-weight:bold;
padding-left:17px;
background:url(../img/yajirusi.gif) left center no-repeat;
}




.table3{
margin-top:5px;
border-collapse:collapse;
}
.table3 th td{
padding:5px;
}
.kakko2{
color:#ff0000;
text-align:justify;
text-justify:distribute-all-lines;
background-color:#FFE8F4;
padding:5px;
}
.deai{
padding:5px;
}


.dai{
font-size:14px;
font-weight:bold;
padding-left:17px;
background:url(../img/heart.gif) left no-repeat;
}
.toukou{
float:left;
width:120px;
margin-right:10px;
background-color:#FFE8F4;
padding:8px;
}
.toukou2{
width:374px;
float:right;
font-size:12px;
}
.toukou span{
color:#FF0000;
}
.kuchikomi{
padding:5px 0;
border-bottom:dotted 1px #CCCCCC;
}
.bottan3{
font-size:12px;
width:100px;
color:#333333;
}
.sousin{
text-align:center;
}

/*----------------------------------------------------
 * 
 * タブとよくある質問の指定ココから▽▽▽
 * 
----------------------------------------------------*/

.tabContainer {
	width: 558px;
	margin-top:5px; 
}


/* タブ */
.tabContainer ul.tabMenu li {
	float: left;
	display: block;
	width:185px;
	height:36px;
	text-align:center;
	margin-right:3px;
}

/* 未選択のタブ */
.tabContainer ul.tabMenu li a {
	display: block;
	float: left;
	width:185px;
	height:36px;

}

/* 選択中のタブ */
.tabContainer ul.tabMenu li.active a {
	position: relative;
	top: 1px;

}



#tab1 a{
background:url(../img/tab1.gif) no-repeat;
}
#tab2 a{
background:url(../img/tab2.gif) no-repeat;
}
#tab3 a{
background:url(../img/tab1.gif) no-repeat;
}
#tab4 a{
background:url(../img/tab2.gif) no-repeat;
}

/* カーソルオン時 
.tabContainer ul.tabMenu li a:hover {
	color: #000;
}*/

/* area */
#tab1_area,
#tab2_area {
	clear: both;
	padding:20px 23px 25px 23px;
	background: url(../img/tab_bg.gif) no-repeat;
	width:512px;
	height:183px;
color:#666666;
font-size:12px;

}
.tabMenu a span{display:none;}

#tab3_area,
#tab4_area {
clear: both;

/*border:solid 1px #CCCCCC;
background-color:#FFFFFF;
width:504px;
margin:0 3px;*/
background: url(../img/tab_bg_bottom.gif) no-repeat left bottom;
color:#666666;
font-size:12px;

}

.top{
height:36px;
width:512px;
padding:20px 23px 0 23px;
background: url(../img/tab_bg_top.gif) no-repeat top;
color:#666666;
font-size:12px;
}

/*----------------------------------------------------
 * 
 * タブとよくある質問の指定ココまで△△△
 * 
----------------------------------------------------*/
/*----------------------------------------------------
 * タブ内left
----------------------------------------------------*/
.tableft{
width:240px;
height:183px;
float:left;
font-size:12px;
letter-spacing:.02em;
position:relative;
}
.ken{
width:150px;
font-size:13px;
border:solid #d2d2d2 1px;
margin-bottom:10px;
padding:2px;
}
.chiiki{
width:300px;
font-size:13px;
border:solid #d2d2d2 1px;
padding:2px;
margin-bottom:10px;
}
.chiiki2{
width:227px;
font-size:13px;
border:solid #d2d2d2 1px;
padding:2px;
margin-bottom:10px;
}
.jyusyo{
width:228px;
font-size:13px;
border:solid #d2d2d2 1px;
padding:3px;
margin-bottom:10px;
}
.jyusyo2{
width:350px;
font-size:13px;
border:solid #d2d2d2 1px;
padding:3px;
margin-bottom:10px;
}

.yosan{
width:65px;
font-size:13px;
border:solid #d2d2d2 1px;
padding:2px;


}

/*----------------------------------------------------
 * タブ内right
----------------------------------------------------*/
.tabright{
float:right;
width:237px;
height:157px;
border:solid #d2d2d2 1px;
padding:12px;
font-size:12px;
letter-spacing:.02em;
}

.kositu{
border-top:dotted #CCCCCC 1px ;
padding-top:4px;
width:237px;
}
.table2{
width:237px;
margin-bottom:2px;
}
.table2 tr td{
line-height:1.7;

}
caption{
font-size:12px;
font-weight:bold;
margin-bottom:2px;
text-align:left;
}

.kensaku{
position:absolute;
top:157px;
left:51px;
}
.kensaku a span, .kensaku2 a span{display:none;}
.kensaku a, .kensaku2 a{
display:block;
width:127px;
height:27px;
text-decoration:none;
background:url(../img/botan.gif) no-repeat;
}
.k01 a{background-position:0 0px;}
.k01 a:hover{background-position:-127px 0px}

.kensaku2{
margin:10px 0 0 192px;
}

/*-----------------------------------------------------*/
.box04{
margin:10px 0 0px 0;
padding:17px 23px 25px 23px;
background:url(../img/main_bg.gif) no-repeat;
}
.box04 h2{
color:#FF0099;
margin-bottom:4px;
}

/*  footer  /////////////////////////////////////////////////////////////////////////////////*/
.footer{
background:url(../img/footer_bg.gif) repeat-x top;
clear:both;
background-color:#ffbc38;
padding:20px 0 40px 0;
margin-top:15px;
text-align:center;
}

.footer a{
color:#FF0000;
}


.small{
font-size:10px;
margin-top:5px;
}
.small2{
font-size:10px;
margin:7px 0;
}



/*  pop up /////////////////////////////////////////////////////////////////////////////////*/
.mapp{
background-color:#FFFFFF;

}
.map{
width:450px;
margin:20px auto ;
padding:15px;
background:#FFFFFF;
border:solid 1px #CCCCCC;
}
.footer_bg2{
width:482px;
margin:40px auto 0;
}
.footer_bg3{
width:390px;
margin:40px auto 0;
}
.footer2{
margin-top:5px;
}

.pop_left{
float:left;
letter-spacing:.02em;
}
.pop_right{
float:right;
}

.qr2{
width:390px;
margin:20px auto;
background:#FFFFFF ;
border:1px #CCCCCC solid;
}
.qr_cord{
color:#FF0000;
text-align:center;
margin:15px;
font-size:16px;
font-weight:bold;
}
.keitai_left{
float:left;
width:178px;
height:346px;
margin:0 12px 0 22px;
background:url(../img/keitai.gif) no-repeat;
position:relative;
}
.keitai_left span{
position:absolute;
top:78px;
left:38px;
}
.keitai_right{
float:left;
margin-top:70px;
font-size:14px;
}
.keitai_right p{
font-size:14px;
}
.keitai_right p{
list-style:none;
background:url(../img/listmark.gif) left  top no-repeat;
padding-left:16px;
}

/*  カレンダー /////////////////////////////////////////////////////////////////////////////////*/

.tableft2{
font-size:12px;
letter-spacing:.02em;
padding:0px 23px 25px 23px;
position:relative;
}

#selMonth, #selDay, #haku{
width:50px;
font-size:13px;
border:solid #d2d2d2 1px;
margin-top:10px;
padding:2px;
vertical-align:baseline;
}

#selYear{
width:70px;
font-size:13px;
border:solid #d2d2d2 1px;
margin-top:10px;
padding:2px;
vertical-align:baseline;
}
.kazu, .heya{
width:50px;
font-size:13px;
border:solid #d2d2d2 1px;
margin-top:10px;
padding:2px;
}


#date{
width:180px;
font-size:12px;
border:solid #d2d2d2 1px;
padding:3px;
margin-bottom:10px;
}

.table5{
border-bottom:dotted 1px #cccccc;
width:489px;
margin-bottom:5px;
}
/* ホテル2 /////////////////////////////////////////////////////////////////////////////////*/

.tabiname{
color:#023697;
} 

.nedan{
color:#FF0000;
font-weight:bolder;
letter-spacing:0;
line-height:1.2;
text-align:center;
}
.nedan span{
font-size:17px;
}

.table4{
border-bottom:dotted 1px #CCCCCC;
width:330px;
margin-bottom:5px;
padding-bottom:5px;
} 
.yoyaku4{
margin-top:6px;
}
.yoyaku4 a{
display:block;
width:188px;
height:25px;
text-decoration:none;
background:url(../img/yoyaku4.gif) no-repeat;
padding:5px 0 0 30px;
}

.yoyaku4  a{background-position:0 0px;}
.yoyaku4  a:hover{background-position:-218px 0px}

.yoyaku4 span{
color:#FF0000;
font-weight:bold;
font-size:12px;

}




/*
（以下加筆 Seanet）
*/

.submit {
	border:0;
	width:127px;
	height:27px;
	background:url(/doc/img/botan.gif) no-repeat;
}
