@charset "utf-8";
/*
2018.09.27海野作成
チグハグになっているサイト状態を整えるためのcommon.css
*/

/* 基本設定
================================================ */
body {
	font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
a {
	text-decoration: none;
	color: #111;
}
a:hover {
	text-decoration: none;
	color: #111;
}
a:visited {
	text-decoration: none;
	color: #111;
}
a:active {
	text-decoration: none;
	color: #111;
}


/* タグ属性リセット
================================================ */
iframe {
	border:none;
}

/* 

指定のclassやidで囲った箇所のみに有効
タグ特性のリセットをせずに作成したページが崩れる可能性があるため、
以後指定のclass・idで括ったページのみに適応
*/


/* itemDetail (商品ページ　商品詳細　ランディング部分　に使用)
--------------------------------------*/
.itemDetail {
	line-height:1.5;	
	font-size: 14px;
}
.itemDetail img {
	vertical-align:top;
}
.itemDetail html , .itemDetail body , .itemDetail div , .itemDetail span , .itemDetail object , .itemDetail iframe , .itemDetail h1 , .itemDetail h2 , .itemDetail h3 , .itemDetail h4 , .itemDetail h5 , .itemDetail h6 , .itemDetail p , .itemDetail blockquote , .itemDetail pre , .itemDetail abbr , .itemDetail address , .itemDetail cite , .itemDetail code , .itemDetail del , .itemDetail dfn , .itemDetail em , .itemDetail img , .itemDetail ins , .itemDetail kbd , .itemDetail q , .itemDetail samp , .itemDetail small , .itemDetail strong , .itemDetail sub , .itemDetail sup , .itemDetail var , .itemDetail b , .itemDetail i , .itemDetail a , .itemDetail dl , .itemDetail dt , .itemDetail dd , .itemDetail ol , .itemDetail ul , .itemDetail li , .itemDetail fieldset , .itemDetail form , .itemDetail label , .itemDetail legend , .itemDetail table , .itemDetail caption , .itemDetail tbody , .itemDetail tfoot , .itemDetail thead , .itemDetail tr , .itemDetail th , .itemDetail td , .itemDetail article , .itemDetail aside , .itemDetail canvas , .itemDetail details , .itemDetail figcaption , .itemDetail figure , .itemDetail footer , .itemDetail header , .itemDetail hgroup , .itemDetail menu , .itemDetail nav , .itemDetail section , .itemDetail summary , .itemDetail time , .itemDetail mark , .itemDetail audio , .itemDetail video , .itemDetail main , .itemDetail button , .itemDetail input {
	margin:0;
	padding:0;
}
.itemDetail li {
	list-style:none;
}
.itemDetail table td {
	vertical-align:top;
}
/* contents 
--------------------------------------*/
.contents a {
	display:block;
}
/* reset (任意ページなどで使用。全体にリセットかけると崩れるため、新しく作っていくページ用。）
--------------------------------------*/
html.reset {
	font-size : 62.5%;
}
.reset body {
	font-size:12px;
	font-size:1.2rem;
}
.reset html , .reset body , .reset div , .reset span , .reset object , .reset iframe , .reset h1 , .reset h2 , .reset h3 , .reset h4 , .reset h5 , .reset h6 , .reset p , .reset blockquote , .reset pre , .reset abbr , .reset address , .reset cite , .reset code , .reset del , .reset dfn , .reset em , .reset img , .reset ins , .reset kbd , .reset q , .reset samp , .reset small , .reset strong , .reset sub , .reset sup , .reset var , .reset b , .reset i , .reset a , .reset dl , .reset dt , .reset dd , .reset ol , .reset ul , .reset li , .reset fieldset , .reset form , .reset label , .reset legend , .reset table , .reset caption , .reset tbody , .reset tfoot , .reset thead , .reset tr , .reset th , .reset td , .reset article , .reset aside , .reset canvas , .reset details , .reset figcaption , .reset figure , .reset footer , .reset header , .reset hgroup , .reset menu , .reset nav , .reset section , .reset summary , .reset time , .reset mark , .reset audio , .reset video , .reset main , .reset button , .reset input {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	box-sizing: border-box;
}
.reset article, .reset aside, .reset details, .reset figcaption, .reset figure, .reset footer, .reset header, .reset hgroup, .reset menu, .reset nav, .reset section { display:block; }
.reset ol, .reset ul, .reset li { list-style:none; }
.reset h1, .reset h2 , .reset h3 , .reset h4 , .reset h5 , .reset h6 {font-weight:normal;}

/* 画像
--------------------------------------*/
img {
	border:none;
	vertical-align:top;
	max-width:100%;
	height:auto;
}
.FS2_Recommend2_container_ItemList th img {
    max-width: initial;
}
/* iframe サイズ管理
================================================ */
#iHeader , #iWp-autocalc {
	display:block;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	box-sizing: border-box;
}

