/*
Theme Name: Asue Project
Author: Asue.Inc
Template: twentytwelve
Author URI: http://asue.jp/
Version: Beta

*/

@import url('../twentytwelve/style.css');
@import "base.css";

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

h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,th,td,pre,address,li,dt,dd {
	font-size: 100%;
}

a { color: #006699; }
a:hover,
a:active { color: #0A7CB4; text-decoration: none; }
a:visited {
}

p { margin: 0 0 0.5em; }

dt img,dd img,li img { vertical-align: bottom; }


.section { padding: .5em 1em 1em; }
.section .section { padding: .5em .5em 1em; }

.image_l { float: left; margin: 0 16px 8px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

ul.totop {
	clear: both;
	padding-bottom: 20px;
}
ul.totop li {
	float: right;
	list-style: none;
}




.white {color: #fff;}
.gray {color: #999;}
.red {color: #f00;}
.blue {color: #06f;}
.orange {color: #ED9B00;}
.green{color:#638000;}
.bold {font-weight: bold;}

.font10{font-size:77% !important;}
.font11{font-size:85% !important;}
.font12{font-size:93% !important;}
.font13{font-size:100% !important;}
.font14{font-size:108% !important;}
.font15{font-size:116% !important;}
.font16{font-size:123.1% !important;}
.font17{font-size:131% !important;}
.font18{font-size:138.5% !important;}
.font19{font-size:146.5% !important;}
.font20{font-size:153.9% !important;}
.font21{font-size:161.6% !important;}
.font22{font-size:167% !important;}
.font23{font-size:174% !important;}
.font24{font-size:182% !important;}
.font25{font-size:189% !important;}
.font26{font-size:197% !important;}






/*================================body========================================*/

html {
	background: none;
}

body {
        background: url(images/header_bg.jpg) top repeat-x;
	color: #333;
}
body .site {
    margin: 0 auto;
    max-width: 950px;
    background-color: transparent;
    padding: 0;
    box-shadow: none;
}

.site-header {
    padding: 0;
}
.site-header h1 {
    line-height: 1.0;
}

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


#header {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

#header h1 {
font-size:85% !important;
color:#666666;
margin:8px 0 3px;
}

#header p#logo {
float:left;
margin-top:10px;
}
#header p#header_tel {
float:right;
}

/*=================================== gnavi=======================================*/

#gnaviBg {
clear:both;
background: url(../images/gnavi_bg.jpg) top repeat-x;
height:54px;
text-align: center;
}

#gnavi {
width: 950px;
margin: 0 auto;
}

ul#gnavi li {
float:left;
width:190px;
}


#gnavi li#gnavidrop ul li {
width:120px;
text-align: center;
clear:both;
}

#gnavi li#gnavidrop{ position: relative;
z-index:100;
}

#gnavidrop ul { display: none; position: absolute; top: 55px; left: 0; width: 190px; 
}  
* html #gnavidrop ul { line-height: 0; 
}  


#gnavidrop ul a {   
display: block;  
width: 180px;
background:#FFF3D0;  
padding:10px 5px 8px;
color: #F60;
font-weight:bold;
text-decoration:none;
text-align:center;
border-bottom:1px solid #FC3;
opacity: 0.9;  
filter: alpha(opacity=90);  
zoom: 1;  
line-height: 1;  
}

#gnavidrop ul a.hover { background:#FC3; }  


ul#topicPath{
margin:10px 0;
height:20px;
font-size:93% !important;
}
ul#topicPath li{
float:left;
display:inline;
margin-right:10px;
padding-right:15px;
background:url(images/li03.gif) right 7px no-repeat;
}

ul#topicPath li a
{ color: #333333 !important;
text-decoration: none !important; }
ul#topicPath li a:hover
{ color: #666666 !important;
text-decoration: underline !important;}

.no-bg{
background:none !important;}

/*===================================content=======================================*/

#wrapper {
width: 950px;
margin: 10px auto 80px;
text-align:left;
}

.wrapper {
width: 950px;
margin: 10px auto;
text-align:left;
}

#content {
width: 670px;
float:right;
}

#snavi {
width: 250px;
float:left;
}


/*===================================snavi=======================================*/

