@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2010-7-24
 * Editor:    contents
 * Modified:  2011-03-07 by:contents tokunaga
 *
 * ***********************************************************
 */


/* font-size===========================================

10px -> 83.4%
11px -> 91.7%
12px -> 100%
13px -> 108.4%
14px -> 116.7%
15px -> 125%
16px -> 133.4%
17px -> 141.7%
18px -> 150%
19px -> 158.4%
20px -> 166.7%
21px -> 175%
22px -> 183.4%
23px -> 191.7%
24px -> 200%
25px -> 208.4%
26px -> 217% 

===================================================== */

/* □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

  商品一覧　メイクアイテム　makeitem.css

□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ */


.main{
	width:850px;
}

.main h2#contactTitle{
	width:800px;
	margin:30px auto 12px auto;
	position:relative;
	left:-3px;
}


/* ///////////////////////////////////////////////////////////////////
	タイトルコピー
/////////////////////////////////////////////////////////////////// */

#titleBox .maikeitemCopy01{
	position:absolute;
	top:155px;
	left:58px;
	width:410px;
}

/* ///////////////////////////////////////////////////////////////////
	Lab説明
/////////////////////////////////////////////////////////////////// */

#labEx{
	width:660px;
	margin:0px auto 20px auto;
	border:#CCCCCC 1px solid;
	background:url(../item/makeitem/img/lab_logo.gif) no-repeat 20px 14px;
	padding:20px 20px 10px 170px;
	min-height:60px;
	height:auto !important;
	height:60px;
}

/* ///////////////////////////////////////////////////////////////////
	ページナビ
/////////////////////////////////////////////////////////////////// */

#subNavi01{
	width:856px;
	margin:0px 0px 0px -6px;
	border:0px solid #000000;
}

#subNavi01 li{
	float:left;
	padding-left:6px;
}

/* ///////////////////////////////////////////////////////////////////
	メインフレーム
/////////////////////////////////////////////////////////////////// */

.mainFrame{
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	width:820px;
	padding:33px 14px 20px 14px;
	position:relative;
}

#makeBrush{
	background:url(../item/makeitem/img/brush/line01.jpg) no-repeat top center;
}

#makeBox{
	background:url(../item/makeitem/img/makebox/line01.jpg) no-repeat top center;
}

#nylonBag{
	background:url(../item/makeitem/img/nylonbag/line01.jpg) no-repeat top center;
}

#brushCase{
	background:url(../item/makeitem/img/brushcase/line01.jpg) no-repeat top center;
}

#smallItem{
	background:url(../item/makeitem/img/small/line01.jpg) no-repeat top center;
}

/* ///////////////////////////////////////////////////////////////////
	block01
/////////////////////////////////////////////////////////////////// */

#makeBox .block01{
	border:1px solid #EDDE1B;
	padding:10px 10px 10px 10px;
	width:780px;
	margin:0px auto 10px auto;
}

#makeBrush .block01{
	border:1px solid #FFDFDF;
	padding:10px 10px 10px 10px;
	width:780px;
	margin:0px auto 10px auto;
}

#bag .block01{
	border:1px solid #BEF5DF;
	padding:10px 10px 10px 10px;
	width:780px;
	margin:0px auto 10px auto;
}

/* ///////////////////////////////////////////////////////////////////
	見出し
/////////////////////////////////////////////////////////////////// */

.mainFrame h2{
	padding:0px 0px 25px 0px;
}

#makeBrush #titleBg{
	position:absolute;
	top:8px;
	right:20px;
}

#makeBox #titleBg{
	position:absolute;
	top:15px;
	right:10px;
}

#nylonBag #titleBg{
	position:absolute;
	top:8px;
	right:10px;
}

#brushCase #titleBg{
	position:absolute;
	top:15px;
	right:15px;
}

#small #titleBg{
	position:absolute;
	top:8px;
	right:10px;
}

.mainFrame h3{
	padding:15px 10px 15px 10px;
	width:760px;
	margin:0px auto 10px auto;
	font-size:133.4%;
}

