/*----------------------------------------基本設定--------------------------------------------------*/

/*---------------------------------------------------リセット--*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
	margin:0;
	padding:0;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img{
	border:0;
	vertical-align:bottom
}
address, caption, cite, code, dfn, em, strong, th, var{
	font-style:normal;
	font-weight:normal;
}

ol, ul{
	list-style:none;
}

caption, th{
	text-align:left;
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:normal;
}
q:before, q:after{
	content:'';
	content:none;
}
abbr, acronym{
	border:0;
}

/*--------------------------------------------------/リセット--*/
/*topページモーダルウインドウの設定----------------------------------------------------------------------------------------*/
#simple-modal {
	width: 560px;
	top: auto;
	left: auto;
}
/*bodyの設定----------------------------------------------------------------------------------------*/
body {
	color: #fff;				/*文字色設定*/
	font: 14px/2 , 'Open Sans', sans-serif;	/*文字設定*/
											background: #111;/*背景色*/
	background-image: url(../images/bg.jpg);/*背景画像*/
	background-repeat: repeat-x;		/*背景画像のリピートを指定*/
	background-position: top;		/*背景画像の縦位置を指定*/
	padding: 0px;				/*padding　上下左右*/
	margin: 0px;				/*margin　上下左右*/
}
/*bodyのh1タグ　子要素の設定------------------------------------------------------------------------*/
body > h1 {
	color: #FFF;				/*文字色*/
											/*background: #666;背景色*/
	font-size: 70%;				/*文字サイズ*/
	text-align: right;			/*文字位置*/
	width: 1000px;				/*基本的には変更しない*/
/*	padding: 2px 0px;*/			/*padding　上下・左右*/
	margin: 0px auto;			/*margin　上下・左右*/
}
body > h1 a, body > h1 a:hover {
	color: #FFF;				/*bodyのh1タグ　子要素のフォント色*/
	text-decoration: none;			/*bodyのh1タグ　子要素のフォント装飾*/
}
/*画像の装飾の設定----------------------------------------------------------------------------------*/
img {
	border: none;				/*画像の枠線なし*/
}
/*フォントサイズ変更の設定--------------------------------------------------------------------------*/
.font90 { font-size: 90%;}
.font80 { font-size: 80%;}
.font70 { font-size: 70%;}

/*インデントの設定--------------------------------------------------------------------------*/
.indent5 { text-indent: 5px;}
.indent10 { text-indent: 10px;}
.indent50 { text-indent: 20px;}
/*注意の設定--------------------------------------------------------------------------*/
.notice{
	color: #f00;				/*文字色設定*/
	font-size: 80%;				/*文字サイズ*/
}
/*input,textarea,selectの設定-----------------------------------------------------------------------*/
input,textarea {
	font-size: 1em;				/*文字サイズ*/
}
select {
	font-size: 16px;				/*文字サイズ*/
	height: 38px ;				/*高さ　基本的には変更しない*/
	vertical-align: top;
}
/*tableの設定---------------------------------------------------------------------------------------*/
table {
	font-size: 100% ;			/*文字サイズ*/
	border-collapse: collapse ;		/*セルのボーダー表示指定*/
	border-spacing: 0 ;			/*セルのボーダー間隔指定*/
}
/*listの設定----------------------------------------------------------------------------------------*/
ul {
	list-style-type: none ;			/*リスト表示しない*/
}

/*インライン要素のセンタリング設定------------------------------------------------------------------*/
.center{
	text-align: center ;			/*インライン要素をセンタリング*/
}

/*float解除の設定-----------------------------------------------------------------------------------*/
.clear {
	clear: both ;				/*floatの回り込み解除*/
}
/*aタグの設定---------------------------------------------------------------------------------------*/
a {
	color: #FFF ;				/*a文字色*/
	text-decoration: none ;			/*文字装飾*/
}
a:hover {
	color: #FFBF00 ;				/*文字色*/
}
/*margin・paddingの設定-----------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,figure {
	margin: 0px ;				/*margin　上下左右*/
	padding: 0px ;				/*padding　上下左右*/
}

form {
	margin: 0px ;				/*margin　上下左右*/
}
/*非表示オプションの設定-----------------------------------------------------------------------------*/
.pc-none{display: none;}


/*見出しの基本設定-----------------------------------------------------------------------------*/
/*h3 {font-size: 14px ;}*/			/*文字サイズ*/

/*----------------------------------------header footerの設定----------------------------------------------*/
/*headerの設定--------------------------------------------------------------------------------------*/
header {
	width: 1000px ;				/*幅　基本的には変更しない*/
	height: 50px ;				/*高さ　基本的には変更しない*/
											background: #111 ;/*背景色*/
	margin-right: auto ;			/*margin　右　左と併せてセンタリング*/
	margin-left: auto ;			/*margin　左　右と併せてセンタリング*/
}

