@charset "Shift_Jis";

/* ■ベースレイアウト　 */
/* ■ヘッダー　　　　　 */
/* ■コンテンツ　　　　 */
/* ■フッター　　　　　 */
/* ■トップページ　　　 */
/* ■KozuStyleとは 　　 */
/* ■プロフィール　　　 */
/* ■サービス内容　　　 */
/* ■お客様の声　　　　 */
/* ■よくあるご質問　　 */
/* ■お申し込み　　　　 */
/* ■会社概要　　　　　 */



/* ■■■■■　　http://www.b-pass.jp/　　■■■■■ */

html {
	height:					100%;
}
body {
	height:					100%;
	margin:					0px;
	padding:				0px;
	text-align:				center;
	background-color:		#EFE1BD;
	background-image:		url("../../images/bg_header.jpg");
	background-repeat:		repeat-x;
	font-size:				0.75em;
}
a {
	color:					#113D24;
}
a img {
    border-width:			0px;
}
hr {
	clear:					both;
	margin:					0px;
	padding:				0px;
	display:				none;
}


/* ■■■■■　　ベースレイアウト　　■■■■■ */

/* ▼ベース */
div#container {
	width:					970px;
    min-height:				100%;
    height:					auto !important;
    height:					100%; /* ie用に設定 */
    margin:					0px auto -120px;
	background-image:		url("../../images/bg_container.gif");
	background-repeat:		repeat-y;
}
/* ▼ヘッダー */
div#header {
	height:					125px;
	background-image:		url("../../images/bg_header.jpg");
	background-repeat:		repeat-x;
}
/* ▼コンテンツベース */
div#main,
div#main-top {
	width:					954px;
	margin:					3px auto;
}
/* ▼コンテンツ（トップページ） */
div#main-top div#contents {
	float:					left;
	width:					701px;
	background-color:		#FFFFE1;
	text-align:				left;
}
/* ▼サイドナビ（トップページ） */
div#main-top div#side_navi {
	float:					right;
	width:					250px;
	padding:				0px 0px 5px 0px;
	background-color:		#DAB55A;
}
/* ▼メインフッター（トップページ） */
div#main-footer {
	clear:					both;
    height:					120px;
	margin:					0px auto;
}
/* ▼コンテンツ */
div#main div#contents {
	background-color:		#FFFFE1;
	background-image:		url("../../images/bg_cont_h2.jpg");
	background-repeat:		no-repeat;
	text-align:				left;
}
/* ▼フッター */
div#footer {
	clear:					both;
	width:					970px;
	margin:					0px auto;
	padding:				40px 0px 0px 0px;
	background-image:		url("../../images/bg_container.gif");
	background-repeat:		repeat-y;
}


/* ■■■■■　　ヘッダー　　■■■■■ */

div#header h1 {
	margin:					0px;
	padding:				10px 0px 3px 10px;
	text-align:				left;
}
div#header h1 a {
	display:				block;
	width:					350px;
	height:					70px;
	margin:					0px;
	padding:				0px;
}

/* ▼ヘッダーナビ */
div#header ul {
    height:					42px;
	margin:					0px;
	padding:				0px 0px 0px 10px;
	background-image:		url("../../images/bg_header-navi_base.jpg");
	background-repeat:		no-repeat;
	list-style-type:		none;
}
div#header ul li {
	float:					left;
	margin:					3px 0px 0px 0px;
	padding:				0px;
}
div#header ul li a {
	display:				block;
	width:					134px;
	height:					34px;
	margin:					0px 2px 0px 0px;
	padding:				0px;
	background-image:		url("../../images/bg_header-navi.jpg");
	background-repeat:		no-repeat;
}
/* ▽通常 */
div#header ul li a.hn01 {background-position: 0px 0px;}
div#header ul li a.hn02 {background-position: -136px 0px;}
div#header ul li a.hn03 {background-position: -272px 0px;}
div#header ul li a.hn04 {background-position: -408px 0px;}
div#header ul li a.hn05 {background-position: -544px 0px;}
div#header ul li a.hn06 {background-position: -680px 0px;}
div#header ul li a.hn07 {background-position: -816px 0px;}
/* ▽オーバー */
div#header ul li a:hover.hn01 {background-position: 0px -34px;}
div#header ul li a:hover.hn02 {background-position: -136px -34px;}
div#header ul li a:hover.hn03 {background-position: -272px -34px;}
div#header ul li a:hover.hn04 {background-position: -408px -34px;}
div#header ul li a:hover.hn05 {background-position: -544px -34px;}
div#header ul li a:hover.hn06 {background-position: -680px -34px;}
div#header ul li a:hover.hn07 {background-position: -816px -34px;}
/* ▽ビュー */
div#header ul li a#view01 {background-position: 0px -68px;}
div#header ul li a#view02 {background-position: -136px -68px;}
div#header ul li a#view03 {background-position: -272px -68px;}
div#header ul li a#view04 {background-position: -408px -68px;}
div#header ul li a#view05 {background-position: -544px -68px;}
div#header ul li a#view06 {background-position: -680px -68px;}
div#header ul li a#view07 {background-position: -816px -68px;}