#navi {
	float: right;
	width: 240px;
	text-align: center;
}


#snavi_com{
background:url(images/snavi_com_bt.gif) left bottom no-repeat;
padding-bottom:5px;
}

#snavi_com p{
margin:0 !important;
}

#snavi_comIn{
border-left:#CCC 1px solid;
border-right:#CCC 1px solid;
padding:15px 20px;
width: 208px;
position: relative;
top: -7px;
}

#snavi_item dl{
margin-bottom:20px;
}
#snavi_item dt{
font-size:116% !important;
font-weight:bold;
padding-left:18px;
}
.acc01 dt{
background:url(images/snavi_li_plus.gif) left 6px no-repeat;
}
.acc01 dt.active{
background:url(images/snavi_li_minus.gif) left 6px no-repeat;
}


#snavi_item dd ul li{
font-size:93% !important;
padding-left:18px;
background:url(images/snavi_li_menu.gif) left 6px no-repeat;
margin:0 0 2px 18px;
}


#snavi_item a
{ color: #333333 !important;
text-decoration: none !important; }
#snavi_item a:hover
{ color: #666666 !important;
text-decoration: underline !important;}
#snavi_item a:active
{ color: #ED9B00 !important;
}

.snavi-bnr{
  float: left;
  margin: 30px 0 20px;
}
.snavi-bnr__link{
  display: block;
  transition: all .2s;
}
.snavi-bnr__link img{
  vertical-align: bottom;
}
.snavi-bnr__link:hover{
  opacity: .8;
  transition: all .2s;
}


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


#footerBg {
clear: both;
text-align: center;
border-top:1px solid #999;
}

#footer{
width:950px;
margin: 0 auto;
text-align:left;
position:relative;
}

#footer_link{
position:absolute;
top:-35px;
left:0;
}

#footer_link li{
float:left;
margin-right:20px;
}

#footer_link li a{
color:#666666 !important;
background:url(images/li01_off.gif) left 7px no-repeat;
padding-left:10px;
}

#footer_link li a:hover{
color:#999999 !important;
background:url(images/li01_on.gif) left 7px no-repeat;
padding-left:10px;
}


#footer_pagetop{
position:absolute;
top:-56px;
left:850px;
}

#footer address {
text-align: center;
font-size:77%; !important;
color:#666;
margin:10px 0 10px;
}

/*===================================common=======================================*/

#h2text{
width:650px;
height:40px;
padding:35px 10px 25px;
border-top:#CCC 2px solid;
border-bottom:#CCC 2px solid;
margin-bottom:40px;
}

#h2text h2{
font-size:167% !important;
font-weight:bold;
}

#h2text p{
font-size:77% !important;
color:#CCC;
}

#h2textItem{
width:650px;
height:30px;
padding:20px 0 0;
background:url(images/h2_item.gif) left top no-repeat;
margin-bottom:40px;
font-size:197% !important;
font-weight:bold;
}

#h2textItem h2 span img{
margin-left:20px;
}

.h3text{
background:url(../images/h3_bg.gif) left top no-repeat;
color:#666;
font-size:153.9% !important;
font-weight:bold;
padding:10px 0 0 5px;
margin-bottom:20px;
}

.h3Intext{
margin:0 5px;}




.table01{
width:650px;
}

.table01 th{
background:#FFF4D5;
font-weight:bold;
}



/*===================================content=======================================*/

/* index
------------------------------------------------------------------------*/

#index_main{
margin-bottom:25px;
z-index:10;
}

#index_pickup{
width:670px;
margin-bottom:30px;
}


#index_pickup dl{
float:left;
display:inline;
width:212px;
margin:0 15px 20px 0;
}

#index_pickup dl.end{
margin-right:0px !important;
}

#index_pickup dl dd{
margin:5px;
color:#666;
font-size:85% !important;
line-height: 1.3 !important;
}



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

.itemLi{
padding:0 30px;
}

.itemLi dl{
margin-bottom:20px;
}
.itemLi dt{
font-size:116% !important;
font-weight:bold;
}

.itemLi dd ul li{
font-size:93% !important;
padding-left:18px;
background:url(../images/li03.gif) left 6px no-repeat;
margin:0 0 2px 18px;
}


