@charset "shift_jis";



/* ================================





 structure and

 remove default styling





=================================== */



html, body, div, span, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, caption, tr, th, td, a, img, address, iframe, input {

	margin: 0;

	padding: 0;

}

html {

	

}

body {

	width: 100%;

	color: #333;

	background: #FFF;

	font-size: 75%;

	line-height: 140%;

	font-weight: normal;

	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;

}



body input,

body textarea,

body select {

	

}

	body textarea {

		font-size: 100%;

	}

	

/* IE6 Print Problem */

@media print{ * html body{ zoom : 0.66 ; } }



h1, h2, h3, h4, h5, h6 {

	font-size: 100%;

	line-height: 120%;

}

/* em,strong */

/*address,dfn,code,samp,kbd,var,cite,abbr,acronym */

/* blockquote,q */

/* sub,sup */

p {

	font-size: 100%;

	line-height: 140%;

}

/* br */

/* pre */

ul {

	/*list-style: none;*/

}

ul li {

	/*white-space: nowrap;*/

	list-style-type: none;

}

ol {

	margin-left: 2em;

}

dl {

	list-style: none;

}

/* dt */

a, a:link {

	color: #0167CC; /* TS #2879AC */

}

a:visited {

	color: #339;

}

a:hover {

	color: #39C;

}

a:active {

	color: #C00;

}

/* ins,del */

input, button, option, textarea {

	vertical-align: middle;

}

select {

	vertical-align: middle;

}

/* label */

fieldset {

	border: 0;

}

legend {

	display: none;

}

table {

	border: 0;

	border-collapse: collapse;

	/*border-spacing: 0;*/

}

caption {

	padding: 3px;

	text-align: left;

}

/* tr */

th, td {

	padding: 0;

	border: 0;

	/* text-align: left; */

	vertical-align: middle;

	letter-spacing: 0;

}

/* thead,tfoot,tbody */

/* col */

img {

	border: 0;

	vertical-align: bottom;

}

object, embed {

    vertical-align: top;  

} 

/* map,area */

/* hr */

/* iframe */

/*

button {

	border: 0;

	background: none;

	cursor: pointer;

} */





/* ======================================



 common class



======================================= */



.clearfix:after { content: ""; display: block; clear: both; }

/* .clearfix { overflow:hidden; } Dw set */



a:hover img {

	opacity:0.7;

	filter: alpha(opacity=70);

}

a span.outbound {

	padding-right: 12px;

	background: url(/images/common/ico_new_window.gif) no-repeat 100% 0.1em;

}



/* ----- anchor arrow ----- */



a.with-arrow-1 {

	padding: 0 0 2px;

	padding-left: 18px;

	background: url(/images/common/ico_arrow_right_01.png) no-repeat 0 0;

}

a.with-arrow-up {

	padding: 0 0 2px;

	padding-left: 18px;

	background: url(/images/common/ico_arrow_up_01.png) no-repeat 0 0;

}

a.with-arrow-bottom {

	padding: 0 0 2px;

	padding-left: 18px;

	background: url(/images/common/ico_arrow_bottom_01.png) no-repeat 0 0;

}



/* ===== section parts ===== */



/* ----- item digest ----- */



.common-item-digest {

	

}

.common-item-digest .item-caption {

	

}

.common-item-digest .item-caption a {

	display: block;

	padding-left: 18px;

	background: url(/images/common/ico_arrow_right_01.png) no-repeat 0 0;

}

.common-item-digest .item-name {

	margin: 5px 0;

	padding-left: 18px;

}

.common-item-digest .item-price {

	padding-left: 18px;

	color: #F00;

	font-weight: bold;

}

.common-item-digest .item-price span {

	color:#333333;

	font-weight: normal;

}



/* ----- rounded corner frame 370px ----- */



.common-frame-370 {

	width: 370px;

	padding-top: 5px;

	background: url(/images/common/box_370_bg_top.gif) no-repeat 0 0;

}

.common-frame-370>div {

	width: 370px;

	padding-bottom: 5px;

	background: url(/images/common/box_370_bg_bottom.gif) no-repeat 0 100%;

}

.common-frame-370>div>div {

	width: 340px;

	padding: 9px 14px;

	border-left: 1px solid #CCC;

	border-right: 1px solid #CCC;

	background: #F0F0F0 url(/images/common/box_370_bg_body.jpg) repeat-x 0 0;

}

.common-frame-370 .header {

	margin: 0 0 10px;

	padding: 0 0 5px !important;

	border-bottom: 1px solid #CCC;

}

.common-frame-370 .frame-title {

	padding-left: 8px;

	margin-top: 0;

	margin-bottom: 5px;

	border-left: 4px solid #F7B400;

}

.common-frame-370 .common-text-image {

	width: 340px;

}

.common-frame-370 .common-text-thumb {

	width: 340px;

}



/* ----- rounded corner frame 760px ----- */



.common-frame-760 {

	width: 760px;

	padding-top: 5px !important;

	background: url(/images/common/box_760_bg_top.gif) no-repeat 0 0;

}

.common-frame-760>div {

	width: 760px;

	padding-bottom: 5px;

	background: url(/images/common/box_760_bg_bottom.gif) no-repeat 0 100%;

}

.common-frame-760>div>div {

	width: 730px;

	padding: 9px 14px;

	border-left: 1px solid #CCC;

	border-right: 1px solid #CCC;

	background: #F0F0F0 url(/images/common/box_370_bg_body.jpg) repeat-x 0 0;

}

.common-frame-760 .header {

	margin: 0 0 10px;

	padding: 0 0 5px;

	border-bottom: 1px solid #CCC;

}