#iHeader {
	width:1000px;
	height:400px;
	display:block;
	margin:0 auto;
	margin-top: 50px;
}
#iFooter {
	width:1000px;
	height:1700px;
	display:block;
	margin:0 auto;
}
#iWp-autocalc {
	width:780px;
	height:1330px;
}

/* 汎用スタイル
================================================ */
/* clearfix
--------------------------------------*/
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.clear {
	clear:both;
}
/* table
--------------------------------------*/
/* table */
.cmpTbl01 , .cmpTbl02 {
	background-color: #FFF;
	border-collapse: collapse;
	border-spacing: 1px;
	font-size: 13px;
	width:100%;
}

.cmpTbl01 th, .cmpTbl01 td , 
.cmpTbl02 th, .cmpTbl02 td {
	padding: 5px;
	font-weight: normal;
	vertical-align: middle;
}
.cmpTbl01 th, .cmpTbl01 td {	
	border: solid 1px #000;
}
.cmpTbl02 th, .cmpTbl02 td {
	border:solid 1px #999;
}

.cmpTbl01 .att {
	background-color: #bf0000;
	color: #fff;
}
.cmpTbl01 th {
	background-color: #999;
}
.cmpTbl01 th , .cmpTbl02 th {
	color: #fff;
	text-align:center;
}
.cmpTbl01 td , .cmpTbl02 td {
	text-align: left;
}
.cmpTbl02 th {
	background-color:#E0E0E0;
	color:#000;
}


.red {
    color: #bc0003;
}

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

/* 
▽top.cssに記載コード(後に整頓して不要なコードを削除する)
 gNavi  
-------------------------------------------------------------------------*/
#gNavi {
	position: relative;
	width:1000px;
	border-top: 2px solid #000;

	border-bottom: 1px solid #000;
	background: #fff;
	margin:0 0 10px 0;
	padding:10px 0;
}
#gNavi a {
	color: #000;
	text-decoration: none;
	font-size: 13px;
}
#gNavi a:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
		text-decoration: underline;
}


	
.MegaMenu {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding:0;
	background: #fff;
	display: table;
}
.MegaMenu li {
	padding: 0;
	text-align: center;	display: table-cell;
	vertical-align: middle;
	height: 30px;
}
.MegaMenu li#menu01 {
	width: 141px;
	/*
	border-right:#9a9999 1px solid;*/
}
.MegaMenu li#menu02 {
	width: 142px;
	border-right: none;
}
.MegaMenu li#menu02 img{
	vertical-align: bottom;
}
.MegaMenu > li > a {
	/*display: block;*/
	margin: 0;
	font-size: 13px;
	line-height: 1;
}
/*.MegaMenu li a span { display:block; font-size:10px;}*/

.MegaMenu li ul li {
	width: 160px;
	margin-right: 0;
}
.MegaMenu li:hover > a {
}
.MegaMenu li a:hover {
}
.MegaMenu .drop_content {
	position: absolute;
	top: 61px;
	left: 0;
	width: 944px;
	padding: 20px 25px 20px;
	border: 1px solid #eee;
	/*background:#fff;*/
	background-color: #fdfdfd;
	z-index: 5999;
	display: none;
	height:auto;
}
#gNavi ul li:hover .drop_content {
	display: block !important;
}
.MegaMenu .cate_menu {
	width: 440px;
	text-align: left;
}
.MegaMenu li dl dt {
	margin-bottom: 8px;
	font-size: 10px;
}
.MegaMenu li dl dt span {
	display: inline-block;
	padding-right: 1em;
	font-size: 13px;
	font-weight: bold;

}
.MegaMenu .sub_category li {
	margin-top: 3px;
	white-space:nowrap;
}
.MegaMenu .sub_category li:hover {/* background-color:#fcfaf5;*/
	background-color: #F5F4EF;
}
.MegaMenu .sub_category li a {
	display: block;
	padding: 5px 7px;
	text-align: left;
	white-space:nowrap;
}
.MegaMenu .reco_menu {
	float: right;
	width: 610px;
	padding-left: 30px;
	border-left: 1px dotted #eee;
	margin-top:-30px;
	text-align:left;
}

