@charset "utf-8";

/**** Clearfix ****/
#main:after, #index_header2:after, h3#whatsnew:after, #index_footer .calendar_list:after{content:""; display:table;clear:both;}
#main, #index_header2, h3#whatsnew, #index_footer .calendar_list{zoom:1;}

/* 中央ペイン
------------------------------------------------------------*/
#content {
width:1080px;
margin:0 auto;
padding-top:20px !important;
}

#index_header {
text-align:center;
font-weight:bold;
color:#000099;
/*font-family:serif;*/
font-size:20px;
font-size:2.0rem;
line-height:1.5;
text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
  -2px 2px 0 #FFF, 2px -2px 0 #FFF,
  0px 2px 0 #FFF,  0 -2px 0 #FFF,
  -2px 0 0 #FFF, 2px 0 0 #FFF;
margin-bottom:10px;
}
#index_header span{
padding:0 5px;
background:linear-gradient(transparent 60%, rgba(255,158,61,0.8) 0%);
}
#index_header2 {
margin-bottom:5px;
}
#index_header2 ul.index_link {
float:right;
}
#index_header2 ul.index_link li{
float:right;
padding:0 8px;
color:#000080;
}
#index_header2 ul.index_link li a{
color:#000080;
}

#main{
display:table-row;
}
#main_left{
/*border:1px solid red;*/
width:50%;
padding-left:0;
padding-right:15px;
}
#main_right{
float:right;
width:50%;
padding-left:15px;
padding-right:0;
}

/* カタログへのリンク
------------------------------------------------------------*/
.catalogue_link1{
padding:10px;
line-height:1.2;
background:url('../img/bg19.png') 0px 0px repeat-x;
border:2px solid #000080;
border-top:none;
border-right:none;
margin-bottom:20px;
}
.catalogue_link2{
padding:10px;
line-height:1.2;
background:url('../img/bg21.png') 0px 0px repeat-x;
border:2px solid #000080;
border-top:none;
border-right:none;
margin-bottom:20px;
}

/* OEMへのリンク
------------------------------------------------------------*/
.oem_link{
padding:10px;
background:url('../img/bg18.png') 0px 0px repeat-x;
line-height:1.2;
border:2px solid #000080;
border-top:none;
border-right:none;
margin-bottom:20px;
}
.oem_link .notice {
width:94%;
padding:10px 10px 5px;
line-height:1.2;
color:#000066;
background:#f5f5f5;
border-radius:8px;
margin:15px 3% 15px;
}


/* 新着情報
------------------------------------------------------------*/
h3#whatsnew {
text-align:left;
padding:5px 10px;
background-color:#000080;
color:#f5f5f5;
}
h3#whatsnew a{
font-size:25px;
font-size:2.5rem;
color:#f50000;
font-weight:bold;
line-height:1.2;
text-shadow:
0 1px 2px #FFF, 0 -1px 2px #FFF,
-1px 0 2px #FFF, 1px 0 2px #FFF;
font-family:"Arial Black", Gadget, sans-serif;
white-space:nowrap;
text-decoration:none;
}
h3#whatsnew a:hover{
color:#f50000;
text-decoration:underline;
}
.whatsnew{
width:100%;
padding:5px 10px;
border:2px solid #000080;
}
.whatsnew ul li{
border-bottom:2px dotted #666;
background-image:url(../img/yaz3.gif);
background-repeat:no-repeat;
background-position:left 12px;
padding:10px 0 10px 20px;
}
.whatsnew ul li:last-child{
border-bottom:none;
}
.whatsnew ul li img{
border:1px solid #ccc;
}

.fa {
display:inline;
}

/* 注目のオリジナル商品
------------------------------------------------------------*/
.original_products_title{
margin-top:30px;
color:#cc0000;
font-weight:bold;
font-size:20px;font-size:2.0rem;line-height:1.3;
padding:2px;
text-shadow:2px 2px 0 #ccc;
}
.original_products{
padding:5px 10px;
border:2px dashed #000080;
}
.original_products2_title{
margin-top:30px;
color:#fff;
padding:10px;
background-color:#cc0000;
}
.original_products2{
padding:5px 20px 20px;
border:2px solid #cc0000;
}
.original_products3_title{
margin-top:30px;
color:#fff;
padding:10px;
background-color:#ff6633;
}
.original_products3{
margin-bottom:30px;
padding:5px 20px 20px;
border:2px solid #ff6633;
}

/* メインメニュー PC用
------------------------------------------------------------*/
@media only screen and (max-width:1080px){
	#content {
	width:96%;
	margin:0 auto;
	padding:10px 0;
	}

	#index_header {
	text-align:left;
	}
}

/* 幅660px以下から
------------------------------------------------------------*/
@media only screen and (max-width:660px){

	#main_right, #main_left{
	float:none;
	width:100%;
	padding:10px 5px !important;
	}
}