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

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


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

/* ページタイトル背景
----------------------------------------------------------- */
#guide #wrp_pagetitle {
	background: url(../guide/images/title.jpg) top center no-repeat;
}

/* #cnt_change
----------------------------------------------------------- */
#guide #cnt_change {
	width: 680px;
	overflow: hidden;
	padding: 0 0 55px 0;
	clear: both;
}

#guide #cnt_change h3 {
	background:url(../guide/images/tit_change.gif) top left no-repeat;
}

#guide #cnt_change .box_l {
	width: 296px;
	float: left;
	overflow: hidden;
}
#guide #cnt_change .box_r {
	width: 384px;
	float: left;
	overflow: hidden;
}
#guide #cnt_change .box_r h4 {
	width: 323px;
	height: 35px;
	margin: 30px 0 0 10px;
	background:url(../guide/images/subtit_change.gif) top left no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#guide #cnt_change .box_r p {
	padding: 10px;
	line-height: 1.7;
}


/* #cnt_aboutus
----------------------------------------------------------- */
#guide #cnt_aboutus {
	width: 680px;
	overflow: hidden;
	padding: 0 0 55px 0;
	clear: both;
}

#guide #cnt_aboutus h3 {
	background:url(../guide/images/tit_aboutus.gif) top left no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#guide #cnt_aboutus h4.yutori {
	margin: 10px 0 0 0;
	background:url(../guide/images/subtit_yutori.gif) top left no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#guide #cnt_aboutus h4.egao {
	margin: 10px 0 0 0;
	background:url(../guide/images/subtit_egao.gif) top left no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#guide #cnt_aboutus h4.zenkoku {
	margin: 10px 0 0 0;
	background:url(../guide/images/subtit_zenkoku.gif) top left no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#guide #cnt_aboutus p {
	padding: 3px 0 25px 15px;
	line-height: 1.5;
}

#guide #cnt_aboutus div.logo {
	width: 628px;
	height: auto;
	padding: 25px;
	background: #F9F8F8;
	border: 1px solid #dfddd7;
}
#guide #cnt_aboutus div.logo div.box_l {
	width: 150px;
	height: auto;
	float: left;
}
#guide #cnt_aboutus div.logo div.box_r {
	width: 478px;
	height: auto;
	float: right;
}
#guide #cnt_aboutus div.logo div.box_r h4 {
	background:url(../guide/images/subtit_concept.gif) top left no-repeat;
	margin: 15px 0 5px 25px;
	text-indent: -9999px;
	overflow: hidden;
}
#guide #cnt_aboutus div.logo div.box_r p {
	line-height: 1.6;
	padding-left: 25px; 
}
#guide #cnt_aboutus div.logo:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}