.MegaMenu .reco_menu img{
	display:block;
	}
	
.MegaMenu .reco_menu ul li {
	float: left;
	width: 120px;
	margin-right: 40px;
	text-align:left;
}
.MegaMenu .reco_menu ul li p {
	margin: 5px 0 0 0;
	line-height: 1.3;
	font-size: 11px !important;
	font-weight: normal;
	display:block;
	width:120px;
}
.MegaMenu .reco_menu .caption {
	font-size: 10px;
}
.MegaMenuTable {
	cursor: default;
}
.MegaMenuTable a {
	cursor: pointer;
	padding: 9px 7px;
}
.MegaMenuTable .MegaMenuLists {
	margin: 0px 15px;
	padding: 0px;
	color: #BBB;
	list-style: none;
}
.MegaMenuTable .MegaMenuLists li a:hover {
	background-color: #F5F4EF;
}
.MegaMenuTable .MegaMenuLists li a {
	display: block;
	padding: 3px 5px;
	text-align: left;
	text-decoration: none;
}
.MegaMenuLists li {
	font-size: 12px;
	width: 160px;
	clear:both;
}
.MegaMenuTable {
	border-collapse: collapse;
}
.MegaMenuTable th {
	text-align: left;
	padding: 5px 10px;
	font-size: 12px;
}
.MegaMenuTable .MegaMenuHead {
	padding: 0;
}
.MegaMenuTable .MegaMenuHead a {
	text-decoration: none;
}
.MegaMenuTable td {
	vertical-align: top;
}
.MegaMenuTable td.LastCell {
	border: none;
}




/* news bar */

#news {
/*	position: relative;*/
	width:940px;
	_width:1000px;
	background-image:url(../img/icon_news.gif) ;
	background-repeat:no-repeat;
	background-position:left center;
	background-color:#eaeaea;
	margin:0 0 10px 0;
	text-align:left;
	font-size:12px;
	padding:5px 0 5px 60px;
}

#news a {
	color: #000;
	text-decoration: none;
	font-size: 13px;
}
#news a:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
		text-decoration: underline;
}



/* 仮調整中 */

.g_menu {width:100%; text-align:center; font-size:88%; color:#111; padding:13px 0; margin-bottom:6px;}
.g_menu a { color:#111; text-decoration:none; display:inline;}
.g_menu a:hover { color:#111; text-decoration:underline;}
.word {text-align:left; color:#111111; font-size:72%; top:-6px; position:relative;}
.word  a { color:#111; text-decoration:none;}
.word  a:hover { color:#111; text-decoration:underline;}

/* news bar */

#search_bar  {
/*	position: relative;*/
	width:1000px;
	background-color:#fff;
	margin:0 0 10px 0;
	text-align:left;
	font-size:12px;
	padding:5px 0;
}

#search_bar a {
	color: #000;
	text-decoration: none;
	font-size: 13px;
}
#search_bar a:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
		text-decoration: underline;
}

form{
	display: block;
	vertical-align: top;
	overflow: hidden;
}
form input[type="text"]{
	height: 32px;
	border: #ccc 1px solid;
	display: block;
	float: left;
	box-sizing:border-box;
}
form input[type="submit"]{
	width: 62px !important;
	height: 32px;
	border:none;
	text-align: center;
	display: block;
	float: right;
}
.FS2_PurchaseButton_container input[type="submit"]{
	width: 100% !important;
}
.FS2_CalcMoneyButton_container input[type="submit"]{
	width: 60% !important;
}

#sabNav {
    width: 600px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    background: #fff;
    margin: 20px 0 20px 0;
    display: table;
    padding: 10px 0;
    float: left;
}

#sabNav li {
    float: left;
    margin-left: 10px;
    vertical-align: middle;
    display: table-cell;
}

#sabNav li a {
    font-size: 13px;
    margin: 0 10px;
    padding: 13px 0;
    text-align: center;
    vertical-align: middle;
}

#bnrSlide {
    margin-top: -1px;
    width: 360px;
    float: right;
}