@charset "utf-8";
/* ****************************************************
layout.css
Define container layout.
***************************************************** */

/* Page layout
------------------------------------ */
body {
	background-color: #000000;
	font-family:"ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 83%;
	line-height: 1.3;
	text-align: center;
	color: #392c10;
}
a:link {
	color: #392c10;
	text-decoration: underline;
}
a:hover {
	color: #392c10;
	text-decoration: none;
}

/* header
------------------------------------ */
.headerWraper {
	background-color: #000000;
	border-bottom: 1px solid #a68945;
}
.headerWraper .headerArea {
	clear: both;
	width: 870px;
	margin: 0 auto;
}
.headerWraper .headerArea .logo {
	float: left;
	width: 139px;
	padding: 15px 0 2px;
}
.headerWraper .headerArea .navi {
	float: right;
	width: 136px;
	padding: 30px 0 35px 0;
}

/* globalNavi
------------------------------------ */
.globalNavi {
	background: url(/genomer-pr/common/images/com_bg01.gif) #000000 no-repeat center 0;
	border-bottom: 1px solid #f0e5de;
}
.globalNavi ul {
	width: 870px;
	margin: 0 auto;
}
.globalNavi ul li {
	float: left;
}
.globalNavi ul li img {
	vertical-align: bottom;
}

/* mainImage
------------------------------------ */
.mainImage {
	background: url(/genomer-pr/common/images/com_bg02.gif) repeat-x 0 bottom;
}
.mainImage .inner {
	height: 296px;
	margin: 0 auto;
	text-align: left;
}

