@charset "UTF-8";

@import url("/css/common.css");

/*-------------------- gmenuArea --------------------*/
	
#gmenuArea #productInfo img{
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}

/*-------------------- メインタイトルエリア start --------------------*/
	
#mainTitle {
	width:926px;
	margin:0 auto;
	border:1px solid #dbdbdb;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-top:20px;
	margin-bottom:15px;
	padding:14px 16px;
	}
	
#mainTitle #breadcrumbs-list {
	font-size:91.7%;
	line-height:1.1em;
	margin-bottom:22px;
	}
	
#mainTitle #breadcrumbs-list a:link {
	color:#003399;
	text-decoration:none;
	}
	
#mainTitle #breadcrumbs-list a:visited {
	color:#003399;
	text-decoration:none;
	}
	
#mainTitle #breadcrumbs-list a:hover {
	color:#003399;
	text-decoration:underline;
	}
	
#mainTitle .category {
	font-size:250%;
	font-weight:bold;
	color:#000;
	line-height:1.1em;
	}
	
#mainTitle .categoryName {
	font-size:133%;
	font-weight:normal;
	color:#000;
	margin-left:10px;
	}
	
#mainTitle .categoryName img {
	margin-left:18px;
	vertical-align:text-bottom;
	margin-bottom:-5px;
	}
	
#mainTitle .bigCategoryName {
	font-size:200%;
	font-weight:normal;
	line-height:1.2e;
	color:#000;
	margin-left:10px;
	}

/*-------------------- メインタイトルエリア end --------------------*/

/*-------------------- 表示指定 --------------------*/

#wrapper-inner {
	width:960px;
	margin:0 auto;
	padding:0;
	}
	
#wrapper-inner #leftArea {
	width:570px;
	margin:0;
	padding:0;
	float:left;
	}
	
#wrapper-inner #rightArea {
	width:345px;
	margin:0;
	padding:0;
	float:right;
	}

#content-inner {
	width:570px;
	margin:0;
	padding:0;
	}
	
#wrapper-inner #leftArea a:link { color: #003399; text-decoration: none; }
#wrapper-inner #leftArea a:visited { color: #003399; text-decoration: none; }
#wrapper-inner #leftArea a:hover { color: #00974a; text-decoration:underline;}

/*-------------------- texture Original --------------------*/

#main-content p{
padding:5px 0;
font-size:12px;
}

#main-content table .btn-back{
text-align:right;
}

#color-entry td{
padding:0 0 5px 0;
}

#color-list{
width:564px;
vertical-align:top;
border-collapse:collapse;
}

#color-list td{
padding:0;
}

#color-list #color-type{
width:563px;
text-align:left;
background:#EEF5FF;
border-collapse:collapse;

vertical-align:top;
}

#color-type td{
font-size:14px;
font-weight:bold;
width:100%;
text-align:left;
background:#EEF5FF;
border-collapse:collapse;
padding:5px;
}



#color-image-group{

border-collapse:collapse;
width:auto;
padding:0;

text-align:left;
}

#color-image-group table{
border-collapse:collapse;
text-align:left;
vertical-align:top;
margin-left:3px;
}

#color-image-group table td{
font-size:10px;
padding:3px 0 0 0;
vertical-align:top;
}


#caution{
padding:0 10px;
list-style:none;
}

#caution li{
font-size:11px;
color:#cc0000;
padding:2px 0;
line-height: 1.4em;
}

.icon-list li{
display:block;
float:left;
padding-bottom:4px;
white-space:nowrap;
}

.icon-list-area1{
width:341px;
border:2px solid #ccc;
padding:0;
margin:0 0 10px 0;
}


.icon-list-area2{
width:341px;
border:2px solid #ccc;
padding:0;
}

.icon-list-area2 li{
padding:5px;
white-space:nowrap;
}

.icon-list-area1 p,.icon-list-area2 p{
clear:left;
padding:15px;
line-height:1.3em;
}

#icon1{
background:url(../icon/ic_1.gif) left center no-repeat;
padding:10px 10px 10px 28px;
}

#icon2{
background:url(../icon/ic_2.gif) left center no-repeat;
padding:10px 10px 10px 28px;
}

