@charset "utf-8";
/* ===================================================================
CSS information

 file name  :cnsul.css
 author     :Ability Consultant
style info  :ホテル開業支援設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */


/*---------------------------------------
	#header
----------------------------------------*/

/* h2
------------------------------*/
#consul #header h2{
	background: url(../consul/images/title.gif) no-repeat left top;
}


/*------------------------------------
	#main
-------------------------------------*/

/*------------------------------------
	.index 以下、index設定
-------------------------------------*/

/* .intro
------------------------------------*/
#consul .index #main .intro h3{
	background: url(../consul/images/top/tl_intro.gif) no-repeat left top;
	height: 18px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 30px;
}

#consul .index #main .intro .img{
	margin-bottom: 30px;
}

#consul .index #main .intro .txt{
	margin-bottom: 30px;
}

/* .intro02
-----------------------------------*/
#consul .index #main .intro02{
	background: url(../images/bg_border.gif) no-repeat left top;
	margin-top: 70px;
	padding-top: 20px;
	overflow: hidden;
}

#consul .index #main .intro02 h3{
	background: url(../consul/images/top/tl_intro02.gif) no-repeat left top;
	height: 16px;
	text-indent: -9999px;
	font-size: 0;
	margin: 0 0 30px 0;
}

#consul .index #main .intro02 .txt{
	width: 370px;
	float: left;
	display: inline;
	margin-left: 8px;
}

#consul .index #main .intro02 .img{
	float: right;
}

/* .develop ホテル開業支援
--------------------------------*/
#consul .index #main .develop{
	clear: both;
	margin-top: 57px;
}

#consul .index #main .develop h4{
	background: url(../consul/images/top/tl_develop.gif) no-repeat left top;
	height: 36px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 34px;
}

#consul .index #main .develop .detail{
	border: 1px solid #d3cab3;
	padding: 5px 0 20px 10px;
	margin-bottom: 43px;
}

#consul .index #main .develop .detail .left{
	width: 475px;
	float: left;
	display: inline;
	margin-top: 9px;
}

#consul .index #main .develop .detail .right{
	float: right;
	display: inline;
	margin-right: 3px;
}

#consul .index #main .develop .detail .left h5{
	height: 52px;
	text-indent: -9999px;
	font-size: 0;
}

#consul .index #main .develop .detail .left p{
	margin: 25px 0 0 17px;
}

/*ホテル開発  */
#consul .index #main .develop .develop01 h5{
	background: url(../consul/images/top/tl_develop01.gif) no-repeat left top;
}

/* ホテル運営 */
#consul .index #main .develop .develop02 h5{
	background: url(../consul/images/top/tl_develop02.gif) no-repeat left top;
}

#consul .index #main .develop .develop02 .right{
	position: relative;
	margin: 0 3px -40px 0;
}

/* 不動産開発 */
#consul .index #main .develop .develop03 h5{
	background: url(../consul/images/top/tl_develop03.gif) no-repeat left top;
}

#consul .index #main .develop .develop03 .right{
	margin-top: 15px;
}

/* 設計・管理 */
#consul .index #main .develop .develop04{
	margin-bottom: 0;
}

#consul .index #main .develop .develop04 h5{
	background: url(../consul/images/top/tl_develop04.gif) no-repeat left top;
}

#consul .index #main .develop .develop04 .right{
	margin-right: 13px;
}

#consul .index #main .develop .contact{
	margin: 25px 0 0 22px;
}

#consul .index #main .develop .contact span{
	font-weight: bold;
}

/*--------------------------------------
	.consultant 以下、コンサルティングステップ設定
----------------------------------------*/

/* .intro
------------------------------------*/
#consul .consultant #main .intro h3{
	background: url(../consul/images/consultant/tl_consultant.gif) no-repeat left top;
	height: 18px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 30px;
}

#consul .consultant #main .intro .txt{
	margin: 30px 0 45px 0;
}

#consul .consultant #main .intro .img02{
	text-align: center;
}

/* .develop
-------------------------------------*/
#consul .consultant #main .develop{
	margin-top: 70px;
}

#consul .consultant #main .develop h4{
	background: url(../consul/images/consultant/tl_develop.gif) no-repeat left top;
	height: 34px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 18px;
}

#consul .consultant #main .develop h5{
	height: 108px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 15px;
}

#consul .consultant #main .develop .flow01{
	background: url(../consul/images/consultant/bg_develop01.gif) no-repeat left bottom;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#consul .consultant #main .develop .flow01 p,
#consul .consultant #main .develop .flow02 p{
	width: 670px;
	margin: 0 auto;
}

#consul .consultant #main .develop .flow02{
	background: url(../consul/images/consultant/bg_develop02.gif) no-repeat left bottom;
	padding-bottom: 20px;
}

/* step1 */
#consul .consultant #main .develop .step01 h5{
	background: url(../consul/images/consultant/tl_step01.gif) no-repeat left top;
}