/* mainContainer
------------------------------------ */
.mainContainer {
	width: 810px;
	margin: 0 auto;
	padding: 20px 30px 37px;
	background-color: #FFFFFF;
	text-align: left;
}
.mainContainer .section01 {
	margin-bottom: 25px;
	background: url(/genomer-pr/img/index_bg02.gif) no-repeat 0 bottom;
}
.mainContainer .section01 .inner {
	padding: 15px 20px;
	background: url(/genomer-pr/img/index_bg01.gif) no-repeat 0 top;
}
.mainContainer .section02 {
	margin-bottom: 50px;
	padding-bottom: 15px;
	background: url(/genomer-pr/img/index_bg04.gif) no-repeat 0 bottom;
}
.mainContainer .section02 .point {
	float: left;
	width: 490px;
}
.mainContainer .section02 .point .point-detail {
	background: url(/genomer-pr/img/index_bg04.gif) no-repeat 0 bottom;
}
.mainContainer .section02 .point .point-detail {
	padding: 32px 28px 0;
	background: url(/genomer-pr/img/index_bg03.gif) no-repeat 0 top;
}
.mainContainer .section02 .point .point-detail dl {
	clear: both;
	margin-bottom: 10px;
}
.mainContainer .section02 .point .point-detail dl dt {
	float: left;
	width: 100px;
}
.mainContainer .section02 .point .point-detail dl dd {
		margin-left: 110px;
}
.mainContainer .section02 .products {
	float: right;
	width: 299px;
}
.mainContainer .section02 .products dl {
	padding: 0 20px;
}
.mainContainer .section02 .products dl dt {
	float: left;
	width: 90px;
}
.mainContainer .section02 .products dl dd {
	margin-left: 100px;
}
.mainContainer .section03 {
	clear: both;
	width: 808px;
	background: url(/genomer-pr/img/index_bg05.gif) #f7f2ee no-repeat 0 top;
}
.mainContainer .section03 .inner {
	padding: 12px 20px 10px;
	background: url(/genomer-pr/img/index_bg06.gif) no-repeat 0 bottom;
}
.mainContainer .section03 .imageBox dl {
	float: left;
	width: 240px;
	margin-bottom: 10px;
	padding-right: 24px;
}
.mainContainer .section03 .imageBox dl.last {
	padding-right: 0;
}
.mainContainer .section03 .imageBox dl dd {
	padding: 2px 5px;
}
.mainContainer .section04,
.mainContainer .section05 {
	clear: both;
}
.mainContainer .section04 .left-col {
	float: left;
	width: 500px;
}
.mainContainer .section04 .right-col {
	float: right;
	width: 300px;
}
.mainContainer .section05 .left-col {
	float: left;
	width: 270px;
}
.mainContainer .section05 .right-col {
	float: right;
	width: 500px;
	padding-bottom: 20px;
	background: url(/genomer-pr/products/images/night_up_cream_bg02.gif) no-repeat 0 bottom;
}
.mainContainer .section05 .right-col .wrapper {
	padding: 14px 23px 0;
}
.mainContainer .section05 .right-col .wrapper .text {
	float: left;
	width: 265px;
}
.mainContainer .section05 .right-col .wrapper .photo {
	float: right;
	width: 165px;
}
.mainContainer .section06 {
	clear: both;
}
.mainContainer .section06 .left-col {
	float: left;
	width: 430px;
}
.mainContainer .section06 .right-col {
	float: right;
	width: 364px;
}
.mainContainer .section07 {
	margin-bottom: 25px;
	background: url(/genomer-pr/contest/images/index_bg02.gif) no-repeat 0 bottom;
}
.mainContainer .section07 .inner {
	padding: 23px 30px;
	background: url(/genomer-pr/contest/images/index_bg01.gif) no-repeat 0 top;
}
.mainContainer .section07 .inner .first {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #a79164;
}
.mainContainer .section07 .inner .first .left-col {
	float: left;
	width: 450px;
	margin-top: -30px;
}
* html .mainContainer .section07 .inner .first .left-col,
* html .mainContainer .section07 .inner .third dl {
	margin-top: 0;
}
.mainContainer .section07 .inner .first .left-col dl {
	margin-top: -30px;
}
* html .mainContainer .section07 .inner .first .left-col dl {
	margin-top: 10px;
}
.mainContainer .section07 .inner .first .left-col dl dt{
	float: left;
	width: 215px;
	margin-top: -20px;
}
* html .mainContainer .section07 .inner .first .left-col dl dt {
	margin-top: 0;
}
.mainContainer .section07 .inner .first .left-col dl dd {
	margin-left: 220px;
	margin-top: 90px;
	color: #856319;
}
* html .mainContainer .section07 .inner .first .left-col dl dd {
	margin-top: 20px;
}
.mainContainer .section07 .inner .first .right-col {
	float: right;
	width: 280px;
}
.mainContainer .section07 .inner .section07Innner {
	clear: both;
}
.mainContainer .section07 .inner .second {
	float: left;
	width: 376px;
	padding-right: 10px;
	border-right: 1px solid #a79164;
}
.mainContainer .section07 .inner .second .left-col {
	float: left;
	width: 200px;
}
.mainContainer .section07 .inner .second .left-col dl dd {
	color: #666666;
	font-size: 85%;
}
.mainContainer .section07 .inner .second .right-col {
	float: right;
	width: 162px;
}
.mainContainer .section07 .inner .third {
	float: right;
	width: 350px;
}
.mainContainer .section07 .inner .third dl {
	margin-top: -30px;
}
.mainContainer .section07 .inner .third dl dt {
	float: left;
	width: 124px;
	margin-top: -30px;
}
* html .mainContainer .section07 .inner .third dl dt {
	margin-top: 15px;
}
.mainContainer .section07 .inner .third dl dd {
	margin-left: 134px;
	margin-top: 80px;
	color: #4c6c25;
	font-size: 85%;
}
* html .mainContainer .section07 .inner .third dl dd {
	margin-top: 40px;
}
.mainContainer .section08 {
	margin-bottom: 20px;
	padding: 15px 0 20px;
	background: url(/genomer-pr/contest/images/index_bg03.gif) repeat-y 0 0;
}
.mainContainer .section09 {
	margin-bottom: 20px;
	background: url(/genomer-pr/contest/images/index_bg05.gif) no-repeat 0 bottom;
}
.mainContainer .section09 .inner {
	padding: 20px;
	background: url(/genomer-pr/contest/images/index_bg04.gif) no-repeat 0 top;
}
.mainContainer .section10 {
	clear: both;
	padding: 30px 40px 30px;
	background: #f7f2ee;
}
.mainContainer .section11 {
	clear: both;
	padding-left: 30px;
	margin-bottom: 10px;
}
.mainContainer .section11 .left-col {
	float: left;
	width: 200px;
}
.mainContainer .section11 .right-col {
	float: right;
	width: 540px;
}
.mainContainer .section11 .right-col .banner {
	height: 60px;
	width: 500px;
	border: 1px solid #cccccc;
	padding: 5px;
	overflow-y: scroll;
}
.mainContainer .section12 {
	background: url(/genomer-pr/contest/images/index_bg06.gif) no-repeat 0 bottom;
}
.mainContainer .section13 {
	background: url(/genomer-pr/contest/images/index_bg07.gif) no-repeat 0 bottom;
}
.mainContainer .section14 {
	background: url(/genomer-pr/contest/images/index_bg08.gif) no-repeat 0 bottom;
}
.mainContainer .section12 .inner {
	padding: 23px 30px 23px 23px;
	background: url(/genomer-pr/contest/images/index_bg09.gif) no-repeat 0 top;
}
.mainContainer .section13 .inner {
	padding: 23px;
	background: url(/genomer-pr/contest/images/index_bg10.gif) no-repeat 0 top;
}
.mainContainer .section14 .inner {
	padding: 23px;
	background: url(/genomer-pr/contest/images/index_bg11.gif) no-repeat 0 top;
}
.mainContainer .section12 .inner .left-col {
	float: left;
	width: 230px;
}
.mainContainer .section12 .inner .right-col {
	float: right;
	width: 510px;
}
.mainContainer .section12 .inner .right-col .article .text {
	float: left;
	width: 340px;
}
.mainContainer .section12 .inner .right-col .article .photo {
	float: right;
	width: 160px;
}
.mainContainer .section13 .inner .left-col {
	float: left;
	width: 380px;
}
.mainContainer .section13 .inner .left-col p,
.mainContainer .section13 .inner .left-col dl {
	width: 370px;
}
.mainContainer .section13 .inner .dot-line {
	margin-bottom: 7px;
	padding-bottom: 10px;
}
.mainContainer .section13 .inner .dot-line.last {
	background: none;
}
.mainContainer .section13 .inner .right-col {
	float: right;
	width: 372px;
}
.mainContainer .section14 .inner .left-col,
.mainContainer .section14 .inner .center-col {
	float: left;
	width: 245px;
	margin-right: 15px;
}
.mainContainer .section14 .inner .right-col {
	float: left;
	width: 240px;
}
.mainContainer .section14 .inner .left-col p,
.mainContainer .section14 .inner .left-col ul {
	width: 235px;
}
.mainContainer .section14 .inner ul li {
	padding: 2px 0 2px 13px;
	background: url(/genomer-pr/contest/images/index_ic02.jpg) no-repeat 0 0.6em;
}