div#header ul li a span {
	display:				none;
}


/* ■■■■■　　コンテンツ　　■■■■■ */

/* ▼コンテンツヘッダー */
div#main div#contents h2 {
	margin:					0px;
    height:					100px;
	background-repeat:		no-repeat;
	background-position:	70px 30px;
}
div#main div.about h2 { background-image:url("../../images/bg_cont_h2_about.jpg");}
div#main div.profile h2 { background-image:url("../../images/bg_cont_h2_profile.jpg");}
div#main div.service h2 { background-image:url("../../images/bg_cont_h2_service.jpg");}
div#main div.review h2 { background-image:url("../../images/bg_cont_h2_review.jpg");}
div#main div.faq h2 { background-image:url("../../images/bg_cont_h2_faq.jpg");}
div#main div.achieve h2 { background-image:url("../../images/achieve.jpg");}
div#main div.reservation h2 { background-image:url("../../images/bg_cont_h2_reservation.jpg");}
div#main div.company h2 { background-image:url("../../images/bg_cont_h2_company.jpg");}
div#main div#contents h2 span {
	display:				none;
}

/* ▼コンテンツベース */
div#main div#contents div.block {
	margin:					40px 50px 0px 50px;
	padding:				0px 0px 50px 0px;
	color:					#113D24;
}

/* ▼メインフッター */
div#main-footer span {
	display:				none;
}


/* ■■■■■　　フッター　　■■■■■ */

/* ▼フッターナビ */
div#footer p#footer-navi {
    height:					35px;
	margin:					0px;
	background-image:		url("../../images/bg_footer-navi.gif");
	background-repeat:		no-repeat;
	background-position:	0px 100%;
	color:					#999999;
}
div#footer p#footer-navi a { color:	#CC9966;}
div#footer p#footer-navi a:hover { color:	#CCCC99;}

/* ▼コピーライト */
div#footer p#copyright {
    height:					45px;
	margin:					0px;
	background-color:		#EFE1BD;
	color:					#113D24;
}
div#footer p#copyright span {
	display:				block;
	padding:				20px 0px 0px 0px;
}


/* ■■■■■　　トップページ　　■■■■■ */

/* ▼メインヘッダー */
div#main-top div#main-header {
    height:					153px;
}

/* ▼コンテンツヘッダー */
div#main-top div#contents h2 {
	margin:					0px;
    height:					120px;
	background-image:		url("../../images/bg_top_h2.jpg");
	background-repeat:		no-repeat;
}
div#main-top div#contents h2 span {
	display:				none;
}

/* ▼テキスト */
div#main-top div#contents p {
	margin:					2em 25px 0px 25px;
	line-height:			1.8em;
}
div#main-top div#contents p.img {
	margin:					2em 0px 0px 0px;
	text-align:				center;
}

/* ▽フッターボタン */
div#main-top div#contents p.btn {
	padding:				40px 0px 50px 0px;
	text-align:				center;
}
div#main-top div#contents p.btn a {
	display:				block;
	width:					300px;
	height:					50px;
	margin:					0px auto;
	background-image:		url("../../images/bg_top_footer_btn.jpg");
	background-repeat:		no-repeat;
}
div#main-top div#contents p.btn a:hover {
	background-position:	0px -50px;
}
div#main-top div#contents p.btn span {
	display:				none;
}

