@charset "utf-8";


/*
===== CONTENTS ===========================================

	1: reset 
	2: body and base setting
	3: link setting

==========================================================
*/


/*
===== 1: reset =================================
*/

h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,form{
	margin:0px;
	padding:0px;
}

/*
===== 2: body and base setting ===========================
*/


body {
	text-align:center;/* box centering */
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	margin: 0px;
	padding: 0px;
	background:#fff;
	color:#000;
	font-size: 12px;
	
}

* html body{
	font-size: 75%;
}

*+html body{
	font-size: 75%;	
}

h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	line-height: 1.5em;/* base line height */
	text-align: left;
	display: block;
}

h1, h2, h3, h4, h5, h6{
	font-size: 100%;
}

table {
	margin : 0px;
	padding: 0px;
	empty-cells: show;
	font-size: 12px;
}

table th{
	text-align: left;
}

img{
	border:none;
	vertical-align:top;
}

ul,ol{
	list-style:none;
}

input,textarea,select{
	color:#444;
	font-family:sans-serif;
}


/*
===== 3: link setting ===========================
*/
a:link,
a:visited{
	color: #232323;
}

a:hover,
a:active{
	color: #ff6600;
}

/*
===== 4: layout ==========================================
*/

div#container{
	
}



div#footer{
	width: 100%;
	background: #069a4b url(../../img/cmn/cmn_footer_bg.gif) repeat-x left top;
	text-align: center;
}

div#footer div.footerBox{
	margin: 0px auto;
	width: 960px;
}

div#footer div.footerBox p.copyright{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 50px 0px;
	text-align: center;
	color: #fff;
}

div#footer div.footerIn{
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
	width: 960px;	
}

div#footer div.footerIn div.aboutBox,
div#footer div.footerIn div.shoppingBox,
div#footer div.footerIn div.accountBox,
div#footer div.footerIn div.serviceBox{
	margin: 0px 25px 0px 0px;
	width: 213px;
	float: left;
}

div#footer div.footerIn ul li{
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 10px;
	background: url(../../img/cmn/arrow_footerlink.gif) no-repeat 0px 5px;
}

div#footer  div.footerIn p.title{
	margin: 0px 0px 10px 0px;
}

div#footer div.logoBox{
	margin: 0px auto;
	width: 960px;
}

div#footer div.logoBox ul li{
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 20px 0px;
	float: left;
}

div#footer_salemode{
	width: 100%;
	background: #069a4b url(../../img/cmn/cmn_footer_salemode_bg.gif) repeat-x left top;
	text-align: center;
}

div#footer_salemode div.footerBox{
	margin: 0px auto;
	width: 960px;
}

div#footer_salemode div.footerBox p.copyright{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 50px 0px;
	text-align: center;
	color: #fff;
}

div#footer_salemode div.footerIn{
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
	width: 960px;	
}

div#footer_salemode div.footerIn div.aboutBox,
div#footer_salemode div.footerIn div.shoppingBox,
div#footer_salemode div.footerIn div.accountBox,
div#footer_salemode div.footerIn div.serviceBox{
	margin: 0px 25px 0px 0px;
	width: 213px;
	float: left;
}

div#footer_salemode div.footerIn ul li{
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 10px;
	background: url(../../img/cmn/arrow_footerlink.gif) no-repeat 0px 5px;
}

div#footer_salemode  div.footerIn p.title{
	margin: 0px 0px 10px 0px;
}

div#footer_salemode div.logoBox{
	margin: 0px auto;
	width: 960px;
}

div#footer_salemode div.logoBox ul li{
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 20px 0px;
	float: left;
}











.section{
	
}

.boxL{
	float: left;
	display: inline;
}

.boxR{
	float: right;
	display: inline;
}

.imgL{
	margin-right: 10px;
	float: left;
}

.imgR{
	margin-left: 10px;
	float: right;
}


/*
===== 00: CLEARFIX ==========================================
*/
.section:after
{ content: url(../img/pixel.gif); display: block; clear: both; height: 0; }

.section
{ display: inline-block; }

.section
{ display: block; }

/* MacIE \*//*/
.section
{ overflow: hidden; }
/* */
