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

/* ======= LAYOUT ===============================*/
html {
	color: #000000;
	background-color: #FFFFFF;
}

body {
	padding: 0px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.2;
	text-align: center;
	font-size: 14px;
　  *font-size: small;
　  *font: x-small;
}

#social_fix {
	position: fixed;
	right: 0px;
	top: 114px;
	background-image: url(../images/bg_social_fix.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 25px;
	height: 109px;
}

#social_fix li a {
	display: block;
	width: 25px;
	background-image: url(../images/social_fix.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#social_fix #fb a {
	height: 56px;
	background-position: 0 0;
	margin-bottom: 14px;
}

#social_fix #tw a {
	height: 44px;
	background-position: 0 -70px;
}

#wrap {
	width: 920px;
	text-align: left;
	margin: 0 auto;
	padding: 0 20px;
}

/* ===== Head ===== */
#head {
	border-bottom: 1px solid #E7E7E7;
	text-align: center;
	height: 231px;
	position: relative;
}

#logo {
	position: absolute;
	left: 309px;
	top: 43px;
}

/* ===== Menu ===== */
#menu {
	border-top: 1px solid #E7E7E7;
	padding: 20px 0;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 920px;
	background-image: url(../images/bg_menu.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#menu ul {
	width: 719px;
	margin: 0 auto;
}

#menu li {
	float: left;
}

#menu li a {
	display: block;
	height: 11px;
	background-image: url(../images/bg_gNavi.png);
	background-repeat: no-repeat;
	overflow: hidden;
	margin-right: 19px;
	text-indent: -9999px;
}

#menu li#menu_1 a {
	background-position: 0 0;
	width: 47px;
}
#menu li#menu_2 a {
	background-position: -66px 0;
	width: 70px;
}
#menu li#menu_3 a {
	background-position: -155px 0;
	width: 101px;
}
#menu li#menu_4 a {
	background-position: -275px 0;
	width: 63px;
}
#menu li#menu_5 a {
	background-position: -356px 0;
	width: 91px;
}
#menu li#menu_6 a {
	background-position: -466px 0;
	width: 107px;
}
#menu li#menu_7 a {
	background-position: -591px 0;
	width: 42px;
}
#menu li#menu_8 a {
	background-position: -652px 0;
	width: 65px;
	margin-right: 0px;
}

#menu li#menu_1 a:hover {
	background-position: 0 -11px;
}
#menu li#menu_2 a:hover {
	background-position: -66px -11px;
}
#menu li#menu_3 a:hover {
	background-position: -155px -11px;
}
#menu li#menu_4 a:hover {
	background-position: -275px -11px;
}
#menu li#menu_5 a:hover {
	background-position: -356px -11px;
}
#menu li#menu_6 a:hover {
	background-position: -466px -11px;
}
#menu li#menu_7 a:hover {
	background-position: -591px -11px;
}
#menu li#menu_8 a:hover {
	background-position: -652px -11px;
}

/* ===== Shop Online ===== */
#online {
	position: absolute;
	right: 0px;
	bottom: 51px;
}

/* ===== Contents ===== */
#contents {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}



/* ===== Navi ===== */
#navi {
	border-top: 1px solid #E7E7E7;
	padding: 20px 0 40px;
	margin-top: 20px;
	font-size: 72%;
}

#navi h2 {
	margin-bottom: 15px;
	height: 12px;
	text-indent: -9999px;
	background-image: url(../images/bg_h2_navi.png);
	background-repeat: no-repeat;
}

#navi .mb10 {
	margin-bottom: 10px;
}
#navi .mt20 {
	margin-top: 20px;
}

/* news&topics */
#newsBox {
	width: 210px;
	float: left;
	margin-right: 20px;
	position: relative;
}
#navi #newsBox h2 {
	background-position: 0 0;
}
.news {
	margin-bottom: 20px;
}
.ph_news {
	float: left;
	width: 90px;
	margin-right: 10px;
}
#newsBox h3 {
	font-size: 1.3em;
	line-height: 1.2;
}
.entrydate {
	margin-bottom: 0.5em;
}
#viewBtn {
	position: absolute;
	right: 0px;
	top: 0px;
}

/* special order */
#orderBox {
	width: 210px;
	float: left;
	margin-right: 20px;
}
#navi #orderBox h2 {
	background-position: 0 -12px;
}
#orderBox p {
	margin-bottom: 0.5em;
}

/* shop */
#shopBox {
	width: 220px;
	margin-right: 20px;
	float: left;
	font-size: 1.1em;
}
#navi #shopBox h2 {
	background-position: 0 -24px;
}
.oversea {
	border-top: 1px solid #E7E7E7;
	padding-top: 15px;
	margin-top: 15px;
}

/* shop online + join us */
#otherBox {
	width: 220px;
	float: left;
	font-size: 1.2em;
	line-height: 1.5;
}
#navi #otherBox h2#joinus {
	background-position: 0 -36px;
	height: 14px;
}
#otherBox div {
	margin-bottom: 33px;
}

/* ===== Foot ===== */
#foot {
	clear: both;
	border-top: 1px solid #E7E7E7;
	text-align: center;
	padding: 30px 0 98px;
}


/* ===== Link ===== */
a:link {
	color: #000;
	text-decoration: underline;
	font-style: italic;
}
a:visited { color: #000000;}
a:hover, a:active {
	color: #000000;
	text-decoration: none;
}

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

/* DreamWeaver */
.clearfix + *{ clear: both;}