.common-frame-760 .frame-title {

	padding-left: 8px;

	margin-top: 0;

	margin-bottom: 5px;

	border-left: 4px solid #F7B400;

}





/* ----- social button ----- */



.social-button {

	

}

.social-button li {

	float: left;

}



/* ----- common page navi ----- */



.common-page-navi {

	width: 100%;

	margin: 0;

}

.common-page-navi li {

	float: left;

	margin-right: 1em;

}

.common-page-navi a {

	padding: 0 0 2px 18px;

	background: url(/images/common/ico_arrow_bottom_01.png) no-repeat 0 0;

}



/* ----- common left floater ----- */



.common-left-floater {

	width: 760px;

	margin: 20px 0;

}

.layout-1-col .common-left-floater {

	width: 950px;

	margin: 20px 0;

}

.common-left-floater .images {

	float: left;

	width: 238px;

}

.common-left-floater .notes {

	padding-left: 255px;

}


/* 大きい画像　423px */
.common-left-floater .images_big {

	float: left;

	width: 423px;

}
.common-left-floater .notes_mini {

	padding-left: 443px;
	font-size: 120%;

}


/* ----- common right floater ----- */



.common-right-floater {

	width: 760px;

	margin: 20px 0;

}

.layout-1-col .common-right-floater {

	width: 950px;

	margin: 20px 0;

}

.common-right-floater .images {

	float: right;

	width: 238px;

}

.common-right-floater .notes {

	padding-right: 255px;

}



/* ----- common contact ----- */



.common-contact ul {

	

}

.common-contact ul li {

	overflow: hidden;

	float: left;

	width: 360px;

	margin-right: 20px;

	background: url(/images/common/line_vr_glay.png) repeat-y 100% 0;

}

.common-contact ul .company {

	width: 350px;

	background: none;

	margin-right: 0;

}

.common-contact ul li p {

	margin: 0 0 5px;

}

.common-contact ul li .thumb {

	float: left;

	width: 74px;

	padding: 2px;

	border: 1px solid #CCC;

}

.common-contact ul li .notes {

	padding-left: 90px;

}

.common-contact ul li .notes dl {

	margin: 0 0 10px;

}

.common-contact ul li .notes dl dt {

	float: left;

	width: 25px;

	padding: 3px 0;

}

.common-contact ul li .notes dl dd {

	margin: 5px 0;

	padding: 2px 0;

	padding-left: 65px;

	background: url(/images/common/ico_tel.gif) no-repeat 35px 0;

}



/* ----- common 2 column section ----- */



.common-2-col-section {

	width: 776px !important;

	margin: 0 -8px 20px !important;

}

.common-2-col-section .divided {

	float: left;

	width: 370px;

	margin: 10px 8px;

	

}

.common-2-col-section .branch {

	width: 370px !important;

}

.common-2-col-section p {

	margin: 10px 0;

}

.common-2-col-section p.more {

	margin: 10px 0 0;

	text-align: right;

}



/* ----- common 3 column branch ----- */



.common-3-col-branch {

	width: 779px !important;

	margin: 0 -10px 0 -9px !important;

	text-align: left;

}

.common-3-col-branch .branch {

	display: inline-block;

	width: 238px !important;

	margin: 5px 9px 5px 9px !important;

	text-align: left;

	vertical-align: top;

}

	*+html .common-3-col-branch .branch {

		display: inline;

		zoom: 1;

		width: 238px !important;

		margin: 5px 12px 5px 9px !important;

	}



/* ----- common text image pattern ----- */



.common-v-caption {

	

}

.common-v-caption a {

	

}

.common-v-caption p {

	margin: 10px 0;

}



/* ----- common text image pattern ----- */



.common-175-caption {

	

}

.common-175-caption .image {

	float: left;

	width: 175px;

}

.common-175-caption .notes {

	padding-left: 185px;

}



/* ----- common text thumb pattern ----- */



.common-80-caption {

	

}

.common-80-caption .thumb {

	float: left;

	width: 74px;

	border: 1px solid #CCC;

	padding: 2px;

	background: #FFF;

}

.common-80-caption .notes {

	padding-left: 90px;

}



/* ----- common banner set ----- */



.common-banner-set {

	width: 796px;

	margin: 10px -8px 10px -8px;

	text-align: left;

}

.common-banner-set li {

	display: inline-block;

	margin: 10px 8px;

}

	*+html .common-banner-set li {

		display: inline;

		zoom: 1;

		margin: 10px 10px;

	}

.common-banner-set .size-b {

	margin: 10px 11px 10px 8px;

}

	*+html .common-banner-set .size-b {

		margin: 10px 12px 10px 10px;

	}



/* ======================================



 header



======================================= */



#header {

	width: 100%;

	font-size: 12px;

}



/* ===== global navigation ===== */



#header .tagline {

	overflow: hidden;

	width: 100%;

	background: #FDCD38 url(/images/common/header_bg.gif) repeat-x 0 0;

}

#header .tagline .wrap {

	width: 950px;

	margin: 0 auto;

	min-height: 20px;

}

#header .tagline p {

	float: left;

	width: 47%;

	line-height: 20px;

	font-weight: normal;

}

#header .tagline p a { /* 130416 m.s */

	color: #333;

	text-decoration: none;

}

#header .tagline p a:hover { /* 130416 m.s */

	text-decoration: underline;

}

#header .tagline .link {

	float: right;

	font-size: 10px;

	padding: 4px 0 0;

	width: 490px;

	text-align: right;

}

#header .tagline .link li {

	display: inline;

	margin-left: 10px;

	padding-left: 10px;

	border-left: 1px solid #333;

	line-height: 120%;

}

