@charset "UTF-8";

#main-contents-noside h1 {
	margin-bottom: 27px;
}

#main-contents-noside h1#maintitle {
	margin-bottom: 5px;
}

#contents-box {
	width: 750px;
	margin-bottom: 50px;
	float: left;
}

#contents-list {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

#contents-list li {
	width: 170px;
	float: left;
	margin-right: 20px;
	display: inline;
}

#banner-list li {
	width: 210px;
	float: left;
	margin-right: 50px;
	display: inline;
}

#banner-list li.last-elm {
	margin-right: 0;
}

#contents-box h2 {
	height: 280px;
	border-bottom: none;
}

#contents-list li.last-elm {
	margin-right: 0;
}

#contents-box h3 {
	font-weight: bold;
}

#contents-box h3 a {
	display: block;
}

#banner-area {
	width: 190px;
	float: right;
}

#banner-area ul {
	margin-bottom: 50px;
}

#banner-area #flashvote,
#banner-area li {
	margin-bottom: 15px;
}

#banner-area #flashvote {
	overflow: hidden;
}

#banner-area #bnr-happybathvoice,
#banner-area #bnr-sakurablog {
	margin-bottom: 28px;
}

#contents-detail-box {
	width: 100%;
	margin-bottom: 55px;
}

#contents-title {
	margin-bottom: 20px;
}

#contents-text-box {
	width: 450px;
	float: left;
}

#contents-text-box h1 {
	padding: 60px 0 30px;
	margin-bottom: 0;
}

#contents-text-box .text-section h2,
#text-section-end h2 {
	height: 18px;
	border-top: none;
	border-bottom: none;
}


.text-section {
	margin-top: 30px;
	padding-top: 33px;
	background: url(/happybath/images/bg_dott.png) repeat-x left top;
}

.text-section p,
#text-section-end p {
	margin-bottom: 20px;
}

img.img-insert-text {
	vertical-align: text-top;
}

.image-box-right {
	float: right;
	margin: 0 0 10px 10px;
}

.image-box-left {
	float: left;
	margin: 0 10px 10px 0;
}

.image-box-center {
	margin: 0 auto 10px;
	text-align: center;
}

.image-box {
	margin: 20px 0;
	border: 3px solid #FFF;
	padding: 15px 25px 10px;
}

.image-box-outer {
	float: left;
	
}

.image-box .product-copy {
	font-weight: bold;
	margin-bottom: 5px;
}


#contents-image-box {
	width: 450px;
	float: right;
}

#contents-image-box #contents-image-science {
	width: 410px;
	padding: 0 20px 35px;
	margin: 1px 0 0 0;
	background: #F3F5FF url(/happybath/images/science/mainimg01_under.jpg) no-repeat left top;
}

#contents-image-box #contents-image-science h3 {
	padding: 50px 0 25px 0;
	border-bottom: none;
}

#contents-image-box #contents-image-science p#contents-image-science-lead {
	width: 19em;
}

#contents-image-box #contents-image-science h4 {
	margin-top: 15px;
	padding: 15px 0 10px;
	border-top: 1px solid #CCC;
	color: #c4189d;
	font-weight: bold;
}

#contents-image-box #contents-image-bathtime {
	width: 410px;
	margin: 1px 0 0 0;
	padding: 0 20px 0;
}

#contents-image-box #contents-image-naturalmedicine {
	width: 410px;
	padding: 0 20px 35px;
	margin: 1px 0 0 0;
}

#contents-image-box #contents-image-naturalmedicine h3 {
	padding: 15px 0 10px;
	border-bottom: none;
	color: #644900;
	font-weight: bold;
}

#contents-image-box #contents-image-naturalmedicine p#contents-image-naturalmedicine-lead {
	width: 18em;
}

#contents-image-box #contents-image-naturalmedicine h4 {
	margin-top: 15px;
	padding: 15px 0 10px;
	border-top: 1px solid #CCC;
	color: #644900;
	font-weight: bold;
}



/* バスタイム向上委員会更新別Style */