#makeBrush h3{
	background:#FFDFDF url(../item/makeitem/img/brush/sub_title_bg01.jpg) no-repeat bottom center;
}

#makeBox h3{
	background:#FEF194 url(../item/makeitem/img/makebox/sub_title_bg01.jpg) no-repeat bottom center;
}

#nylonBag h3{
	background:#BEF5DF url(../item/makeitem/img/nylonbag/sub_title_bg01.jpg) no-repeat bottom center;
}

#brushCase h3{
	background:#BEF5DF url(../item/makeitem/img/brushcase/sub_title_bg01.jpg) no-repeat bottom center;
}


#smallItem h3{
	background:#C4ECFF url(../item/makeitem/img/small/sub_title_bg01.jpg) no-repeat bottom center;
}


/* ///////////////////////////////////////////////////////////////////
	リード文
/////////////////////////////////////////////////////////////////// */

.readText01{
	padding:0px 10px 15px 10px;
}

.readText02{
	width:766px;
	margin:0 auto;
	padding:0px 5px 10px 5px;
}

.textBox02{
	margin:20px 0px 10px 0px;
}

	.textBox02 .readText02{
		width:580px;
		float:left;
	}
	
	.textBox02 .btn01{
		width:180px;
		float:right;
	}

.clickLink01{
	width:770px;
	margin:0 auto;
	text-align:right;
	padding:0px 0px 8px 0px;
}

/* ///////////////////////////////////////////////////////////////////
	ページナビ
/////////////////////////////////////////////////////////////////// */

#pageNavi{
	background:#F5F4EB;
	width:750px;
	padding:15px 25px 10px 25px;
	margin:0px auto 22px auto;
}

	#pageNavi li{
		padding:0px 0px 2px 0px;
		width:187px;
		float:left;
	}
	
	#small #pageNavi li{
		width:250px;
	}
	
	#brushCase #pageNavi li{
		width:250px;
	}
	
		#makeBrush #pageNavi li a{
			background:url(../item/makeitem/img/brush/arrow01.gif) no-repeat 0px 3px;
			padding:0px 0px 0px 16px;
		}
		
		#makeBox #pageNavi li a{
			background:url(../item/makeitem/img/makebox/arrow01.gif) no-repeat 0px 3px;
			padding:0px 0px 0px 16px;
		}
		
		#nylonBag #pageNavi li a{
			background:url(../item/makeitem/img/nylonbag/arrow01.gif) no-repeat 0px 3px;
			padding:0px 0px 0px 16px;
		}
		
		#brushCase #pageNavi li a{
			background:url(../item/makeitem/img/brushcase/arrow01.gif) no-repeat 0px 3px;
			padding:0px 0px 0px 16px;
		}
		
		#small #pageNavi li a{
			background:url(../item/makeitem/img/small/arrow01.gif) no-repeat 0px 3px;
			padding:0px 0px 0px 16px;
		}

/* ///////////////////////////////////////////////////////////////////
	商品写真
/////////////////////////////////////////////////////////////////// */

.photoLink01{
	width:766px;
	background:#EEEEEE;
	padding:12px 2px 12px 12px;
	margin:0px auto 10px auto;
}

	.photoLink01 li{
		padding:0px 10px 5px 0px;
		text-align:center;
		width:120px;
		float:left;
		font-size:116.7%;
	}
	
		.photoLink01 li img{
			padding-bottom:3px;
		}

.photoLink01 .ireImage01{
	width:130px;
	float:left;
	text-align:center;
}

.photoLink01 .ireText01{
	width:600px;
	float:right;
	border:1px solid #cccccc;
	background:#ffffff;
	padding:10px 10px 10px 10px;
	margin-right:10px;
}

	.photoLink01 .ireText01 .textBox01{
		width:200px;
		float:left;
	}


/* ///////////////////////////////////////////////////////////////////
	商品詳細
/////////////////////////////////////////////////////////////////// */

