@charset "utf-8";
/* ===================================================================
CSS information

 file name  :agreement.css
 author     :Ability Consultant
style info  :ご利用規約設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */


/*---------------------------------------
	#header
----------------------------------------*/

/* h2
------------------------------*/
#agreement #header h2{
	background: url(../agreement/images/title.gif) no-repeat left top;
}


/*------------------------------------
	#main
-------------------------------------*/

/*-----------------------------------
	.index 以下indexの設定
------------------------------------*/
#agreement .index #main .intro{
	margin-bottom: 35px;
}

#agreement .index #main .intro h3{
	background: url(../agreement/images/tl_rule.gif) no-repeat left top;
	height: 18px;
	text-indent: -9999px;
	font-size: 0;
}

#agreement .index #main .intro p{
	margin-top: 30px;
}

#agreement .index #main .txt{
	margin: 15px 10px 0 13px;
}

#agreement .index #main .lnk{
	margin: 40px 10px 0 0;
	text-align: right;
}

#agreement .index #main .site_rule h4{
	background: url(../agreement/images/tl_use_rule_index.gif) no-repeat left top;
	height: 34px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 17px;
}

#agreement .index #main .reserve_rule{
	margin-top: 85px;
}

#agreement .index #main .reserve_rule h4{
	background: url(../agreement/images/tl_reserve_rule_index.gif) no-repeat left top;
	height: 34px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 17px;
}

/*-------------------------------------
	.use_rule 以下、サイト利用規約設定
--------------------------------------*/
#agreement .use_rule #main h3{
	background: url(../agreement/images/tl_use_rule.gif) no-repeat left top;
	height: 18px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 30px;
}

#agreement #main dl dt{
	background: url(../agreement/images/bg_border.gif) no-repeat left top;
	padding: 13px 0 0 13px;
	color: #5f5555;
	font-weight: bold;
}

#agreement #main dl dd{
	margin: 16px 10px 43px 13px;
}

#agreement #main dl dd a{
	font-weight: bold;
}

/*--------------------------------------
	.reserve_rule 以下、予約システム利用規約
---------------------------------------*/
#agreement .reserve_rule #main h3{
	background: url(../agreement/images/tl_reserve_rule.gif) no-repeat left top;
	height: 20px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 30px;
}

#agreement .reserve_rule #main p{
	margin-bottom: 30px;
}

#agreement .reserve_rule #main dl ul li{
	list-style: decimal inside;
}

#agreement .reserve_rule #main dl ul.ul_7 li{
	margin-bottom: 15px;
}

#agreement .reserve_rule #main dl ul ul.crcyle li{
	list-style: disc inside;
	margin: 0;
}

#agreement .reserve_rule #main dl dl{
	margin-top: 15px;
}

#agreement .reserve_rule #main dl dl dt{
	background: none;
	padding: 0;
}

#agreement .reserve_rule #main dl dl dd{
	margin: 0 0 15px 0;
}

#agreement .reserve_rule #main dl table{
	margin-top: 15px;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #D9D9D9;
	border-top: none;
}

#agreement .reserve_rule #main dl table th,
#agreement .reserve_rule #main dl table td{
	padding: 3px 5px;
}

#agreement .reserve_rule #main dl table th{
	text-align: center;
	border: 1px solid #D9D9D9;
	border-bottom: none;
	border-top: 1px solid #A99764;
}

#agreement .reserve_rule #main dl table th.member,
#agreement .reserve_rule #main dl table th.royal{
	border-top: 1px solid #D9D9D9;
}

#agreement .reserve_rule #main dl table th.member{
	text-align: left;
}

#agreement .reserve_rule #main dl table td{
	text-align: center;
	border: 1px solid #D9D9D9;
}

#agreement .reserve_rule #main dl ul.ul_11 li{
	margin-bottom: 15px;
}

#agreement .reserve_rule #main dl ul.ul_16{
	margin-top: 15px;
}

/*--------------------------------------
	#side サイド
----------------------------------------*/

/* index */
#agreement .index #side ul li.li_01 a{
	background: url(../images/side/bg_content_hover.gif) repeat-y left top;
	color: #fff;
}

#agreement .index #side ul li.li_01 a span{
	background: url(../images/side/icn_arrow_hover.gif) no-repeat left 8px;
}

/* reserve_rule */
#agreement .reserve_rule #side ul li.li_03 a{
	background: url(../images/side/bg_content_hover.gif) repeat-y left top;
	color: #fff;
}

#agreement .reserve_rule #side ul li.li_03 a span{
	background: url(../images/side/icn_square_hover.gif) no-repeat left 8px;
}

/* use_rule */
#agreement .use_rule #side ul li.li_02 a{
	background: url(../images/side/bg_content_hover.gif) repeat-y left top;
	color: #fff;
}

#agreement .use_rule #side ul li.li_02 a span{
	background: url(../images/side/icn_square_hover.gif) no-repeat left 8px;
}



/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html #agreement .reserve_rule #main dl ul ul.crcyle{
	margin-top: 15px;
}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html #agreement .reserve_rule #main dl ul ul.crcyle{
	margin-top: 15px;
}