@charset "utf-8";

/*******************************************************************************
[1] 共通設定
********************************************************************************/
body{
	margin-top:8px;
	margin-left:12px;
	background-color:#ffffff;
	text-align:left;
}

.txtcenter{
	text-align:center;
}
.mt12{
	margin-top:12px;
}
/*******************************************************************************
[2] レイアウト
********************************************************************************/
.colorlist{
	margin-left:auto;
	margin-right:auto;
	width:547px;
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
	font-size:0.75em;
	line-height:1.5;
}
.colorlist img{
	border:none;
}
.colorlist p{
	margin:0px;
	padding:0px;
}
.colorlist h1{
	margin-top:7px;
	margin-bottom:10px;
}
.colorlist h2{
	margin-bottom:16px;
	padding:2px 4px 2px 6px;
	clear:left;
	font-size:1.15em;
	background-color:#e2e7e9;
}
.colorlist .colortype p{
	margin-bottom:4px;
	margin-left:6px;
	width:535px;
}
.colorlist .colortype img{
	margin-right:10px;
	float:left;
	vertical-align:middle;
}
.colorlist .colorboxall{
	margin-bottom:10px;
	margin-left:6px;
	width:541px;
}
.colorlist .colorbox{
	margin-right:5px;
	width:130px;
	text-align:center;
	float:left;
}
.colorlist .colorbox img{
	margin-bottom:4px;
}
.colorlist .colorbox p{
	line-height:1.3;
}
.colorlist .cokodawari{
	margin-bottom:10px;
	margin-left:6px;
	width:535px;
}
.colorlist .cokodawari h3{
	margin:0px;
	padding-bottom:4px;
	border-bottom:1px dotted #808080;
}
.colorlist .cokodawari h4{
	margin:0px;
	margin-top:4px;
	padding-left:20px;
	padding-bottom:4px;
	font-size:1.15em;
	font-weight:bold;
	background:url("../images/color/icon.gif") no-repeat left 1px;
}
.colorlist .cokodawari h4 img{
	margin-right:4px;
	vertical-align:middle;
}
.colorlist .cokodawari p{
	margin-bottom:2px;
}
.colorlist .cokodawari .fstyle1{
	color:#a64e4e;
	font-weight:bold;
}
.colorlist .cokodawari .cotext{
	padding-left:20px;
	background:url("../images/color/icon2.gif") no-repeat left top;
}
.colorlist .colornotice{
	margin-bottom:14px;
	text-align:right;
}
.colorlist .colornotice p{
	padding:2px 4px 2px 4px;
	display:inline;
	color:#666666;
	background-color:#fafad2;
}
.colorlist .close, .colorinfo .close{
	text-align:center;
	clear:left;
}
.colorlist .close{
	margin-bottom:8px;
	padding-bottom:14px;
	border-bottom:1px solid #c17266;
}
.colorlist .colorboxall:after, .colorlist .colortype:after{
	content:url("../css/blank.gif");
	display:block;
	height:0;
	clear:both;
}

/* 詳細 モダン ---------------*/
.colorinfo{
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	width:360px;
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
	font-size:0.75em;
	line-height:1.4;
}
.colorinfo p{
	margin:0px;
}
.colorinfo .cinfonotice{
	margin-bottom:2px;
	text-align:right;
}
.colorinfo .cinfonotice2{
	margin-top:6px;
	margin-bottom:6px;
	font-size:0.8em;
	padding:1px 0px 1px 0px;
	background-color:#fafad2;
	text-align:center;
}
.colorinfo3{
	width:480px!important;
}
/* oak_g ---------------*/
/*--------------------------------------------------------------------*/
#comcolor{
	width:547px;
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
	font-size:0.75em;
	line-height:1.5;
}
#comcolor h2{
	margin-top:4px;
	margin-bottom:12px;
}
#comcolor .colorinfo{
	margin-bottom:24px;
}
#comcolor .colorinfo h3{
	margin-bottom:8px;
	padding-left:6px;
	font-size:1.25em;
	color:#505050;
	background-color:#cccccc;
}
#comcolor .colorinfo ul{
	margin-left:18px;
	list-style-type: square;
}
#comcolor .colorinfo li{
	margin-bottom:2px;
}
#comcolor .colorinfo .notice{
	margin-bottom:6px;
	color:#ff0000;
}
/* pureoak urbanbrown */
.colorinfo2{
	margin-bottom:24px;
}
.colorinfo2 .strong1{
	font-weight:bold;
	color:#017246;
}
.colorinfo2 .threebox{
	width:547px;
}
.colorinfo2 .threebox .leftbox{
	margin-right:8px;
	width:177px;
	float:left;
}
.colorinfo2 .threebox .rightbox{
	width:177px;
	float:left;
}
.colorinfo2 .purebox{
	margin-bottom:24px;
	padding:20px 8px 4px 11px;
	clear:both;
	background:#f1e7ce url("../images/color/image/natural_bg.gif") no-repeat left top;
}
.colorinfo2 .purebox h4{
	margin-bottom:4px;
	font-size:1.2em;
	color:#166043;
}
.urbanbox{
	margin-top:12px;
	padding:6px 8px 6px 11px;
	height:78px;
	background-color:#c3ada2;
}

#comcolor .close{
	clear:both;
	text-align:center;
}

/* COM（新規ウィンドウで開く） */
#cominfo{
	margin-top:6px;
	margin-bottom:12px;
	width:570px;
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
	font-size:0.75em;
	line-height:1.5;
}
.aboutcom{
	margin-bottom:18px;
}
.aboutcom h2{
	margin-right:6px;
	float:left;
}
.aboutcom h3{
	margin-bottom:2px;
	font-size:1.15em;
}
.comnotice{
	margin-bottom:18px;
	padding:6px 12px 6px 12px;
	border:1px solid #a0a0a0;
	clear:both;
	color:#555555;
}
.comnotice h3{
	font-size:1.1em;
}
.comnotice ul{
	margin-left:18px;
}
#cominfo .close{
	clear:both;
	text-align:center;
}