@charset "utf-8";

/* --------------------------------------------------
 Net Print Service INDEX
-------------------------------------------------- */

div#columnWrap {	/* from pack/styles/layout.css */
margin:15px 0 30px;		/* 2012-1120*/
padding-bottom:22px;
border-bottom:2px solid #c7c7c7;
padding-top:0;
}

#pageContents {	/* from pack/styles/layout.css */
float: right;
width: 732px;/* 720px */
}

#ftr {margin-top:20px;}


/* mainVisual
-------------------------------------------------- */
div#mainVisual:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#mainVisual {display:inline-block;}
/* Hides from IE-mac \*/
* html div#mainVisual {height:1%;}
div#mainVisual div#infoBlock dl {display:block;}
/* End hide from IE-mac */

div#mainVisual {padding-top:15px;}

/* impressed */
/*div#mainVisual div#impressed {
float:right;
width:732px;
margin-left:19px;
}*/

/* indexTopBnr */
/*div#mainVisual div.indexTopBnr {
float:left;
width:209px;
}
div#mainVisual div.indexTopBnr h3 { margin-bottom:9px;}*/

div.indexTopBnr {margin-bottom:12px;}		/* 2012-1120*/
div.indexTopBnr h3 { margin-bottom:9px;}	/* 2012-1120*/





/* 4 Column
-------------------------------------------------- */
div#npIndexCol4 {
	margin-top:12px;		/* 2012-1120*/
	padding:0 12px 10px;
	width:708px;
	border-top:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
	padding-top:1px;
	background-attachment: scroll;
	background-color: #fff;
	background-repeat: repeat-y;
	background-position: left top;
}

div#npIndexCol4 div.floatLeft {
width:161px;
margin-right:21px;
}

div#npIndexCol4 div.productsThumbImg {margin-top:9px;}


/* 4 Column C
-------------------------------------------------- */
div.npIndexCol4C {
margin-top:12px;
padding:0 12px 10px;
width:708px;
border-top:1px solid #d6d6d6;
border-bottom:1px solid #d6d6d6;
padding-top:1px;
background:#fff url(/netprint/pack/images/index/col4_bg01.gif) repeat-y scroll left top;
}

div.npIndexCol4C div.floatLeft {
width:161px;
margin-right:21px;
}

div.npIndexCol4C div.productsThumbImg {margin-top:9px;}

/* 4 Column B
-------------------------------------------------- */
div.npIndexCol4B {
	width:960px;
	padding-top:1px;
	background-color: #fff;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 9px;
	margin-left: 0;
	padding-bottom: 0;
}

div.npIndexCol4B div.floatLeft {
	width:231px;
	margin-right:12px;
	margin-bottom:7px;
}

div.npIndexCol4B div.productsThumbImg {margin-top:5px;}

.col4BborderTOP {
background:url(/netprint/common/images/line_dot_width732.gif) no-repeat scroll 0 0;
width:732px;
height:2px;
margin-bottom:-5px;
_margin-top:-2px;
_margin-bottom:-11px;
}


/* npIndexInfo
-------------------------------------------------- */
div#npIndexInfo {
	margin-top:0px;
}

div#npIndexInfo div#infoBlock  {
	line-height: 1.2;
	overflow-y: scroll;
	margin-top:0px;
	_padding-top:12px;
	height:72px;
	_height:65px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 11px;
	background-color: #fafafa;
	width: 705px;
}

div#npIndexInfo div#infoBlock dl:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#npIndexInfo div#infoBlock dl {display:inline-block;}
/* Hides from IE-mac \*/
* html div#npIndexInfo div#infoBlock dl {height:1%;}
div#npIndexInfo div#infoBlock dl {display:block;}
/* End hide from IE-mac */

div#npIndexInfo div#infoBlock dl{ margin-top:8px;}
div#npIndexInfo div#infoBlock dl dt  {
	float: left;
	width:100px;
}

div#npIndexInfo div#infoBlock dl dd  {
	float: left;
	width:580px;
}
/* 
div#npIndexInfo div#infoBlock dl dd a {
padding-left:8px;
color:#2b99c7;
background:#fff url(/netprint/common/images/arrow01.gif) no-repeat;
background-position:0 4px;
*/


div#npIndexInfo div#infoBlock dl dd a:hover {text-decoration:underline;}



/* npIndexKimochi
-------------------------------------------------- */
div#npIndexKimochi {margin-top:24px;}

div#npIndexKimochi div#npIndexKimochiInner:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#npIndexKimochi div#npIndexKimochiInner {display:inline-block;}
/* Hides from IE-mac \*/
* html div#npIndexKimochi div#npIndexKimochiInner {height:1%;}
div#npIndexKimochi div#npIndexKimochiInner {display:block;}
/* End hide from IE-mac */


div#npIndexKimochi div#npIndexKimochiInner {
margin-top:12px;
padding:10px 10px;
border:1px solid #d6d6d6;
}

div#npIndexKimochi div#npIndexKimochiInner div.floatLeft {
float:left;
width:173px;
margin-right:6px;
}

div#npIndexKimochi div#npIndexKimochiInner div.floatLeft a:hover img {
border:1px solid #6ec5e9;
}



/* npIndexColumn
-------------------------------------------------- */
div#npIndexColumn {margin-top:24px;}

