@charset "utf-8";

/*
「サイトカラー一括編集 #182a4d を16ヶ所修正」
テーブルタグを更新
*/

/*----------------------------------------------------

               1. universal reset 

----------------------------------------------------*/

*{
	margin:0;
	padding:0;
}

/*----------------------------------------------------

               2. body and base setting (PC)

----------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','メイリオ','Meiryo','Verdana','ＭＳ Ｐゴシック',sans-serif;
	background: #fff;
	color: #333;
}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	padding: 0;/* margin&padding reset */
	line-height: 1.5;/* base line height */
	display: block;
	margin: 0px;
	font-size:100%;
}
img {
	border: none;/* img do not want a border */
	vertical-align: bottom;
}

a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
input, select {
	vertical-align: middle;
}
/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{
	cursor:help;
}

/* HTML5
-------------------------------------*/
article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
	display: block;
}
strong{ font-weight: bold; color:#FC4003; }
em { font-weight: bold; font-style: italic; }
.normal { font-style: normal; }
.itaric { font-style: italic; }
.small {font-size: 77%; }
.big {font-size: 144%; font-weight: bold; }

li { list-style: none; }/* link do not want a dot */

/* 汎用マージン
-------------------------------------*/
hr{visibility:hidden;clear:both;
}
.sps1 {
	margin-bottom: 5px;
	clear:both;
}
.sps2 {
	margin-bottom: 10px;
	clear:both;
}
.sps3 {
	margin-bottom: 15px;
	clear:both;
}
.sps4 {
	margin-bottom: 20px;
	clear:both;
}
.sps5 {
	margin-bottom: 30px;
	clear:both;
}
.sps6 {
	margin-bottom: 100px;
	clear:both;
}
.sps7{
	margin-bottom: 150px;
	clear:both;
}
.sps8 {
	margin-bottom: 200px;
	clear:both;
}
.sps9 {
	margin-bottom: 250px;
	clear:both;
}

/*----------------------------------------------------

               3. layout setting (PC)

----------------------------------------------------*/
#container {
	padding: 0;
	border-top: 5px solid #182a4d;
	border-bottom: 5px solid #182a4d;
	min-width: 950px;
}

/* コンテンツ、ヘッダー、フッター の
   横幅指定とセンタリング
----------------------------------------------------*/
.inner {
	width: 950px;
	margin: 0 auto;
}


#header {
	clear: both;
	background: #fff url("images/header-bottom.gif") repeat-x left bottom;
	margin: 0;
	padding: 10px 0 20px 0;

}

#content {
	clear: both;
	background: #fff;
	margin: 0;
	padding:0;

	font-size: 100%;
}

#content #main {
	float: left;
	background: #fff;
	margin: 10px 0 10px;
	padding:0;
	width:600px;
	/display: inline;
}
#content #sub {
	float: left;
	background: #fff;
	margin: 0;
	padding: 10px 0 10px 0;
	width:340px;
	/display: inline;
}
#content #sub-inner {
	margin: 0 0 0 10px;
	padding: 10px;
	background: #fff;
	border: 1px solid #BABABA;
	border-radius: 3px;
}
#footer {
	clear: both;
	background: #EDEDED;
	margin: 0;
	padding: 10px 0 10px;
	border-top:  1px solid #D0D0D0;

}


/*----------------------------------------------------

               4. #header 詳細 (PC)

----------------------------------------------------*/

/*h1の装飾
--------------------*/
#header .titleClass {
    margin: 0;
    padding: 10px 10px 0 0;
	font-size: 167%;
	letter-spacing: 0.05em;
}
#header .titleClass a:link{
	font-weight: bold;
	color: #333;
	outline: none;	
	text-decoration: none;
}
#header .titleClass a:visited {
	font-weight: bold;
	color: #333;
	outline: none;
	text-decoration: none;
}
#header .titleClass a:hover {
	font-weight: bold;
	color: #333;
	text-decoration: underline;
}
#header .titleClass a:active {
	font-weight: bold;
	color: #333;
	outline: none;
}
/*h2の装飾
--------------------*/
#header p {
    margin: 0;
    padding: 0 10px 0 0;
	font-size: 100%;
	letter-spacing: 0.02em;
	font-weight: normal;
}
/*----------------------------------------------------

               5. メニュー (PC)

----------------------------------------------------*/
/*グローバルナビゲーション
--------------------*/
nav.menuArea {
	clear: both;
    background: #182a4d;
	margin: 0 0 10px;
	padding: 0 0 0 0;

}


ul.globalNav{
    margin: 0 0 0 5px;
    padding:  0;
    background: #182a4d;
}

ul.globalNav li{
	float: left;
	width: 16.6%;
    margin: 0;
    border-top: solid 0px #fff;	
    border-bottom: solid 0px #fff;	
    background: #182a4d;
    font-size:92%;
}
ul.globalNav li a{
    display: block;    
	padding: 8px 0px 7px;
	margin: 0;
    border-right: solid 1px #fff;
    text-align:center;	
}
ul.globalNav li:first-child a {
	border-left: solid 1px #fff;
}
ul.globalNav li a:link {
    background: #182a4d;
    text-decoration: none;
	font-weight: normal;
	color: #fff;
}
ul.globalNav  li a:visited {
    background: #182a4d;	
    text-decoration: none;
	font-weight: normal;
	color: #fff;
}
ul.globalNav li a:hover {
    background: #59595A;
	text-decoration: underline;
	font-weight: normal;
	color: #fff;
}
/*---------------------------------------------------------
  					side menu
---------------------------------------------------------*/
/*side menu(PC)
--------------------*/
.hide-sm{
	display:block;
}

