@charset "utf-8";


/* default setting ▼ ------------------------------*/

* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック";
}

html {
	overflow-y:scroll;
}

body {
	font-size: 75%;
	line-height: 2.0;
	text-align: center;
	color: #3c3c3c;
	background-color: #FFFFFF;
	word-break:nomal;
}

hr {
	display: none;
}

ol,ul,li {
	list-style: none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse:collapse;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

td {
	line-height: 1.6;
	margin: 0px;
	padding: 0px;
}

/* default setting ▲ ------------------------------*/





/* link setting ▼ ------------------------------*/

a img {
	border-style: none;
}

a:link {
	color: #00a0ff;
	text-decoration: underline;
	font-weight: bold;
}
a:visited {
	color: #46beff;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #f0961e;
	text-decoration: none;
	font-weight: bold;
}

/* link setting ▲ ------------------------------*/





/* wrapper ▼ ------------------------------*/

#wrapper {
	text-align: left;
	background-image: url(../../images/common/wrapper_bg.gif);
	background-repeat: repeat-x;
}

#main_wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	float: none;
}

#f_wrapper {
	text-align: left;
	clear: both;
	float: none;
	background-image: url(../../images/common/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}

/* wrapper ▲ ------------------------------*/





/* common ▼ ------------------------------*/


.hide,
.hide a {
	font-size: 8px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

.mi_00 {
	line-height: 30px;
	background-image: url(../../images/common/mi_00.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 30px;
	width: 670px;
	color: #3C3C3C;
	margin-bottom: 20px;
	font-size: 140%;
	clear: both;
	float: none;
}

.mi_01 {
	border-bottom: 2px solid #C8C8C8;
	line-height: 24px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 120%;
}

.img_right {
	float: right;
	margin-left: 20px;
}

/* Number list */
.li_number {
	padding-left: 15px;
}
.li_number li {
	list-style: decimal inside;
	text-indent: -15px;
	padding-bottom: 12px;
}

/* s_box */
.s_middle {
	background-image: url(../../images/common/s_middle.gif);
	background-repeat: repeat-y;
	width: 250px;
}
.s_head {
	background-image: url(../../images/common/s_head.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
}
.s_bottom {
	background-image: url(../../images/common/s_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
}
.s_sp {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}

/* pagetop */
p#page-top {
	position: fixed;
	right: 10px;
	bottom: 120px;
	display: block;
}
p#page-top a {
	font-size: 8px;
	text-decoration: none;
	background-image: url(../../images/common/pg_top.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 80px;
	width: 26px;
	overflow: hidden;
}
p#page-top a:hover {
	background-position: -26px 0px;
}


/* common ▲ ------------------------------*/






/* header ▼ ------------------------------*/

#header {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 110px;
}

#header h1 {
	font-size: 100%;
	text-align: right;
	display: block;
	position: absolute;
	margin-top: 18px;
	width: 960px;
	font-weight: normal;
	line-height: 14px;
}

#header a img.logo {
	margin-top: 28px;
	position: absolute;
}

#header .rh_tel {
	background-image: url(../../images/common/rh_tel.gif);
	height: 50px;
	width: 270px;
	position: absolute;
	margin-top: 40px;
	margin-left: 694px;
}

/* header ▲ ------------------------------*/





/* gr ▼ ------------------------------*/

#gr {
	width: 960px;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-bottom: 30px;
}

#gr:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#gr ul li {
	float: left;
}

#gr ul li a {
	width: 192px;
	height: 60px;
	font-size: 8px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -500px;
	display: block;
	overflow: hidden;
}

#gr ul li a:hover {
	background-position: 0px -60px;
}

/* トップ */
#gr ul li.gr_index a {
	background-image: url(../../images/common/gr_index.gif);
}
/* 商品情報 */
#gr ul li.gr_item a {
	background-image: url(../../images/common/gr_item.gif);
}
/* 会社情報 */
#gr ul li.gr_aboutus a {
	background-image: url(../../images/common/gr_aboutus.gif);
}
/* 方針 */
#gr ul li.gr_policy a {
	background-image: url(../../images/common/gr_policy.gif);
}
/* お問い合わせ */
#gr ul li.gr_inquiry a {
	background-image: url(../../images/common/gr_inquiry.gif);
}