.pp_inline .photo01{
	display:block;
	padding:0px 0px 10px 0px;
	border:0px solid #000000;
}

.pp_inline h4{
	font-size:116.7%;
	padding:10px 20px 10px 5px;
}

	.pp_inline h4 .price01{
		color:#CC0000;
		padding:0px 0px 0px 30px;
	}

.pp_inline p{
	padding:10px 15px 10px 5px;
}

.pp_inline table{
	border-collapse:collapse;
	width:500px;
}

	.pp_inline table th{
		border:1px solid #cccccc;
		padding:8px 8px 8px 8px;
		background:#eeeeee;
		width:100px;
	}
	
	.pp_inline table td{
		border:1px solid #cccccc;
		padding:8px 8px 8px 8px;
		width:150px;
	}
	

	.pp_inline table td.cell05{
		width:100px;
	}
	
.pp_inline table.tbl01{
	width:480px;
}

.pp_inline table.tbl01 caption{
	text-align:left;
}
	.pp_inline table.tbl01 td{
		width:100px;
	}
	.pp_inline table.tbl01 .cell03{
		width:70px;
		text-align:center;
	}
	
	.pp_inline table.tbl01 .cell04{
		width:135px;
		text-align:center;
	}

/* ///////////////////////////////////////////////////////////////////
	商品詳細：表
/////////////////////////////////////////////////////////////////// */

.tbl02{
	border-collapse:collapse;
	width:780px;
	margin:0px auto 10px auto;
}

	.tbl02 th{
		background:#eeeeee;
		padding:10px 10px 10px 10px;
		text-align:left;
		border:1px solid #cccccc;
		width:80px;
		font-weight:normal;
	}
	
	.tbl02 td{
		border:1px solid #cccccc;
		padding:10px 10px 10px 10px;
	}

.pdfBtn01{
	text-align:center;
	margin:10px 0px 20px 0px;
}


/* ///////////////////////////////////////////////////////////////////
	LEDbox
/////////////////////////////////////////////////////////////////// */

#ledBlock01{
	margin:20px 0px 0px 0px;
}

	#ledBlock01 .textBox{
		width:520px;
		float:left;
	}
		
		#ledBlock01 .textBox .chach01{
			color:#F49900;
			font-size: 125%;
			font-weight: bold;
			margin:0px 3px 10px 3px;
		}
		
		#ledBlock01 .textBox .text01{
			margin:0px 3px 20px 3px;
		}
		
		#ledBlock01 .textBox h4{
			background:#FFFBDB;
			padding:10px 10px 10px 10px;
			margin:0px 0px 12px 0px;
			border-top:1px solid #F5B303;
			border-bottom:1px solid #F5B303;
			color:#F39900;
			font-size: 125%;
		}
		
		#ledBlock01 .textBox dl{
			margin:0px 0px 20px 0px;
		}
		
			#ledBlock01 .textBox dl dt{
				padding:0px 3px 0px 20px;
				background:url(../item/makeitem/img/makebox/icon01.png) no-repeat 8px 5px;
				font-weight: bold;
				margin:12px 0px 0px 0px;
			}
			
			#ledBlock01 .textBox dl dd{
				padding:0px 3px 10px 20px;
				border-bottom:1px dotted #CCCCCC;
			}
		
		#ledBlock01 .textBox .tbl02{
			width:100%;
		}
	
	#ledBlock01 .imageBox01{
		width:243px;
		float:right;
	}
	
		#ledBlock01 .imageBox01 .image01{
			margin:0px 0px 15px 0px;
		}
		
		#ledBlock01 .imageBox01 .image02 li{
			float:left;
			margin:0px 3px 4px 0px;
		}
		
			#ledBlock01 .imageBox01 .image02 li.right01{
				margin:0px 0px 4px 0px;
			}
	
	#ledBlock01 .clickLink01{
		width:auto;
		text-align:right;
		margin:5px 0px 0px 0px;
	}
	
	#ledBlock01 .btn01{
		text-align:center;
		margin:10px 0px 0px 0px;
	}