body#happybath0911 #contents-image-box #contents-image-bathtime {
	background: url(/happybath/images/bathtime/mainimg01_under.jpg) no-repeat left top;
	height: 510px;
}

body#happybath0912 #contents-text-box .text-section h2 {
	height: 25px;
}

body#happybath0912 #contents-detail-box {
	background: url(/happybath/images/bathtime/bg_contents-image-box0912.png) repeat-y right top;
}

body#happybath0912 p#contents-text-lead {
	color: #0085BF;
	font-weight: bold;
}

body#happybath1001 #contents-text-box .text-section h2 {
	height: 25px;
}

body#happybath1001 #contents-detail-box {
	background: url(/happybath/images/bathtime/bg_contents-image-box1001.png) repeat-y right top;
}

body#happybath1001 p#contents-text-lead {
	color: #A53C69;
	font-weight: bold;
}

body#happybath1001 #contents-image-box {
	position: relative;
}

body#happybath1001 #contents-image-box #mainimg_under {
	display: block;
	position: absolute;
	top: 720px;
	left: 0;
}

body#happybath1001 #contents-image-box #contents-image-bathtime {
	margin-top: 143px;
	padding-bottom: 30px;
	position: relative;
}

body#happybath1001 #contents-image-box #contents-image-bathtime h3 {
	position: absolute;
	top: 0px;
	left: 17px;
	margin-bottom: 10px;
}

body#happybath1001 #contents-image-box #contents-image-bathtime p#txt01 {
	padding-top: 75px;
}

body#happybath1001 #contents-image-box #contents-image-bathtime #graph {
	clear: right;
	margin-top: 30px;
	text-align: center;
}

body#happybath1001 #contents-image-box #contents-image-bathtime #graph img {
	display: block;
	margin-bottom: 30px;
}


body#happybath1002 p#contents-text-lead,
body#happybath1002 p#mes1002 {
	color: #70440b;
	font-weight: bold;
}

body#happybath1002 #contents-text-box .text-section h2 {
	height: 25px;
}

body#happybath1002 #contents-detail-box {
	background: url(/happybath/images/bathtime/bg_contents-image-box1002.png) repeat-y right top;
}

body#happybath1002 #contents-image-box {
	position: relative;
}

body#happybath1002 #contents-image-box #mainimg_under {
	display: block;
	position: absolute;
	top: 720px;
	left: 0;
}

body#happybath1002 #contents-image-box #contents-image-bathtime {
	margin-top: 55px;
	padding-bottom: 30px;
	position: relative;
}

body#happybath1002 #contents-image-box #contents-image-bathtime h3 {
	margin-bottom: 10px;
}

body#happybath1002 #contents-image-box #contents-image-bathtime p#txt01 {
	margin-bottom: 300px;
}

body#happybath1002 #contents-image-box #contents-image-bathtime ul#txt02 {
	margin-bottom: 55px;
}

body#happybath1002 #contents-image-box #contents-image-bathtime ul#txt02 span {
	color: #d4a100;
	font-weight: bold;
}

body#happybath1003 #contents-text-box h1 {
	padding-top: 30px;
}

body#happybath1003 p#contents-text-lead {
	color: #9e745f;
	font-weight: bold;
}

body#happybath1003 #contents-text-box h2#subtitle {
	height: 42px;
	border-bottom: none;
}

body#happybath1003 #contents-text-box .text-section {
	margin-top: 5px;
	padding-top: 20px;
}

body#happybath1003 #contents-text-box .text-section h2 {
	height: 52px;
}

body#happybath1003 #contents-detail-box {
	background: url(/happybath/images/bathtime/bg_contents-image-box1003.png) repeat-y right top;
}

body#happybath1003 #contents-image-box {
	position: relative;
}

body#happybath1003 #contents-image-box #mainimg_under {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
}

body#happybath1003 #contents-image-box #contents-image-bathtime {
	position: relative;
	z-index: 10;
}

body#happybath1003 #contents-image-box #contents-image-bathtime p#txt01 {
	margin: 30px 0 25px;
}