body.index #gr ul li.gr_index a,
body.index #gr ul li.gr_index a:hover,
body.item #gr ul li.gr_item a,
body.item #gr ul li.gr_item a:hover,
body.aboutus #gr ul li.gr_aboutus a,
body.aboutus #gr ul li.gr_aboutus a:hover,
body.policy #gr ul li.gr_policy a,
body.policy #gr ul li.gr_policy a:hover,
body.inquiry #gr ul li.gr_inquiry a,
body.inquiry #gr ul li.gr_inquiry a:hover {
	background-position: 0px -120px;
}

/* gr ▲ ------------------------------*/





/* main ▼ ------------------------------*/

#main {
	float: left;
	width: 670px;
	margin-right: 40px;
	margin-bottom: 100px;
}

/* main ▲ ------------------------------*/





/* side ▼ ------------------------------*/

#side {
	float: left;
	width: 250px;
	margin-bottom: 100px;
}

#side .s_jis {
	margin-left: 10px;
}
#side .s_jis li {
	float: left;
}
#side .s_jis li.s_jis_10 {
	margin-right: 10px;
}

/* オンラインSHOP */
#side .s_onlineshop a {
	background-image: url(../../images/common/s_onlineshop.gif);
	height: 80px;
	width: 250px;
	margin-bottom: 20px;
}
#side .s_onlineshop a:hover {
	background-position: 0px -80px;
}

/* アクセスマップはこちら */
#side .s_accessmap a {
	background-image: url(../../images/common/s_accessmap.gif);
	height: 14px;
	width: 140px;
	margin-bottom: 20px;
}
#side .s_accessmap a:hover {
	background-position: 0px -14px;
}
body.aboutus #side .s_accessmap a,
body.aboutus #side .s_accessmap a:hover {
	background-position: 0px -28px;
}

/* メールでのお問い合わせ */
#side .s_inquiry a {
	background-image: url(../../images/common/s_inquiry.gif);
	height: 30px;
	width: 230px;
	margin-left: 10px;
	margin-bottom: 11px;
}
#side .s_inquiry a:hover {
	background-position: 0px -30px;
}
body.inquiry #side .s_inquiry a,
body.inquiry #side .s_inquiry a:hover {
	background-position: 0px -60px;
}

/* side ▲ ------------------------------*/






/* footer ▼ ------------------------------*/

#footer {
	clear: both;
	float: none;
	width: 960px;
	height: 110px;
	margin-right: auto;
	margin-left: auto;
}

#footer .f_tel {
	background-image: url(../../images/common/f_tel.gif);
	height: 50px;
	width: 270px;
	position: absolute;
	margin-top: 34px;
}

#footer .f_menu {
	position: absolute;
	margin-top: 48px;
	margin-left: 316px;
}
#footer .f_menu li {
	float: left;
}
#footer .f_menu li a {
	height: 14px;
}
#footer .f_menu li.f_sitemap a {
	background-image: url(../../images/common/f_sitemap.gif);
	width: 80px;
	margin-right: 18px;
}
#footer .f_menu li.f_privacy a {
	background-image: url(../../images/common/f_privacy.gif);
	width: 130px;
}
#footer .f_menu li a:hover {
	background-position: 0px -14px;
}

body.sitemap #footer .f_menu li.f_sitemap a,
body.sitemap #footer .f_menu li.f_sitemap a:hover,
body.privacy #footer .f_menu li.f_privacy a,
body.privacy #footer .f_menu li.f_privacy a:hover {
	background-position: 0px -28px;
}

#footer .f_logo {
	position: absolute;
	display: block;
	margin-top: 18px;
	margin-left: 612px;
}

#footer small {
	position: relative;
	text-align: right;
	width: 960px;
	float: right;
	line-height: 14px;
	margin-top: 84px;
	font-size: 90%;
}

/* footer ▲ ------------------------------*/





/* 共通 ▼ ------------------------------*/

.clear {
	clear: both;
	float: none;
	display: block;
	line-height: 0px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.red {
	color: #FF0000;
}

.bold {
	font-weight: bold;
}

.f120 {
	font-size: 120%;
}

.center {
	text-align: center;
	display: block;
}

.right {
	text-align: right;
	display: block;
}

.left {
	text-align: left;
	display: block;
}

.ss_section {
	display: block;
	margin-bottom: 10px;
}

.s_section {
	display: block;
	margin-bottom: 20px;
}

.section {
	display: block;
	margin-bottom: 30px;
}

.r10_section {
	display: block;
	margin-right: 10px;
}

/* 共通 ▲ ------------------------------*/