@charset "utf-8";
/*=================================================
 * ブラウザのデフォルトのスタイルをリセットする
 * ================================================= */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
 line-height: 1.0;
 -webkit-text-size-adjust: none;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
 display:block;
}

img {
 border: 0;
 vertical-align: bottom;
}

ul, ol {
 list-style: none;
}

table {
 border-spacing: 0;
 empty-cells: show;
}

.mgb_15 img{
	width: 100%;
}
a {
 margin: 0pt;
 padding: 0pt;
 font-size: 100%;
 vertical-align: baseline;
 background: none repeat scroll 0% 0% transparent;
}

input, select {
 font-size: 100%;
}

/*=================================================
 * サイト全体の基本スタイル
 * ================================================= */
body {
 background: none repeat scroll 0% 0% rgb(255, 255, 255);
 font-family: Helvetica,san-serif;
 line-height: 1.5;
 font-size: 14px;
 margin: 0pt;
 padding: 0pt;
}

a:link {
 color: rgb(66, 101, 174);
 text-decoration: none;
}

a:visited {
 color: rgb(96, 62, 125);
 text-decoration: none;
}

a:hover {
 text-decoration: none;
 cursor: pointer;
}

.clearfix:after { content: "."; display: block; clear: both; height: 0pt; visibility: hidden; }
ul:after { content: "."; display: block; clear: both; height: 0pt; visibility: hidden; }
dl:after { content: "."; display: block; clear: both; height: 0pt; visibility: hidden; }
h2 { font-size: 20px; }
h3, h4, h5 { font-size: 100%; font-weight: bold; }
.mini { font-size: 11px; font-weight: normal; }
.price { color: rgb(204, 0, 0); font-weight: bold; }
#main-content {width: 100%;}
input { margin: 2pt; padding: 5px; box-shadow: none; }
header { width: 100%; background: none repeat scroll 0% 0% rgb(255, 255, 255); margin: 0pt auto; padding: 5px 0pt 10px; clear: both; min-height: 40px; }

header.global_header.clearfix img {
	width:70%!important;
	margin: 3% 3% 2%
}

header h1 { width: 47%; height: 25px; float: left; clear: left; margin: 2px 0pt 0pt 5px; padding: 0pt; max-width: 150px; position: relative; }
header h1 a { display: block; margin: 0pt; padding: 0pt; cursor: pointer; vertical-align: middle; }
header h1 img { width: 150px; height: 25px; margin: -5px 0pt 0pt; padding: 0pt; vertical-align: middle; }
.header_utility { width: 47%; padding: 0pt 5px; float: right; }
.header_navi { font-size: 11px; float: right; display: inline; text-align: right; line-height: 1.2; margin-top: 5px; }
.header_navi p { line-height: 1.3; }
.header_navi p.guest { margin-top: 5px ! important; }
.top_menu {
	width: 100%;
	margin-bottom:10px;
	background-color: #918f8f;
	/*background: -moz-linear-gradient(center top , #746D81 10%, #575065 80%, #4E4857 100%) repeat scroll 0% 0% transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#746D81), color-stop(0.8, #575065), to(#4E4857));
	box-shadow: 1px 5px 5px rgb(204, 204, 204);
	background: -moz-linear-gradient(center top , rgb(109, 116, 129) 10%, rgb(80, 87, 101) 80%, rgb(73, 78, 87) 100%) repeat scroll 0% 0% transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(109, 116, 129)), color-stop(0.8, rgb(80, 87, 101)), to(rgb(73, 78, 87)));
*/
}
.top_menu ul { width: auto; margin: 0pt auto; clear: both; }
.top_menu ul li {
	width: 32%;
	float: left;
	text-align: center;
	border-left: 1px solid #fff;
}