header h1 {
	padding: 2px 0px 2px 0px ;		/*padding　上・右・下・左*/
}
/*footerの設定--------------------------------------------------------------------------------------*/
footer {
	font-size: 14px;				/*文字サイズ*/
	width: 1000px;				/*幅　基本的には変更しない*/
	clear: both;				/*floatの回り込み解除*/
	text-align: center;			/*インライン要素をセンタリング*/
	padding-bottom: 5px;			/*padding　下*/
	background-color: #666;
	/*margin: auto;		*/		/*margin上下左右下*/
	/*position:relative;*/
	margin-right: auto ;			/*margin　右　左と併せてセンタリング*/
	margin-left: auto ;			/*margin　左　右と併せてセンタリング*/
}

footer .caution {
	display: block;				/*要素の表示形式を指定*/
	font-size: 80%;				/*文字サイズ*/
}

#jump_top {
	width: 1000px;				/*幅　基本的には変更しない*/
	margin-right: auto ;			/*margin　右　左と併せてセンタリング*/
	margin-left: auto ;			/*margin　左　右と併せてセンタリング*/
	background-color: #111;
	text-align: center;			/*インライン要素をセンタリング*/
	font-size: 80%;				/*文字サイズ*/
	clear: both;				/*floatの回り込み解除*/
	margin-bottom: 0px;			/*margin　下*/
	overflow: hidden;			/*はみ出た内容の表示方法を指定*/
}
#jump_top a {
	color: #FFF;				/*フォント色*/
	background-color: #666;
	width: 10em;				/*幅を指定*/
	display: block;				/*要素の表示形式を指定*/
	float: right;				/*左または右に寄せて回り込み*/
	border-top-left-radius: 5px;		/*ボーダーの角を丸める*/
	border-top-right-radius: 5px;		/*ボーダーの角を丸める*/
}
#jump_top a:hover {
	color: #FFBF00;				/*文字色*/
	background-color: #666;
}
/*footerのbox設定
---------------------------------------------------------------------------*/
.footer_box {
	display: block;				/*要素の表示形式を指定*/
	margin: 5px 0px 0px 0px;		/*margin　上・右・下・左*/
	margin-right: auto;			/*margin　右　左と併せてセンタリング*/
	margin-left: auto;			/*margin　左　右と併せてセンタリング*/
	overflow:hidden;
}

.footer_case_left {
	font-size: 12px;
	float: left;				/*左または右に寄せて回り込み*/
	margin-left: 0px;
	margin: 0px 0px 0px 10px;		/*margin　上・右・下・左*/
	padding: 0px 0px 5px 0px;		/*padding　上・右・下・左*/
	text-align: left;
	color: #fff;
}

.footer_case_right {
	font-size: 12px;
	float: right;				/*左または右に寄せて回り込み*/
	margin-left: 0px;
	margin: 0px 0px 0px 0px;		/*margin　上・右・下・左*/
	padding: 0px 10px 5px 0px;		/*padding　上・右・下・左*/
	text-align: right;
	color: #fff;
}

#footer h6 {
	font-size: 12px;
	color: #FFF;
	margin: 2px 0px 2px 0px;		/*margin　上・右・下・左*/
	padding: 0px 0px 0px 5px;		/*padding　上・右・下・左*/
	border-bottom: 1px solid #FFF;
	}

table#footer  {
	width: 960px;
	border-spacing: 10px 0px;		/*margin　左右・上下*/
	margin: 10px 20px 20px 20px;		/*margin　上・右・下・左*/
	font-size: 12px;
	}

#footer td {
	font-size: 10px;
	vertical-align: top;
	text-align: left;
	}

/*----------------------------------------各要素の設定----------------------------------------------*/
/*navi_bodyの設定-----------------------------------------------------------------------------------*/
#navi_body{
	width: 1000px;				/*幅　基本的には変更しない*/
	height: 58px;				/*高さ　基本的には変更しない*/
	margin-right: auto;			/*margin　右　左と併せてセンタリング*/
	margin-left: auto;			/*margin　左　右と併せてセンタリング*/
}

/*main_stageの設定----------------------------------------------------------------------------------*/
#main_stage {
	width: 1000px;				/*幅　基本的には変更しない*/
	margin-right: auto;			/*margin　右　左と併せてセンタリング*/
	margin-left: auto;			/*margin　左　右と併せてセンタリング*/
	background: #111;			/*背景色*/
	padding-top: 20px;			/*padding　上*/
	padding-bottom: 20px;			/*padding　下*/
}

