@charset "UTF-8";

/*/////////////////////////////////////////////////////////////////////

	base css

----------------------------------------------------------------

	- common
	- base layout
	- header
	- main
	- footer

/////////////////////////////////////////////////////////////////////*/

/*--------------------------------------------------------------
	common
--------------------------------------------------------------*/
body { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",  Meiryo, sans-serif; font-size: 13px; color: #232323; line-height: 1.4; text-align: center; margin:0; }
a { outline: none; text-decoration: none; color: #663300; font-weight: normal; }
a:hover { text-decoration: underline; }
a:hover img { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; transition: 0.1s ease-out; }

.taL { text-align: left; }
.taR { text-align: right; }
.taC { text-align: center; }

.fL { float: left; }
.fR { float: right; }
.cB { clear: both; }

/* clearfix
--------------------------------------------------------------*/
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { display: inline-block; }
.clearfix { display: block; }

/*--------------------------------------------------------------
	base layout
--------------------------------------------------------------*/
#wrapper { width: 960px; margin: 0 auto; text-align: left; }
#header { padding: 0 10px; }
#footer { padding: 15px 10px 70px 10px; border-top: 1px solid #ccc; }

/*--------------------------------------------------------------
	header
--------------------------------------------------------------*/
#header #logo { margin: 20px 0 35px 0; float: left; }
#header #tel {
	padding-left: 15px;
	float: right;
	border-left: 1px solid #ccc;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}
#header #navShopping { margin: 52px 0 0 15px; float: right; }
#header #navShopping ul li { padding-left: 15px; background: url(../img/common/icn_arrow.gif) no-repeat left center; }
#header #btnShopping { margin: 50px 0 0 0; float: right; }
#header #navGlobal { margin-bottom: 20px; clear: left }
#header #navGlobal ul li { width: 235px; float: left; text-align: center; }

/*--------------------------------------------------------------
	main
--------------------------------------------------------------*/
#main { padding: 0 10px; }
.non-home #main { border-top: 1px solid #ccc; }

/* pankuzu
--------------------------------------------------------------*/
#main #pankuzu { margin-bottom: 20px; padding: 10px 0 0 15px; }
#main #pankuzu ul li { float: left; font-size: 11px; color: #707070; }
#main #pankuzu ul li a { padding-right: 1.6em; margin-right: 0.8em; background: url(../img/common/icn_pankuzu.gif) no-repeat right center; }

/* page title
--------------------------------------------------------------*/
#main #ttlPage { margin-bottom: 40px; text-align: center; }
#main #ttlPage h1 { height: 57px; background: url(../img/common/bg_ttl_page.gif) no-repeat center top; }
#main #ttlPage h1 img { padding-top: 15px; }
#main #ttlPage .lead { padding-top: 30px; color: #663300; }

/* page navigation
--------------------------------------------------------------*/
#main #navPage { margin-bottom: 60px; height: 20px; }
#main #navPage ul { text-align: center; position: relative; }
#main #navPage ul li { line-height: 18px; }
#main #navPage ul li a { padding: 0 0.5em; display: block; border: 1px solid #663300; }
#main #navPage ul li.prev { position: absolute; left: 40px; }
.ie6 #main #navPage ul li.prev { position: relative; float: left; }
#main #navPage ul li.next { position: absolute; right: 40px; }
.ie6 #main #navPage ul li.next { position: relative; float: right; }
#main #navPage ul li.backList { display: inline-table; }
.ie6 #main #navPage ul li.backList,
.ie7 #main #navPage ul li.backList { width: 150px; }
#main #navPage ul li.prev a { padding-left: 1.5em; background: url(../img/common/icn_prev.gif) no-repeat left center; }
#main #navPage ul li.next a { padding-right: 1.5em; background: url(../img/common/icn_next.gif) no-repeat right center; }

/* pagetop
--------------------------------------------------------------*/
#main .pagetop { margin-bottom: 20px; font-size: 12px; text-align: right; }
#main .pagetop a { padding-left: 15px; background: url(../img/common/icn_arrow_t.gif) no-repeat left center; }

/* contents section (for other page)
--------------------------------------------------------------*/
#main .secContents { padding-bottom: 40px; }

/*--------------------------------------------------------------
	footer
--------------------------------------------------------------*/
#footer nav ul li { margin-right: 1.5em; float: left; font-size: 12px; }
#footer nav ul li a { color: #232323; }
#footer #copyright { float: right; font-size: 12px; }