@charset "Shift_JIS";

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

CSS Document for マサキストア　ロール紙レイアウト*/

#colum2{
	margin:0;
	padding:0;
}

#colum2 #menu{
	float:left;
	width:200px;
	background-color:#CEE2D7;
	padding:15px 5px 30px 5px;
}
#colum2 #main{
	float:right;
	width:630px;
	margin:15px;
}
#colum2 .menuBox{
	margin:0 0 8px 0;
	width:198px;
	background-color: #FFFFFF;
	border: 1px solid #99CC99;	
	

}
#colum2 #menu li{
	padding: 2px;
	margin: 3px 3px;
	list-style:none;
	font-weight:bold;
	color:#000066;
}
#colum2 #menu li a{
	background: url(../../images/common/arow_g.gif) no-repeat 7px 5px;
	margin-left: -1px;
	padding-left: 15px;
	list-style:none;
	font-weight:normal;
}

#btnArea{
	text-align:center;
	margin:0 0 12px 0;

}
#btnArea dl dt{
	display:inline;
}

h2.h2ttl{
	clear: both;
	display: block;
	padding: 8px 6px;
	border: 1px solid #B7DBB7;
	background-image: url(../../images/common/h3_ttl2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	margin-bottom:5px;
	text-align:left;
}
h2.h2ttl span {
	padding-left: 10px;
	border-left: 4px solid #B7DBB7;
	font-size:17px;
	color:#006633;
	font-weight:bold;

}
.navi-key{
	background-color:#B9D1DD;
	padding:4px 0 4px 12px;
}
.navi-key li{
	list-style:none;
	display:inline;
	margin:0 10px 0 0;
}
.navi-key li a{
	margin-left: -1px;
	padding-left: 15px;
	list-style:none;
	background-image: url(../../sharp_register/images/arrow_g.gif);
	background-repeat: no-repeat;
	background-position: 7px 5px;
}
.good-infoArea {
	margin:5px 0 5px 0;
}

.good-infoArea .areaL{
	float:left;
	width:230px;
	margin-bottom:0px;
}
.good-infoArea .areaR{
	float:right;
	width:385px;
}

.good-infoArea .areaR dt{
	margin:0;

}
.good-infoArea .areaR .ttl{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
.good-infoArea .areaR .price{
	font-size:16px;
	font-weight:bold;
	color:#FF0000;
	margin-bottom:10px;
}
.good-infoArea .areaR .color{
	font-size:16px;
	font-weight:bold;
}

.good-infoArea .areaR .cartBtn{
	display: inline;
	margin: 10px 0 0 0;
} 

.good-infoArea .areaR .cartBtn a{
	background-image: url(../../images/common/cart_btn.jpg);
	background-repeat: no-repeat;
	height:64px;
	width:331px;
	display:block;
	text-indent:-999999px;
	background-position:0px 0px;
	margin:10px 0 0 0
	} 

.good-infoArea .areaR .cartBtn a:hover{
	background-position:0 -64px;
} 

.good-infoArea .areaR .iconArea img{
	margin:0px;

}
.good-infoArea .areaL .iconArea img{
	margin:0px 0 0 1px;
}

.good-infoArea .characteristic{
	margin-bottom:10px;
	padding:0 0 0 0;
}

#main #information{
	width:630px;
	text-align:center;
	margin:0 0 15px 0;
}

#main #information .ttl{
	clear: both;
	display: block;
	padding: 8px 6px;
	border: 1px solid #B9D1DD;
	background-image: url(../../images/common/h3_ttl.jpg);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	margin-bottom:5px;
	text-align:left;
}
#main #information .ttl span {
	padding-left: 10px;
	border-left: 4px solid #B9D1DD;
	font-size:17px;
	color:#003366;
	font-weight:bold;
}

#main #information .subttl{
	clear: both;
	display: block;
	padding: 5px 3px;
	background-color:#E7EFEA;
	background-position: 0px 100%;
	margin:5px 0 5px 0;
	text-align:left;
	padding-left: 10px;
	font-size:12px;
	color:#fff;
	font-weight:bold;
}


.optionArea {
	margin:10px 0 0 0;
}

.optionArea  .areaL{
	float:left;
	margin:0 10px 0 10px;
}
.optionArea  .imgPhoto{
	text-align:center;
	padding:5px 0 5px 0;

}
.optionArea .areaR{
	float:right;
	margin:0 10px 0 10px;
}

