﻿@charset "utf-8";

/*----------------------------------------------------
	layout[index]
----------------------------------------------------*/
/* indexArea01 */
#indexArea01{
	width:664px;
	margin:auto;
	text-align:left;
}

#indexArea01 p{
	font-size:14px;
}

#indexArea01 p.index01-txt{
	margin:12px 0px 25px 12px;
}

#indexArea01 p.index01-txt em{
	font-weight:bold;
}


#indexArea01 div{
	position:relative;
	padding-top:25px;
}

#indexArea01 div p{
	position:absolute;
	top:0px;
	left:12px;
}

#indexArea01 div p.atte{
	position:absolute;
	top:135px;
	left:30px;
	font-size:12px;
}

#indexArea01 li{
	display:inline;
}

/* indexArea02 */
#indexArea02 h2{
	margin-bottom:20px;
}

#indexArea02 p{
	font-size:14px;
}

#indexArea02 a{
	color:#3399cc;
}

#indexArea02 table{
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	width:330px;
	float:left;
	margin-right:22px;
	margin-bottom:9px;
}

#indexArea02 table th{
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	background-color:#d7d7d7;
	text-align:center;
	padding:5px 0px;
}

#indexArea02 table td{
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	text-align:center;
	padding:5px;
}

#indexArea02 table td a{
	text-decoration:underline;
}

#indexArea02 table tr.lanking1 th,
#indexArea02 table tr.lanking1 td{
	font-weight:bold;
}

#indexArea02 table td.lanikng-price{
	color:#ff0000;
}

#indexArea02 table td.lanikng-name{
	text-align:left;
}

#indexArea02 p.index02-txt{
	clear:both;
	font-size:11px;
	margin:0px 0px 20px 0px;
}

#indexArea02 ul{
	float:left;
	width:280px;
	margin-top:10px;
}

#indexArea02 li{
	background:url(../images/index_bg-link.jpg) no-repeat;
	height:35px;
	margin-bottom:6px;
	font-size:14px;
	text-align:center;
	padding-top:18px;
}

#indexArea02 li a{
}


/* indexArea03 */
#indexArea03 h2{
	margin-bottom:15px;
}

#indexArea03 p{
	margin:19px 0px 30px 0px;
	font-size:14px;
}

.indexArea03_text1{
	width: 664px;
	margin:19px auto 30px auto;
	font-size:14px;
	text-align:left
}












/*----- ランキングタイトル -----*/

#rank_title01{
	width:670px;
	height: 31px;
	background:url(../images/rank_ttl-01_2.jpg) top repeat-x;
	margin-top: 20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#rank_title02{
	width:670px;
	height: 31px;
	background:url(../images/rank_ttl-02_2.jpg) top repeat-x;
	margin:auto;
	text-align:center;
}

#rank_title03{
	width:670px;
	height: 31px;
	background:url(../images/rank_ttl-03_2.jpg) top repeat-x;
	margin:auto;
	text-align:center;
}

.rank_title04{
	width:670px;
	height: 31px;
	background:url(../images/rank_ttl-04_2.jpg) top repeat-x;
}

.rank_left01{
	width:120px;
	float: left;
	margin:0px 10px auto 0px;
}

.rank_left02{
	width:40px;
	float: left;
	margin:0px 10px auto 0px;
}

#rank_title01 h3,#rank_title02 h3,#rank_title03 h3{
	width:438px;
	float: left;
	padding:0px 0px 0px 0px;
	margin:6px auto 0px auto;
	text-align:left;
	font-size:14px;
}

.rank_title04 h3{
	width:518px;
	float: left;
	padding:0px 0px 0px 0px;
	margin:6px auto 0px auto;
	text-align:left;
	font-size:14px;
}

.star{
	width:65px;
	float: left;
	padding:0px 0px 0px 0px;
	margin:9px 10px 0px auto;
}

.rank_right01{
	width:27px;
	float: left;
}

#rank1{
	width:670px;
	padding:10px 0px 10px 0px;
	margin:0px auto 0px auto;
	background-color:#FFDFED;
}

#rank2{
	width:670px;
	padding:10px 0px 10px 0px;
	margin:0px auto 0px auto;
	background-color:#E9DEF3;
}

#rank3{
	width:670px;
	padding:10px 0px 10px 0px;
	margin:0px auto 0px auto;
	background-color:#DFFDFF;
}

#rank4{
	width:670px;
	padding:10px 0px 10px 0px;
	margin:0px auto 0px auto;
	background-color:#E1FFC4;
}

/*----- ランキングテーブル -----*/
.form_container{
	text-align:center;
	margin:0px auto 0px auto;
	border:1px solid #CCCCCC;
	background-color: #FFFFFF;
}

.form_title {
    margin: auto;
	width: 98px;
	height: 23px;
    text-align: left;
	background-color: #FFFFFF;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

.form_title2 {
	width: 400px;
	height: 23px;
    margin: auto;
    text-align: left;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

.form_title2 p {
    margin:10px 8px 10px 8px;
    text-align: left;
    font-size: 12px;
	line-height: 150%;
}

.form_t {
	width: 302px;
    margin:0px auto 0px auto;
    text-align: left;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

.form_t p {
    margin:3px auto 0px 8px;
    text-align: left;
    font-size: 12px;
	line-height: 150%;
}


/*----- ボタンセット -----*/
.btn_set{
	width:216px;
	text-align:center;
    margin:10px auto 0px auto;
}

.reserv{
	width:106px;
	clear:left;
	overflow: hidden;
	text-indent:-9999px;
	float:left;
    margin:4px auto 4px auto;
}

.reserv a{
	text-indent:-9999px;
	text-decoration:none;
	float:left;
}

.btn_reserv,.btn_reserv a{
	background:url(../images/btn_reserv01.jpg) left top no-repeat;
	width:106px;
	height:46px;
}
.btn_reserv a:hover{
	background:url(../images/btn_reserv02.jpg) left top no-repeat;
	width:106px;
	height:46px;
	margin:0px;
}

.detail{
	width:106px;
	clear:right;
	overflow: hidden;
	text-indent:-9999px;
	float:right;
    margin:4px auto 4px auto;
}

.detail a{
	text-indent:-9999px;
	text-decoration:none;
	float:left;
}

.btn_detail,.btn_detail a{
	background:url(../images/btn_detail01.jpg) left top no-repeat;
	width:106px;
	height:46px;
}
.btn_detail a:hover{
	background:url(../images/btn_detail02.jpg) left top no-repeat;
	width:106px;
	height:46px;
	margin:0px;
}

/*----- お客様の声 -----*/
.voice_container {
	width: 670px;
    margin:10px auto 22px auto;
    text-align: left;
	background:url(../images/voice_bg-02.jpg) left top repeat-y;
}

.voice_container2 {
	width: 670px;
    margin: auto;
    text-align: left;
	background:url(../images/voice_headder.jpg) left top no-repeat;
}

.voice_container3 {
	width: 670px;
    margin: auto;
    text-align: left;
	background:url(../images/voice_bg-01.jpg) left center no-repeat;
}

.voice_container3 p {
	width: 504px;
    padding:11px 30px 11px 136px;
    margin:0px 0px 0px 0px;
    text-align: left;
    font-size: 12px;
	line-height: 120%;
	background:url(../images/voice_footer.jpg) left bottom no-repeat;
}