#snavi_item a
{ color: #333333 !important;
text-decoration: none !important; }
#snavi_item a:hover
{ color: #666666 !important;
text-decoration: underline !important;}
#snavi_item a:active
{ color: #ED9B00 !important;
}








#item_box{
width:670px;
}
.item_box_single {
    float:left;
display:inline;
width:212px;
margin:0 5px 30px 5px;
position:relative;
}

dl.item_box01{
float:left;
display:inline;
width:212px;
height: 340px;/*20160204 320px→340pxに変更*/
margin:0 5px 30px 5px;
position:relative;
}


dl.item_box01 span img{
position:absolute;
top:-5px;
left:0;
border:none !important;
z-index:100 !important;
}

/* アイコン (一覧)*/
.item_icon{
position:absolute;
top:-5px;
left:0;
color: #fff;
padding: 0 6px;
font-size: 80%;
z-index:20 !important;
}
/* アイコン (詳細)*/
.item_icon_single{
color: #fff;
padding: 0 6px;
font-size: 40%;
vertical-align: middle;
}
.limited{ /* 「期間限定商品」 */
  background-color: #2f57ec; 
} 
.new{ /* 「新商品」 */
  background-color: #c4261a; 
  padding: 0 10px;
}
.renewal{
  background-color: #ec8502; 
}


dl.item_box01 dt img{
border:#CCC 1px solid;
padding:1px;
z-index:10;
}

dl.item_box01 dt a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.item_box02{
font-size:93% !important;
line-height: 1.3 !important;
width:202px;
margin:10px 5px;
}

.item_box02 dt{
color:#999;
font-weight:bold;
width:50px;
float:left;
display:inline;
margin-bottom:5px;
border-top:#9C9C9C 1px solid;
padding-top:5px;
padding-left:5px;
}

.item_box02 dd{
width:145px;
float:left;
display:inline;
margin-bottom:5px;
border-top:#9C9C9C 1px dotted;
padding-top:5px;
}


/* item2
------------------------------------------------------------------------*/

#Itemphoto{
width:400px;
float:left;
}


#Itemtext{
width:250px;
float:right;
}

.Itemphoto02{
width:230px;
float:right;
}


.Itemtext02{
width:420px;
float:left;
}

dl.itemdl dt{
width:69px;
height:19px;
background:url(images/item_dt_bg.gif) left top no-repeat;
font-weight:bold;
color:#FFF;
font-size:93% !important;
text-align:center;
margin-right:10px;
margin-bottom:5px;
}

#Itemphoto ul#thumbs li{
float:left;
display:inline;
width:90px;
height:80px;
margin:0 5px;
}

.Itemtext02 dl.itemdl dt{
clear: both;
float:left;
display:inline;
}


.Itemtext02 dl.itemdl dd{
width:341px;
float:left;
margin-bottom:5px;
display:inline;
}

#Itemphoto img,
.Itemphoto02 img{
border:1px solid #999;
padding:1px;
}

.Item02box{
border-top:1px dotted #333;
margin-top:30px;
padding-top:30px;
}

.item_bnr_more{
width:210px;
float:left;
}

.item_bnr_more a {
    display: block;
    width:210px;
    height: 30px;
    background: url(images/item_bnr_more_off.gif);
    text-indent: -9999px;
}
.item_bnr_more a:hover {
    display: block;
    width:210px;
    height: 30px;
    background: url(images/item_bnr_more_on.gif);
    text-indent: -9999px;
}

.item_bnr_return li{
width:160px;
margin-left:10px;
background: url('images/item_bnr_pg.gif');
float:right;
}

.item_bnr_return li a {
    display: block;
    width: 160px;
    height: 25px;
    text-align: center;
    font-weight: bold;
    padding: 5px 0 0 0;
}



/**--sidenavi--**/

.site-content {
    float: right;
    width: 700px;
}

.widget-area {
    float: left;
    width: 250px;
}

footer[role="contentinfo"] {
    border-top: none;
    font-size: 100%;
    max-width: 100%;
}

.site-content {
    margin: 0;
}

.entry-content h2 {
    margin: 0;
}
.item_box01 dt {
    text-align: center;
}
dl.item_box01 a {
    overflow: hidden;
    display: block;
}