/* step2 */
#consul .consultant #main .develop .step02 h5{
	background: url(../consul/images/consultant/tl_step02.gif) no-repeat left top;
}

/* step3 */
#consul .consultant #main .develop .step03 h5{
	background: url(../consul/images/consultant/tl_step03.gif) no-repeat left top;
}

/* step4 */
#consul .consultant #main .develop .step04 h5{
	background: url(../consul/images/consultant/tl_step04.gif) no-repeat left top;
}

/* support */
#consul .consultant #main .develop .support{
	background: url(../consul/images/consultant/bg_develop03.gif) no-repeat left bottom;
	padding: 20px 0 40px 0;
}

#consul .consultant #main .develop .support div{
	background: #dcd5b9;
	margin: 0 auto;
	padding: 15px;
	width: 640px;
}

#consul .consultant #main .develop .support div h5{
	background: url(../consul/images/consultant/txt_support.gif) no-repeat left top;
	height: 27px;
	margin: 0 0 15px 0;
}

/* open */
#consul .consultant #main .develop .open{
	margin-top: 25px;
}

#consul .consultant #main .develop .open h5{
	background: url(../consul/images/consultant/tl_open.gif) no-repeat left top;
	height: 59px;
	margin: 0;
}

/* step05 */
#consul .consultant #main .develop .step05{
	margin-top: 30px;
}

#consul .consultant #main .develop .step05 h5{
	background: url(../consul/images/consultant/tl_step05.gif) no-repeat left top;
	height: 100px;
	margin: 0;
}

/* contact */
#consul .consultant #main .contact{
	margin: 70px 0 0 28px;
}

#consul .consultant #main .contact span{
	font-weight: bold;
}

/*--------------------------------------
	.management 以下、経営形態設定
----------------------------------------*/

/* .intro
--------------------------------*/
#consul .management #main .intro h3{
	background: url(../consul/images/management/tl_intro.gif) no-repeat left top;
	height: 18px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 30px;
}

#consul .management #main .intro .txt{
	margin-top: 30px;
}

/* .menu
---------------------------------*/
#consul .management #main .menu{
	margin-top: 55px;
	overflow: hidden;
}

#consul .management #main .menu ul{
	background: url(../consul/images/management/btn_menu.gif) no-repeat left top;
	width: 717px;
	height: 39px;
}

#consul .management #main .menu ul li{
	float: left;
	display: inline;
	margin-left: 1px;
}

#consul .management #main .menu ul li a{
	display: block;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
}

#consul .management #main .menu ul li.li_01 a{
	width: 105px;
}

#consul .management #main .menu ul li.li_02 a{
	width: 157px;
}

#consul .management #main .menu ul li.li_03 a{
	width: 147px;
}

#consul .management #main .menu ul li.li_04 a{
	width: 140px;
}

#consul .management #main .menu ul li.li_05 a{
	width: 162px;
}

#consul .management #main h4{
	background: url(../images/bg_border.gif) no-repeat left top;
	padding: 13px 0 0 13px;
	color: #5f5555;
	margin-bottom: 15px;
}

/* #method01
-------------------------------------*/
#consul .management #main #method01{
	margin-top: 35px;
}

#consul .management #main #method01 p{
	text-align: center;
}

/* #method02
--------------------------------------*/
#consul .management #main #method02{
	margin-top: 17px;
}

/* #method03
--------------------------------------*/
#consul .management #main #method03{
	margin-top: 39px;
}

/* #method04
--------------------------------------*/
#consul .management #main #method04{
	margin-top: 49px;
}

/* #method05
--------------------------------------*/
#consul .management #main #method05{
	margin-top: 60px;
}

/* .contact
--------------------------------------*/
#consul .management #main .contact{
	margin: 55px 0 0 25px;
}

#consul .management #main .contact span{
	font-weight: bold;
}


/*--------------------------------------
	#side サイド
----------------------------------------*/

/* .index */
#consul .index #side .contents ul li.li_05 a{
	background: url(../images/side/bg_content_hover.gif) repeat-y left top;
	color: #fff;
}

#consul .index #side .contents ul li.li_05 a span{
	background: url(../images/side/icn_arrow_hover.gif) no-repeat scroll left 8px;
}

/* .consultant */
#consul .consultant #side .contents ul li.li_06 a{
	background: url(../images/side/bg_content_hover.gif) repeat-y left top;
	color: #fff;
}

#consul .consultant #side .contents ul li.li_06 a span{
	background: url(../images/side/icn_square_hover.gif) no-repeat scroll left 8px;
}

/* .management */
#consul .management #side .contents ul li.li_07 a{
	background: url(../images/side/bg_content_hover.gif) repeat-y left top;
	color: #fff;
}

#consul .management #side .contents ul li.li_07 a span{
	background: url(../images/side/icn_square_hover.gif) no-repeat scroll left 8px;
}

/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {
	
}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {
	
}