.r1{

}
.r2{

}

#fixedItem-sm {
	display: none;
}

/*----------------------------------------------------

               6. #content詳細（メインコンテンツ） (PC)

----------------------------------------------------*/
/*パンくずナビゲーション setting
--------------------*/
#container #topicPath {
	clear: both;
	background: #fff;
	margin:0;
	padding:7px 0 0 0;
}
#container #topicPath ol{
	background: #fff;
	font-size: 100%;
	margin: 0 10px 10px 15px;
	padding: 0 0 0 0;
	

}
#container #topicPath ol li{
	display: inline;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
}

#container #topicPath ol li:before {
        
        content: " > ";
}

#container #topicPath ol li:first-child:before {
        content:"";
}

/*お知らせスペース
--------------------*/

#container section#about-site {
	background: #fff;
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
}
#container section#about-site .infoSpace {
	background: #fff;
	clear: both;
	font-size: 114%;
	border:  1px solid #BABABA;
	margin: 0 10px;
	padding: 15px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#container section#about-site h2 {
	margin: 0 0 0 20px;
	padding: 0 0 0 5px;
	font-size: 100%;
    font-weight: bold;
	color: #333;
	vertical-align: middle;
	letter-spacing: 0.1em;
	border-left: 7px solid #182a4d;
}

#container section#about-site ul, #container section#about-site ol{
	background: #fff;
	font-size: 85%;
	margin: 5px 0 10px 20px;
    padding: 5px 10px 5px 3px;
}
#container section#about-site ul li, #container section#about-site ol li{
	list-style-type: disc;
    margin: 0 0 0 20px;
    padding:0;
}

#container section#about-site p {
	margin: 0;
	padding: 7px 25px;
	letter-spacing: 0.1em;
	font-size: 85%;
}

/*広告スペース(お知らせスペースの下)
--------------------*/
#container section.adArea {
	background: #fff;
	padding: 0 0 10px 0;
	margin: 0;
}
#container section.adArea div.inner div.infoSpace {
    padding: 0 0 0 0;
    margin: 0 10px;
}
#container section.adArea div.inner div.infoSpace p {
    padding: 0 0 0 0;

}
/*広告コードスペース(メインコンテンツ内)
--------------------*/
.ad-spaceMain {
	padding: 20px 20px 20px;
}
#content .ad-spaceMain p{
	padding: 10px 0px 0px 0px;
}
/*広告コードスペース(サブコンテンツ内)
--------------------*/
.ad-spaceSub {
	padding: 20px 0 20px;
	text-align:center;
}

/*画像3列横並び
--------------------*/
#content .divWrap{
		width: 180px;
  		margin: 0 5px 10px 7px;
		padding: 10px 0 0;
		vertical-align:top;
		display:-moz-inline-box;
		display:inline-block;
		/display:inline;
		/zoom: 1;
}
#content .divWrap  > div {
		width :185px;
		display:block;
}

#content .divWrap p.imgP{
		margin: 0; 
		padding: 0 0 0 0;
}
#content .divWrap p.imgP img{
	background: #f2f2f2;
  	border: 1px solid #D0D0D0;
  	padding: 5px;
}

	
#content .divWrap p.topP{
		margin: 5px 10px 10px 0; 
		padding: 1px;
		font-size: 100%;
		border-bottom: 0px solid #333;
}

/*画像に対するテキストの回り込み
--------------------*/
img.img-left {
  float: left;
  clear: both;
  padding: 0 10px 10px 0;
}
.clearImg{
	clear: both;
}
#content table, #content ul, #content ol, #content dl {
	clear: both;
}
/*要素のセンタリング
--------------------*/
.centering {
	text-align: center;
}

/*youtube
--------------------*/
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    margin: 20px 10px 20px;
    height: 0;
    overflow: hidden;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*　ソーシャルメディアリンク
--------------------*/
.share_this{
	margin: -12px 0 12px;
	text-align: center;
	padding: 10px 0;
}
.share_this p{
	margin: 0 10px;
	padding: .5em 0;
	border-radius: 4px;
	background-color: #939393;
	color: #ffffff;
	font-size: 100%;
	text-align: center;
	clear: both;
}

