@charset "UTF-8";

/* h
-----------------------------------------------------------------------------  */	
/* h1 */
h1{
	background-position: 0 -27px;
}
/* .p-list #main h1,
.p-d-home #main h1,
.p-select #main h1,
.p-bind #main h1,
.p-pera #main h1{
	background-position: 0 -27px;
	} */
.p-peramono #main h1{
	background-position: 0 -324px;
	}
.p-oripamph #main h1{
	background-position: 0 -351px;
	}
.p-musenleaf #main h1{
	background-position: 0 -378px;
	}
.p-centerleaf #main h1{
	background-position: 0 -405px;
	}
.p-poster #main h1{
	background-position: 0 -432px;
	}
.p-lhagaki #main h1{
	background-position: 0 -459px;
	}
.p-rhagaki #main h1{
	background-position: 0 -486px;
	}
.p-postcard #main h1{
	background-position: 0 -513px;
	}
.p-stampcard #main h1{
	background-position: 0 -540px;
	}
.p-stampcard2 #main h1{
	background-position: 0 -567px;
	}
.p-membercard #main h1{
	background-position: 0 -594px;
	}
.p-namecard #main h1{
	background-position: 0 -621px;
	}
.p-ladycard #main h1{
	background-position: 0 -648px;
	}
.p-flyer #main h1{
	background-position: 0 -675px;
	}
.p-ondemand_musenleaf #main h1{
	background-position: 0 -1318px;
	}
.p-ondemand_centerleaf #main h1{
	background-position: 0 -1347px;
	}
.p-ondemand_flyer #main h1{
	background-position: 0 -1376px;
	}
.p-envelope #main h1.h2Naga3{
	background-position: 0 -977px;
	}
.p-envelope #main h1.h2Kaku2{
	background-position: 0 -1146px;
	}
.p-offon #main h1{
	background-position: 0 -1544px;
	}
.p-thickness #main h1{
	background-position: 0 -1571px;
	}
.p-eco_leaf #main h1{
	background-position: 0 -1652px;
	}
.p-pocketFile #main h1{
	background-position: 0 -1679px;
	}


/* h2 */
#main h2.h2Order{
	background:url(/img/common/h2_detail.gif) no-repeat 0 0;
	}
#main h2.h2Before{
	background:url(/img/common/h2_detail.gif) no-repeat 0 -24px;
	}
#main h2.h2Select{
	background:url(/img/common/h2_detail.gif) no-repeat 0 -48px;
	}
#main h2.h2Shape{
	background:url(/img/common/h2_detail.gif) no-repeat 0 -120px;
	}
#main h2.h2Bind{
	background:url(/img/common/h2_detail.gif) no-repeat 0 -96px;
	}
#main h2.h2Page{
	background:url(/img/common/h2_detail.gif) no-repeat 0 -144px;
	}
#main h2.h2Pera{
	background:url(/img/common/h2_detail.gif) no-repeat 0 -168px;
	}
#main h2.h2Envelop{
	background:url(/img/common/h2_detail.gif) no-repeat 0 -192px;
	}
#main h2.h2Hagaki{
	background:url(/img/common/h2_detail.gif) no-repeat 0 -264px;
	}
#main h2.h2Card{
	background:url(/img/common/h2_detail.gif) no-repeat 0 -216px;
	}
#main h2.h2Namecard{
	background:url(/img/common/h2_detail.gif) no-repeat 0 -240px;
	}
#main h2.h2Envelope{
	background:url(/img/common/h2_detail.gif) no-repeat 0 -192px;
	}
#main h2.h2Itemlist{
	background:url(/img/common/h2_detail.gif) no-repeat 0 -288px;
	}
#main h2.h2Catalog{
	background:url(/img/common/h2_detail.gif) no-repeat 0 -312px;
	}
#main h2.h2Booklet{
	background:url(/img/common/h2_detail.gif) no-repeat 0 -336px;
	}
#main h2.h2Offset{
	background:url(/img/common/h2_detail.gif) no-repeat 0 -360px;
	}
#main h2.h2Ondemand{
	background:url(/img/common/h2_detail.gif) no-repeat 0 -384px;
	}
/* h3 */
#main h3.h3cond,
#main h3.h3op,
#main h3.h3price,
#main h3.h3price02{
	position: relative;
	text-indent:-5000px;
	width:675px;
	height:27px;
	margin-bottom:0;
	padding-bottom:0;

}
#main h3.h3cond{
	background:url(/img/detail/h3_cond.gif) no-repeat 0 0;
	}
#main h3.h3op{
	background:url(/img/detail/h3_op.gif) no-repeat 0 0;
	}
#main h3.h3price{
	background:url(/img/detail/h3_price.gif) no-repeat 0 0;
	}
#main h3.h3price02{
	background:url(/img/detail/h3_price02.gif) no-repeat 0 0;
	}

#main h3 a{
	background:url(/img/common/arrow_orange.gif) no-repeat 0px 0.15em;
	padding-left:13px;
	}