/* ▼サービスメニュー */
div#main-top div#side_navi div.side_box {
	width:					240px;
	margin:					5px auto 0px auto;
	background-color:		#FFFFE1;
	text-align:				left;
}
div#main-top div#side_navi h3 {
    height:					35px;
	margin:					0px;
	background-repeat:		no-repeat;
}
div#main-top div#side_navi a {color:#996600;}
div#main-top div#side_navi a:hover {color:#E19800;}


/* ▽KSとは */
div#main-top div#side_top01 {
	padding:				5px 0px 0px 0px;
}
div#main-top div#side_top01 h3 {
	margin:					0px;
    height:					80px;
}
div#main-top div#side_top01 h3 a {
	display:				block;
	width:					240px;
	height:					80px;
	margin:					0px auto;
	background-image:		url("../../images/bg_top_side_top01_h3.jpg");
	background-repeat:		no-repeat;
}
div#main-top div#side_top01 h3 a:hover {
	background-position:	0px -80px;
}
div#main-top div#side_top01 h3 span,
div#main-top div#side_top01 p {
	display:				none;
}

/* ▽サービス */
div#main-top div#side_top02 h3 {
	background-image:		url("../../images/bg_top_side_top02_h3.jpg");
}
div#main-top div#side_top02 ol {
	margin:					0px;
	padding:				10px 10px 5px 7px;
	list-style-type:		none;
}
div#main-top div#side_top02 li {
	margin:					0px;
	padding:				0px 0px 5px 20px;
	background-repeat:		no-repeat;
	background-position:	0px 4px;
}
div#main-top div#side_top02 li#no1 {background-image:url("../../images/bg_top_side_top02_li01.gif");}
div#main-top div#side_top02 li#no2 {background-image:url("../../images/bg_top_side_top02_li02.gif");}
div#main-top div#side_top02 li#no3 {background-image:url("../../images/bg_top_side_top02_li03.gif");}
div#main-top div#side_top02 li strong {
	line-height:			1.8em;
}
div#main-top div#side_top02 li span {
	font-size:				0.875em;
	line-height:			1.25em;
}

div#main-top div#side_top02 p.btn {
	margin:					0px;
	padding:				0px 0px 5px 0px;
	text-align:				center;
}
div#main-top div#side_top02 p.btn a {
	display:				block;
	width:					234px;
	height:					42px;
	margin:					0px auto;
	background-image:		url("../../images/bg_top_side_top02_btn.jpg");
	background-repeat:		no-repeat;
}
div#main-top div#side_top02 p.btn a:hover {
	background-position:	0px -42px;
}
div#main-top div#side_top02 h3 span,
div#main-top div#side_top02 p.btn a span {
	display:				none;
}

/* ▽代表者プロフィール */
div#main-top div#side_top03 h3 {
	margin:					0px 0px 10px 0px;
	background-image:		url("../../images/bg_top_side_top03_h3.jpg");
}
div#main-top div#side_top03 p {
	clear:					both;
	margin:					0px;
	padding:				0px 10px 10px 10px;
	line-height:			1.5em;
}
div#main-top div#side_top03 img {
	float:					left;
	margin:					0px 10px 8px 0px;
}
div#main-top div#side_top03 p.btn {
	margin:					0px 0px 0px 10px;
	padding:				0px 10px 10px 22px;
	background-image:		url("../../images/bg_top_side_top03_btn.gif");
	background-repeat:		no-repeat;
	background-position:	0px 2px;
}
div#main-top div#side_top03 h3 span,
div#main-top div#side_top03 p span {
	display:				none;
}

/* ▽インフォメーション */
div#main-top div#side_top04 h3 {
	background-image:		url("../../images/bg_top_side_top04_h3.jpg");
}
div#main-top div#side_top04 dl {
	margin:					0px;
	padding:				10px;
}
div#main-top div#side_top04 dt {
	margin:					0px;
	padding:				0px 0px 0px 10px;
	background-image:		url("../../images/bg_top_side_top04_dt.gif");
	background-repeat:		no-repeat;
	background-position:	0px 2px;
	line-height:			1.3em;
}
div#main-top div#side_top04 dd {
	margin:					0px 0px 7px 10px;
	line-height:			1.5em;
}
div#main-top div#side_top04 h3 span {
	display:				none;
}