.optionArea dt{
	margin:0;

}
.optionArea .ttl{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
.optionArea .price{
	font-size:16px;
	font-weight:bold;
	color:#FF0000;
	margin-bottom:10px;
}
.optionArea .color{
	font-size:16px;
	font-weight:bold;
}

.optionArea .txt{
	font-size:12px;
	width:285px;
	margin-top:5px;
}

#rollbox{
	margin:15px 0 15px 0;
	padding:0;

}
#rollbox table{
	width:630px;


}
#rollbox table,th,td{
	border:none;
	text-align:left;
	}
#rollbox th{
	padding:0 0 0 3px;
	border-top:solid 1px #006633;
	border-right:solid 1px #006633;
	border-bottom:solid 1px #006633;
	background-color:#008C46;
	white-space:nowrap;
	}
#rollbox .set{
	color:#FFFFFF;
	padding:5px 0 5px 0;
	text-align:center;
	}
#rollbox td{
	padding:5px;
	border-right:solid 1px #006633;
	border-bottom:solid 1px #006633;
	}
#rollbox .cg{
	background-color:#E7EFEA;
	}
#rollbox .leftcell{
	border-left:solid 1px #006633;
	}
.topcell{
	border-top:solid 1px #006633;
	}
	
#rollboxS{
	margin:5px 0 55px 0;
	padding:0;

}
#rollboxS table{
	width:360px;
}
#rollboxS table,th,td{
	border:none;
	}
#rollboxS th{
	padding:0 0 0 3px;
	border-top:solid 1px #006633;
	border-right:solid 1px #006633;
	border-bottom:solid 1px #006633;
	background-color:#008C46;
	white-space:nowrap;
	color:#fff;
	}
#rollboxS .set{
	color:#FFFFFF;
	padding:5px 0 5px 0;
	text-align:center;
	}
#rollboxS td{
	padding:5px;
	border-right:solid 1px #006633;
	border-bottom:solid 1px #006633;
	}
#rollboxS .cg{
	background-color:#EDF2F5;
	}
#rollboxS .leftcell{
	border-left:solid 1px #006633;
	}
	
	
	
#main .subttl{
	display: block;
	padding: 5px 3px;
	background-image: url(../../images/common/h4_ttl2.jpg);
	background-position: 0px 100%;
	text-align:left;
	padding-left: 10px;
	font-size:12px;
	color:#fff;
	font-weight:bold;
}
#main .subttlbox2{
	padding: 5px 10px 5px 10px;
	border: 2px solid #016734;
	margin:0 0 15px 0;
	background-color: #FFFFCC;
	font-size:15px;
	font-weight:bold;
}
#main .subttlbox3{
	padding: 5px 10px 5px 10px;
	border: 2px solid #016734;
	margin:0 0 15px 0;
	background-color: #FFFFCC;
	font-size:13px;
}
#main .subttlbox{
	padding: 5px 10px 5px 10px;
	border: 1px solid #016734;
	margin:0 0 15px 0;
}
#main .subttlbox li{
	list-style-type:none;
	background: url(../../images/common/arow_g.gif) no-repeat 7px 10px;
	margin-left: -1px;
	padding:5px 0 5px 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#main .subttlbox li .sub{
	list-style-type:none;
	margin-left: -1px;
	padding:5px 0 5px 30px;
}

.subinkBox{
	width:480px;
	background-color:#FFFFCC;
	text-align:center;
	padding:8px;
	margin:5px 0 0 50px;
	font-weight:bold;

}

#rollbox .photo{
	width:40%;
	text-align:center;
}
#rollbox .num{
	width:20%;
	text-align:center;
	background-color:#E7EFEA;
	
}
#rollbox .type{
	width:20%;
	text-align:center;
	background-color:#E7EFEA;
}
#rollbox .price{
	width:20%;
	text-align:center;
	line-height:120%;
	background-color:#E7EFEA;
}

.printer{
	border: 1px solid #016734;
	margin:0 0 15px 0;
	width:100%;

}
.printer .graph{
	background-color:#E7EFEA;
	padding:5px;
	width:30%;
	text-align:center;
}
.printer .num{
	padding:5px;
	border-left:solid 1px #006633;
	width:70%;
	font-weight:bold;
	padding-left:12px;
}
#rollbox .width15{
	width:15%;
}
#rollbox .width40{
	width:40%;
}