#header .tagline .link li a {

	color: #333;

	padding: 1px 0;

}

#header .tagline .link li:first-child {

	border-left: 0;

}

#header .tagline .link li:first-child a {

	margin-left: 0;

	padding-left: 12px;

	background: url(/images/common/ico_begginer.gif) no-repeat 0 0;

}



/* ===== local header ===== */



#header .local {

	position: relative;

	width: 950px;

	min-height: 70px;

	margin: 0 auto;

	padding: 10px 0;

}

#header .logo {

	margin: 10px 0;

}

#header .logo {

	/margin: 20px 0 10px; /* IE7 */

}

#header .local .guide {

	position: absolute;

	right: 0;

	top: 10px;

}

#header .local .contact {

	clear: both;

	float: right;

}

	* html #header .local .contact {

		padding: 5px 0 0;

	}

	*+html #header .local .contact {

		padding: 5px 0;

	}



#header .local .contact li {

	float: left;

	margin-left: 10px;

	font-size: 10px;

}

#header .local .contact li p {

	margin: 0 0 5px;

	/margin: 0px; /* IE7 */

}

#header .local .contact li p.mail_form {

	margin: 16px 0 5px 0;

}

#header .local .shopping {

	clear: both;

	float: right;

	width: 700px;

	text-align: right;

	margin-top:3px;

	/margin-bottom:5px; /* IE7 */

}

	* html #header .local .shopping {

		width: 586px;

	}

	*+html #header .local .shopping {

		width: 576px;

	}

	

#header .local .shopping li {

	display: inline;

	margin-left: 5px;

}

#header .local .shopping .search {

	margin-right: 7px;

}

#header .local .shopping .search form {

	display:inline;

}

#header .local .shopping .search input {

	width: 190px;

	padding: 2px;

	font-size: 10px;

	background: #FFF;

	border: 1px solid #666;

}

#header .local .shopping .search input.search_btn {

	width: 35px;

	height: 20px;

	border: none;

	background: none;

}

#header .local .shopping .search input.placeholder {

	color: #999;

	background: #FFC;

}

#header .local .shopping li img {

	vertical-align: middle;

}



/* ===== global navigation ===== */



#header .global {

	clear: both;

	width: 100%;

	height: 45px;

	padding: 0;

	border-top: 2px solid #F7B400;

	background: url(/images/common/global_bg.gif) repeat-x 0 0;

}

	* html #header .global {

		position: relative;

		z-index: 99;

	}

	*+html #header .global {

		position: relative;

		z-index: 99;

	}

	

#header .global .nav {

	position: relative;

	width: 949px;

	margin: 0 auto;

	min-height: 46px;

	border-right: 1px solid #FCDC89;

	background: url(/images/common/global_bg2.gif) no-repeat 0 0;

}

#header .global .nav li {

	float: left;

}

#header .global .nav>li>a img {

	opacity: 1;

	filter: alpha(opacity=100);

}

#header .global .dropdown-trigger {

	display: block;

	position: relative;

}

#header .global .dropdown-layer {

	position: absolute;

	display: none;

	left: 0;

	top: 45px;

	z-index: 999;

}

/* 120605 追加 m.s */

#header .global .tablet {

	left: 350px;

}

#header .global .express {

	left: 480px;

}

/* // */



#header .global .dropdown-layer .main {

	width: 908px;

	background: #FFF;

	border: 1px solid #666;

	margin: 0 0;

	padding: 15px 20px;

}

/* 1500228 追加 m.s */



#header .global .dropdown-layer .col4 {

	width: 725px;

}


#header .global .dropdown-layer .col3 {

	width: 545px;

}


#header .global .dropdown-layer .col2 {

	width: 365px;

}

/* // */



#header .global .dropdown-layer .section {

	

}

#header .global .dropdown-layer .main li {

	border: 0;

	margin: 0;

}

#header .global .dropdown-layer .main .category {

	width: 175px;

	margin: 15px 3px;

}

#header .global #global-note .dropdown-layer .main .category {

	/*width: 145px; 6列処理*/

	margin: 15px 3px;

}

/* お値段 */
#header .global .dropdown-layer .main .category span.price{
	color: red;
	font-size: 130%;
	font-weight:bold;
	text-align: center;
	margin-top: 5px;
	display:block;
}
#header .global .dropdown-layer .main .category span.yen{
	font-size: 80%;
}


#header .global .dropdown-layer .main .banners {

	width: 175px;

	margin: 15px 3px;

}

#header .global .dropdown-layer .main .banners dl dt {

	margin: 0 0 10px;

}

#header .global .dropdown-layer .main .banners ul li,

#header .global .dropdown-layer .main .banners dl dd {

	margin: 0 0 10px;

}

#header .global .dropdown-layer .main .category dl dt {

	margin: 0 0 5px;

	font-weight: bold;

}

#header .global .dropdown-layer .main .category dl dt.mt10 {

	margin: 10px 0 5px;

}

#header .global #global-note .dropdown-layer .main .category dl dd {

	/*width: 145px; 6列
	*/

	margin: 10px 0;

}

#header .global .dropdown-layer .main .category dl dd {

	width: 175px;

	margin: 10px 0;
	line-height: 1.5;

}


#header .global .dropdown-layer .main .category dl dd a {

	display: block;

	width: auto;

	padding-left: 18px;

	background: url(/images/common/ico_arrow_right_01.png) no-repeat 0 0;

}

#header .global #global-note .dropdown-layer .main .category dl dd a {

	display: block;

	width: auto;

	padding-left: 18px;

	background: url(/images/common/ico_arrow_right_01.png) no-repeat 0 0;

}