/* common
------------------------------------ */
.dot-line {
	margin-bottom: 20px;
	padding-bottom: 15px;
	background: url(/genomer-pr/img/index_bg07.gif) repeat-x 0 bottom;
}
.border-line {
	padding-bottom: 20px;
	border-bottom: 1px solid #a79164;
}
.link01 {
	padding-left: 15px;
	background: url(/genomer-pr/common/images/com_ic01.gif) no-repeat 0 0.3em;
}
.text01 {
	color:#C22529;
	font-weight: bold;
}
.text02 {
	color:#518519;
}
.text03 a:link {
	color:#518519;
	text-decoration: underline;
}
.text03 a:visited {
	color:#518519;
	text-decoration: underline;
}
.text03 a:hover {
	color:#518519;
	text-decoration: none;
}
.text03 a:active {
	color:#518519;
	text-decoration: underlines;
}
.text04 {
	color:#856319;
}
.text04 a:link {
	color:#856319;
	text-decoration: underline;
}
.text04 a:visited {
	color:#856319;
	text-decoration: underline;
}
.text04 a:hover {
	color:#856319;
	text-decoration: none;
}
.text04 a:active {
	color:#856319;
	text-decoration: underlines;
}

.heading03 {
	margin-bottom: 10px;
	padding: 1px 9px;
	border-left: 2px solid #392c10;
}
.blog-title01 {
	background: #f0e5de url(/genomer-pr/contest/images/index_ic01.jpg) no-repeat 5px 0.6em;
	padding: 5px 0 5px 23px;
	font-size: 114%;
	font-weight: bold;
	color: #c22529;
}
.blog-title02 {
	background: #f0e5de url(/genomer-pr/contest/images/index_ic02.jpg) no-repeat 5px 0.6em;
	padding: 3px 0 3px 20px;
	font-weight: bold;
	color: #c22529;
}
.sizeS {
	font-size: 85%;
}
.sizeL {
	font-size: 110%;
}
.caption {
	color: #a69164;
	font-size: 85%;
}
.bold {
	font-weight: bold;
}
.clear {
	clear: both;
}
.indent {
	padding-left: 1em;
	text-indent: -1em;
}
sub {
	font-size: 70%;
	vertical-align: text-top;
}