/* ▽経営者や・・・ */
div#main-top div#side_top05 dl {
	margin:					0px;
}
div#main-top div#side_top05 dt {
    height:					55px;
	margin:					0px 0px 10px 0px;
	background-image:		url("../../images/bg_top_side_top05_dt.jpg");
	background-repeat:		no-repeat;
}
div#main-top div#side_top05 dd {
	margin:					0px;
	padding:				0px 10px 10px 10px;
	line-height:			1.5em;
}
div#main-top div#side_top05 dt span {
	display:				none;
}


/* ■■■■■　　[about][profile][company]　　■■■■■ */

/* ▽ベース */
div#main div.about div.block,
div#main div.profile div.block,
div#main div.company div.block {
	background-repeat:		no-repeat;
	background-position:	100% 0px;
}
div#main div.about div.block	{background-image:url("../../images/bg_about_block.jpg");}
div#main div.profile div.block	{background-image:url("../../images/bg_profile_block.jpg");}
div#main div.company div.block	{background-image:url("../../images/bg_company_block.jpg");}

div#main div.about div.block p,
div#main div.profile div.block p,
div#main div.company div.block p {
	margin:					0px 0px 2em 0px;
	padding:				0px 240px 0px 0px;
	line-height:			1.8em;
}


/* ■■■■■　　[profile]　　■■■■■ */

div#main div.profile div.block ul {
	margin:					0px 0px 1em 15px;
	padding:				0px;
}
div#main div.profile div.block ul li {
	margin:					0px;
	padding:				0px;
	line-height:			1.8em;
}


/* ■■■■■　　[service]　　■■■■■ */

/* ▽メニュー */
div#main div.service div.block1 {
	margin:					40px 20px;
	background-image:		url("../../images/bg_service_block01.gif");
	background-repeat:		no-repeat;
	background-position:	0px 100%;
	color:					#113D24;
	text-align:				center;
	font-size:				1.25em;
}
div#main div.service div.block1 h3 {
	height:					72px;
	margin:					0px;
	background-image:		url("../../images/bg_service_h3.gif");
	background-repeat:		no-repeat;
}
div#main div.service div.block1 ul {
	margin:					0px 0px 0px 17px;
	padding:				5px 0px 0px 0px;
	text-align:				left;
	list-style-type:		none;
}
div#main div.service div.block1 li {
	float:					left;
	margin:					0px 0px 0px 15px;
	padding:				0px;
}
div#main div.service div.block1 li a {
	display:				block;
	width:					272px;
	height:					82px;
	background-repeat:		no-repeat;
}
div#main div.service div.block1 li a:hover {
	background-position:	0px -82px;
}
div#main div.service div.block1 li a.no1 {background-image:url("../../images/bg_service_block01_btn01.jpg");}
div#main div.service div.block1 li a.no2 {background-image:url("../../images/bg_service_block01_btn02.jpg");}
div#main div.service div.block1 li a.no3 {background-image:url("../../images/bg_service_block01_btn03.jpg");}

div#main div.service div.block1 span.clear {
	clear:					left;
	display:				block;
	width:					100%;
	height:					45px;
}
div#main div.service div.block1 h3 span,
div#main div.service div.block1 li a span {
	display:				none;
}

/* ▽各サービス */
div#main div.service div.block2 {
	margin:					0px 50px;
	color:					#113D24;
}
div#main div.service div.block2 h4 {
	height:					42px;
	margin:					0px 0px 20px 0px;
	background-image:		url("../../images/bg_service_h3.gif");
	background-repeat:		no-repeat;
} 
div#main div.service div.block2 h4.no1	{background-image:url("../../images/bg_service_h4-01.gif");}
div#main div.service div.block2 h4.no2	{background-image:url("../../images/bg_service_h4-02.gif");}
div#main div.service div.block2 h4.no3	{background-image:url("../../images/bg_service_h4-03.gif");}
div#main div.service div.block2 h4.no4	{background-image:url("../../images/bg_service_h4-04.gif");}