.sns_button {
	margin-top: 12px;
}
.sns_button ul {
	list-style: none;
	padding: 0px;
	margin: 0px auto;
	display: table;
	table-layout: fixed;
	width: 35%;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border: solid 0px #ddd;
	box-shadow: 0px 0px #E3E1E1;

}
.sns_button ul li{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	margin: 3px;	
}
.sns_button ul li a {
	padding: 2px;
	margin-right: 4px;
	margin-left: 4px;
}
.sns_button ul li.tweet a {

	background: #00b0ec;
	border-radius: 7px;
	display: block;
	box-shadow: 0 4px 0 rgba(0,126,170,1);
}
.sns_button ul li.facebook a {

	background: #3b5999;
	border-radius: 7px;
	display: block;
	box-shadow: 0 4px 0 rgb(37, 69, 137);

}
.sns_button ul li.googleplus a {

	background: #df4a32;
	border-radius: 7px;
	display: block;
	box-shadow: 0 4px 0 rgb(160, 39, 19);

}
.sns_button ul li.line a {

	background: #00b900;
	border-radius: 7px;
	display: block;
	box-shadow: 0 4px 0 rgb(5, 144, 5);

}
.sns_button ul li.hatena a {

	background: #296cbd;
	border-radius: 7px;
	display: block;
	box-shadow: 0 4px 0 rgb(22, 76, 141);

}

.sns_button ul li a img{
	width:48px;
	height:48px;
}
.sns_button ul li a img{
	opacity: 1;
	filter: alpha(opacity=100);
	transition: opacity .2s ease-in-out;
}
.sns_button ul li a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}


/*****************************************
	テーブル
******************************************/
/*------↓↓↓　「テーブル」基本設定　↓↓↓------*/
#content #tableWrap {
		margin: 10px 10px 30px; 
		padding: 0;
		overflow-x: auto;
}
#content #tableWrap::-webkit-scrollbar{
	width: 3px;
	background: #eee;
}
#content #tableWrap::-webkit-scrollbar:horizontal{
	height: 5px;
	background: #eee;
}
#content #tableWrap::-webkit-scrollbar-thumb{
	background: #bbb;
	border-radius: 2px;
}
#content #tableWrap::-webkit-scrollbar-thumb:horizontal{
	background: #bbb;
	border-radius: 2px;
}


#table {
	border-collapse: collapse;
	word-wrap: break-word;
	word-break: break-all;
	font-size: 13px;
	
	-webkit-box-shadow: 1px 1px 3px #ccc;    
	-moz-box-shadow: 1px 1px 3px #ccc;    
	box-shadow: 1px 1px 3px #ccc;         

}
#table td,
#table th {
	padding: 5px;
	border: 1px solid #bbb;
	text-align: center;
}
#table thead th {
	font-weight: bold;
	
	background-color: #dce9f9;
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	background-image: linear-gradient(top, #ebf3fc, #dce9f9);
}
#table tbody td {
	background-color: #fff;
}


/*------↓↓↓　「テーブル」パターン別、詳細設定　↓↓↓------*/

/*　2カラム「横幅300px、列幅150px、150px」　*/
table.ptn01 { width: 300px; }	/*　← テーブル全体の横幅　*/
#table thead .col2num-one { width:150px; }	/*　← 1列目の横幅　*/
#table thead .col2num-two { width:150px; }	/*　← 2列目の横幅　*/

/*　2カラム「横幅100%、列幅50%、50%」　*/
table.ptn02 { width: 100%; }	/*　← テーブル全体の横幅　*/
#table thead .col2per-one { width:50%; }	/*　← 1列目の横幅　*/
#table thead .col2per-two { width:50%; }	/*　← 2列目の横幅　*/

/*　3カラム「横幅600px、列幅300px、200px、100px」　*/
table.ptn03 { width: 600px; }	/*　← テーブル全体の横幅　*/
#table thead .col3num-one { width:300px; }	/*　← 1列目の横幅　*/
#table thead .col3num-two { width:200px; }	/*　← 2列目の横幅　*/
#table thead .col3num-three { width:100px }	/*　← 3列目の横幅　*/

/*　3カラム「横幅100%、列幅50%、30%、20%」　*/
table.ptn04 { width: 100%; }	/*　← テーブル全体の横幅　*/
#table thead .col3per-one { width:50%; }	/*　← 1列目の横幅　*/
#table thead .col3per-two { width:30%; }	/*　← 2列目の横幅　*/
#table thead .col3per-three { width:20%; }	/*　← 3列目の横幅　*/

/*　耐久消費財　*/
table.taikyuusyouhizai { width: 100%; }	/*　← テーブル全体の横幅　*/
#table thead .col3num-one { width:70%; }	/*　← 1列目の横幅　*/
#table thead .col3num-two { width:15%; }	/*　← 2列目の横幅　*/
#table thead .col3num-three { width:15%; }	/*　← 3列目の横幅　*/



/*文章エリア（コンテンツ共通）
--------------------*/

#content p{
    margin: 0;
    padding: 10px 0 10px 12px;

}