#icon3{
background:url(../icon/ic_3.gif) left center no-repeat;
padding:10px 10px 10px 28px;
}

#icon4{
background:url(../icon/ic_4.gif) left center no-repeat;
padding:10px 10px 10px 28px;
}

#icon5{
background:url(../icon/ic_b.gif) left center no-repeat;
padding:10px 10px 10px 28px;
}

#icon6{
background:url(../icon/ic_s.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon7{
background:url(../icon/ic_9.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon8{
background:url(../icon/ic_5.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon9{
background:url(../icon/ic_7.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon10{
background:url(../icon/ic_t.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon11{
background:url(../icon/ic_c.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon12{
background:url(../icon/ic_6.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon13{
background:url(../icon/ic_d.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon14{
background:url(../icon/ic_f.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon15{
background:url(../icon/ic_e.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon16{
background:url(../icon/ic_n.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon17{
background:url(../icon/ic_h.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon18{
background:url(../icon/ic_i.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon19{
background:url(../icon/ic_q.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon20{
background:url(../icon/ic_a.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon21{
background:url(../icon/ic_l.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon22{
background:url(../icon/ic_j.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon23{
background:url(../icon/ic_m.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon24{
background:url(../icon/ic_k.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon25{
background:url(../icon/ic_w.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon26{
background:url(../icon/ic_v.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon27{
background:url(../icon/ic_u.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon28{
background:url(../icon/ic_mediumsecret.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon29{
background:url(../icon/ic_mirrorlace.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#icon30{
background:url(../icon/ic_z.gif) left center no-repeat;
padding:10px 20px 10px 28px;
}

#shading{
padding-top:10px;
margin:0;
}

#shading li{
display:block;
float:left;
font-size:14px;
margin:0;
}

#about-shading{
clear:left;
font-size:10px;
line-height:1.6em;
padding-bottom:10px;
margin:0;
list-style:none;
}


#shading-list1{
background:url(../icon/aicon_sya_1.gif) left center no-repeat;
padding:5px 30px 5px 15px;
}

#shading-list2{
background:url(../icon/aicon_sya_2.gif) left center no-repeat;
padding:5px 30px 5px 15px;
}

#shading-list3{
background:url(../icon/aicon_sya_3.gif) left center no-repeat;
padding:5px 30px 5px 15px;
}

#uvCut{
padding-top:10px;
margin:0;
}

#uvCut li{
display:block;
float:left;
font-size:12px;
margin:0;
}

#about-uvCut{
clear:left;
font-size:10px;
line-height:1.6em;
padding-bottom:10px;
margin:0;
list-style:none;
}


#uv-a{
background:url(../icon/ic_UVA.gif) left center no-repeat;
padding:5px 30px 5px 40px;
}

#uv-b{
background:url(../icon/ic_UVB.gif) left center no-repeat;
padding:5px 30px 5px 40px;
}

#uv-c{
background:url(../icon/ic_UVC.gif) left center no-repeat;
padding:5px 30px 5px 40px;
}

#uv-d{
background:url(../icon/ic_UVD.gif) left center no-repeat;
padding:5px 30px 5px 40px;
}

/* ---------- お目当てが見つかったらリスト start ---------- */	
	
.foundList {
	margin-top:10px;
	margin-bottom:20px;
	width:252px;
	float:right;
	}

.foundList #menuTitle {
	width:252px;
	padding:0;
	margin:0;
	}

.foundList #foundMenu {
	width:243px;
	border:#dbdbdb 1px solid;
	list-style:none;
	padding:8px 0 2px 7px;
	margin:0;
	}

.foundList #foundMenu li {
	width:211px;
	background:#FFF url(../../category/images/foundPoint.gif) 1px 3px no-repeat;
	vertical-align:middle;
	padding:4px 7px 3px 19px;
	font-weight:bold;
	margin-bottom:5px;
	line-height:1.1em;
	}

.foundList #foundMenu a:link {
	color:#003399;
	text-decoration:none;
	}

.foundList #foundMenu a:visited {
	color:#003399;
	text-decoration:none;
	}

.foundList #foundMenu a:hover {
	color:#05a6dd;
	text-decoration:underline;
	}
	
/* ---------- お目当てが見つかったらリスト end ---------- */