#main h3.h3cond img,
#main h3.h3op img,
#main h3.h3price img,
#main h3.h3price02 img {
	display: block;
	position: absolute;
	top: 5px;
	right: 0;
	width: 90px;
	height: 16px;
}
/*
#social{
	position: absolute;
	top: 0px;
	right: 110px;	
	}
	*/

	

/* itemSec
-----------------------------------------------------------------------------  */	
.itemSec{
	margin-bottom:20px;
	height:1%;
	}
.itemSec:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.itemSec .leftBox{
	width:215px;
}
.itemSec .rightBox{
	width:445px;
}
.itemSec h4{
	font-weight:bold;
	margin-bottom:5px;
	padding-bottom:3px;
	background:url(/img/common/line_dot_light.gif) repeat-x 0px 100%;
	clear:both;
}
.itemSec .rightBox .more{
	margin-top:10px;
	}
.itemSec .rightBox .more a {
	background: url("/img/icon/list_b.gif") no-repeat 0% 45%;
	padding-left:10px;
	}

.itemSec table td {
	width: 89px;
	text-align: center;
	vertical-align: center;
	}
#p-detail.p-peramono .itemSec table td,
#p-detail.p-flyer .itemSec table td{
	width: 96px;
	}

.itemSec table th {
	text-align: center;
	font-size:77%;
	*font-size:71%;
	padding-bottom: 5px;
	*padding-top: 5px;
	vertical-align: top;
	}

/* detailSec
-----------------------------------------------------------------------------  */	
.detailSec{
	border:3px solid #FED7B4;
	padding:10px 20px 20px 20px !important;
}
#detailPrice .detailSec{
	padding:20px;
}
.detailSec .right{
	margin-top:5px;
}
.detailSec .sheet tr:hover{
	background:#FFFAEE;
	}
	
.detailSec .sheet tbody tr:hover th{
	background:#FFFAEE;
	}


/* table マウスオーバー時反応しないようにする
-----------------------------------------------------------------------------  */
.detailSec .sheet tr.noneSell:hover, .detailSec .sheet tbody tr.noneSell:hover th{
	background:none !important;
	}

.sheet tbody tr.noneSell:hover th.grayCell,.sheet tbody tr.noneSell th.grayCell {
	background: url("/img/common/bg_tbody_th.gif") repeat-x scroll 0 0 #F3F3F3 !important;
}
			

	

.detailSec .sheet th{
	text-align:right;
}
.detailSec .sheet thead th{
	text-align:left;
}
#main .detailSec p{
	margin:10px 0 0 0;
	}

/* orderSelect
-----------------------------------------------------------------------------  */
#main .orderSelect {
	position: relative;
}
#main .orderSelect table{
	width:100%;
	margin-bottom:30px;
}
#main .orderSelect h3{
	text-indent:-5000px;
}
.p-d-home #main .orderSelect .leftSheet h3{
	background: url("/img/order/h3_select_spec.gif") no-repeat 0 0;
}
.p-d-home #main .orderSelect .rightSheet h3{
	background: url("/img/order/h3_select_item.gif") no-repeat 0 0;
}
.p-select #main .orderSelect .leftSheet h3{
	background: url("/img/order/h3_select_page.gif") no-repeat 0 0 !important;
}
.p-select #main .orderSelect .rightSheet h3{
	background: url("/img/order/h3_select_pera.gif") no-repeat 0 0 !important;
}

#main .orderSelect .leftSheet,
#main .orderSelect .rightSheet {
	width:50%;
	border:2px solid #FED7B4;
	padding:20px;
	vertical-align:top;
}
#main .orderSelect .osM {
	padding-bottom:20px;
}

/* table.select
-----------------------------------------------------------------------------  */	
table.select{
	background:#FFF;
	margin:0 auto;
	width:100%;
	}
.select th{
	font-weight:bold;
}
.select th,
.select td{
	padding:10px 0;
	background:url(/img/common/line_dot.gif) repeat-x 0 100%;
	white-space:nowrap;
	vertical-align:middle;
	}
.select input.formfield{
	width:90px;
}
.select input,
.select select{
	margin-left:5px;
}
.select td img{
	margin:0 5px;
}
.select td .blank,
.attention li .blank{
	background:none;
	padding-right:0;
}
.select td .red{
	font-weight:bold;
}

.attention{
	margin-top:20px;
	background:#EEE;
	padding:10px;
	}
.attention h4{
	font-weight:bold;
	}
.attention ul li{
	list-style:disc;
	margin: 0.25em 0 0.25em 1.5em;
	}

/* table.sheet
-----------------------------------------------------------------------------  */	
table.sheet th{
	font-weight:bold;
	}
table.sheet tbody th{
	width:70px;
	}
table.sheet thead th{
	width:auto;
	}
table.sheet thead th.center{
	text-align:center !important;
	}
table.sheet td{
	text-align:right;
	}
.sheet th.color1,
.sheet th.color2,
.sheet th.color3,
.sheet th.color4,
.sheet th.color5,
.sheet th.color6,
.sheet th.color7,
.sheet th.color8{
	line-height:120%
}
.sheet th.color1{
	background:#FFF2E8 url(/img/detail/th_color1.gif) no-repeat 100% 0;
	}
