@charset "shift_jis";


/* ------------------------------------------------------
　商品紹介 レイアウト 
------------------------------------------------------ */
/* 商品ボックス
--------------------------------*/
#Container #Conts .ProductBox {
	padding: 0 30px 0 10px;
	border-top: #EEE solid 1px;
}
.ProductBox .ProductImg {
	float:left;
	width: 500px;
}
.ProductBox .ProductTxt {
	float:right;
	width: 370px;
	padding: 30px 0 0 0;
}
.ProductTxt .textBox {
	margin: 20px 15px 10px 0;
	font-size: 14px;
	line-height: 1.6em;
	color: #000;
}
.ProductTxt .more {
	text-align: right;
	h eight: 14px;
	display: block;
	padding-right: 14px;
	background: url(../images/square.gif) no-repeat right center;
	line-height: 1em;
	margin-bottom: 20px
}
.ProductTxt .more a {
	text-decoration: none;
	color: #e60020;
}
.ProductTxt .more a:hover {
	text-decoration: underline;
}



/* 共通パーツ
--------------------------------*/
#product #mainImg {
	margin: 0 0 0 0;
	padding: 0;
}

#product #ProdctConts {
	margin: 0 145px 0 145px;
	width: 750px;
}
#product #ProdctConts h1 {
	text-align: center;
	margin: 10px 0 30px;
}
#product #ProdctConts h2 {
	font-size: 23px;
	text-align: center;
	height: 25px;
	line-height: 1.2em;
	color: #000;
	text-justify: inter-ideograph;
}
#product #ProdctConts .txtBox {
	font-size: 14px;
	line-height: 2.0em;
	color: #333;
	padding: 40px 0;
}

#product #ProdctConts dl {
	width: 750px;
	margin-bottom: 60px;
}
#product #ProdctConts dt {
	clear: left;
	float: left;
	width: 80px;
	height: 40px;
	text-indent: -9999px;
}
#product #ProdctConts dt#p1 {
	background: url(../images/product/point1.gif) no-repeat;
}
#product #ProdctConts dt#p2 {
	background: url(../images/product/point2.gif) no-repeat;
}
#product #ProdctConts dt#p3 {
	background: url(../images/product/point3.gif) no-repeat;
}
#product #ProdctConts dd{
	height: 40px;
	width: 670px;
	padding-left: 10px;
	font-size: 24px;
	color: #000000;
	line-height: 40px;
	margin-left: 80px;
	margin-bottom: 15px;
	background: url(../images/product/point_obi.gif) no-repeat;
}

/* 展開例 */
#product #tenkaiConts {
	background: url(../images/back_gray.gif);
	padding-bottom: 1px;
}
#product #tenkaiConts h2 {
	padding: 50px 0 30px 0;
	text-align: center;
	font-size: 35px;
	color: #000;
}
#product #tenkaiConts .exNote {
	text-align: center;
	margin-bottom: 15px;
}
#product #tenkaiConts #exArea {
	margin: 0 0 60px 60px;
	color: #000;
}
#exArea .bigger-link {
	margin-left: -10px;
}
#exArea .exBox {
	float: left; 
	width: 288px;
	margin-left: 19px;
	margin-bottom: 19px;
	background-color: #FFF;
	cursor: pointer;
}
#exArea .exBox .exImg {
	margin: 4px;
	border: 1px solid #DDD;
	text-align: center;
}
#exArea .exBox .exImg img {
	margin: 4px auto;
}
#exArea .exBox h3 {
	font-size: 16px;
	margin: 5px 0 10px 10px;
}
#exArea .exTxt{
	font-size: 14px;
	h eight: 100px;
	line-height: 1.4em;
	margin: 0 10px 8px 10px;
}
#exArea .showlink{
	height: 5px;
	text-indent: -9999px;
}

#exArea .bl-hover { /* ブロックのロールオーバー背景色 */
	background: #fff;
}
#exArea .bl-hover a { /* ブロックのロールオーバーリンク色 */
	color: #ff9900;
}