/*----------------------------------------1カラムの設定---------------------------------------------*/
/*contents　シングルカラムのコンテンツ要素の設定----------------------------------------------------*/
#contents {
	/*overflow: hidden;*/			/*はみ出た内容の表示方法を指定*/
	margin: 0px 20px 0px 20px;		/*margin　上・右・下・左*/
}

/*contents-gallery　シングルカラムのコンテンツ要素の設定----------------------------------------------------*/
#contents-gallery {
	overflow: hidden;			/*はみ出た内容の表示方法を指定*/
	margin: 0px 20px 0px 20px;		/*margin　上・右・下・左*/
}

/*シングルカラム時contentsに内包される各要素の設定--------------------------------------------------*/
/*slider1の設定-------------------------------------------------------------------------------------*/
#slider1 {
	/*margin-bottom: 20px;*/			/*margin　下*/
	/*clear: both;	*/			/*floatの回り込み解除*/
}

/*top_infoの設定------------------------------------------------------------------------------------*/
#top_info {
	width: auto;				/*幅*/
	margin: 20px 0px 0px 0px;		/*margin　上・右・下・左*/
	display: block;				/*要素の表示形式を指定*/
	display:-webkit-box;			/*要素の表示形式を指定*/
	display:-moz-box;			/*要素の表示形式を指定*/
}
#top_info h2 {
	font-size: 120%;			/*文字サイズ*/
	color: #fff;				/*文字色*/
	padding: 5px 10px;			/*padding　上下・左右*/
	clear: both;				/*floatの回り込み解除*/
	border-top: 1px solid #444;		/*borderの設定　上*/
	border-left: 1px solid #444;		/*borderの設定　左*/
	border-right: 1px solid #444;		/*borderの設定　右*/
	border-bottom: 1px solid #444;		/*borderの設定　下*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#111));
	background-image: -webkit-linear-gradient(#FFF, #dcdcdc);
	background-image: linear-gradient(#333, #111);
}
#top_info h3 {
	font-size: 100%;			/*文字サイズ*/
	color: #FFF;				/*文字色*/
	padding: 3px 10px 3px 7px;		/*padding　上・右・下・左*/
	border-top: 1px solid #555;		/*borderの設定　上*/
	border-left: 3px solid #9400D3;		/*borderの設定　左*/
	border-right: 1px solid #555;		/*borderの設定　右*/
	border-bottom: 1px solid #555;		/*borderの設定　下*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
	background-image: -webkit-linear-gradient(#333, #111);
	background-image: linear-gradient(#333, #111);
}

/*top_contents_containerの設定----------------------------------------------------------------------*/
#top_contents_container .box1 {
	height:192px;				/*高さ　基本的には変更しない*/
}
/*top_contents_container .box1の設定----------------------------------------------------------------*/
#top_contents_container .box1 {
	width:600px;				/*幅　基本的には変更しない*/
}

/*box1の設定----------------------------------------------------------------------------------------*/
.box1 {
	float: left;				/*左または右に寄せて回り込み*/
	margin: 0px 0px 0px 0px;		/*margin　上・右・下・左*/
}

/*social-areaの設定---------------------------------------------------------------------------------*/
.social-area {
	width: 100% ;
	min-height: 190px ;
	/*overflow: hidden;*/			/*はみ出た内容の表示方法を指定*/
	padding: 0px;				/*padding　上下左右*/
	text-align: center;			/*インライン要素をセンタリング*/
	z-index: 10000 ;
}

ul.social-button {
	width: 240px;				/*幅　基本的には変更しない*/
	margin: 10px auto;			/*margin　上下・左右*/
	padding: 0 ;
	border: none ;
	list-style-type: none ;
	/*overflow: hidden;*/			/*はみ出た内容の表示方法を指定*/
	z-index: 15000 ;
}

ul.social-button li {
	width:80px;				/*幅　基本的には変更しない*/
	margin: 0 4px;				/*margin　上下左右*/
	padding:0 ;
	float: left;				/*左または右に寄せて回り込み*/
	text-align: center ;
}

.sc-fb {
	z-index: 20000 ;
}

.sc-li-img
{
	border: none ;
	margin: 0 auto ;
	padding:0 ;
	width: 36px ;
	height: 60px ;
}

.social-button iframe {
	margin: 0px !important;			/*margin　上下左右　!important*/
}

.sc-li{display: none;}				/* デスクトップPCではLINEボタンを表示しない */

/*top_contents_container .box2の設定----------------------------------------------------------------*/
#top_contents_container .box2 {
	width:350px;				/*幅　基本的には変更しない*/
}