/*文章エリア（articleのみ）
--------------------*/
#content article#articleMainPage {
    margin: 0;
    padding:0;
}
#content article#articleMainPage ul,#content article#articleMainPage ol {
    margin: 5px 0 10px 15px;
    padding: 5px 10px 5px 8px;
	background: #fff url("images/list-background2.gif") repeat-y;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 100%;
	border: solid 3px #ddd;
	box-shadow: 2px 2px #E3E1E1;
}
#content article#articleMainPage ul li {
	list-style-type: disc;
    margin: 0 0 0 20px;
    padding:0 0 0 5px;
}
#content article#articleMainPage ol li{
	list-style-type: decimal;
    margin: 0 0 0 25px;
    padding:0;
}
/*h1の装飾
--------------------*/
#content article#articleMainPage h1 {
  border:  1px solid #BABABA;
  background: #fff url("images/h3-background.gif") repeat-x left bottom;
  margin: 0 5px 0;
  padding: 10px 10px 7px;
  font-size: 114%;
  line-height: 1.5;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 3px #ccc;
  -moz-box-shadow: 0 1px 3px #ccc;
  box-shadow: 0 1px 3px #ccc;
  clear:both;
}
#content article#articleMainPage h1 > a:link{
  	text-decoration: underline;
	font-weight: bold;
}
#content article#articleMainPage h1 > a:visited{
  	text-decoration: underline;
	font-weight: bold;
}
#content article#articleMainPage h1 > a:hover{
  	text-decoration: none;
	font-weight: bold;
}
#content article#articleMainPage h1 > a:active{
  	text-decoration: none;
	font-weight: bold;
}

/*h2の装飾
--------------------*/
#content article#articleMainPage h2 {
    margin: 10px 0 0 3px;
    padding: 0 5px 2px 13px;
    font-size: 107%;
    line-height: 1.3;
    color: #555;
    border-bottom:  1px solid #BABABA;
    background: transparent url("images/h2-arrow-black.gif") no-repeat left top;
    clear:both;
}
#content article#articleMainPage h2 > a:link{
  	text-decoration: underline;
	font-weight: bold;
}
#content article#articleMainPage h2 > a:visited{
  	text-decoration: underline;
	font-weight: bold;
}
#content article#articleMainPage h2 > a:hover{
  	text-decoration: none;
	font-weight: bold;
}
#content article#articleMainPage h2 > a:active{
  	text-decoration: none;
	font-weight: bold;
}

/*h3の装飾
--------------------*/
#content article#articleMainPage h3 {
	border:  1px solid #BABABA;
	background: #fff url("images/h3-background.gif") repeat-x left bottom;
	margin: 20px 5px 0 5px;
	line-height: 1.3;
	padding: 5px 5px 5px;
	font-size: 100%;
	border-radius: 3px;
	clear:both;
}
#content article#articleMainPage h3 > a:link{
  	text-decoration: underline;
	font-weight: bold;
}
#content article#articleMainPage h3 > a:visited{
  	text-decoration: underline;
	font-weight: bold;
}
#content article#articleMainPage h3 > a:hover{
  	text-decoration: none;
	font-weight: bold;
}
#content article#articleMainPage h3 > a:active{
  	text-decoration: none;
	font-weight: bold;
}
/*h4の装飾
--------------------*/
#content article#articleMainPage h4 {
    margin: 20px 0 0 5px;
    padding: 5px 5px 3px;
    font-size: 100%;
    line-height: 1.3;
    color: #555;
    background: #F0F0F0;
    border-bottom:  1px dotted #aaa;
    clear:both;
}

#content article#articleMainPage h4 > a:link{
  	text-decoration: underline;
	font-weight: bold;
}
#content article#articleMainPage h4 > a:visited{
  	text-decoration: underline;
	font-weight: bold;
}
#content article#articleMainPage h4 > a:hover{
  	text-decoration: none;
	font-weight: bold;
}
#content article#articleMainPage h4 > a:active{
  	text-decoration: none;
	font-weight: bold;
}
/*h5の装飾
--------------------*/
#content article#articleMainPage h5 {
    margin: 20px 0 0 5px;
    padding: 2px 5px 3px;
    font-size: 100%;
    line-height: 1.3;
    color: #555;
    border-bottom: 1px solid #aaa;
    clear:both;
}
#content article#articleMainPage h5 > a:link{
  	text-decoration: underline;
	font-weight: bold;
}
#content article#articleMainPage h5 > a:visited{
  	text-decoration: underline;
	font-weight: bold;
}
#content article#articleMainPage h5 > a:hover{
  	text-decoration: none;
	font-weight: bold;
}
#content article#articleMainPage h5 > a:active{
  	text-decoration: none;
	font-weight: bold;
}

/*pageTop(このページの上へ)setting
--------------------*/
.pageTop {
    clear: both;
	background: #fff;
    margin:  20px 0 20px;
    padding: 0;
    text-align: right;
}
.pageTop p {
    margin: 0;
    padding: 10px 20px 10px 0;
}
.pageTop p a {
  background: #665e53;
  text-decoration: none;
  color: #fff;
  padding: 7px 5px 7px 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.pageTop p a:hover {
  background: rgba(102, 94, 83, 0.72);
}
.pageTop p a:active {
  background: rgba(102, 94, 83, 0.72);
}


/*----------------------------------------------------

               7. サブコンテンツ詳細 (PC)

----------------------------------------------------*/

/*文章エリア
--------------------*/
#content #sub p{
	margin: 0;
	padding:5px 5px;
}
#content #sub ul{
    margin: 3px 3px 0 3px;
    padding: 0;
	background: #fff
}
#content #sub ul li{
	list-style-type: disc;
    margin: 0 0 0 20px;
    padding:0;
}