.top_menu ul li img { margin: 0pt auto; display: block; clear: both; }
.top_menu ul li a:link, .top_menu ul li a:visited {
	color: rgb(255, 255, 255);
	padding: 9px 0pt 8px;
	display: block;
	-moz-transition: background-color 0.5s ease-in 0s;
}
.top_menu ul li a:hover {
	color: rgb(255, 255, 255);
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	background: -moz-linear-gradient(center top , #7853C6 10%, #575065 80%, #A081E2 100%) repeat scroll 0% 0% transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#746D81), color-stop(0.8, #7853C6), to(#A081E2));
/*	background: -moz-linear-gradient(center top , rgb(83, 147, 197) 10%, rgb(128, 182, 226) 100%) repeat scroll 0% 0% transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(83, 147, 197)), to(rgb(128, 182, 226)));
*/
	text-decoration: none;
}
.top_menu li:first-child { border-left: medium none; }
.top_menu li:last-child { border-right: medium none; }

footer.global_footer {
 padding: 0pt 0pt 10px;
 background: none repeat scroll 0% 0% rgb(230, 230, 230);
 text-align: center;
}

.footer_navi {
	 width: 100%;
	 display: block;
	 clear: both;
	 padding: 0.5em 0pt;
	 box-shadow: 1px 1px 1px rgb(255, 255, 255);
	 background: -moz-linear-gradient(center top , rgb(128, 128, 128) 0%, rgb(39, 42, 43) 100%) repeat scroll 0% 0% transparent;
}
.footer_navi:after { content: "."; display: block; clear: both; height: 0pt; }
.footer_navi li { width: 23%; height: 49px; display: block; margin: 0pt 1%; padding: 0pt; float: left; background: -moz-linear-gradient(center top , rgb(40, 42, 42) 0%, rgb(32, 34, 35) 100%) repeat scroll 0% 0% transparent; text-align: center; color: rgb(255, 255, 255); font-size: 10px; border-radius: 8px 8px 8px 8px; box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2) inset, -3px -3px 3px 3px rgba(0, 0, 0, 0.2) inset; }
.footer_status_area { margin: 0pt; padding: 20px 10px 10px; text-align: center; background: none repeat scroll 0% 0% rgb(230, 230, 230); border-bottom: 1px solid rgb(153, 153, 153); }
.footer_status_area p:last-child { margin: 10px auto; }
.guide_area { clear: both; margin: 0pt; padding: 10px 0pt 0pt; text-align: center; border-top: 1px solid rgb(255, 255, 255); }
.guide_area p { font-size: 12px; font-weight: normal; line-height: 2.4; }
.guide_area a { padding: 0.5em 0.3em; margin: 0.5em 0.1em; }

@media not all {
	.guide_area p { font-size: 12px; }
}

footer.global_footer p.copyright {
 margin: 0pt;
 text-align: center;
 padding: 10px 0pt;
}

#search_area {
 padding: 10px;
 background: none repeat scroll 0% 0% rgb(231, 232, 233);
 clear: both;
 text-align: center;
}

#mypage_nav li:nth-child(3) { border-top: 1px solid rgb(255, 255, 255); border-left: medium none; }
#mypage_nav li:nth-child(4), #mypage_nav li:nth-child(5) { border-top: 1px solid rgb(255, 255, 255); }
#mypage_nav li:last-child, #mypage_nav li:nth-child(2) { border-right: medium none; }
#news_area li { padding: 10px; display: block; clear: both; line-height: 1.3; background: -moz-linear-gradient(center top , rgb(254, 254, 254) 0%, rgb(238, 238, 238) 100%) repeat scroll 0% 0% transparent; border-top: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(204, 204, 204); }

.title_block {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: bold;
	margin: 0pt;
	padding: 5px 10px 3px;
	text-align: left;
	vertical-align: middle;
	clear: both;
}