.sheet th.color2{
	background:#FFF2E8 url(/img/detail/th_color2.gif) no-repeat 100% 0;
	}
.sheet th.color3{
	background:#FFF2E8 url(/img/detail/th_color3.gif) no-repeat 100% 0;
	}
.sheet th.color4{
	background:#FFF2E8 url(/img/detail/th_color4.gif) no-repeat 100% 0;
	}
.sheet th.color5{
	background:#FFF2E8 url(/img/detail/th_color5.gif) no-repeat 100% 0;
	}
.sheet th.color6{
	background:#FFF2E8 url(/img/detail/th_color6.gif) no-repeat 100% 0;
	}
.sheet th.color7{
	background:#FFF2E8 url(/img/detail/th_color7.gif) no-repeat 100% 0;
	}
.sheet th.color8{
	background:#FFF2E8 url(/img/detail/th_color8.gif) no-repeat 100% 0;
	}
#p-thickness .sheet th{
	font-size:100%;
	}
#p-thickness .sheet td{
	text-align:left;
	}
/* pager
-----------------------------------------------------------------------------  */	
ol.pager{
	margin:5px 0 0 0;
	}

/* p-itemlist
-----------------------------------------------------------------------------  */	
.p-itemlist .section{
	padding:10px 20px !important;
}
.p-itemlist .section li{
	float:left;
	width:160px;
	}
.p-itemlist .section li a{
	background:url(/img/common/arrow_orange.gif) no-repeat 10px 0.15em;
	padding-left:23px;
	}



/* p-bind
-----------------------------------------------------------------------------  */
.p-itemlist .section .sheet,
.p-list .section .sheet,
.p-bind .section .sheet,
.p-pera .section .sheet{
	margin-bottom:10px;
}
.p-itemlist .section .sheet th,
.p-list .section .sheet th,
.p-bind .section .sheet th,
.p-pera .section .sheet th{
	width:70px;
}
.p-itemlist .section .sheet td,
.p-list .section .sheet td,
.p-bind .section .sheet td,
.p-pera .section .sheet td{
	text-align:left;
	vertical-align:middle;
}
.p-itemlist .section .sheet td img,
.p-list .section .sheet td img,
.p-bind .section .sheet td img,
.p-pera .section .sheet td img{
	margin:0 3px;
	vertical-align:baseline;
}

#guideMenu:after,
.orderSelect:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#guideMenu{
	display: inline-block;
	margin:0 0 20px 0;
	border: double 4px #EEE;
	padding:5px;
	}

/* Hides from IE-mac \*/
* html #guideMenu,
* html .orderSelect {height: 1%;}
#guideMenu,
.orderSelect {display: block;}

#main #guideMenu ul.ondemand {
	width: 640px;
	margin: 4px auto 0;
	padding-top: 5px;
	background: url("/img/common/line_dot_light.gif") repeat-x 100% 0;
}	

#main #guideMenu ul.ondemand li{
	float:left;
	width:200px;
	}
/* End hide from IE-mac */
#main #guideMenu ul.clearfix {
	width: 640px;
	margin: 0 auto;
	padding-top: 0;
	background: none;
}
#main #guideMenu ul.clearfix li,
#main ul#guideMenu li{
	float:left;
	width:160px;
	}
#main #guideMenu li a,
#main ul#guideMenu li a{
	background:url(/img/icon/list_b.gif) no-repeat 10px 50%;
	padding-left:23px;
	}

#p-detailIndex #main h3 {
	margin-bottom: 10px;
}

#p-detailIndex .itemSec {
	margin-bottom: 0;
}
#p-detailIndex .itemSec img {
	margin-bottom: 10px;
}
#p-detailIndex .submit {
	margin: 0 0 30px;
}

/* section
-----------------------------------------------------------------------------  */
.section h4{
	background:url(/img/common/line_dot.gif) repeat-x 0 100%;
	font-weight:bold;
	font-size:108%;
	padding-bottom:3px;
	margin-bottom:10px;
}

/* #p-faq
-----------------------------------------------------------------------------  */	


#p-faq span {
    background: url("/img/info/icon_q.gif") no-repeat scroll 0 0.15em transparent;
    display: block;
    line-height: 160%;
    padding-left: 22px;
}

/* 価格表
-----------------------------------------------------------------------------  */	

.pageCell{
	line-height:120%;
	margin:0; 
	padding:0;
	text-align:center !important;
	}


.pageCell span{
	font-size:12px; 
	font-weight:normal; 
	}
table.sheet thead th.ecoPageCell{
	width: 220px;
	}	
table.sheet thead th.ecoBlankCell{
	width: 220px;
	}	

.coverCell{
	width:50px !important;
	line-height:130%;
	margin:0; 
	padding:0;
	font-size:12px; 
}

.grayCell{
	background:url("/img/common/bg_tbody_th2.gif") repeat-x scroll 0 0 #FAFAFA !important;	
	}
	
.pinkCell{
	background:url("/img/common/bg_tbody_th3.gif") repeat-x scroll 0 0 #FBF0F0 !important;	
}