/* index.html
------------------------------------ */
#index .mainImage {
	background: url(/genomer-pr/img/index_bg08.jpg) #e6ded1 no-repeat center 0;
}
#index .mainImage .inner {
	height: 486px;
	width: 870px;
	margin: 0 auto;
	background: url(/genomer-pr/img/index_bg09.jpg) no-repeat 0 0;
}
#index .mainImage .inner .left-col {
	float: left;
	height: 309px;
	width: 460px;
	padding: 25px 0 0 35px;
}
#index .mainImage .inner .right-col {
	float: right;
	width: 359px;
	padding: 7px 0 0 0;
}
#index .mainImage .inner .right-col ul {
	padding-left: 76px;
}
#index .mainImage .inner .right-col ul li {
	float: left;
	padding-right: 12px;
}

/* night_up_cream.html
------------------------------------ */
#nightUC .mainImage .inner {
	width: 870px;
	background: url(/genomer-pr/products/images/night_up_cream_bg01.jpg) no-repeat center 0;
}
#nightUC .mainImage .inner .left-col {
	float: left;
	width: 163px;
	padding: 144px 0 0 157px;
}
#nightUC .mainImage .inner .right-col {
	float: right;
	width: 493px;
	padding: 44px 20px 0 0;
}

/* 3gf_essence.html
------------------------------------ */
#threeGF .mainImage .inner {
	width: 870px;
	background: url(/genomer-pr/products/images/3gf_essence_bg01.jpg) no-repeat center 0;
}
#threeGF .mainImage .inner .left-col {
	float: left;
	width: 163px;
	padding: 144px 0 0 107px;
}
#threeGF .mainImage .inner .right-col {
	float: right;
	width: 540px;
	padding: 44px 20px 0 0;
}

/* contest/index.html
------------------------------------ */
#contestIndex .mainImage .inner {
	text-align: center;
}

/* footer
------------------------------------ */
.footerArea {
	width: 870px;
	margin: 5px auto;
	text-align: right;
}

/* text-align
------------------------------------ */
.txC {
	text-align: center;
}
.txR {
	text-align: right;
}