div#main div.service div.block2 h5 {
	margin:					0px 10px;
	line-height:			1.8em;
}
div#main div.service div.block2 p {
	margin:					0px 10px 2em 10px;
	line-height:			1.8em;
}
div#main div.service div.block2 ul {
	margin:					0px 0px 2em 35px;
	padding:				0px;
}
div#main div.service div.block2 li {
	margin:					0px;
	padding:				0px;
	line-height:			1.8em;
}
div#main div.service div.block2 a span,
div#main div.service div.block2 h4 span {
	display:				none;
}

/* ▽フッターボタン */
div#main div.service p.btn {
	margin:					40px 0px 50px 0px;
	text-align:				center;
}
div#main div.service p.btn a {
	display:				block;
	width:					300px;
	height:					50px;
	margin:					0px auto;
	background-image:		url("../../images/bg_service_footer_btn.jpg");
	background-repeat:		no-repeat;
}
div#main div.service p.btn a:hover {
	background-position:	0px -50px;
}
div#main div.service p.btn span {
	display:				none;
}


/* ■■■■■　　[review]　　■■■■■ */

div#main div.review div.block1 {
	margin:					40px 50px 0px 50px;
	padding:				0px;
	background-repeat:		no-repeat;
	background-position:	100% 70px;
	color:					#113D24;
}
div#main div.review div#no1	{background-image:url("../../images/bg_review_block01.jpg");}
div#main div.review div#no2	{background-image:url("../../images/bg_review_block02.jpg");}
div#main div.review div#no3	{background-image:url("../../images/bg_review_block03.jpg");}

div#main div.review div.block1 h3 {
	height:					50px;
	margin:					0px;
	padding:				0px;
	background-repeat:		no-repeat;
}
div#main div.review div#no1 h3	{background-image:url("../../images/bg_review_h3-01.gif");}
div#main div.review div#no2 h3	{background-image:url("../../images/bg_review_h3-02.gif");}
div#main div.review div#no3 h3	{background-image:url("../../images/bg_review_h3-03.gif");}
div#main div.review div.block1 h3 span {
	display:				none;
}
div#main div.review div.block1 p {
	margin:					20px 0px 2em 10px;
	padding:				0px 240px 0px 0px;
	line-height:			1.8em;
}
div#main div.review div.block1 span {
	display:				block;
	height:					80px;
}
div#main div.review div.block2 {
	margin:					0px 50px 100px 50px;
	padding:				10px;
	border:					1px solid #C2C285;
	line-height:			1.8em;
}


/* ■■■■■　　[faq]　　■■■■■ */

div#main div.faq div.block dl {
	margin:					0px 0px 2em 0px;
	line-height:			1.8em;
}
div#main div.faq div.block dt {
	margin:					0px;
	padding:				5px 5px 5px 45px;
	background-image:		url("../../images/bg_faq_dt.gif");
	background-repeat:		no-repeat;
	background-position:	8px 5px;
	font-size:				1.25em;
}
div#main div.faq div.block dd {
	margin:					0px;
	padding:				5px 5px 5px 45px;
	background-image:		url("../../images/bg_faq_dd.gif");
	background-repeat:		no-repeat;
	background-position:	7px 5px;
	border-top:				1px solid #C2C285;
}
div#main div.faq div.block p {
	margin:					0px 0px 2em 0px;
	padding:				10px;
	border:					1px solid #C2C285;
	line-height:			1.8em;
}

/* ■■■■■　　[achieve]　　■■■■■ */

div#main div.achieve div.block dl {
	margin:					0px 0px 2em 0px;
	line-height:			1.8em;
}
div#main div.achieve div.block dt {
	margin:					0px;
	padding:				5px 5px 5px 45px;
	background-image:		url("../../images/bg_faq_dt.gif");
	background-repeat:		no-repeat;
	background-position:	8px 5px;
	font-size:				1.25em;
}
div#main div.achieve div.block dd {
	margin:					0px;
	padding:				5px 5px 5px 45px;
	background-image:		url("../../images/bg_faq_dd.gif");
	background-repeat:		no-repeat;
	background-position:	7px 5px;
	border-top:				1px solid #C2C285;
}
div#main div.achieve div.block p {
	margin:					0px 0px 2em 0px;
	padding:				10px;
	border:					1px solid #C2C285;
	line-height:			1.8em;
}