#header .global .dropdown-layer .main .category ul.global_s_list li { /* 130812 m.s */

	width: 175px;

	margin-top: 10px;

}

#header .global .dropdown-layer .main .category ul.global_s_list li a { /* 130812 m.s */

	display: block;

	width: auto;

	padding-left: 18px;

	background: url(/images/common/ico_arrow_right_01.png) no-repeat 0 0;

}

#header .global #global-game .dropdown-layer .main {

	background: #000;

	border: 1px solid #333;

	color: #FFF;

}

#header .global #global-game .dropdown-layer .main .logo {

	margin-left: -5px;

}

#header .global #global-game .dropdown-layer .main .category dl dd a {

	display: block;

	width: auto;

	padding-left: 18px;

	background: url(/images/common/ico_arrow_right_03.png) no-repeat 0 0;

}

#header .global #global-business .dropdown-layer .main .category dl dd a {

	display: block;

	width: auto;

	padding-left: 18px;

	background: url(/images/common/ico_arrow_right_05.png) no-repeat 0 0;

}

#header .global #global-game .dropdown-layer a,

#header .global #global-game .dropdown-layer a:link {

	color: #FFF;

}

#header .global #global-game .dropdown-layer a:visited {

	color: #FFF;

}

#header .global #global-game .dropdown-layer a:hover {

	color: #F60;

}

#header .global #global-game .dropdown-layer a:active {

	color: #C00;

}



/* ======================================



 main



======================================= */



body .windows7 {

	width: 100%;

	margin: 0 0 -54px;

	padding: 20px 0;

	background: url(/images/common/main_bg.gif) repeat-x 0 1px;

	font-size: 12px;

}

body .windows7 strong {

	display: block;

	width: 950px;

	margin: 0 auto;

	text-align: right;

}

#main {

	width: 100%;

	margin: 0;

}

#main .wrap {

	width: 950px;

	margin: 0 auto;

}

#main .contents-header {

	position: relative;

	width: 950px;

	padding: 20px 0 0;

}

#main .contents-header .keywords {

	text-align: right;

	margin: 10px 0;

	font-size: 83%;

}

#main .contents-header .topicpath {

	margin: 0 0 20px;

	font-size: 85%; /* 120406 追加 */

	vertical-align: bottom;

}

#main .contents-header ul.topicpath_list { /* 120704 追加 */

	margin: 0 0 20px;

	font-size: 85%;

	vertical-align: bottom;

	line-height: 100%;

}

#main .contents-header ul.topicpath_list li { /* 120704 追加 */

	display: inline-block;

	/display: inline;

}


#main .contents-header ul.topicpath_list_upper { /* 150310 追加 */

	margin: 0 0 10px;

	font-size: 85%;

	vertical-align: bottom;

	line-height: 100%;

}

#main .contents-header ul.topicpath_list_upper li { /* 150310 追加 */

	display: inline-block;

	/display: inline;

}



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



#contents {

	float: right;

	width: 760px;

}

.section {

	overflow: hidden;

	width: 760px;

	margin: 20px 0;

}


.section-5 {

	overflow: hidden;

	width: 760px;

	margin: 5px 0;

}


.section-10 {

	overflow: hidden;

	width: 760px;

	margin: 10px 0;

}

.section h2 ,

.section-10 h2 {

	margin: 10px 0;

}

.section .branch {

	clear: both;

	width: 760px;

	margin: 20px 0 0;

}

.section-10 .branch {

	clear: both;

	width: 760px;

	margin: 10px 0 0;

}

.section .branch h3 ,

.section-10 .branch h3 {

	margin: 10px 0;

	padding: 7px;

	background: #FDF5E0 url(/images/common/contents_bg_seperated_bar.gif) no-repeat 0 0;

	font-size: 116%;

}

#contents .banners {

	width: 782px;

	margin: 20px -11px;

}

#contents .banners li {

	float: left;

	margin: 0 11px;

}



#contents .contents-bg-h3 {

	margin: 10px 0;

	padding: 7px;

	background: #FDF5E0 url(/images/common/contents_bg_seperated_bar.gif) no-repeat 0 0;

	font-size: 116%;

}





/* ----- 1 colomn layout ----- */



.layout-1-col #contents {

	float: none;

	width: 950px;

	margin: 0;

}

.layout-1-col #contents .section {

	overflow: hidden;

	width: 950px;

	margin: 20px 0;

}

.layout-1-col #contents .section-10 {

	overflow: hidden;

	width: 950px;

	margin: 10px 0;

}

.layout-1-col #main h2.contents-bg-h2 {

	width: 930px;

	height: 35px;

	padding-left: 20px;

	background:url(/images/common/contents_bg_h2_950.gif) no-repeat 0 0;

	font-size: 116%;

	line-height: 35px;

}

.layout-1-col #main .branch .h3 {

	margin: 10px 0;

	padding: 7px;

	background: #333 url(/images/common/contents_bg_seperated_bar.gif) no-repeat 0 0;

	font-size: 116%;

}

.layout-1-col .section .branch {

	clear: both;

	width: 950px;

	margin: 20px 0 0;

}





/* ----- 2 colomn layout ----- */



#contents h1 {

	margin-bottom: 10px;

	padding-left: 12px;

	padding-bottom: 5px;

	border-bottom: 2px solid #CCC;

	background: url(/images/common/contents_bg_burret.gif) no-repeat 0 0;

	font-size: 160%; /* 130417 183%→160% m.s */

}

#contents h1.nodeco {

	margin-bottom: 0;

	padding-left: 0;

	padding-bottom: 0;

	border-bottom: none;

	background: none;

	font-size: 100%;

}