#content #sub .s-wrap {
	margin: 0;
	padding-bottom: 10px;
}


/*サブ見出しエリア
--------------------*/
#content #sub .s-wrap .midashi-Area{
	border-top:  2px solid #182a4d;
	border-right:  1px solid #DBDBCF;
	border-left: 1px solid #DBDBCF; 
	border-bottom:  1px solid #DBDBCF;
	background: #fff url("images/h2-background.gif") repeat-x left bottom;
    margin-bottom:  10px;
    padding: 0;
	font-size: 100%;
	line-height: 1.5;
}
#content #sub .midashi-Area p,#content #sub .midashi-Area p a{
	margin: 0;
	padding: 3px 5px;
	font-weight:bold;
}

/* ↓↓↓　通販サイト検索フォーム*/
	#sub #mailorderForm{
		width :100%;
		margin: 0;
		margin-bottom: 10px;
		border: 1px solid #CED3C1;
	}
	
	#sub #mailorderForm p.HeadlineForm {
margin: 0;
padding: 3px 0;
border-bottom: 0px solid #DFDFDF;
font-size: 16px;
text-align: center;
background: #182a4d;
color: white;
font-weight: bold;
	
	}
	
	#sub #mailorderForm div.formWrapper {
margin: 5px 5px 5px 5px;
padding: 2px 3px;
border: 1px solid #D1D3BF;
background: #F3F5EF;
border-left: 3px solid #182a4d;
overflow: hidden;
	}
	#sub #mailorderForm div.formWrapper p.HeadingForm{
margin: 0;
padding: 2px 3px;
font-size:12px;
	}
	
	
	#sub #mailorderForm div.formWrapper form.tuuhanMatometeForm, 
	#sub #mailorderForm div.formWrapper form.amzonJpOnlyForm {
margin: 0;
padding: 2px 3px;	
	}
	#sub #mailorderForm div.formWrapper form input {
vertical-align: middle;
	}
	#sub #mailorderForm div.formWrapper form input.mailorderFormText {
width: 70%;
padding: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 2px solid #BBB;
	}
	
	#sub #mailorderForm div.formWrapper form input.tuuhanMatometeSubmit {
padding: 3px 2px;
width: 55px;
margin-left: 4px;

background: -moz-linear-gradient(#f9f9f9, #f2f2f2); 
background: -ms-linear-gradient(#f9f9f9, #f2f2f2); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f2f2f2));
background: -webkit-linear-gradient(#f9f9f9, #f2f2f2);  
background: -o-linear-gradient(#f9f9f9, #f2f2f2);
background: linear-gradient(#f9f9f9, #f2f2f2);
box-shadow: 0 0 2px white inset, 0 0 1px #ccc;
border: 1px solid #aaa;
color: #333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear 0;
cursor: pointer;
outline:none;
	}

	#sub #mailorderForm div.formWrapper form input.tuuhanMatometeSubmit:hover {
padding: 3px 2px;
width: 55px;
background: -moz-linear-gradient(#F2F2F2, #F9F9F9);
background: -ms-linear-gradient(#F2F2F2, #F9F9F9);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2F2F2), color-stop(100%, #F9F9F9));
background: -webkit-linear-gradient(#F2F2F2, #F9F9F9);
background: -o-linear-gradient(#F2F2F2, #F9F9F9);
background: linear-gradient(#F2F2F2, #F9F9F9);
box-shadow: 0 0 2px white inset, 0 0 1px #ddd;
border: 1px solid #ccc;
color: #666;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
outline:none;
	}

	#sub #mailorderForm div.formWrapper form input.tuuhanMatometeSubmit:active {
box-shadow: 0 0 3px #ccc inset, 0 0 1px #ddd;
background: -moz-linear-gradient(#F9F9F9, #F2F2F2);
background: -ms-linear-gradient(#F9F9F9, #F2F2F2);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F9F9F9), color-stop(100%, #F2F2F2));
background: -webkit-linear-gradient(#F9F9F9, #F2F2F2);
background: -o-linear-gradient(#F9F9F9, #F2F2F2);
background: linear-gradient(#F9F9F9, #F2F2F2);
	}

	*:first-child+html #sub #mailorderForm div.formWrapper form input.tuuhanMatometeSubmit { 
		padding: 3px 2px 1px 2px;
 	} 

	
	#sub #mailorderForm div.formWrapper form input.amzonJpOnlySubmit {
padding: 0 0 0 21px;
	}
/* ↑↑↑　通販サイト検索フォーム*/
/*----------------------------------------------------

               8. #footer詳細 (PC)

----------------------------------------------------*/

#footer  p{
    margin: 0;
    padding: 5px 0 5px 0;

}
#footer #copyright {
	margin: 0;
	padding:0;
	text-align:center;
	padding: 0 10px;
}
#footer #copyright p {
   font-weight: bold;
}

#footer ul, #footer ol{
	margin: 5px 0 10px 20px;
    padding: 5px 10px 5px 3px;
}
#footer ul li, #footer ol li{
	list-style-type: disc;
    margin: 0 0 0 20px;
    padding:0;
}
/*ソーシャルボタン
--------------------*/
.fb_iframe_widget_fluid {
	display: inline-block;
}
.fb_iframe_widget {
	display: inline-block !important;
	position: relative;
	line-height: 0.7;
}

/*footer固定
--------------------*/
#bottomFixed{
	display: none;
}
/*----------------------------------------------------

               9. サブページsub.html詳細 (PC)

----------------------------------------------------*/

/*----------------------------------------------------

               10. Utilities

----------------------------------------------------*/
#header:after,
#content:after,
#main:after,
#sub:after,
#footer:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.content,
#footer {
    height: 1%;
}
/* For modern browsers
	# Firefox 2+
	# Safari 2+
	# Chrome
	# Opera 9.27+
 */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 IE Mac (trigger hasLayout) */
.cf {
    zoom:1;
}
/*----------------------------------------------------

               11. link setting

----------------------------------------------------*/

a:link {
	text-decoration: underline;
	font-weight: normal;
	color: #026AFE;
	outline: none;
}

a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #CB4CCB;
    outline: none;
}
a:hover {
	text-decoration: none;
	font-weight: normal;
}
a:active {
	text-decoration: none;
	font-weight: normal;
	outline: none;
}
  /* 以下追加　↓↓↓
----------------------------------------------------*/  
/************************************************************************************
smaller than 600(↓↓↓追加)
*************************************************************************************/

@media screen and (max-width: 600px) { /* SmartPhone Display - width:600px under - */

/*iframe
--------------------*/
iframe.rankIframe {
  width: 100%;
  margin-left: 0px;
  border: 0;
}

}
/************************************************************************************
smaller than 768(↓↓↓追加)
*************************************************************************************/

@media screen and (max-width: 768px) { /* SmartPhone Display - width:768px under - */
/*========================================
BASIC
=======================================*/
	/* disable webkit text size adjust (for iPhone) */
html {
	-webkit-text-size-adjust: 100%;
}
img{
	max-width: 100%;
	height: auto;
}
 
/*----------------------------------------------------

               2. body and base setting (SmartPhone)

----------------------------------------------------*/
body {
	font-size: 16px;
}
/*----------------------------------------------------

               3. layout setting (SmartPhone)

----------------------------------------------------*/
#container{
	padding: 0;	
	margin:0;/* レイアウト完成したら margin:0;　に戻す事*/
	min-width: 0;
}

/* コンテンツ、ヘッダー、フッター の
   横幅指定とセンタリング
----------------------------------------------------*/
.inner {
	width: 100%;
	margin: 0 auto;
}

#header {
	padding:0 0 10px 10px;
}

#content {
	margin: 0;
	padding:0;
}

