@charset "Shift_JIS";
/* CSS Document */

/* ===== float ===== */
div#paperitem .fl{
	float:left;
}
div#paperitem .fr{
	float:right;
}
div#paperitem .clearFix{
	zoom:1;
	_height:1%;
}
div#paperitem .clearFix:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
/* ===== 共通 ===== */
div#contentsArea{
	width:100%;
	margin:0 auto 2em;
}
div#root{
	width:950px;
	margin:0 auto;	
}
div#paperitem{
	width:950px;
	margin:10px auto 3em;
	color:#333;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
}
div#paperitem img{
	vertical-align: bottom;
}
div#paperitem a:hover img.opa80{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
div#paperitem .unit,
div#paperitem .bgp{
	color:#fd134f;
	font-weight:bold;
	line-height:2em;
}

/******* main ************/
div#paperitem #main{
	width:950px;
	margin-bottom:30px;
}
div#paperitem #main .navi{
	width:932px;
	height:314px;
	padding-left:18px;
	background:url(../img/navi_back.jpg) no-repeat;	
}
div#paperitem #main .navi .navi_eco{
	width:453px;
	height:287px;
	position:relative;
	float:left;
	margin-right:2px;
}
div#paperitem #main .navi .navi_eco .unit{
	position:absolute;
	left:109px;
	top:230px;
	width:140px;
	font-size:22px;	
}
div#paperitem #main .navi .navi_eco .unit span{
	font-size:32px !important;	
}
div#paperitem #main .navi .navi_double{
	width:453px;
	height:287px;
	float:left;
}
div#paperitem .btn_table{
	width:750px;
	margin:0 auto;
	padding-bottom:40px;	
}
/********* wrapp *******/
div#paperitem .wrapp .point{
	width:890px;
	padding:20px 29px 70px;
}
div#paperitem .wrapp .point ul{
	margin:30px 0 10px 0;	
}
div#paperitem .wrapp .point ul li{
	width:364px;
	padding-left:66px;
	position:relative;
}
div#paperitem .wrapp .point ul li .img2{
	position:absolute;
	width:364px;
	left:0px;
	top:140px;
}
div#paperitem .wrapp .point ul li p{
	margin-bottom:10px;	
}
div#paperitem .wrapp .point .point3{
	width:890px;
	position:relative;
	clear:both;
}
div#paperitem .wrapp .point .point3 .unit{
	width:300px;
	position:absolute;
	left:590px;
	top:33px;
	font-size:26px;
}
div#paperitem .wrapp .point .point3 .unit span{
	font-size:53px !important;
}
div#paperitem .wrapp .pro_navi{
	width:890px;
	padding:0 29px 30px;
}
div#paperitem .wrapp .pro_navi li{
	float:left;
}
div#paperitem .wrapp .pro{
	width:890px;
	padding:30px 29px 29px;
}
div#paperitem .wrapp .pro h4{
	margin-bottom:10px;	
}
div#paperitem .wrapp .pro .txtbox{
	width:430px;
}
div#paperitem .wrapp .pro .txtbox .clearFix{
	width:430px;
	margin-top:25px;
}
div#paperitem .wrapp .pro .probox{
	clear:both;	
}
div#paperitem .wrapp .pro .probox li{
	padding-top:20px;	
	float:left;
}
div#paperitem .wrapp .pro .probox .mr20{
	margin-right:20px;	
}
div#paperitem .wrapp .pro .probox .pricebox{
	clear:both;
	width:890px;
	margin-top:20px;
}
div#paperitem .wrapp .pro .probox .pricebox p{
	float:left;
}
div#paperitem .wrapp .pro .probox .pricebox .bgp{
	font-size:20px;
}
div#paperitem .wrapp .pro .probox .pricebox .bgp .price{
	font-size:53px !important;
}
div#paperitem .wrapp .pro .probox .pricebox .bgp .unit{
	font-size:35px;
}
div#paperitem .wrapp .pro .probox .pricebox .bgp .f17{
	font-size:17px !important;	
}
div#paperitem .wrapp .pro .probox .pricebox .bgp .f13{
	font-size:13px !important;	
}
div#paperitem .wrapp .pro .probox .pricebox .buy{
	display:inline-block;
	line-height:53px;
	margin-left:10px;
}

/******* eco ************/
div#paperitem #eco{
	width:950px;
	margin-bottom:50px;	
}
div#paperitem #eco .wrapp{
	width:948px;
	border-left:solid 1px #c6d1e4;
	border-right:solid 1px #c6d1e4;
	border-bottom:solid 1px #c6d1e4;
	background:url(../img/eco_back.gif) repeat;
}
div#paperitem #eco .wrapp .point ul li.fl{
	background:url(../img/eco_point_1.gif) no-repeat;
}
div#paperitem #eco .wrapp .point ul li.fr{
	background:url(../img/eco_point_2.gif) no-repeat;
}
div#paperitem #eco #photo{
	width:430px;
	background:#c0cadd;
}
div#paperitem #eco #photo p{
	margin:5px;	
}
div#paperitem #eco .wrapp .bline{
	border-bottom:solid 1px #afc3e0;	
}

/******* doub ************/
div#paperitem #doub{
	width:950px;
	margin-bottom:50px;	
}
div#paperitem #doub .wrapp{
	width:948px;
	border-left:solid 1px #c7b4a7;
	border-right:solid 1px #c7b4a7;
	border-bottom:solid 1px #c7b4a7;
	background:url(../img/doub_back.gif) repeat;
}
div#paperitem #doub .wrapp .point ul li.fl{
	background:url(../img/doub_point_1.gif) no-repeat;
}
div#paperitem #doub .wrapp .point ul li.fr{
	background:url(../img/doub_point_2.gif) no-repeat;
}
div#paperitem #doub .wrapp .bline{
	border-bottom:solid 1px #c7b4a7;	
}

/******* banner ********/
div#paperitem #banner{
	width:948px;
	background:#f7f6f2;
	border:1px solid #dddddd;
}
div#paperitem #banner h2{
	width:890px;
	margin:29px 29px 16px;	
}
div#paperitem #banner p{
	width:800px;
	margin:0 74px 25px;
}

/* ------------------------gallery --------------------------*/
#wrap{
	width:430px;
	height:336px;
}
div#paperitem #eco #wrap{
	background:#c0cadd;
}
div#paperitem #doub #wrap{
	background:#dcd1cb;
}
#wrap .photogallery{
	width:425px;
	margin:5px 0 5px 5px;
	position:relative;
}
#wrap ul.photoBox{
	width:420px;
	height:251px;
}
#wrap ul.photoBox li{
	width:420px;
	position:absolute;
	top:0;
	left:0;
}
#wrap ul.thumbBox{
	width:425px;
	margin-top:5px;
}
#wrap ul.thumbBox li{
	margin-right:5px;
	float:left;
}
#wrap ul.thumbBox li.first{
	padding-top:0;
}

/* ------------------------pagetop,footer------------------------ */
#ftc{
	width:100% !important;
	position:relative;
}
#page_top{
	display:none;
}
#footerArea a{
	text-decoration:underline;
}
#footerArea a:hover{
	text-decoration:none;
}