#contents h2.contents-bg-h2 {

	width: 740px;

	height: 35px;

	padding-left: 20px;

	background:url(/images/common/contents_bg_h2.gif) no-repeat 0 0;

	font-size: 116%;

	line-height: 35px;

}

#contents h2.contents-bg-h2-half {

	width: 350px;

	height: 35px;

	padding-left: 20px;

	background:url(/images/common/contents_bg_h2_half.gif) no-repeat 0 0;

	font-size: 116%;

	line-height: 35px;

}

#contents ul.disc {

	margin: 10px 0;

}

#contents ul.disc li {

	margin-left: 1.5em;

	list-style: outside disc;

}

#contents ul.disc ul li {

	list-style: outside circle;

}





/* ===== contents footer ===== */



/* ----- shinsai ----- */



#shinsai {

	width: 760px;

	background: url(/images/common/cnts_btm_bg_shinsai_top.gif) no-repeat 0 0;

	padding: 5px 0 0;

}

#shinsai>div {

	width: 730px;

	background: #F9F5ED url(/images/common/cnts_btm_bg_shinsai_bottom.gif) no-repeat 0 100%;

	padding: 10px 15px 15px;

}

#shinsai h2 {

	margin: 0 0 10px;

}

#shinsai h2 span {

	margin-left: 1em;

	font-weight: normal;

}

#shinsai p {

	margin: 5px 0;

}

#shinsai p a {

	margin-left: 1em;

}



/* ----- contact before ----- */



#contact-before ul {

	

}

#contact-before ul li {

	overflow: hidden;

	float: left;

	width: 360px;

	margin-right: 20px;

	background: url(/images/common/line_vr_glay.png) repeat-y 100% 0;

}

#contact-before ul .company {

	width: 350px;

	background: none;

	margin-right: 0;

}

#contact-before ul li p {

	margin: 0 0 5px;

}

#contact-before ul li .thumb {

	float: left;

	width: 74px;

	padding: 2px;

	border: 1px solid #CCC;

}

#contact-before ul li .notes {

	padding-left: 90px;

}

#contact-before ul li .notes dl {

	margin: 0 0 10px;

}

#contact-before ul li .notes dl dt {

	float: left;

	width: 25px;

	padding: 3px 0;

}

#contact-before ul li .notes dl dd {

	margin: 5px 0;

	padding: 2px 0;

	padding-left: 65px;

	background: url(/images/common/ico_tel.gif) no-repeat 35px 0;

}



/* ----- contact after ----- */



#contact-after {

	

}

#contact-after ul {

	margin: 0 0 10px;

}

#contact-after ul li {

	overflow: hidden;

	float: left;

	width: 360px;

	margin-right: 20px;

}

#contact-after ul li p {

	margin: 5px 0;

}

#contact-after ul .ip {

	width: 350px;

	background: none;

	margin-right: 0;

}

#contact-after ul li .number {

	margin: 5px 0;

	padding: 2px 0;

	padding-left: 30px;

	background: url(/images/common/ico_tel.gif) no-repeat 0 0;

}

#contact-after .notes {

	font-size: 83%;

}

#contact-after .notes strong{

	color: #F00;

	font-weight: normal;

}



/* ===== sidebar ===== */



#sidenavi {

	float: left;

	width: 170px;

}

#sidenavi .main {

	width: 170px;

	margin-bottom:20px;

}

#sidenavi .main h2 ,

#sidenavi .main p.title2 /* 130417 m.s */ {

	background: url(/images/common/sidenavi_bg_top.gif) no-repeat 0 0;

	padding: 5px 0 0;

}

#sidenavi .main h2 a {

	display: block;

	padding: 10px 15px 15px;

	padding-left: 30px;

	border-left: 1px solid #CCC;

	border-right: 1px solid #CCC;

	background: url(/images/common/ico_arrow_right_01.png) no-repeat 10px 42%;

}

#sidenavi .main p.title2 a { /* 130417 m.s */

	display: block;

	padding: 5px;

	padding-left: 30px;

	border-left: 1px solid #CCC;

	border-right: 1px solid #CCC;

	background: url(/images/common/ico_arrow_right_01.png) no-repeat 10px 42%;

}

#sidenavi .main p.title2 span { /* 130417 m.s */

	display: block;

	padding: 0 5px 5px;

	padding-left: 30px;

	border-left: 1px solid #CCC;

	border-right: 1px solid #CCC;

}

#sidenavi .main .banners {

	width: 168px;

	border: 1px solid #CCC;

}

#sidenavi .main h3 ,

#sidenavi .main p.title3 /* 130417 m.s */ {

	border-left: 1px solid #CCC;

	border-right: 1px solid #CCC;

	padding: 7px;

}

#sidenavi .main h2+h3 ,

#sidenavi .main p.title2+p.title3 /* 130417 m.s */ {

	border-top: 1px solid #CCC;

}

#sidenavi .main p.title3 span { /* 130531 m.s */

    border-left: 3px solid #C00;

    padding: 1px 0 1px 5px;

	font-weight: bold;

}

#sidenavi .main .banners li {

	width: 168px;

	margin: 0;

}

#sidenavi .section {

	width: 170px;

	margin:  0 0 15px;

	padding: 5px 0 0;

	background: url(/images/top/sidenavi_bg_top.gif) no-repeat 0 0;

}

#sidenavi .section>div {

	width: 170px;

	padding: 0 0 5px;

	background: url(/images/top/sidenavi_bg_bottom.gif) no-repeat 0 100%;

}

#sidenavi .section>div>div {

	border-left: 1px solid #CCC;

	border-right: 1px solid #CCC;

	padding: 9px 14px;

	background: #EEE url(/images/top/sidenavi_bg_body.gif) repeat-x 0 0;

}