.common_area { margin: 15px 10px 20px; padding: 10px 10px 10px 0px; border: 1px solid rgb(204, 204, 204); border-radius: 8px 8px 8px 8px; }
.common_area h2 { font-size: 12px; margin-left: 10px; }
#recommend_area { margin: 15px 10px 20px; padding: 10px 10px 10px 0px; border: 1px solid rgb(204, 204, 204); border-radius: 8px 8px 8px 8px; }
#recommend_area h2 { font-size: 12px; margin-left: 10px; }
#recommend_area li { width: 100%; }
.recommendblock {padding: 5px 10px 5px 8px; margin: 0pt auto; clear: both; }
.recommendblock .redommendImg { width: 65px; height: 80px; float: left;}
.recommendblock .redommendImg img { width: 60px;}
.recommendblock .productContents { width: 68%; float: right; text-align: left; }
.recommendblock .productContents p.comment { width: 17em; height: 3.7em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; clear: both; }
#category_area { margin-bottom: 20px; }
#categorytree ul { margin: 10px 10px 0pt; border: 1px solid rgb(169, 172, 171); border-radius: 8px 8px 8px 8px; background: none repeat scroll 0% 0% rgb(244, 246, 248); }
#categorytree li { font-size: 16px; font-weight: bold; clear: both; border-bottom: 1px solid rgb(204, 204, 204); border-top: 1px solid rgb(255, 255, 255); line-height: 1.3em; vertical-align: middle; }
#categorytree li:first-child { border-top: medium none; }
#categorytree li li:first-child { border-top: 1px solid rgb(204, 204, 204); }
#categorytree li:last-child, #categorytree li li:last-child { border-bottom: medium none; }
#categorytree ul li a, .categorytree > ul > li > ul > li a { padding: 0.6em 0pt; }
.category_body { display: inline-block; }
.category_body a { width: 100%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
#categorytree ul li li { padding-bottom: 0.6em; }
.category_header { width: 1.5em; margin: 0pt 6px 0pt 8px; display: inline-block; background: none repeat scroll 0% 0% transparent; text-align: right; }
#categorytree .level1 .category_header { width: 1.5em; }
#categorytree .level1 .category_body { width: 86.5%; }
#categorytree .level2 .category_header { width: 1.5em; margin-left: 2em; }
#categorytree .level2 .category_body { width: 79%; }
#categorytree .level3 .category_header { width: 1.5em; margin-left: 3.4em; }
#categorytree .level3 .category_body { width: 71.5%; }

.category_body a:link, .category_body a:visited {
 color: rgb(0, 0, 0);
 text-decoration: none;
 cursor: pointer;
}

#news_area {
 margin-bottom: 20px;
}

#news_area li {
 display: block;
 clear: both;
 padding: 10px;
 line-height: 1.3;
 background: -moz-linear-gradient(center top , rgb(254, 254, 254) 0%, rgb(238, 238, 238) 100%) repeat scroll 0% 0% transparent;
 border-top: 1px solid rgb(255, 255, 255);
 border-bottom: 1px solid rgb(204, 204, 204);
}
#news_area .news_date {
 clear: both; font-size: 12px;
 letter-spacing: 0.1em;
}

#windowcolumn {
 background: none repeat scroll 0% 0% rgb(255, 255, 255);
 padding-bottom: 30px;
}

.view_detail {
 margin: 0pt;
 min-height: 150px;
}
.view_detail dt {
 padding: 10px 12px;
 border-bottom: 1px solid rgb(204, 204, 204);
}
.view_detail dd {
 padding: 10px 12px;
}

a.btn_more, a.btn_more:link, a.btn_more:visited, a.btn_more:hover {
 color: rgb(0, 0, 0);
 font-size: 16px;
 padding: 5px 0pt;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 border: 1px solid rgb(169, 171, 173);
 border-radius: 5px 5px 5px 5px;
 display: block;
 background: none repeat scroll 0% 0% rgb(255, 255, 255);
 clear: both;
 margin: 10px 0pt;
}

a.btn_btm {
 width: 150px;
 text-align: center;
 color: rgb(255, 255, 255);
 background: -moz-linear-gradient(center top , rgb(94, 94, 94) 0%, rgb(35, 35, 35) 48%) repeat scroll 0% 0% transparent;
 border: 1px solid rgb(48, 48, 48);
 text-shadow: 0pt -1px 1px rgba(0, 0, 0, 0.5);
 border-radius: 5px 5px 5px 5px;
 padding: 5px;
 margin: 10px auto;
 cursor: pointer;
}

.btn_btm, a.btn_btm:link, a.btn_btm:hover, a.btn_btm:visited {
 color: rgb(255, 255, 255);
 text-decoration: none;
}





#productlist_area { margin: 15px 10px 20px; padding: 10px; border: 1px solid rgb(204, 204, 204); border-radius: 8px 8px 8px 8px; }
#productlist_area h2 { font-size: 12px; margin-left: 10px; }
#productlist_area li { width: 290px; }
.productlistblock { width: 100%; padding: 5px 10px 5px 8px; margin: 0pt auto; clear: both; }
.productlistblock img { width: 80px; float: left; }
.productlistblock .productContents { width: 68%; float: right; text-align: left; }
.productlistblock .productContents p { clear: both; }
.productlistblock .productContents p.comment { width: 17em; height: 3.7em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; clear: both; }
.productlistblock .sale_price { clear: both; float: right; text-align: right; }