/*contents_social-areaの設定---------------------------------------------------------------------------------*/
/*#contents_social-area {*/
/*	overflow: hidden;*/			/*はみ出た内容の表示方法を指定*/
/*	padding: 0px;	*/			/*padding　上下左右*/
/*	text-align: center;*/			/*インライン要素をセンタリング*/
/*	z-index:900;*/
/*}	*/
/*div#contents_social-area{*/
/*	display: block;	*/			/*要素の表示形式を指定*/
/*	clear: both;*/
/*}*/

/*#contents_social-area .contents_social-button {*/
/*	float: right;		*/		/*左または右に寄せて回り込み*/
/*	width: 240px;		*/		/*幅　基本的には変更しない*/
/*	height: 75px;*/
/*	margin: 0px 5px 0px auto;*/			/*margin　上・右・下・左*/
/*	overflow: hidden;	*/		/*はみ出た内容の表示方法を指定*/
/*}

/*#contents_social-area .sc-li{display: none;}*/

/*#contents_social-area .contents_social-button li {*/
/*	width:80px;	*/			/*幅　基本的には変更しない*/
/*	margin: 4px;	*/			/*margin　上下左右*/
/*	float: left;	*/			/*左または右に寄せて回り込み*/
/*}

/*#contents_social-area .contents_social-button iframe {*/
/*	margin: 0px !important;	*/		/*margin　上下左右　!important*/
/*}


/*top_contents_container .box2の設定----------------------------------------------------------------*/
#top_contents_container .box2 {
	width:350px;				/*幅　基本的には変更しない*/
}

/*box2の設定----------------------------------------------------------------------------------------*/
.box2 {
	float: right;				/*左または右に寄せて回り込み*/
	display: block;				/*要素の表示形式を指定*/
	margin: 0px 0px 0px 5px;		/*margin　上・右・下・左*/
}

#top_contents_container iframe {
	width: 100%;				/*幅　基本的には変更しない*/
}

/*----------------------------------------2カラムの設定---------------------------------------------*/
/*contents_col2　2カラムのコンテンツ要素の設定------------------------------------------------------*/
#contents_col2 {
	overflow: hidden;			/*はみ出た内容の表示方法を指定*/
	margin: 0px 20px 0px 20px;		/*margin　上・右・下・左*/
}

/*2カラム時　contents_col2に内包される各要素の設定--------------------------------------------------*/
/*main_contentsの設定*/
#main_contents {
	width: 745px;				/*基本的には変更しない*/
	float: right;				/*左または右に寄せて回り込み*/
	margin: 0px 0px 0px 10px;		/*margin　上・右・下・左*/
}

/*main_contentsのh2の設定---------------------------------------------------------------------------*/
#main_contents h2 {
	color: #fff;				/*文字色*/
	font-size: 140%;			/*文字サイズ*/
	padding: 5px 0px 0px 10px;		/*padding　上・右・下・左*/
	clear: both;				/*floatの回り込み解除*/
	border-top: 1px solid #444;		/*borderの設定　上*/
	border-left: 1px solid #444;		/*borderの設定　左*/
	border-right: 1px solid #444;		/*borderの設定　右*/
	border-bottom: 1px solid #444;		/*borderの設定　下*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#111));
	background-image: -webkit-linear-gradient(#FFF, #dcdcdc);
	background-image: linear-gradient(#333, #111);
}

/*main_contentsのh5の設定---------------------------------------------------------------------------*/
#main_contents h5 {
	color: #fff;				/*文字色*/
	font-size: 16px;			/*文字サイズ*/
	padding: 3px 0px 3px 0px;		/*padding　上・右・下・左*/
	margin: 0px 0px 10px 0px;		/*margin　上・右・下・左*/
	clear: both;				/*floatの回り込み解除*/
	border-bottom: 2px solid #fff;		/*borderの設定　下*/
}

/*商品名ページの設定---------------------------------------------------------------------------*/
/*商品名の設定
---------------------------------------------------------------------------*/
#main_contents .products_name {
	color: #ffbf23;
	padding: 5px 0px 5px 10px;
}

#main_contents .property_box {
	overflow:hidden;
	clear: both;
}

#main_contents .property {
	float: right;
}

#main_contents .property img{
	margin: 0px 0px 5px 5px;		/*margin　上・右・下・左*/
	padding: 0px;		/*padding　上・右・下・左*/
}

/*商品説明の設定
---------------------------------------------------------------------------*/
#main_contents .products_description {
	font-size: 16px;			/*文字サイズ*/
	margin: 0px 0px 10px 10px;		/*margin　上・右・下・左*/
}
#main_contents .products_description section {
	margin: 0px 40px 15px 40px;		/*margin　上・右・下・左*/
}
#main_contents .products_description p {
	font-size: 90%;
	margin: 0px 0px 5px 0px;		/*margin　上・右・下・左*/
}

/*products_price_areaの設定
---------------------------------------------------------------------------*/
#products_price_area .select {
	width: 400px;
}