/* margin
------------------------------------ */
.mb0 {
	margin-bottom: 0;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb40 {
	margin-bottom: 40px;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}
.ml3 {
	margin-left: 3px;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml25 {
	margin-left: 25px;
}
.ml40 {
	margin-left: 40px;
}
.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr25 {
	margin-right: 25px;
}


/* ClearFix
------------------------------------ */
.clearfix:after,
.headerWraper .headerArea:after,
.globalNavi ul:after,
.mainContainer .section02:after,
.mainContainer .section02 .point .point-detail dl:after,
.mainContainer .section02 .products dl:after,
.mainContainer .section03 .imageBox:after,
.mainContainer .section04:after,
.mainContainer .section05:after,
.mainContainer .section05 .right-col .wrapper:after,
.mainContainer .section06:after,
#index .mainImage .inner .right-col ul:after,
.mainContainer .section07 .inner .first:after,
.mainContainer .section07 .inner .first .left-col dl:after,
.mainContainer .section07 .inner .section07Innner:after,
.mainContainer .section07 .inner .second:after,
.mainContainer .section11:after,
.mainContainer .section12 .inner:after,
.mainContainer .section13 .inner:after,
.mainContainer .section14 .inner:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix,
.headerWraper .headerArea,
.globalNavi ul,
.mainContainer .section02,
.mainContainer .section02 .point .point-detail dl,
.mainContainer .section02 .products dl,
.mainContainer .section03 .imageBox,
.mainContainer .section04,
.mainContainer .section05,
.mainContainer .section05 .right-col .wrapper,
.mainContainer .section06,
#index .mainImage .inner .right-col ul,
.mainContainer .section07 .inner .first,
.mainContainer .section07 .inner .first .left-col dl,
.mainContainer .section07 .inner .section07Innner,
.mainContainer .section07 .inner .second,
.mainContainer .section11,
.mainContainer .section12 .inner,
.mainContainer .section13 .inner,
.mainContainer .section14 .inner {
	display:block; /* for safari firefox3 */
	min-height:1%;  /* for IE 7*/
}

* html .clearfix,
* html .headerWraper .headerArea,
* html .globalNavi ul,
* html .mainContainer .section02,
* html .mainContainer .section02 .point .point-detail dl,
* html .mainContainer .section02 .products dl,
* html .mainContainer .section03 .imageBox,
* html .mainContainer .section04,
* html .mainContainer .section05,
* html .mainContainer .section05 .right-col .wrapper,
* html .mainContainer .section06,
* html #index .mainImage .inner .right-col ul,
* html .mainContainer .section07 .inner .first,
* html .mainContainer .section07 .inner .first .left-col dl,
* html .mainContainer .section07 .inner .section07Innner,
* html .mainContainer .section07 .inner .second,
* html .mainContainer .section11,
* html .mainContainer .section12 .inner,
* html .mainContainer .section13 .inner,
* html .mainContainer .section14 .inner {
	display: inline-block; /* for IE6 */
}

/* IE7 hacks */
*:first-child+html .clearfix,
*:first-child+html .headerWraper .headerArea,
*:first-child+html .globalNavi ul,
*:first-child+html .mainContainer .section02,
*:first-child+html .mainContainer .section02 .point .point-detail dl,
*:first-child+html .mainContainer .section02 .products dl,
*:first-child+html .mainContainer .section03 .imageBox,
*:first-child+html .mainContainer .section04,
*:first-child+html .mainContainer .section05,
*:first-child+html .mainContainer .section05 .right-col .wrapper,
*:first-child+html .mainContainer .section06,
*:first-child+html #index .mainImage .inner .right-col ul,
*:first-child+html .mainContainer .section07 .inner .first,
*:first-child+html .mainContainer .section07 .inner .first .left-col dl,
*:first-child+html .mainContainer .section07 .inner .section07Innner,
*:first-child+html .mainContainer .section07 .inner .second,
*:first-child+html .mainContainer .section11,
*:first-child+html .mainContainer .section12 .inner,
*:first-child+html .mainContainer .section13 .inner,
*:first-child+html .mainContainer .section14 .inner {
	display:inline-table;
}/* end hacks */