@charset "UTF-8";

/* ===========================================================
==============================================================
	Bace Tag set
==============================================================	
=========================================================== */

body {
	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	line-height: 1;
	background-color: #F0F0F0;
	color: #666;
}

a { font-style: inherit; font-weight: inherit; color: #666; }
a:link,
a:visited {	text-decoration: none; color: #666; }
a:hover { text-decoration: none; color: #666; }

img { vertical-align: bottom; }

sup, sub { font-size: 0.78em; line-height: 100%; font-style: inherit; font-weight: inherit; }
sup { vertical-align: text-top; }
sub { vertical-align: baseline; }

small { font-size: 0.78em; }

.red { color: #C00; }
.white { color: #FFF; }

.pngfix {}

.blank {}
.blank_simple {}
.blank_pdf {}
.blank_word {}

.blank img,
.blank_simple img,
.blankPdf img{ vertical-align: baseline; }

/* ===========================================================
	clear-box set	
=========================================================== */

.common-width-box {
	width: 950px;
	display: block; zoom: 100%;
	margin: 0px auto; padding: 0px; clear: both;
}

.common-width-box:after { display: block; clear: both; content: " "; }

.full-width-box {
	width: 100%;
	display: block; zoom: 100%;
	margin: 0px auto; padding: 0px; clear: both;
}

.full-width-box:after { display: block; clear: both; content: " "; }

/* ===========================================================
	wrap set	
=========================================================== */
#wrap {
	width: 900px;
	display: block; zoom: 100%;
	margin: 0px auto; padding: 0px; clear: both;
	background-color: #FFF;
}

#wrap { display: block; clear: both; content: " "; }

/* ===========================================================
	header set	
=========================================================== */
#header {
	border-top: solid 28px #808001;
	
}
#header {
	width: 840px;
	display: block; zoom: 100%;
	margin: 0px auto; padding: 20px 0 15px 0; clear: both;
}

#header:after { display: block; clear: both; content: " "; }

#header.onlineshop-header {
	border-bottom: solid 1px #ddd;
	padding: 20px 0 0px 0;
}
#header img { vertical-align: bottom; }

/* -----------------------------------------------------------
	headlogo set	
----------------------------------------------------------- */

#headlogo { display: block; float: left; padding: 0 0 40px 0; }
#mainlogo { display: block; margin: 0 0 20px 0; }
#mainlogo .titlelogo-onlineshop { margin: 0 0 0 30px; }
#descriptionlogo { display: block; }
#mailmagazine { display: block; float: right; }

#global-menu {
	height: 32px;
	width: 100%;
	clear: both;
	background-repeat: repeat-x;
	background-position: 0px top;
}
#global-menu ul { height: 35px; border-left: solid 1px #D9D9D9; float: left; }
#global-menu ul li {
	border-right: solid 1px #D9D9D9;
	display: block;
	height: 35px;
	float: left;
}
#global-menu ul li a {
	display: block;
	height: 35px;
}
#global-menu ul li a:hover,
#global-menu ul li a.current-link {
	background-color: #F0F0F0;
}

#menu-facebook { display: block; float: right; height: 32px; }
#menu-facebook a { display: block; height: 22px; padding: 5px; }


#onlineshop-function {
	display: block; float: right; text-align: right; width: 260px;
	font-size: 1.1em;
	line-height: 1.2;
}

#onlineshop-function-top { display: block; margin: 0 0 5px 0; }
#onlineshop-function-shoptop { display: block; margin: 0 0 5px 0; }
#onlineshop-function-fb { display: block; margin: 0 0 25px 0; }
#onlineshop-function-top a,
#onlineshop-function-shoptop a,
#onlineshop-function-fb a {
	background-image: url(../img/onlineshop/arrow.png);
	background-repeat: no-repeat;
	padding: 0 0 0 7px;
	display: inline-block;
	background-position: left 0.25em;
}

#onlineshop-function-guide {
	display: block;
	margin: 0 0 5px 0;
}
#onlineshop-function-guide li {
	display: inline-block;
	margin: 0 0 0 10px;
}

#onlineshop-function-login {
	display: block;
	margin: 0 0 5px 0;
}
#onlineshop-function-login li {
	display: inline-block;
	margin: 0 0 0 10px;
}

#onlineshop-function-cart {
	
}
#onlineshop-function-cart .cart {
	display: inline-block;
	width: 18px;
	height: 15px;
	background-image: url(../img/onlineshop/cart.png);
	background-repeat: no-repeat;
	background-position: left center;
}


/* ===========================================================
	contents set	
=========================================================== */

#contents,
#contents-onlineshop {
	width: 100%;
	display: block; zoom: 100%;
	margin: 0px auto; padding: 0px; clear: both;
	background-color: #F7F7F0;
}

#contents:after,
#contents-onlineshop:after {  display: block; clear: both; content: " "; }
#contents { background-color: #F7F7F0; }
#contents-onlineshop { background-color: #FFF; }

/* -----------------------------------------------------------
	pager set	
----------------------------------------------------------- */

#contents .pager {
	display: block;
	clear: both;
	text-align: right;
	font-size: 1.2em;
	margin: 10px 0; 
}
#contents a.page-numbers,
#contents .pager .current {
	background:rgba(0,0,0,0.02);
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;
}
#contents .pager .current {
	background:rgba(0,0,0,1);
	border:solid 1px rgba(0,0,0,1);
	color:rgba(255,255,255,1);
}


/* ===========================================================
	footer set	
=========================================================== */
#footer { }

#footer {
	width: 100%;
	text-align: center;
	display: block; zoom: 100%;
	margin: 0px auto; padding: 0px; clear: both;
	background-color: #FFF;
}

#footer:after {  display: block; clear: both; content: " "; }

#footer ul { display: block; padding: 30px; }
#footer ul.footer_menu { padding: 30px 30px 0 30px; }
#footer ul li { display: inline-block; margin: 0 30px 0 0; }

#footer a { color: #666; }
#footer a:link { color: #666; }
#footer a:hover { color: #666; }