body#happybath1003 #contents-image-box #contents-image-bathtime dl {
	margin-bottom: 210px;
	font-size: .75em;
}

body#happybath1003 #contents-image-box #contents-image-bathtime dl dd {
	margin-bottom: 10px;
}

body#happybath1004 p#contents-text-lead {
	font-weight: bold;
	color: #957c46;
}

body#happybath1004 #contents-text-box h2#subtitle {
	height: 50px;
	border-bottom: none;
}

body#happybath1004 #contents-text-box .text-section h2 {
	height: 25px;
}

body#happybath1004 #contents-detail-box {
	background: url(/happybath/images/bathtime/bg_contents-image-box1004.png) repeat-y right top;
}

body#happybath1004 #contents-image-box #contents-image-bathtime {
	width: 430px;
	padding: 0 0 0 20px;
}

body#happybath1004 #contents-image-box #contents-image-bathtime p#txt01 {
	float: left;
	display: inline;
	width: 210px;
	margin: 30px 0 25px;
}


/* 香りとキレイの科学更新別Style */
body#science0912 #contents-image-box #contents-image-science {
	background: #FFF8DE url(/happybath/images/science/mainimg0912_under.jpg) no-repeat left top;
}

body#science1003 #contents-image-box #contents-image-science {
	background: #eff2e4 url(/happybath/images/science/mainimg1003_under.jpg) no-repeat left top;
}

body#science1003 #contents-image-box #contents-image-science h3 {
	padding: 134px 0 45px 177px;
}

body#science1003 #contents-image-box #contents-image-science p {
	color: #006e2c;
}

body#science1003 p#contents-text-lead {
	color: #353c92;
	font-weight: bold;
}

body#science1003 .text-section p#contents-text-lead {
	padding-top: 0;
}

body#science1003 .text-section h2 {
	width: 210px;
	height: 135px;
	float: left;
	display: inline;
	margin-right: 10px;
	margin-bottom: 5px;
}

body#science1003 .text-section p {
	padding-top: 45px;
}


body#science1005 #contents-image-box #contents-image-science {
	background: #faf4d9 url(/happybath/images/science/mainimg1005_under.jpg) no-repeat left top;
}

body#science1005 p#contents-text-lead {
	font-weight: bold;
	color: #c27a2d;
}

body#science1005 #contents-text-box .text-section h2 {
	height: 57px;
}

body#science1005 #contents-image-box #contents-image-science h3 {
	padding: 35px 0 20px 150px;
}

body#science1005 #contents-image-box #contents-image-science p {
	color: #844706;
}


body#science1005 #contents-detail-box {
	background: url(/happybath/images/science/bg_contents-image-box1005.png) repeat-y right top;
}


/* 生薬のあるくらし更新別Style */
#nm-product-0911 {
	border-color: #FFEDB4;
}

#nm-product-0911 .product-copy {
	color: #E66000;
}

body#nl1001 .image-box {
	border-color: #FFEDB4;
}

body#nl1001 .image-box .product-copy {
	color: #E66000;
}

body#nl1001 .image-box .image-box-outer {
	width: 195px;
}

body#nl0912 .text-section,
body#nl1001 .text-section,
body#nl1004 .text-section {
	background: none;
	margin-top: 0;
}

body#nl0912 #contents-image-box #contents-image-naturalmedicine {
	background: #F6F4D9 url(/happybath/images/naturalmedicine/mainimg01_under.jpg) no-repeat left top;
}

body#nl1001 #contents-image-box #contents-image-naturalmedicine {
	background: #F6F4D9 url(/happybath/images/naturalmedicine/mainimg1001_under.jpg) no-repeat left top;
}

body#nl1007 #contents-image-box #contents-image-naturalmedicine {
	background: #F6F4D9 url(/happybath/images/naturalmedicine/mainimg1007_under.jpg) no-repeat left top;
}

body#nl1001 #contents-image-box #contents-image-naturalmedicine p#contents-image-naturalmedicine-lead {
	width: 14em;
}

body#nl1001 #contents-image-box #contents-image-naturalmedicine p#contents-image-naturalmedicine-lead02 {
	width: 100%;
}