.products_price_area {
	width: 100%;
	display:table;
	table-layout:fixed;
}

#products_price_area_tab {
	display: none;
}

/*products_price_area_boxの設定
---------------------------------------------------------------------------*/
.products_price_area_box_solo {
	padding: 10px 10px 10px 10px;		/*padding　上・右・下・左*/
	border: 1px solid #555;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
	background-image: -webkit-linear-gradient(#333, #111);
	background-image: linear-gradient(#333, #111);
}

.products_price_area_box {
	display: table-cell;
	margin: 0px 0px 0px 0px;		/*margin　上・右・下・左*/
	padding: 10px 10px 10px 10px;		/*padding　上・右・下・左*/
	border: 1px solid #555;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
	background-image: -webkit-linear-gradient(#333, #111);
	background-image: linear-gradient(#333, #111);
}

/*商品価格フレームの設定
---------------------------------------------------------------------------*/
#main_contents .products_price_frame {
	overflow:hidden;
	border-bottom: 1px solid #444;		/*borderの設定　下*/
}

#main_contents .products_price_frame:last-child {
	border: none;		/*borderの設定　下*/
}

/*商品価格枠の設定
---------------------------------------------------------------------------*/
#main_contents .products_name_box {
	overflow:hidden;
	font-size: 14px;
	padding: 0px 10px 0px 0px;		/*padding　上・右・下・左*/
}

/*商品価格枠の商品名設定
---------------------------------------------------------------------------*/
#main_contents .products_name_sub {
	font-size: 16px ;			/*文字サイズ*/
	width: 100%;
	float: left;
	padding: 0px 10px 0px 5px;		/*padding　上・右・下・左*/
}
/*商品価格枠の商品価格設定
---------------------------------------------------------------------------*/
#main_contents .products_price {
	font-size: 18px ;			/*文字サイズ*/
	width: 100%;
	float: left;
	text-align: right;
	padding: 0px 10px 0px 10px;		/*padding　上・右・下・左*/
}

#main_contents .products_price:after {
	font-size: 80%;
	content: "（税抜）";
}

/*塗装価格枠の内訳設定
---------------------------------------------------------------------------*/
#main_contents .products_price_paint {
	font-size: 11px;
	width: 100%;
	float: left;
	text-align: right;
	color: #f00;
	padding: 0px 10px 0px 10px;		/*padding　上・右・下・左*/
}

#main_contents .products_price_paint:before {
	font-size: 11px;
	content: "塗装代金+";
}

#main_contents .products_price_paint:after {
	font-size: 10px;
	content: "（税抜）";
}


/*商品に関する注意書きの設定
---------------------------------------------------------------------------*/
#main_contents .products_caution_section {
	overflow:hidden;
	color: #f00;
}

#main_contents .products_caution_box {
	font-size: 14px;
	float: right;
	text-align: right;
	color: #f00;
	margin: 0px 0px 10px 10px;		/*margin　上・右・下・左*/
}

#main_contents .products_caution {
	width:auto;
	margin-left: 10px;
	text-align: left;
	color: #f00;
	margin: 0px 0px 0px 10px;		/*margin　上・右・下・左*/
}

/*商品レコメンの設定
---------------------------------------------------------------------------*/
#products_recommend_box {
	display: block;				/*要素の表示形式を指定*/
	margin-right: auto;			/*margin　右　左と併せてセンタリング*/
	margin-left: auto;			/*margin　左　右と併せてセンタリング*/
	overflow:hidden;
}

#products_recommend_box h3 {
	font-size: 16px;
}

#products_recommend_box h4 {
	font-size: 14px;
	color: #ffbf00;
	margin-left: 110px;
}

#products_recommend_box .products_recommend {
	border: 1px solid #555;
	overflow:hidden;
}

#products_recommend_box .products_recommend_case {
	width: 50%;
	color: #f00;
	text-align: left;
	float: left;				/*左または右に寄せて回り込み*/
	margin: 0px;
	margin: -1px -1px -1px -1px;		/*margin　上・右・下・左*/
	border: 1px solid #555;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
	background-image: -webkit-linear-gradient(#333, #111);
	background-image: linear-gradient(#333, #111);
	overflow: hidden;
}

#products_recommend_box .products_recommend_case a {
	display: block;
	padding: 5px;
	text-decoration: none;
	overflow: hidden;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

#products_recommend_box .products_recommend_case a:hover {
	background-color: #000;
}

#products_recommend_box p {
	font-size: 12px;
	padding: 0;
	margin-left: 110px;
}

#products_recommend_box .products_recommend_case figure {
	padding: 0;
	float: left;

}

#products_recommend_box .products_recommend_case figure img {
	border: 1px solid #555;
	vertical-align: bottom;
}