#content #main {
	float: none;
	margin: 0;
	padding:10px 0 10px;
	width:100%;
	
}
#content #sub {
	float: none;
	margin: 20px 0 0;
	padding:0;
	width:100%;
}
#content #sub-inner {
	margin: 0 5px 0 5px;
	padding:  5px;
	border: 1px solid #BABABA;
	border-radius: 3px;
}

#footer {

}

/*----------------------------------------------------

               4. #header 詳細 (SmartPhone)

----------------------------------------------------*/
/*h1の装飾
--------------------*/
#header .titleClass {
	font-size: 114%;
}
/*h2の装飾
--------------------*/
#header p {
	font-size: 77%;
}
/*----------------------------------------------------

               5. メニュー (SmartPhone)

----------------------------------------------------*/
/*グローバルナビゲーション
--------------------*/
nav.menuArea {
	

}


ul.globalNav{
	  margin: 0 0 -2px 0;
  border-bottom: solid 1px #182a4d;	
    
}


ul.globalNav li{
	float: left;
	width: 50%;
    margin: 0;
    border-top: solid 0px #fff;	
    border-bottom: solid 1px #fff;	
	font-size:77%;
}
ul.globalNav li a{
    display: block;    
	padding: 10px 0px 7px;
	margin: 0;
    border-right: solid 1px #fff;
    text-align:center;	
    position: relative;
}
ul.globalNav li a:after {
display: block;
position: absolute;
top: 50%;
right: 6px;
width: 6px;
height: 6px;
margin-top: -4px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}
ul.globalNav li:first-child a {
	border-left: solid 0px #fff;
}
ul.globalNav li:nth-child(even) a {
	border-right: solid 0px #fff;
}

ul.globalNav li a:link {

}
ul.globalNav  li a:visited {

}
ul.globalNav li a:hover {

}

/*---------------------------------------------------------
  					side menu
---------------------------------------------------------*/
/*side menu(SmartPhone)
--------------------*/
.hide-sm{
	display:none;
}
.r1{

}
.r2{

}


#fixedItem-sm {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #182a4d;
	z-index: 100;
	display: none;
	padding: 7px;
	box-sizing: border-box;
}
#fixedItem-sm .slideMenuTitle {
position: relative;
    padding: 10px 10px 7px;
    color: #393F41;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 1px solid #FFF;
    background: #E2E7E2;
}
#fixedItem-sm .slideMenuTitle a:link{
    color: #393F41;
    text-decoration: none;
    font-weight: bold;
}
#fixedItem-sm .slideMenuTitle a:visited{
    color: #393F41;
    text-decoration: none;
    font-weight: bold;
}