body#nl1007 p#contents-text-lead {
	color: #4c4c4c;
	font-weight: bold;
}

body#nl1007 .text-section {
	background: none;
	margin-top: 0;
}

body#nl1007 h1 {
	padding-bottom: 0;
}

body#nl1007 .text-section h2 {
	height: 30px;
	margin-bottom: 10px;
}

body#nl1001 #contents-image-box #contents-image-naturalmedicine h3 {
	width: 14em;
	padding-bottom: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #c4aa64;
}

body#nl1001 #contents-detail-box {
	background: url(/happybath/images/naturalmedicine/bg_contents-image-box1001.png) repeat-y right top;
}


body#nl1004 #contents-image-box #contents-image-naturalmedicine h3 {
	float: left;
	display: inline;
	margin: 0 15px 10px 0;
}

body#nl1004 #contents-image-box #contents-image-naturalmedicine p#txt01 {
	padding-top: 15px;
}

body#nl1004 #contents-detail-box,
body#nl1007 #contents-detail-box {
	background: url(/happybath/images/naturalmedicine/bg_contents-image-box1004.png) repeat-y right top;
}


body#nl1007 .link_with_img {
	padding-top: 10px;
}

body#nl1007 .link_with_img a {
	display: block;
	position: relative;
	padding-left: 45px;
}

body#nl1007 .link_with_img a img {
	position: absolute;
	top: 0;
	left: 0;
}


#backnumber-box {
	margin-bottom: 25px;
	padding: 0 19px 10px;
	border: 1px solid #CCC;
}

#backnumber-box h2 {
	height: 36px;
	border-bottom: none;
}

#backnumber-box td {
	width: 120px;
	padding: 10px 18px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	line-height: 1.2;
	vertical-align: top;
}

#backnumber-box td.first-elm {
	padding-left: 0;
}

#backnumber-box tr#last-line td {
	border-bottom: none;
}

#backnumber-box td.last-elm {
	border-right: none;
	padding-right: 0;
}

#backnumber-box td a {
	display: block;
	margin-bottom: 5px;
}

#backnumber-box td img { position: absolute; top: 0; left: 0; border: solid 0px #FFF; }
#backnumber-box td a:hover, #backnumber-box li a:hover img { border: solid 0px #FFF; }
#backnumber-box td a { position: relative; width: 120px; height: 120px; overflow: hidden; }
#backnumber-box td a:hover img { left: -120px; }

#backnumber-box td.selected img { left: -120px; cursor: default; }


#backtohappybath-science {
	background: url(/happybath/images/science/bg_bar.png) no-repeat left top;
	padding-top: 22px;
	margin-bottom: 70px;
}

#backtohappybath-science a {
	color: #d422ba;
}

#backtohappybath-bathtime {
	background: url(/happybath/images/bathtime/bg_bar.png) no-repeat left top;
	padding-top: 22px;
	margin-bottom: 70px;
}

#backtohappybath-bathtime a {
	color: #01a397;
}

#backtohappybath-naturalmedicine {
	background: url(/happybath/images/naturalmedicine/bg_bar.png) no-repeat left top;
	padding-top: 22px;
	margin-bottom: 70px;
}

#backtohappybath-naturalmedicine a {
	color: #FFA233;
}


ul#banner-list {
	width: 730px;
	margin-right: 25px;
	padding-top: 25px;
}

/**
 * 99.CLEAR HACK
 */
#contents-box:after,
#contents-box ul:after,
#contents-detail-box:after,
.text-section:after,
#text-section-end:after,
.image-box:after,
#backnumber-box ul:after,
.image-box-center ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#contents-box,
#contents-box ul,
#contents-detail-box,
.text-section,
#text-section-end,
.image-box,
#backnumber-box ul,
.image-box-center ul {
	min-height: 1px;
}
* html #contents-box,
* html #contents-box ul,
* html #contents-detail-box,
* html .text-section,
* html #text-section-end,
* html .image-box,
* html #backnumber-box ul,
* html .image-box-center ul {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}