/*ハイエース商品一覧の設定
---------------------------------------------------------------------------*/
#main_contents .hiace ul li {
	overflow: hidden;
	margin: 0px;		/*margin　上・右・下・左*/
	padding: 0px;				/*padding　上・右・下・左*/
}

#hiace_index {
	overflow: hidden;
	margin: 10px 10px 10px 10px;		/*margin　上・右・下・左*/
	padding: 0px;				/*padding　上・右・下・左*/
}

#main_contents .hiace_index_menu {
	display: table;
	overflow: hidden;
	margin: 0px 0px 5px 0px;		/*margin　上・右・下・左*/
	padding: 0px;				/*padding　上・右・下・左*/
}

#main_contents .hiace_index_menubox {
	display: table-cell;
	overflow: hidden;
	margin: 0px;		/*margin　上・右・下・左*/
	padding: 5px;				/*padding　上・右・下・左*/
}

#main_contents .hiace_index2 {
	overflow: hidden;
	margin: 0px 0px 15px 0px;		/*margin　上・右・下・左*/
	padding: 0px;				/*padding　上・右・下・左*/
}

#main_contents .hiace_index li {
	overflow:  hidden;
	border: 1px solid #444;
	margin: 0px 5px 15px 5px;		/*margin　上・右・下・左*/
	padding: 2px 2px 2px 2px;				/*padding　上・右・下・左*/
	width: 31%;
}

#main_contents .hiace_index img {
	width: 100%;
}

#main_contents .hiace_index_box {
	overflow: hidden;
}

#main_contents .hiace_index_box li {
	float: left;				/*左または右に寄せて回り込み*/
	margin-left: 0px;
	margin: 3px 0px 5px 0px;		/*margin　上・右・下・左*/
	padding: 5px 5px 0px 5px;		/*padding　上・右・下・左*/
	width: 176px;
	height: auto;
}

#main_contents .top {
	text-align: right;			/*文字位置*/
	padding: 10px 5px 10px 5px;		/*padding　上・右・下・左*/
}

/*productボックス
---------------------------------------------------------------------------*/
.product_box {
	font-size: 11px;
	border: 1px solid #555;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
	background-image: -webkit-linear-gradient(#333, #111);
	background-image: linear-gradient(#333, #111);
	line-height: 1.6;
	position: relative;
	overflow: hidden;
}

.product_box a {
	display: block;
	overflow: hidden;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

/*recommendボックスのh4*/
.product_box h4 {
	font-size: 110%;
	color: #FFBF00;
	padding: 0px;
	margin-left: 5px;
	text-align: left;
	background: none;
}

/*productボックスのｐタグ*/
.product_box p {
	font-size: 110%;
	padding: 0px;
	margin-left: 5px;
}

/*productボックスのサムネイルの設定*/
.product_box figure {
	padding: 0px;
}

/*productボックスのサムネイルの枠線*/
.product_box figure img {
	border: 1px solid #555;
	vertical-align: bottom;
	width: 150px;
	height: 100px;
}

/*productボックスの商品価格の設定
---------------------------------------------------------------------------*/
.products_price {
	font-weight: 700;
	text-align: right;
	padding: 10px 10px 0px 0px;
}

.products_tax {
	font-size: 80%;
}

/*アイライン商品一覧の設定
---------------------------------------------------------------------------*/
#main_contents .eyeline_index_box {
	float: left;				/*左または右に寄せて回り込み*/
}

#main_contents li {
	float: left;				/*左または右に寄せて回り込み*/
	margin-left: 0px;
	margin: 8px 20px 5px 20px;		/*margin　上・右・下・左*/
	padding: 0px 0px 0px 0px;		/*padding　上・右・下・左*/
	width: 325px;
	height: 36px;
}

#main_contents li img {


 display: block;
 margin-left: auto;
 margin-right: auto;


/*
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	*/
}
/*
#main_contents li a:hover img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: grayscale(0%);
}
*/

/*その他
---------------------------------------------------------------------------*/
#main_contents .products_other {
	margin-top: 10px;
}

/*slider2の設定-------------------------------------------------------------------------------------*/
#slider2 {
	margin-bottom: 20px;			/*margin　下*/
	clear: both;				/*floatの回り込み解除*/
}

/*sub_contentsの設定--------------------------------------------------------------------------------*/
#sub_contents {
	width: 200px;				/*基本的には変更しない*/
	float: right;				/*左または右に寄せて回り込み*/
	margin: 0px 0px 0px 5px;		/*margin　上・右・下・左*/
}