/* スタンド付きはがき
--------------------------------
.stand .exImg01 {
	margin: 10px;
	background: url(../images/standpostcard/siro_off.jpg) no-repeat top center;
}
.stand .bl-hover .exImg01 {
	margin: 10px;
	background: url(../images/standpostcard/siro_on.jpg) no-repeat top center;
}

.stand .exImg02 {
	margin: 10px;
	background: url(../images/standpostcard/panorama_off.jpg) no-repeat top center;
}
.stand .bl-hover .exImg02 {
	margin: 10px;
	background: url(../images/standpostcard/panorama_on.jpg) no-repeat top center;
}

.stand .exImg03 {
	margin: 10px;
	background: url(../images/standpostcard/etegami_off.jpg) no-repeat top center;
}
.stand .bl-hover .exImg03 {
	margin: 10px;
	background: url(../images/standpostcard/etegami_on.jpg) no-repeat top center;
}

.stand .exImg04 {
	margin: 10px;
	background: url(../images/standpostcard/enikki_off.jpg) no-repeat top center;
}
.stand .bl-hover .exImg04 {
	margin: 10px;
	background: url(../images/standpostcard/enikki_on.jpg) no-repeat top center;
}

.stand .exImg05 {
	margin: 10px;
	background: url(../images/standpostcard/kokuban_off.jpg) no-repea top centert;
}
.stand .bl-hover .exImg05 {
	margin: 10px;
	background: url(../images/standpostcard/kokuban_on.jpg) no-repeat top center;
}

.stand .exImg06 {
	margin: 10px;
	background: url(../images/standpostcard/calendar_off.jpg) no-repeat top center;
}
.stand .bl-hover .exImg06 {
	margin: 10px;
	background: url(../images/standpostcard/calendar_on.jpg) no-repeat top center;
}

.stand .exImg07 {
	margin: 10px;
	background: url(../images/standpostcard/genkou_off.jpg) no-repeat top center;
}
.stand .bl-hover .exImg07 {
	margin: 10px;
	background: url(../images/standpostcard/genkou_on.jpg) no-repeat top center;
}
*/

/* ペアコースター
--------------------------------
.pair .exImg01 {
	margin: 10px;
	background: url(../images/paircoaster/gara_off.jpg) no-repeat top center;
}
.pair .bl-hover .exImg01 {
	margin: 10px;
	background: url(../images/paircoaster/gara_on.jpg) no-repeat top center;
}

.pair .exImg02 {
	margin: 10px;
	background: url(../images/paircoaster/sushi_off.jpg) no-repeat top center;
}
.pair .bl-hover .exImg02 {
	margin: 10px;
	background: url(../images/paircoaster/sushi_on.jpg) no-repeat top center;
}

.pair .exImg03 {
	margin: 10px;
	background: url(../images/paircoaster/mother_off.jpg) no-repeat top center;
}
.pair .bl-hover .exImg03 {
	margin: 10px;
	background: url(../images/paircoaster/mother_on.jpg) no-repeat top center;
}
*/

/* 形のバリエーション */
#product #variation {
	background: url(../images/back_gray.gif);
	margin: 30px 0 0;
	padding-bottom: 1px;
	text-align: center;
}
#product #variation h2 {
	padding: 50px 0 50px 0;
	text-align: center;
	font-size: 35px;
	color: #000;
}
#product #variation .variationTxt {
	text-align: center;
	padding: 30px 0 50px;
}

/* アートパズル
--------------------------------*/



#product #artpuzzlePoint {
	padding: 0 0 30px 55px;
}
#product #artpuzzlePoint li {
	float: left; 
	width: 280px;
	margin-left: 23px;
	margin-bottom: 23px;
}
#product #artpuzzlePoint img {
	border: 1px solid #DDD;
}
#product #artpuzzlePoint p.point {
	width: 80px;
	height: 40px;
	margin: 5px 0;
	text-indent: -9999px;
}
#product #artpuzzlePoint p#p1 {
	background: url(../images/product/point1.gif) no-repeat;
}
#product #artpuzzlePoint p#p2 {
	background: url(../images/product/point2.gif) no-repeat;
}
#product #artpuzzlePoint p#p3 {
	background: url(../images/product/point3.gif) no-repeat;
}