div#npIndexColumn div#npIndexColumnInner:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#npIndexColumn div#npIndexColumnInner {display:inline-block;}
/* Hides from IE-mac \*/
* html div#npIndexColumn div#npIndexColumnInner {height:1%;}
div#npIndexColumn div#npIndexColumnInner {display:block;}
/* End hide from IE-mac */


div#npIndexColumn div#npIndexColumnInner {
margin-top:12px;
padding:10px 10px 7px;
border:1px solid #d6d6d6;
}

div#npIndexColumn div#npIndexColumnInner div.floatLeft {
float:left;
width:173px;
margin-right:6px;
}

div#npIndexColumn div#npIndexColumnInner div.floatLeft a:hover img {
border:1px solid #6ec5e9;
}


div#npIndexColumn div#npIndexColumnInner div.floatLeft a span {
display:block;
background:#fff url(/netprint/common/images/arrow02.gif) no-repeat;
background-position:0 3px ;
margin-top:7px;
padding-left:17px;
color:#2b99c7;

}

div#npIndexColumn div#npIndexColumnInner div.floatLeft a:link,
div#npIndexColumn div#npIndexColumnInner div.floatLeft a:visited,
div#npIndexColumn div#npIndexColumnInner div.floatLeft a:hover,
div#npIndexColumn div#npIndexColumnInner div.floatLeft a:active
 {color:#2b99c7;}



/* 3 Column
-------------------------------------------------- */
div.npIndexCol3 {
margin:13px 0 8px;
width:732px;
background: url(/netprint/pack/images/index/col3_bg01.gif) repeat-y scroll left top;
padding-bottom:10px;
}

div.npIndexCol3 div.floatLeft {
width:224px;
padding:0 6px;
overflow:hidden;
}

div.npIndexCol3 div.floatLeft h3 {
margin-top:5px;
}

div.npIndexCol3 div.floatLeft dl:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.npIndexCol3 div.floatLeft dl {display:inline-block;}
/* Hides from IE-mac \*/
* html div.npIndexCol3 div.floatLeft dl {height:1%;}
div.npIndexCol3 div.floatLeft dl {display:block;}
/* End hide from IE-mac */
div.npIndexCol3 div.floatLeft dl {
margin:11px 0 4px;
}

div.npIndexCol3 div.floatLeft dl dt {
float:left;
width:136px;
}

div.npIndexCol3 div.floatLeft dl dd {
float:right;
width:86px;
margin-right:2px;
text-align:right;
}

div.npIndexCol3 div.floatLeft dl dd p {
margin-bottom:8px;
}

.col3borderTOP {
background:url(/netprint/common/images/line_dot_width732.gif) no-repeat scroll 0 0;
width:732px;
height:2px;
margin-bottom:-5px;
_margin-top:-2px;
_margin-bottom:-11px;
}



/* npIndexCol3-2
-------------------------------------------------- */
div.npIndexCol3-2 {
width:484px;
float:left;
margin-right:12px;
background: url(/netprint/pack/images/index/col3_bg01.gif) repeat-y scroll left 12px;
}

div.npIndexCol3-2 h2 {
border-bottom:13px solid #fff;
}

div.npIndexCol3-2 div.npIndexCol3 {
margin-top:0;
background-image:none;
width:484px;
}


/* npIndexCol3-1
-------------------------------------------------- */
div.npIndexCol3-1 {
width:236px;
float:right;
margin-right:0;
background-image:none;
}

div.npIndexCol3-1 h2 {
border-bottom:13px solid #fff;
}

div.npIndexCol3-1 div.npIndexCol3 {
margin-top:0;
background-image:none;
width:224px;
}


/* npIndexCol2A  delivery / payment / payment_exsample
-------------------------------------------------- */
div.npIndexCol2A {
/*border-top:3px solid #777;*/
padding-top:16px;
}

div.npIndexCol2A div.delivery{
float:left;
width:350px;
}

div.npIndexCol2A div.payment{
float:right;
width:350px;
}



div.deliAndPayIcnBG01 {
background: url(/netprint/pack/images/index/delivery_payment_icn_bg.gif) no-repeat scroll left bottom;
/*min-height: 125px;
height: auto !important;
height: 125px;*/
}

div.deliAndPayIcnBG01 .floatLeft,
div.deliAndPayIcnBG01 .floatRight {
width:165px;
}

div.deliAndPayIcnInner {
padding:8px;
width:149px;
}

div.deliAndPayIcnBG02 {
background: url(/netprint/pack/images/index/delivery_payment_icn_bg2.gif) no-repeat scroll left bottom;
padding-bottom:8px;
}
div.deliAndPayIcnBG02 div.deliAndPayIcnInner {
padding:8px;
width:334px;
}

/*div.payment_exsample p span {
background:#f3f3f3 url(/netprint/common/images/bg_dot01.gif) repeat scroll left top ;
border-bottom:1px solid #ddd;
}*/
/* 20150320
-------------------------------------------------- */
#pageContents960 {	/* from pack/styles/layout.css */
	float: right;
	width: 960px;/* 960px */
}
.navi_center {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.mainvisual_out {
	-webkit-background-size:cover;
	background-size:cover;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.mainvisual_in {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 294px;
	position: relative;
}
.mainvisual_txt {
	position: absolute;
	left: 36px;
	top: 107px;
}
#npIndexInfo {
	position: relative;
	width: 960px;
}
.order_btn {
	position: absolute;
	right: 0px;
	bottom: 0px;
}