@charset "utf-8";
/* CSS Document */

/*---------------------------------------ページ基本定義*/
/*---------------------------------------フォント・テキスト定義*/
/*---------------------------------------基本レイアウト*/
/*---------------------------------------ヘッダ詳細*/
/*---------------------------------------グローバルナビゲーション*/
/*---------------------------------------ローカルナビゲーション*/
/*---------------------------------------contents詳細*/
/*---------------------------------------汎用ボックス*/
/*---------------------------------------段組み*/
/*---------------------------------------「ページトップへ」*/




/*---------------------------------------ページ基本定義*/

/*-------------------------CSS Reset*/
*{
	margin:0;
	padding:0;
	}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
	}
/*-------------------------hack for IE 7 */
*+html{
	background-color:#ffffff;/*-----------IE7 zoom機能対策*/
	}

body{
	background-color:#ffbf4f;
	color:#333333;
	font-size:83%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	_text-align:center;
	}
ul{
	list-style-type:none;
	}
img{
	border:none;
	}
hr{
	display:none;
	}



/*---------------------------------------フォント・テキスト定義*/
.reg{
	font-size:100%;/*body 83% of 100%*/
	line-height:1.6em;
	}
.sml{
	font-size:83%;/*body 83% of 80%*/
	line-height:1.4em;
	}
.lrg{
	font-size:110%;/*body 83% of 120%*/
	line-height:1.4em;
	}
/*-----------------------ボールド*/
strong{
	font-weight:bold;
	font-style:normal;
	}
/*-----------------------下線*/
.uLine{
	text-decoration:underline;
	}
/*-----------------------約物「・」などを等幅で表示する*/
.mono{
	font-family:monospace;
	}


/*-----------------------基本リンクスタイル*/
a{
	}
a:link,
a:visited{
	color:#219b1a;
	text-decoration:underline;
	}
a:hover{
	color:#219b1a;
	text-decoration:none;
	}

/*-----------------------真ん中寄せ、右寄せ*/
.alCenter{
	text-align:center;
	}
.alRight{
	text-align:right;
	}

/*---------------------------------------基本レイアウト*/
html{
	background-color:#ffbf4f;
}

#skipMenu{
	position:absolute;
	visibility:hidden;
	}

div#wrapper{
	width:978px;
	margin:0 auto;
	_text-align:left;
	padding-top:15px;
}

div#contents{
	width:978px;
	background:url(https://media.spike-chunsoft.co.jp/pages/zorozoro/common/img/contents_bg.gif) top left repeat-y;
}

/*header*/
div#header{
	width:978px;
	height:142px;
	background:url(https://media.spike-chunsoft.co.jp/pages/zorozoro/common/img/header_bg.gif) top left no-repeat;
}
div#header div#logo{
	padding:9px 0 0 16px;
}
div#header div#gNavi{
	padding:6px 18px 0 22px;
}
div#header div#gNavi ul li{
	float:left;
}

/*subNavi*/
div#subNavi{
	width:929px;
	padding:0 26px 12px 23px;
	background:url(https://media.spike-chunsoft.co.jp/pages/zorozoro/common/img/contents_bg.gif) top left repeat-y;
}
div#subNavi ul li{
	float:left;
}
div#subNavi ul li#subNavi_01{
	width:302px;
	padding-right:12px;
}
div#subNavi ul li#subNavi_02{
	width:302px;
	padding-right:11px;
}
div#subNavi ul li#subNavi_03{
	width:302px;
}

div#subNavi ul li.subNavi01_soon{
	margin-top:-4px;
	position:relative;
}

/*addNavi*/
div#addNavi{
	width:924px;
	padding:0 28px 13px 26px;
	background:url(https://media.spike-chunsoft.co.jp/pages/zorozoro/common/img/contents_bg.gif) top left repeat-y;
}
div#addNavi div#banner{
	width:814px;
	/*width:701px;*/
	/*padding-right:113px;*/
	float:left;
}
div#addNavi div#toMobile_qr{
	float:right;
	width:110px;
}
div#addNavi div#banner ul li{
	margin-right:7px;
	float:left;
}
div#addNavi div#banner ul li#banner_04{
	margin-top:1px;
}

div#footer{
	width:978px;
	height:83px;
	background:url(https://media.spike-chunsoft.co.jp/pages/zorozoro/common/img/footer_bg.gif) top left no-repeat;
	padding:0 23px 0 30px;
	margin-bottom:15px;
}
div#footer div#copyright{
	float:left;
	padding:20px 407px 0 0;
}
div#footer div#logo_chunsoft{
	float:left;
	padding:10px 14px 0 0;
}
div#footer div#logo_ds{
	float:left;
	padding:21px 0 0 0;
}

/*for IE6 float*/
div#header div#gNavi ul li,
div#subNavi ul li,
div#addNavi ul li{
	line-height:0;
	vertical-align:bottom;
}
/*---------------------------------------汎用ボックス*/
.mgrow5px{
	margin:5px 0;
	}
.mgrow10px{
	margin:10px 0;
	}
.mgrow15px{
	margin:15px 0;
	}
.mgrow20px{
	margin:20px 0;
	}

.mgtop5px{
	margin-top:5px;
	}
.mgtop10px{
	margin-top:10px;
	}
.mgtop15px{
	margin-top:15px;
	}
.mgtop20px{
	margin-top:20px;
	}
.mgtop25px{
	margin-top:25px;
	}
.mgtop30px{
	margin-top:30px;
	}

/*チュンソフト*/
.doga{
	width:400px;
	height:202px;

}

.mgbtm5px{
	margin-bottom:5px;
	}
.mgbtm10px{
	margin-bottom:10px;
	}
.mgbtm15px{
	margin-bottom:15px;
	}
.mgbtm20px{
	margin-bottom:20px;
	}
.mgbtm25px{
	margin-bottom:25px;
	}
.mgbtm30px{
	margin-bottom:30px;
	}

/*左インデント付きボックス*/
.ind1em{
	padding-left:1em;
	}
.ind2em{
	padding-left:2em;
	}

/*段落*/
p.lead{
	margin:0 0 2em 0;
	font-weight:bold;
	}

/*----------------------------------------段組み*/
.flWrap{
	display:inline-block;/*----------------IE7 clearfix*/
	}

/*-------------------------2段組*/
.l2Col,
.r2Col{
	float:left;
	}
/*-------------------------3段組*/
.l3Col,
.c3Col,
.r3Col{
	float:left;
	}



/*clear*/
.clear{
	clear:both;
	}

/*clearfix start*/
.clearfix:after,
.flWrap:after{
	content:".";
	height:0;
	font-size:0;
	clear:both;
	display:block;
	visibility:hidden;
}
/*clearfix end*/


/*------------------------------------------iepngfix*/
* html .png{
	behavior: expression(IEPNGFIX.fix(this));
}
/*チュンソフト*/
div#doga{
	width:400px;
	height:202px;
padding:0 23px 0 30px;
	margin-bottom:15px;
}#story #wrapper #contents #product_main #product_main_inner .centeryo p {
	text-align: center;
}