#sidenavi .section h2 ,

#sidenavi .section p.title /* 130416 m.s */{

	margin: 0 0 10px;

	padding: 0 0 10px;

	border-bottom: 1px solid #CCC;

}

#sidenavi .section p.title span { /* 130416 m.s */

    border-left: 3px solid #C00;

    padding: 1px 0 1px 5px;

	font-weight: bold;

}

#sidenavi .banners li {

	margin: 10px 0;

}

#sidenavi .guide {

	margin: 0 0 20px 0;

}

#sidenavi .guide li a {

	display: block;

	width: 122px;

	margin: 5px 0;

	padding-left: 18px;

	background: url(/images/common/ico_arrow_right_01.png) no-repeat 0 0;

}

#sidenavi #parts_recommend { /* 130531 m.s */

	padding: 5px 5px;

	border: #CCC solid 1px;

	border-radius: 4px;

	margin: 0 0 15px;

}

#sidenavi #parts_recommend ul li { /* 130531 m.s */

	margin-top: 2px;

	padding-bottom: 2px;

	border-bottom: #CCC dashed 1px;

}



#sidenavi #parts_recommend ul li a { /* 130531 m.s */

	background: url(/images/common/icon_subnav.gif) no-repeat 0 6px;

	display: block;

	padding-left: 8px;

}





/* ======================================



 footer



======================================= */



#footer {

	clear: both;

	width: 100%;

	margin: 24px 0 0;

	border-top: 1px solid #E3E3E3;

}

#footer .pagetop {

	width: 950px;

	margin: -24px auto 0;

	text-align: right;

}

	* html #footer .pagetop {

		margin: 0 auto;	

	}



/* ===== local footer ===== */



#footer .sitenavi {

	width: 100%;

	min-height: 180px;

	border-top: 3px solid #F8BB18;

	background: url(/images/common/footer_bg.gif) repeat 0 0;

}

#footer .sitenavi .nav {

	width: 935px;

	margin: 20px auto 0;

	padding-left: 15px;

	background: url(/images/common/line_vr_white.png) repeat-y 0 0;

}

#footer .sitenavi .nav .lv1 {

	float: left;

	min-height: 140px;

	margin-right: 15px;

	padding-right: 15px;

	background: url(/images/common/line_vr_white.png) repeat-y 100% 0;

}

#footer .sitenavi .nav #footer-other {

	margin-right: 0;

	line-height: 160%;

}

#footer .sitenavi .nav .lv2 {

	float: left;

	margin-right: 15px;

	font-size: 83%;

}

#footer .sitenavi .nav li h2 ,

#footer .sitenavi .nav li p {

	margin-bottom: 10px;

	padding-bottom: 10px;

	background: url(/images/common/line_hr_white.png) repeat-x 0 100%;

	line-height: 140%;

	font-weight: bold;

}

#footer .sitenavi .nav li h2 a ,

#footer .sitenavi .nav li p a {

	padding-left: 12px;

	background: url(/images/common/ico_arrow_right_02.png) no-repeat 0 0.3em;

}

#footer .sitenavi .nav li a {

	padding-left: 10px;

	background: url(/images/common/ico_arrow_right_02.png) no-repeat 0 0.3em;

}

#footer .sitenavi a,

#footer .sitenavi a:link {

	color: #FFF;

}

#footer .sitenavi a:visited {

	color: #FFF;

}

#footer .sitenavi a:hover {

	color: #CCC;

}

#footer .sitenavi a:active {

	color: #C00;

}

#footer-lineup {

	width: 166px;

}

#footer-guide {

	width: 166px;

}

#footer-support {

	width: 166px;

}

#footer-shop {

	width: 151px;

}

#footer-other {

	width: 151px;

}



/* ===== global footer ===== */



#footer .global {

	clear: both;

	width: 100%;

	background: #FFF;

	color: #CCC;

	border-bottom: 3px solid #F00;

}

#footer .global .wrap {

	position: relative;

	width: 950px;

	margin: 0 auto;

	padding: 15px 0;

}

#footer .global .wrap .nav {

	font-size: 83%;

	width: 75%;

}

#footer .global .wrap .copyright {

	position: absolute;

	right: 0;

	top: 15px;

}

#footer .global .wrap h2 ,

#footer .global .wrap p.mcj {

	padding: 15px 0 0;

	text-align: right;

}



/* ======================================



 attention,trademark



======================================= */

#contents .attention {

	margin: 10px 0;

	font-size: 90%;

	line-height: 120%;

}

#contents .attention em {

	font-style: normal;

	color: #F00;

}

#contents .attention li {

	margin-left:2em;

	text-indent:-2em;

}

#contents .attention dd {

	margin-left:3em;

	text-indent:-2em;

}

#contents .trademark {

	margin: 10px 0 20px 0;

	font-size: 90%;

	font-family: Helvetica, Arial, sans-serif;

	line-height: 120%;

}

#contents .trademark li {

	margin-left:1em;

	text-indent:-1em;

}

#product-detail .notes {

	margin: 10px 0;

	font-size: 90%;

	line-height: 120%;

}



/* ======================================



 analytics



======================================= */

#id_shellfish, #id_bivalves { position: absolute; }

img[name="s_i_mcjjp"] { position: absolute; }

body>img[width="1"] { position: absolute; }





/* ======================================



 SBM



======================================= */

.social-button { overflow: hidden; }

.social-button .fb_edge_comment_widget { display: none; }



/* ====================================



	module set



	2012.03.12 masaki shinohara

	up data 2013.01.31



====================================== */