.close {
    background-color: #fff;
    background-image: none;
    background-position: center;
    width: 146px;
    height: 26px;
    color: #989C9D;
    text-decoration: none;
    vertical-align: top;
    position: absolute;
    top: 6px;
    right: 10px;
    border: 2px solid #393F41;
    border-radius: 5px;
    text-align: center;
    line-height: 27px;
    font-size: 13px;
}


#fixedItem-sm .menu-base {
    list-style: none;
    font-weight: 300;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #FFFEFE;
    padding: 5px;
    background: #fff;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    overflow-y: auto;
	height: -webkit-calc(100% - 51px) ;
	height: calc(100% - 51px) ;
    -webkit-overflow-scrolling: touch;
}

#fixedItem-sm .menu-base .sp-bottom {
	display: block;
	height:0px;
	border-top: 0px solid #454545;
  border-bottom: 0px solid #151515;
}


/*----------------------------------------------------

               6. #content詳細（メインコンテンツ） (SmartPhone)

----------------------------------------------------*/
/*パンくずナビゲーション setting
--------------------*/
#container #topicPath {
	clear: both;
	background: #fff;
	margin:0;
	padding:7px 10px 0px 15px;
}
#container #topicPath ol{
	background: #fff;
	font-size: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;

	
}
#container #topicPath ol li{
	font-size: 88%;
}

/*お知らせスペース
--------------------*/

#container section#about-site {
	background: #fff;
	clear: both;
	margin: 0 0 0 0;
	padding: 10px 5px 10px;
}
#container section#about-site .infoSpace {
	background: #fff;
	clear: both;
	font-size: 114%;
	border:  1px solid #BABABA;
	margin: 0 0 0;
	padding: 15px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#container section#about-site h2 {
	margin: 0 0 0 10px;
	padding: 0 0 0 3px;
	font-size: 92%;
    font-weight: bold;
	color: #333;
	vertical-align: middle;
	letter-spacing: 0.1em;
	border-left: 7px solid #182a4d;
}
#container section#about-site ul, #container section#about-site ol{
	background: #fff;
	font-size: 85%;
	margin: 5px 0 10px 20px;
    padding: 5px 10px 5px 3px;
}
#container section#about-site ul li, #container section#about-site ol li{
	list-style-type: disc;
    margin: 0 0 0 7px;
    padding:0;
}
#container section#about-site p {
	margin: 0;
	padding: 7px 10px;
	letter-spacing: 0.1em;
	font-size: 85%;
}
/*広告スペース(お知らせスペースの下)
--------------------*/
#container section.adArea {
  padding: 0 0px 10px 0px;
  margin: 0 0;
}
#container section.adArea div.inner div.infoSpace {
    padding: 0 0 0 0;
    margin: 0 5px;
}
#container section.adArea div.inner div.infoSpace p {
    padding: 0 0 0 0;

}
/*広告コードスペース(メインコンテンツ内)
--------------------*/
.ad-spaceMain {
	padding: 20px 0px 20px;
	text-align:center;
}
.ad-spaceMain ins{
	text-align:center;
	margin: 0 auto;
}
#content .ad-spaceMain p{
	text-align: left;
	padding: 10px 10px 0px 10px;
}
/*広告スペース(サブコンテンツ内)
--------------------*/
.ad-spaceSub {
	padding: 20px 0 20px;
	text-align:center;
}
.ad-spaceSub ins{
	text-align:center;
	margin: 0 auto;
}

/*画像3列横並び
--------------------*/
#content .divWrap{

}
#content .divWrap  > div {

}

#content .divWrap p.imgP{

}
#content .divWrap p.imgP > a > img{

}
/*　ソーシャルメディアリンク
--------------------*/
.share_this{
	margin: -16px 0 0px;
}
.share_this p{
	padding: 3px 0;
	font-size: 85%;
}

.sns_button {
}
.sns_button ul {
	width: 93%;
}
.sns_button ul li{
	display: table-cell;
	margin-bottom: 10px;
	width: 30%;
	margin-right: 3px;
}

.sns_button ul li a {
	padding: 6px;
	margin-right: 5px;
	margin-left: 5px;
}
.sns_button ul li.tweet a {

	background: #00b0ec;
	border-radius: 7px;
	display: block;
	box-shadow: 0 4px 0 rgba(0,126,170,1);
	
}
.sns_button ul li.facebook a {

	background: #3b5999;
	border-radius: 7px;
	display: block;
	box-shadow: 0 4px 0 rgb(37, 69, 137);

}
.sns_button ul li.googleplus a {

	background: #df4a32;
	border-radius: 7px;
	display: block;
	box-shadow: 0 4px 0 rgb(160, 39, 19);

}
.sns_button ul li.line a {

	background: #00b900;
	border-radius: 7px;
	display: block;
	box-shadow: 0 4px 0 rgb(5, 144, 5);

}
.sns_button ul li.hatena a {

	background: #296cbd;
	border-radius: 7px;
	display: block;
	box-shadow: 0 4px 0 rgb(22, 76, 141);

}


