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

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


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

/* メニュー
----------------------------------------------------------- */
ul.nav_gyoshu{
	margin: 0 0 40px;
	overflow: hidden;
}

ul.nav_gyoshu li{
	margin: 0 15px 10px;
	float: left;
}

/* 基本の入れ物
----------------------------------------------------------- */
.box_gyoshu {
	margin-bottom: 40px;
	overflow: hidden;
}

.box_gyoshu h4{
	margin-bottom: 20px;
}

.box_gyoshu .box_left{
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
	width: 240px;
	overflow: hidden;
}

.box_gyoshu .box_right{
	margin-right: 20px;
	margin-bottom: 20px;
	float: right;
	width: 405px;
	overflow: hidden;
}


/*詳細リスト*/
.box_gyoshu .box_right .box_shosai{
	padding: 10px;
	overflow: hidden;
	background: #e3f9ff;
}

.box_gyoshu .box_right .box_shosai dl{
	float: left;
	width: 170px;
	margin: 0 10px 10px;
	overflow: hidden;
}

.box_gyoshu .box_right .box_shosai dl dt{
	font-size: 14px;
	font-weight: bold;
	color: #1289a7;
}

.box_gyoshu .box_right .box_shosai dl dd{
	margin-bottom: 5px;
}

/*ボタン*/
.box_gyoshu .box_right .box_shosai p.bt_sonota{
	float: right;
	width: 230px;
	background: #f88c8c;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

.box_gyoshu .box_right .box_shosai p.bt_sonota a{
	color: #fff;
	text-decoration: none;
	padding: 5px;
	display: block;
}

.box_gyoshu .box_right .box_shosai p.bt_sonota a:hover{
	color: #fff;
	text-decoration: underline;
	background: #ffb2b2;
}

.box_gyoshu .tx{
	clear: both;
	margin: 0 20px 20px;
}

.box_gyoshu .tx span.caution02{
	font-weight: bold;
	color: #1289a7;
}

/*画像+テキスト*/
.box_gyoshu .info{
	clear: both;
	margin:0 20px 20px;
	overflow: hidden;
	}

.box_gyoshu .info .tx{
	margin:0 ;
	float: left;
	width: 480px;
}

.box_gyoshu .info img{
	float: right;
	width: 155px;
}

/*特記*/
.box_gyoshu .tokki{
	clear: both;
	margin:0 20px 40px;
	border: 2px solid #53c5f8;
	padding: 10px 0;
}

.box_gyoshu .tokki h5{
	margin:0 20px;
	font-size: 14px;
	font-weight: bold;
	color: #1289a7;
}

.box_gyoshu .tokki p{
	margin:0 20px;
}


/* オススメサービス
----------------------------------------------------------- */

.box_gyoshu .box_osusume_s h4{
	margin-bottom: 10px;
}

.box_gyoshu .box_osusume_s h5{
	margin: 0 20px 20px;
}

.box_gyoshu .box_osusume_s .box_left{
	width: 265px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: left;
}

.box_gyoshu .box_osusume_s .box_right{
	width: 395px;
	margin-bottom: 20px;
	margin-right: 20px;
	float: right;
}
.box_gyoshu .box_osusume_s  .box_right h5{
	margin:0 0 3px;
	background: #53c5f8;
	text-align: center;
}

.box_gyoshu .box_osusume_s  .box_right p{
	border: 3px solid #53c5f8;
	padding: 15px;
}

.box_gyoshu .box_osusume_s  table{
	width: 660px;
	margin: 0 20px 20px;
}

.box_gyoshu .box_osusume_s .box_images{
	margin: 0 20px ;
}

.box_gyoshu .box_osusume_s .box_images img{
	float: left;
	margin: 0 0 20px 20px ;
}

.box_gyoshu .box_osusume_s .box_images .bt{
	float: right;
}

.box_gyoshu .box_osusume_s .bn{
	margin: 0 10px;
}

.box_gyoshu .box_osusume_s .flow{
	margin: 0 20px 20px;
}

/* その他の3つ
----------------------------------------------------------- */
.box_gyoshu_sonota {
	margin-bottom: 40px;
	overflow: hidden;
}

.box_gyoshu_sonota h4{
	margin-bottom: 20px;
}


.box_gyoshu_sonota .box_left{
	margin-left: 40px;
	float: left;
	width: 190px;
	overflow: hidden;
}

.box_gyoshu_sonota .box_right{
	margin-right: 20px;
	float: right;
	width: 430px;
	overflow: hidden;
}

.box_gyoshu_sonota .box_right p.tx{
	margin-bottom: 10px;
}

.box_gyoshu_sonota .box_right dl{
	margin-bottom: 20px;
	font-size: 14px;
}

.box_gyoshu_sonota .box_right dl dt{
	font-weight: bold;
	color: #1289a7;
}

.box_gyoshu_sonota .box_right .bt{
	text-align: right;
}

/*  */













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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


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

	hack - 各種cssハック - for IE6

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


* html ul.nav_gyoshu,
* html .box_gyoshu .box_right,
* html .box_gyoshu .box_right .box_shosai,
* html .box_gyoshu .box_right .box_shosai dl,
* html .box_gyoshu .box_osusume_s .box_images,
* html .box_gyoshu_sonota{
	zoom: 1;
}

* html ul.nav_gyoshu li{
	margin: 0 10px 10px;
}

* html .box_gyoshu .box_left{
	margin-left: 10px;
}
* html .box_gyoshu .box_right{
	margin-right: 10px;
}


* html .box_gyoshu .box_osusume_s .box_left{
	margin-left: 10px;
}
* html .box_gyoshu .box_osusume_s .box_right{
	margin-right: 10px;
}

* html .box_gyoshu .box_osusume_s .box_images img{
	margin: 0 0 20px 20px ;
}

* html .box_gyoshu_sonota .box_left{
	margin-left: 20px;
}

* html .box_gyoshu_sonota .box_right{
	margin-right: 10px;
}