/*recommendのh2
---------------------------------------------------------------------------*/
.recommend h2 {
	font-size: 100%;
	padding: 3px 0px;
	text-align: center;
	border: 1px solid #555;
	background-color: #111;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
	background-image: -webkit-linear-gradient(#333, #111);
	background-image: linear-gradient(#333, #111);
}

/*recommendのh6
---------------------------------------------------------------------------*/
.recommend h6 {
	font-size: 90%;
	padding: 3px 0px;
	margin: 0px 0px 0px 0px;		/*margin　上・右・下・左*/
	text-align: center;
	border: 1px solid #555;
	border-bottom: 1px solid #555;		/*borderの設定　下*/
	background-color: #111;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
	background-image: -webkit-linear-gradient(#333, #111);
	background-image: linear-gradient(#333, #111);
}

/*recommendボックス
---------------------------------------------------------------------------*/
.recommend_box {
	font-size: 11px;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
	border-left: 1px solid #555;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
	background-image: -webkit-linear-gradient(#333, #111);
	background-image: linear-gradient(#333, #111);
	line-height: 1.6;
	position: relative;
	overflow: hidden;
}

.recommend_box a {
	padding: 5px;
	display: block;
	overflow: hidden;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.recommend_box a:hover {
	background-color: #000;
}

/*recommendボックスのh4*/
.recommend_box h4 {
	font-size: 100%;
	color: #57bff0;
	color: #FFBF00;
	padding: 0px;
	margin-left: 70px;
	text-align: left;
	background: none;
}

/*recommendボックスのｐタグ*/
.recommend_box p {
	padding: 0px;
	margin-left: 70px;
}

/*recommendボックスのサムネイルの設定*/
.recommend_box figure {
	padding: 0px;
	float: left;
}

/*recommendボックスのサムネイルの枠線*/
.recommend_box figure img {
	border: 1px solid #555;
	vertical-align: bottom;
}


/*recommendボックスエリアの注文表示枠*/
.order_box_reco {
background-image:linear-gradient(#333, #111);
border-top:1px solid #555;
border-bottom:1px solid #555;
border-left:1px solid #555;
border-right:1px solid #555;
font-size:11px;
line-height:1.6;
overflow:hidden;
position:relative
}

/*recommendボックスエリアの注文表示枠タイトル*/
.order_box_reco h6{
background:none;
color:#FFF;
font-size:13x;
margin-left:5px;
height:25px;
padding:0;
border:none;
text-align:left
}

/*recommendボックスエリアの注文表示*/
.order_reco {
background-image:none;
border-top:1px solid #555;
}

/*recommendボックスエリアの注文　電話番号*/
.order_reco h7{
background:none;
font-weight: bold;
color:#FFBF23;
font-size:17px;
padding:0;
margin-left:10px;
text-align: right; 
}

/*recommendボックスエリアの本文*/
.order_reco p{
font-size:14px;
margin-left:10px;
padding:0
}

/*「おすすめ」表示
---------------------------------------------------------------------------*/
.pickup {
	font-size: 10px;
	color: #FFF;
	background: #F00;
	text-align: center;
	display: block;
	width: 120px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	-webkit-transform: rotate(-45deg) translate(37px,20px);
	-ms-transform: rotate(-45deg) translate(37px,20px);
	transform: rotate(-45deg) translate(37px,20px);
}

h2 span.pickup {
	position: static;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	display: inline-block;
}

/*slider3の設定-------------------------------------------------------------------------------------*/
#slider3 {
	margin-bottom: 20px;			/*margin　下*/
	clear: both;				/*floatの回り込み解除*/
}

/*----------------------------------------テーブル　会社--------------------------------------------*/
.table_company {
	margin-right: auto;			/*margin　右　左と併せてセンタリング*/
	margin-left: auto;			/*margin　左　右と併せてセンタリング*/
	font-size: 12px;
	width: 80%;
	margin-bottom: 20px;
}

.table_company, .table_company td, .table_company th{
	border: 1px solid #444;
	line-height: 2;
}

/*テーブル内の右側*/
.table_company td {
	width: 75%;
	padding: 3px 3px 3px 10px;
}

/*テーブル内の左側の見出し部分*/
.table_company th {
	width: 25%;
	padding: 3px;
	vertical-align: top;
	text-align: center;
	background-color: #222;
}

/*テーブル１行目に入った見出し部分*/
.table_company th.tamidashi {
	width: auto;
	text-align: left;
	background-color: #bebebe;
}

/*テーブルのキャプション*/
.table_company caption {
	font-size: 16px;
	padding: 5px 0px 5px 10px;
	border-top: 1px solid #444;
	border-right: 1px solid #444;
	border-left: 1px solid #444;
	text-align: left;
	background-color: #111;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
	background-image: -webkit-linear-gradient(#333, #111);
	background-image: linear-gradient(#333, #111);
	font-weight: bold;
}
/*----------------------------------------法規関係表示--------------------------------------------*/
/*h1_legalのh1*/
h1.h1_legal {
	color: #fff;
	padding: 0px;
	margin-left: 80px;
	text-align: left;
}
.table_legal {
	margin-right: auto;			/*margin　右　左と併せてセンタリング*/
	margin-left: auto;			/*margin　左　右と併せてセンタリング*/
	font-size: 12px;
	width: 80%;
	margin-bottom: 20px;
}
.table_legal, .table_legal td, .table_legal th{
	border: 1px solid #444;
	line-height: 2;
}
/*テーブル内の右側*/
.table_legal td {
	width: 75%;
	padding: 3px 3px 3px 10px;
}
/*テーブル内の左側の見出し部分*/
.table_legal th {
	width: 25%;
	padding: 3px;
	vertical-align: top;
	text-align: left;
	background-color: #222;
}
/*テーブル１行目に入った見出し部分*/
.table_legal th.tamidashi {
	width: auto;
	text-align: left;
	background-color: #bebebe;
}
/*テーブルのキャプション*/
.table_legal caption {
	font-size: 16px;
	padding: 5px 0px 5px 10px;
	border-top: 1px solid #444;
	border-right: 1px solid #444;
	border-left: 1px solid #444;
	text-align: left;
	background-color: #111;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
	background-image: -webkit-linear-gradient(#333, #111);
	background-image: linear-gradient(#333, #111);
	font-weight: bold;
}

/*テーブルのキャプション*/
caption#table_security  {
	font-size: 15px;
	padding: 5px 0px 5px 10px;
	border-top: 1px solid #444;
	border-right: 1px solid #444;
	border-left: 1px solid #444;
	text-align: left;
	background-color: #111;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
	background-image: -webkit-linear-gradient(#333, #111);
	background-image: linear-gradient(#333, #111);
	font-weight: bold;
}
p.legal_indent20 {
	padding-left: 20px;
}
p.legal_indent100 {
	padding-left: 80px;
}

/*送料テーブル*/
table.Postage {
	width: 100%;
	margin-bottom: 5px;			/*margin　下*/
}
/*送料テーブルの見出し部分*/
.Postage th:first-child {
	width: 50%;
}*
.Postage th:last-child {
	width: 25%;
}
.Postage th {
	width: 25%;
}
.Postage th {
	padding: 3px;
	vertical-align: top;
	text-align: center;
	background-color: #222;
}
.Postage td:first-child {
	width: 50%;
	text-align: left;
}
.Postage td:last-child {
	width: 25%;
	text-align: center;
}
.Postage td {
	width: 25%;
	padding: 3px;
	vertical-align: top;
	text-align: center;
	background-color: #000;
}

/*送料テーブル内の右側*/
.Postage td {
	padding: 3px 3px 3px 10px;
}


/*手数料テーブル*/
table.Commission {
	width: 100%;
	margin-bottom: 5px;			/*margin　下*/
}
/*手数料テーブルの見出し部分*/
.Commission th:first-child {
	width: 55%;
}
.Commission th:last-child {
	width: 45%;
}
.Commission th {
	padding: 3px;
	vertical-align: top;
	text-align: center;
	background-color: #222;
}
.Commission td:first-child {
	width: 55%;
}
.Commission td:last-child {
	width: 45%;
	text-align: right;
}
/*手数料テーブル内の右側*/
.Postage td {
	padding: 3px 3px 3px 10px;
}

/*2カラム時　contents2に内包される各要素の設定--------------------------------------------------*/
/*main_contentsの設定*/
#main_contents2 {
	width: 745px;				/*基本的には変更しない*/
	float: right;				/*左または右に寄せて回り込み*/
	margin: 0px 0px 0px 10px;		/*margin　上・右・下・左*/
}
/*ギャラリー要素の設定--------------------------------------------------*/
.gallery-area {
	margin: 0px auto;			/*margin　上下・左右*/
}

.gallery-frame img {
	width: 200px;				/*基本的には変更しない*/
	float: left;				/*左または右に寄せて回り込み*/
	padding: 10px 10px 10px 10px;		/*padding　上・右・下・左*/
	border: 1px solid #555;
	margin: 9px;			/*margin　上下・左右*/
	overflow: hidden;			/*はみ出た内容の表示方法を指定*/
}
/*ギャラリーのh2
---------------------------------------------------------------------------*/
.gallery-area h2 {
	font-size: 100%;
	padding: 3px 0px;
	text-align: center;
	border: 1px solid #555;
	background-color: #111;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
	background-image: -webkit-linear-gradient(#333, #111);
	background-image: linear-gradient(#333, #111);
}

/*mein_orderコンテンツ
---------------------------------------------------------------------------*/
#mein_order {
	display: none;
}