.sns_button ul li a img{
	width:32px;
	height:32px;
}

.sns_button ul li a img{
	opacity: 1;
}
.sns_button ul li a:hover img{
	opacity: 1;
}


/*文章エリア（コンテンツ共通）
--------------------*/
#content p{
    margin: 0;
    padding: 10px 10px 10px 10px;

}



/*文章エリア（articleのみ）
--------------------*/
#content article#articleMainPage {
	width: 100%;
}
#content article#articleMainPage ul,#content article#articleMainPage ol {
    margin: 5px 5px 10px 15px;
    padding: 5px 10px 5px 8px;
}
#content article#articleMainPage ul li {

	padding:2px 0 2px 5px;
}
#content article#articleMainPage ol li{

	padding:2px 0;
}
/*h1の装飾
--------------------*/
#content article#articleMainPage h1 {margin:  10px 5px 0;background: #fff url(images/h3-background.gif) repeat-x left bottom;padding: 7px 7px 7px;line-height: 1.2;}

/*h2の装飾
--------------------*/
#content article#articleMainPage h2 {

    margin: 10px 5px 0 5px;
    line-height: 1.2;

}
/*h3の装飾
--------------------*/
#content article#articleMainPage h3 {margin: 20px 5px 0 5px;padding: 5px 5px 5px;}

/*h4の装飾
--------------------*/
#content article#articleMainPage h4 {margin: 20px 5px 0 5px;}
/*h4の装飾
--------------------*/
#content article#articleMainPage h5 {

    margin: 20px 7px 0 5px;

}


/*pageTop(このページの上へ)setting
--------------------*/
.pageTop p {
    margin: 0;
    padding: 10px 68px 10px 0;
}
.pageTop p a {

  font-size: 100%;
}  
/*----------------------------------------------------

               7. サブコンテンツ詳細 (SmartPhone)

----------------------------------------------------*/

/*文章エリア
--------------------*/
#content #sub p{
	margin: 0;
	padding:5px 5px;
}
#content #sub ul{
    margin: 3px 3px 0 3px;
    padding: 0;
	background: #fff
}
#content #sub ul li{
	list-style-type: disc;
    margin: 0 0 0 20px;
    padding:2px 0;
}

#content #sub .s-wrap {
	margin: 0;
	padding-bottom: 10px;
}


/*サブ見出しエリア
--------------------*/
#content #sub .s-wrap .midashi-Area{
	border-top:  2px solid #182a4d;
	border-right:  1px solid #DBDBCF;
	border-left: 1px solid #DBDBCF; 
	border-bottom:  1px solid #DBDBCF;
	background: #fff url("images/h2-background.gif") repeat-x left bottom;
    margin-bottom:  10px;
    padding: 0;
	font-size: 100%;
	line-height: 1.5;
}
#content #sub .midashi-Area p,#content #sub .midashi-Area p a{
	margin: 0;
	padding: 3px 5px;
	font-weight:bold;
}
/* ↓↓↓　通販サイト検索フォーム*/

/* ↑↑↑　通販サイト検索フォーム*/
/*----------------------------------------------------

               8. #footer詳細 (SmartPhone)

----------------------------------------------------*/
#footer  p{
    margin: 0;
    padding: 5px 0 5px 0;

}
#footer #copyright {
	margin: 0 0 10px;
	padding:0;
	text-align:center;
	padding: 0 10px;
}
#footer #copyright p {
   font-weight: bold;
}
#footer #copyright p:nth-of-type(1) {
}
#footer #copyright p:nth-of-type(2) {
   margin-right: 60px;
   font-size: 14px;
}
/*ソーシャルボタン
--------------------*/
.fb_iframe_widget_fluid {
	display: inline-block;
}
.fb_iframe_widget {
	display: inline-block !important;
	position: relative;
	line-height: 0.7;
}
/*footer固定
--------------------*/
#bottomFixed{
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	position: fixed;
	bottom: 10%;
      right: 1%;
	border-top: 0px solid #000;
}
.bottonStyle {
    display: block;
    padding: 0 0;
    width: 100%;
    color: #FFF;
    position: relative;

}
.bottonStyle a:link{
display: block;
color: #000;
margin: 0px;
background: #FFF url("images/button2.png") no-repeat scroll 50% 50%;
font-size: 8px;
outline: medium none;
text-decoration: none;
border-radius: 5px;
border: 3px solid #525455;
height: 51px;
width: 51px;
line-height: 83px;
text-align: center;
opacity: 0.9;
box-shadow: 0px 2px 0px #575555;
clear: both;
}
.bottonStyle a:visited{
color: #000;
text-decoration: none;
    border: 3px solid #525455;
}
.bottonStyle a:hover{
color: #1F1F20;
}

/*----------------------------------------------------

               9. サブページsub.html詳細 (SmartPhone)

----------------------------------------------------*/

/*----------------------------------------------------

               10. Utilities

----------------------------------------------------*/

/*----------------------------------------------------

               11. link setting

----------------------------------------------------*/

 
/*-------------------- max-width:640px --------------------*/}