/* ======= margin ======= */

/* top */

.mt2 { margin-top:2px; }

.mt3 { margin-top:3px; }

.mt5 { margin-top:5px; }

.mt8 { margin-top:8px; }

.mt10 { margin-top:10px; }

.mt15 { margin-top:15px; }

.mt16 { margin-top:16px; }

.mt20 { margin-top:20px; }

.mt25 { margin-top:25px; }

.mt30 { margin-top:30px; }

.mt35 { margin-top:35px; }

.mt40 { margin-top:40px; }

.mt45 { margin-top:45px; }

.mt50 { margin-top:50px; }

.mt60 { margin-top:60px; }

.mt70 { margin-top:70px; }

.mt80 { margin-top:80px; }

.mt90 { margin-top:90px; }

.mt100 { margin-top:100px; }



.mt-2 { margin-top:-2px; }

.mt-3 { margin-top:-3px; }

.mt-5 { margin-top:-5px; }

.mt-8 { margin-top:-8px; }

.mt-10 { margin-top:-10px; }

.mt-15 { margin-top:-15px; }

.mt-16 { margin-top:-16px; }

.mt-20 { margin-top:-20px; }

.mt-25 { margin-top:-25px; }

.mt-30 { margin-top:-30px; }

.mt-35 { margin-top:-35px; }

.mt-40 { margin-top:-40px; }

.mt-45 { margin-top:-45px; }

.mt-50 { margin-top:-50px; }



/* left */

.ml2 { margin-left:2px; }

.ml3 { margin-left:3px; }

.ml5 { margin-left:5px; }

.ml8 { margin-left:8px; }

.ml10 {	margin-left:10px; }

.ml15 { margin-left:15px; }

.ml20 { margin-left:20px; }

.ml25 { margin-left:25px; }

.ml30 { margin-left:30px; }

.ml35 { margin-left:35px; }

.ml40 { margin-left:40px; }

.ml45 { margin-left:45px; }

.ml50 { margin-left:50px; }

.ml60 { margin-left:60px; }

.ml70 { margin-left:70px; }

.ml80 { margin-left:80px; }

.ml90 { margin-left:90px; }

.ml100 { margin-left:100px; }



.ml1em { margin-left:1em }

.ml1_5em { margin-left:1.5em }

.ml2em { margin-left:2em }

.ml2_5em { margin-left:2.5em }



/* right */

.mr2 { margin-right:2px; }

.mr3 { margin-right:3px; }

.mr5 { margin-right:5px; }

.mr8 { margin-right:8px; }

.mr10 {	margin-right:10px; }

.mr15 { margin-right:15px; }

.mr20 { margin-right:20px; }

.mr25 { margin-right:25px; }

.mr30 { margin-right:30px; }

.mr35 { margin-right:35px; }

.mr40 { margin-right:40px; }

.mr45 { margin-right:45px; }

.mr50 { margin-right:50px; }



/* bottom */

.mb2 { margin-bottom:2px; }

.mb3 { margin-bottom:3px; }

.mb5 { margin-bottom:5px; }

.mb8 { margin-bottom:8px; }

.mb10 { margin-bottom:10px; }

.mb15 { margin-bottom:15px; }

.mb20 { margin-bottom:20px; }

.mb25 { margin-bottom:25px; }

.mb30 { margin-bottom:30px; }

.mb35 { margin-bottom:35px; }

.mb40 { margin-bottom:40px; }

.mb45 { margin-bottom:45px; }

.mb50 { margin-bottom:50px; }



.mb-2 { margin-bottom:-2px; }

.mb-3 { margin-bottom:-3px; }

.mb-5 { margin-bottom:-5px; }

.mb-8 { margin-bottom:-8px; }

.mb-10 { margin-bottom:-10px; }

.mb-15 { margin-bottom:-15px; }

.mb-16 { margin-bottom:-16px; }

.mb-20 { margin-bottom:-20px; }

.mb-25 { margin-bottom:-25px; }

.mb-30 { margin-bottom:-30px; }

.mb-35 { margin-bottom:-35px; }

.mb-40 { margin-bottom:-40px; }

.mb-45 { margin-bottom:-45px; }

.mb-50 { margin-bottom:-50px; }





/* ======= float ======= */

.fl { float:left; }

.fr { float:right; }

.clear { clear:both; }





/* ======= display ======= */

.display_none {	display: none; }

.block { display:block; }



/* ======= padding ======= */

/* top */

.pt2 { padding-top:2px; }

.pt3 { padding-top:3px; }

.pt5 { padding-top:5px; }

.pt8 { padding-top:8px; }

.pt10 { padding-top:10px; }

.pt15 { padding-top:15px; }

.pt20 { padding-top:20px; }



/* left */

.pl2 { padding-left:2px; }

.pl3 { padding-left:3px; }

.pl5 { padding-left:5px; }

.pl8 { padding-left:8px; }

.pl10 { padding-left:10px; }

.pl15 { padding-left:15px; }

.pl20 { padding-left:20px; }

.pl25 { padding-left:25px; }

.pl30 { padding-left:30px; }

.pl35 { padding-left:35px; }

.pl40 { padding-left:40px; }

.pl45 { padding-left:45px; }

.pl50 { padding-left:50px; }



/* right */

.pr2 { padding-right:2px; }

.pr3 { padding-right:3px; }

.pr5 { padding-right:5px; }

.pr8 { padding-right:8px; }

.pr10 { padding-right:10px; }

.pr15 { padding-right:15px; }

.pr20 { padding-right:20px; }

.pr25 { padding-right:25px; }

.pr30 { padding-right:30px; }

