@charset 'UTF-8';

/* ========================================
OUTLINE
	小田原籠清オフィシャルサイト
	籠清について - 籠清のこだわり CSS
	[/sui/select/]

CONTENTS
	00：共通設定
	10：水へのこだわり
	20：魚へのこだわり
	30：石臼へのこだわり
	40：浄水へのこだわり
======================================== */



/* 00：共通設定
======================================== */

div#main div.mainHd {
	position: relative;
	}

div#main div.mainHd ul {
	position: absolute;
	top: 8px;
	left: 386px;
	}

div#main div.mainHd ul li {
	float: left;
	margin-right: 6px;
	background-position: top left;
	}

div#main div.mainHd ul li,
div#main div.mainHd ul li a {
	display: block;
	overflow: hidden;
	width: 48px;
	height: 72px;
	text-indent: -9999em;
	text-decoration: none;
	}

div#main div.mainHd ul li#rsb01,
div#main div.mainHd ul li#rsb01 a {
	background-image: url("../select/images/rsbtn_sel01.jpg");
	}

div#main div.mainHd ul li#rsb02,
div#main div.mainHd ul li#rsb02 a {
	background-image: url("../select/images/rsbtn_sel02.jpg");
	}

div#main div.mainHd ul li#rsb03,
div#main div.mainHd ul li#rsb03 a {
	background-image: url("../select/images/rsbtn_sel03.jpg");
	}

div#main div.mainHd ul li#rsb04,
div#main div.mainHd ul li#rsb04 a {
	background-image: url("../select/images/rsbtn_sel04.jpg");
	}

div#main div.pageTop {
	padding-top: 20px;
	}



/* 10：水へのこだわり [index.html]
======================================== */

body.bdSel01 div#main div.mainBd {
	padding-bottom: 2.5em;
	background: url("../select/images/idx_bg.jpg") no-repeat right bottom;
	}

body.bdSel01 div#main div.sect01,
body.bdSel01 div#main div.sect02,
body.bdSel01 div#main div.sect03 {
	width: 584px;
	margin: 1.8em auto 0;
	}

body.bdSel01 div#main div h5 {
	margin-bottom: 1em;
	}


/* ----- 豊富な水 ----- */

body.bdSel01 div#main div.sect01 {
	margin-top: 2.5em;
	}

body.bdSel01 div#main div.sect01 h5,
body.bdSel01 div#main div.sect01 p {
	float: left;
	width: 313px;
	}

body.bdSel01 div#main div.sect01 img.ph {
	float: right;
	margin-left: 26px;
	}

body.bdSel01 div#main div.sect02 p {
	float: right;
	width: 338px;
	}


/* ----- 継承 ----- */

body.bdSel01 div#main div.sect03 ol {
	margin: 0 0 0.8em -4px;
	}

body.bdSel01 div#main div.sect03 ol li {
	margin-bottom: 0.2em;
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 24px;
	}

body.bdSel01 div#main div.sect03 ol li.li01 {
	background-image: url("../select/images/idx_list1.gif");
	}

body.bdSel01 div#main div.sect03 ol li.li02 {
	background-image: url("../select/images/idx_list2.gif");
	}

body.bdSel01 div#main div.sect03 ol li.li03 {
	background-image: url("../select/images/idx_list3.gif");
	}

body.bdSel01 div#main div.sect03 ol li.li04 {
	background-image: url("../select/images/idx_list4.gif");
	}

body.bdSel01 div#main div.sect03 ol li.li05 {
	background-image: url("../select/images/idx_list5.gif");
	}



/* 20：魚へのこだわり [02.html]
======================================== */

/* ----- 右上ボタン ----- */

body.bdSel02 div#main div.mainHd ul li#rsb01 a {
	background-image: url("../select/images/rsbtn_sel01_02.jpg");
	}

body.bdSel02 div#main div.mainHd ul li#rsb02 {
	background-image: url("../select/images/rsbtn_sel02_02.jpg");
	}

body.bdSel02 div#main div.mainHd ul li#rsb03 a {
	background-image: url("../select/images/rsbtn_sel03_02.jpg");
	}

body.bdSel02 div#main div.mainHd ul li#rsb04 a {
	background-image: url("../select/images/rsbtn_sel04_02.jpg");
	}


/* ----- 他 ----- */

body.bdSel02 div#main div.mainBd {
	padding-bottom: 1.5em;
	background: url("../select/images/02_bg.jpg") no-repeat right top;
	}

body.bdSel02 div#main div.sect01,
body.bdSel02 div#main div.sect02 {
	width: 584px;
	margin: 0 auto;
	padding-top: 1.5em;
	}

body.bdSel02 div#main div.sect01 {
	min-height: 215px;
	height: auto !important;
	height: 215px;
	}

body.bdSel02 div#main div.sect01 p {
	width: 230px;
	margin-top: 1em;
	}

body.bdSel02 div#main div.sect02 p {
	float: right;
	width: 330px;
	}



/* 30：石臼へのこだわり [03.html]
======================================== */

/* ----- 右上ボタン ----- */

body.bdSel03 div#main div.mainHd ul li#rsb02 a {
	background-image: url("../select/images/rsbtn_sel02_03.jpg");
	}

body.bdSel03 div#main div.mainHd ul li#rsb03 {
	background-image: url("../select/images/rsbtn_sel03_03.jpg");
	}

body.bdSel03 div#main div.mainHd ul li#rsb04 a {
	background-image: url("../select/images/rsbtn_sel04_03.jpg");
	}


/* ----- 他 ----- */

body.bdSel03 div#main div.mainBd {
	background: url("../select/images/03_bg.jpg") no-repeat right top;
	}

body.bdSel03 div#main div.sect01,
body.bdSel03 div#main div.sect02 {
	width: 584px;
	margin: 0 auto 1em;
	padding-top: 1.5em;
	}

body.bdSel03 div#main div.sect01 p,
body.bdSel03 div#main div.sect02 p {
	margin-top: 1em;
	}

body.bdSel03 div#main div.sect01 p.firstPrg {
	width: 280px;
	}

body.bdSel03 div#main div.sect01 p.secondPrg {
	width: 330px;
	}

body.bdSel03 div#main div.sect02 ul {
	margin: 1em 0 0 -8px;
	}

body.bdSel03 div#main div.sect02 ul li {
	_display: inline; /* IE6 */
	float: left;
	margin-left: 8px;
	}



/* 40：浄水へのこだわり [04.html]
======================================== */

body.bdSel04 div#main div.mainBd {
	padding-bottom: 110px;
	background: url("../select/images/04_bg.jpg") no-repeat center bottom;
	}

body.bdSel04 div#main div.sect01,
body.bdSel04 div#main div.sect02 {
	width: 584px;
	margin: 0 auto;
	}

body.bdSel04 div#main div.sect01{
	margin: 1.5em auto 0.6em;
	}

body.bdSel04 div#main div.sect01 img.photo {
	_display: inline; /* IE6 */
	float: right;
	margin: 0 0 1.6em 2.5em;
	}

body.bdSel04 div#main div.sect01 h5.secondCap {
	margin-top: 4em;
	}

body.bdSel04 div#main div.sect01 p {
	margin-top: 1em;
	}

body.bdSel04 div#main div.sect02 dl {
	float: left;
	width: 250px;
	margin-right: 2em;
	}

body.bdSel04 div#main div.sect02 dl img {
	display: block;
	}