/* ■■■■■　　[reservation]　　■■■■■ */

div#main div.reservation div.block,
div#main div.reservation div.block2 {
	text-align:				center;
}
div#main div.reservation p {
	margin:					2em 65px;
	line-height:			1.8em;
	text-align:				center;
}
div#main div.reservation p#htxt {
	margin:					0px 0px 1em 0px;
}
div#main div.reservation form {
	width:					720px;
	margin:					0px auto;
	padding:				20px 0px 0px 0px;
	border:					1px solid #C2C285;
}
div#main div.reservation div.block h3 {
	height:					35px;
	margin:					0px 20px 2px 20px;
	padding:				0px;
	background-image:		url("../../images/bg_reservation_h3.gif");
	background-repeat:		no-repeat;
	background-position:	50% 0px;
	border-bottom:			1px solid #C2C285;
	text-align:				center;
}
div#main div.reservation div.block h3 span {
	display:				none;
}
div#main div.reservation p#err {
	margin:					0px 20px 2px 20px;
	padding:				10px;
	background-color:		#FFEFFF;
	color:					#FF0000;
	font-size:				1.25em;
}
div#main div.reservation dl {
	clear:					left;
	width:					100%;
	margin:					0px 20px 2px 20px;
	padding:				0px;
	text-align:				left;
	line-height:			1.5em;
}
div#main div.reservation dt {
	float:					left;
	width:					170px;
	margin:					0px 0px 0px 0px;
	padding:				5px 0px;
	text-align:				right;
}
div#main div.reservation dt strong {
	font-weight:			normal;
}
div#main div.reservation dd {
	margin:					0px 0px 0px 180px;
	padding:				5px 10px 3px 10px;
	border-left:			2px solid #336600;
}
div#main div.reservation dd strong {
	color:					#FF0000;
	font-weight:			normal;
}
div#main div.reservation dd input {
	margin:					0px 5px 0px 0px;
}
div#main div.reservation dd input.err {
	background-color:		#FFEFFF;
}
div#main div.reservation form textarea {
	font-size:				1em;
}
div#main div.reservation dd span {
	font-size:				0.875em;
}
div#main div.reservation p#btn {
	margin:					0px 20px;
	padding:				20px 0px 0px 0px;
	border-top:				1px solid #C2C285;
}
div#main div.reservation p#btn input {
	margin:					0px 20px;
	padding:				0px;
}
div#main div.reservation p#btn span {
	display:				block;
	height:					25px;
}
div#main div.reservation p#ftxt {
	width:					720px;
	margin:					20px auto 0px auto;
	text-align:				left;
}
div#main div.reservation p#ftxt img {
	margin:					0px 0px 1em 0px;
}

/* ▽結果ページ */
div#main div.reservation div.block2 div {
	width:					720px;
	margin:					50px auto;
	border:					1px solid #C2C285;
	text-align:				center;
}
div#main div.reservation div.block2 h3 {
	margin:					10px 20px 0px 20px;
	padding:				15px 20px;
	font-size:				1.25em;
}
div#main div.reservation div.block2 h3#err {
	margin:					20px;
	background-color:		#FFDFFF;
	color:					#FF0000;
}


/* ■■■■■　　[company]　　■■■■■ */

div#main div.company div.block h3 {
	font-size:				1em;
	font-weight:			normal;
	line-height:			1.8em;
}
div#main div.company div.block div {
	width:					100%;
}
div#main div.company div.block h4 {
	margin:					0px;
	font-size:				1em;
	font-weight:			normal;
	line-height:			1.8em;
}
div#main div.company div.block div h4 {
	clear:					left;
	float:					left;
	width:					8em;
}
div#main div.company div.block p {
	margin:					0px 0px 1em 0px;
}
div#main div.company div.block div dl,
div#main div.company div.block div p {
	margin:					0px 0px 0px 9em;
	line-height:			1.8em;
}
div#main div.company div.block div dt {
	float:					left;
}
div#main div.company div.block div dd {
	margin:					0px 0px 0px 6em;
}
div#main div.company div.block div span {
	clear:					left;
	display:				block;
	width:					100%;
	height:					1em;
}