.pr35 { padding-right:35px; }

.pr40 { padding-right:40px; }

.pr45 { padding-right:45px; }

.pr50 { padding-right:50px; }



/* bottom */

.pb2 { padding-bottom:2px; }

.pb3 { padding-bottom:3px; }

.pb5 { padding-bottom:5px; }

.pb8 { padding-bottom:8px; }

.pb10 { padding-bottom:10px; }

.pb15 { padding-bottom:15px; }

.pb20 { padding-bottom:20px; }

.pb25 { padding-bottom:25px; }

.pb30 { padding-bottom:30px; }

.pb35 { padding-bottom:35px; }

.pb40 { padding-bottom:40px; }

.pb45 { padding-bottom:45px; }

.pb50 { padding-bottom:50px; }





/* ======= font size ======= */

.fs10 { font-size:10px; }

.fs12 { font-size:12px; }

.fs14 { font-size:14px; }

.fs16 { font-size:16px; }

.fs18 { font-size:18px; }

.fs20 { font-size:20px; }

.fs22 { font-size:22px; }

.fs24 { font-size:24px; }



.fs65p { font-size:65%; }

.fs75p { font-size:75%; }

.fs80p { font-size:80%; }

.fs85p { font-size:85%; }

.fs90p { font-size:90%; }

.fs95p { font-size:95%; }

.fs100p { font-size:100%; }

.fs110p { font-size:110%; }

.fs120p { font-size:120%; }

.fs130p { font-size:130%; }

.fs140p { font-size:140%; }

.fs150p { font-size:150%; }

.fs160p { font-size:160%; }

.fs170p { font-size:170%; }

.fs180p { font-size:180%; }

.fs200p { font-size:200%; }

.fs250p { font-size:250%; }

.fs300p { font-size:300%; }

.fs350p { font-size:350%; }





/* ======= font size ======= */

.red { color:#F00; }

.blue { color:#00F; }

.white { color:#FFF; }

.green { color:#0F0; }

.gray { color:#999; }

.gray25 { color:#CCC; }

.gray75 { color:#666; }

.orange { color:#F90; }

.pink { color:#F0F; }

.yellow { color:#FF0; }

.black { color:#000; }



/* ======= text ======= */

.text-indent1 { text-indent:1em; }

.text-indent1_5 { text-indent:1.5em; }

.text-indent2 { text-indent:2em; }

.text-indent2_5 { text-indent:2.5em; }



.text-indent-1 { text-indent:-1em; }

.text-indent-1_5 { text-indent:-1.5em; }

.text-indent-2 { text-indent:-2em; }

.text-indent-2_5 { text-indent:-2.5em; }



.tl { text-align:left; }

.tr { text-align:right; }

.tc { text-align:center; }



.bold { font-weight:bold; }



/* ======= width ======= */

.w50px { width: 50px; }

.w100px { width: 100px; }

.w150px { width: 150px; }

.w200px { width: 200px; }

.w250px { width: 250px; }

.w300px { width: 300px; }

.w350px { width: 350px; }

.w400px { width: 400px; }

.w450px { width: 450px; }

.w500px { width: 500px; }

.w550px { width: 550px; }

.w600px { width: 600px; }

.w650px { width: 650px; }

.w700px { width: 700px; }

.w750px { width: 750px; }



.w25pc { width: 25%; }

.w50pc { width: 50%; }

.w75pc { width: 75%; }

.w100pc { width: 100%; }



/* ======= height ======= */

.h50px { height: 50px; }

.h100px { height: 100px; }

.h150px { height: 150px; }

.h200px { height: 200px; }

.h250px { height: 250px; }

.h300px { height: 300px; }

.h350px { height: 350px; }

.h400px { height: 400px; }

.h450px { height: 450px; }

.h500px { height: 500px; }

.h550px { height: 550px; }

.h600px { height: 600px; }

.h650px { height: 650px; }

.h700px { height: 700px; }

.h750px { height: 750px; }



/* - - - - - End Module - - - - */



/* ======= 20120524追加　カテゴリページ上バナー ======= */

#contents .common-contents-banners {

	width: 760px;

	margin: 10px 0;

	overflow:hidden;

}

#contents .common-contents-banners ul {

	width: 780px;

	margin: 0px -10px;

	text-align: center;

}

	*+html #contents .common-contents-banners ul {

		width: 784px;

		margin: 0px -12px;

	}

#contents .common-contents-banners ul li {

	display: inline-block;

	margin: 7px 8px;

	_display: inline; /* IE6 */

}

	*+html #contents .common-contents-banners ul li {

		display: inline;

		zoom: 1;

		margin: 7px 9px;

	}





/* ======= 20130416追加 m.s サイドナビカスタマイズオプション ======= */

#customize_recommend ul li {

	font-size: 85%;

	margin: 0 0 3px !important;

}



/* ======= 20130621追加 m.s ページトップへ移動ボタン ======= */

#back_to_pagetop {

	position: fixed;

	right: 15px;

	bottom: 20px;

	z-index: 8000;

	display: none;

	text-align: center;

	font-family: "Segoe UI", "メイリオ", "meiryo UI";

}

#back_to_pagetop a {

	display: block;

	color: #333;

	padding: 8px 5px;

	margin: 0;

	background-color: #ccc;

	border-radius: 5px;

	-moz-border-radius: 5px;

	text-decoration: none;

	font-weight: bold;

	font-size: 12px;

	opacity:0.7;

	filter: alpha(opacity=70);

}

#back_to_pagetop a:hover {

	background: #666;

	color: #FFF;

	opacity:1;

	filter: alpha(opacity=100);

	-webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

    transition: 0.5s;

}