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

 file name  :geisha.css
 author     :Ability Consultant
style info  :芸者遊び設定　ハックは最下部に記述
=================================================================== */


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


/*-----------------------------------------------
	#header
	　ヘッダー
-------------------------------------------------*/
#geisha #header h3{
	background: url(../geisha/images/tl_page.png) no-repeat left top;
}

#geisha #header .top_image{
	background: url(../geisha/images/top_image.jpg) no-repeat center top;
}

/*-----------------------------------------------
	#main
	 メイン
-------------------------------------------------*/
#geisha #main .pagetop{
	margin-top: 20px;
}

#geisha #main .left{
	float: left;
	display: inline;
}

#geisha #main .right{
	float: right;
	display: inline;
}

#geisha #main .content{
	width: 660px;
	margin: 0 auto;
}

#geisha #main h5{
	width: 695px;
	height: 40px;
	text-indent: -9999px;
	font-size: 0;
	position: relative;
	left: -5px;
	margin-bottom: 20px;
}

/* .intro
-------------------------------------------------*/
#geisha #main .intro{
	background: url(../geisha/images/bg_intro.jpg) no-repeat right 58px;
	padding-bottom: 10px;
}

#geisha #main .intro h4{
	background: url(../geisha/images/tl_page_sub.gif) no-repeat left top;
	height: 58px;
	text-indent: -9999px;
	font-size: 0;
}

#geisha #main .intro .sub_title{
	background: url(../geisha/images/tl_intro_sub.jpg) no-repeat left top;
	height: 69px;
	text-indent: -9999px;
	font-size: 0;
	margin: 32px 0 0 22px;
}

#geisha #main .intro .txt{
	margin: 16px 0 30px 22px;
	width: 390px;
}

#geisha #main .intro ul{
	text-align: center;
}

#geisha #main .intro ul li{
	display: inline;
}

/* .about_geisha
-------------------------------------------*/
#geisha #main .about_geisha{
	margin-top: 19px;
}

#geisha #main .about_geisha h5{
	background: url(../geisha/images/tl_about_geisha.gif) no-repeat left top;
}

#geisha #main .about_geisha .txt{
	margin-bottom: 20px;
}

#geisha #main .about_geisha .right{
	margin-left: 30px;
}

/* .history_geisha
---------------------------------------------*/
#geisha #main .history_geisha{
	margin-top: 10px;
}

#geisha #main .history_geisha h5{
	background: url(../geisha/images/tl_history_geisha.gif) no-repeat left top;
}

#geisha #main .history_geisha .left{
	width: 195px;
	margin: 18px 0 0 10px;
}

#geisha #main .history_geisha .right{
	width: 415px;
	margin-bottom: 19px;
}

#geisha #main .history_geisha .bottom{
	clear: both;
}

#geisha #main .history_geisha .bottom .left{
	width: 340px;
	border: 1px solid #333;
	margin: 0;
}

#geisha #main .history_geisha .bottom .left dl{
	margin: 20px;
}

#geisha #main .history_geisha .bottom .left dl dt{
	background: url(../geisha/images/icn_flower.gif) no-repeat left 3px;
	padding: 0 0 0 23px;
	float: left;
	clear: both;
}

#geisha #main .history_geisha .bottom .right{
	width: 280px;
}

/* .play_geisha
-----------------------------------------------------*/
#geisha #main .play_geisha{
	margin-top: 30px;
}

#geisha #main .play_geisha .content{
	background: url(../geisha/images/bg_play_geisha.gif) no-repeat right bottom;
}

#geisha #main .play_geisha h5{
	background: url(../geisha/images/tl_play_geisha.gif) no-repeat left top;
}

#geisha #main .play_geisha .left{
	width: 335px;
}

#geisha #main .play_geisha .left div{
	border: 1px solid #333;
	margin-top: 15px;
}

#geisha #main .play_geisha .left div ul{
	margin: 20px;
}

#geisha #main .play_geisha .left div ul li{
	background: url(../geisha/images/icn_flower.gif) no-repeat left 3px;
	padding-left: 43px;
	list-style: decimal inside;
	text-indent: -21px;
	#text-indent: -17px;
	margin-left: 0px;
}

#geisha #main .play_geisha .right{
	width: 300px;
}

#geisha #main .play_geisha .txt{
	margin-top: 20px;
}

/* .gyokudai
-------------------------------------------------*/
#geisha #main .gyokudai{
	margin-top: 30px;
}

#geisha #main .gyokudai .content{
	background: url(../geisha/images/bg_gyokudai.gif) no-repeat right bottom;
}

#geisha #main .gyokudai h5{
	background: url(../geisha/images/tl_gyokudai.gif) no-repeat left top;
}

#geisha #main .gyokudai .hanadai{
	margin-top: 20px;
	border: 1px solid #333;
	width: 560px;
	padding: 10px 0;
}

#geisha #main .gyokudai .hanadai h6{
	background: url(../geisha/images/tl_hanadai.gif) no-repeat left top;
	width: 128px;
	height: 14px;
	text-indent: -9999px;
	font-size: 0;
	float: left;
	display: inline;
	margin: 10px 37px 0 18px;
}

#geisha #main .gyokudai .hanadai dl{
	float: left;
	width: 370px;
}

#geisha #main .gyokudai .hanadai dl dt{
	float: left;
	clear: both;
}

/* .ippon
---------------------------------------------------*/
#geisha #main .ippon{
	margin-top: 30px;
}

#geisha #main .ippon h5{
	background: url(../geisha/images/tl_ippon.gif) no-repeat left top;
}

#geisha #main .ippon .content{
	background: url(../geisha/images/bg_ippon.gif) no-repeat 221px 89px;
}

#geisha #main .ippon .left{
	width: 198px;
}

#geisha #main .ippon .right{
	width: 435px;
}

/* .to_guest
-------------------------------------------------------*/
#geisha #main .to_guest{
	margin-top: 30px;
}

#geisha #main .to_guest h5{
	background: url(../geisha/images/tl_to_guest.gif) no-repeat left top;
}

#geisha #main .to_guest .left{
	width: 435px;
}

#geisha #main .to_guest .left .img{
	margin-top: 15px;
	text-align: center;
}

/* .geisha_term
---------------------------------------------------------*/
#geisha #main .geisha_term{
	margin-top: 85px;
}

#geisha #main .geisha_term h5{
	background: url(../geisha/images/tl_geisha_term.gif) no-repeat left top;
	width: 690px;
	height: 67px;
	position: static;
	left: 0;
}

#geisha #main .geisha_term table{
	width: 100%;
	border: 1px solid #999;
}

#geisha #main .geisha_term table th,
#geisha #main .geisha_term table td{
	border: 1px solid #999;
	padding: 10px;
}

#geisha #main .geisha_term table th{
	background: #E8DCC7;
	color: #4F3218;
}

#geisha #main .geisha_term table td{
	color: #32200D;
}


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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html #geisha #main .play_geisha .left div ul li{}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html #geisha #main .play_geisha .left div ul li{}