@charset "utf-8";

/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
main image
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

div#main_image {
width: 100%;
height: auto;
margin: 20px 0 0;
padding: 0;
}
div#main_image img {
width: 100%;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
recommend
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

div#recommend {
width: 100%;
margin: 20px 0 0;
padding: 0;
position: relative;
}
div#recommend h2 {
width: 100%;
height: 45px;
margin: 0;
padding: 19px 0 0;
text-align: center;
background: #006998;
}
ul#tabs_wrap {
width: 100%;
height: 40px;
overflow: hidden;
margin: 0;
padding: 20px 0 0;
text-align: center;
list-style: none;
background: #006998;
z-index: 1;
}
ul#tabs_wrap li {
width: 145px;
height: 40px;
overflow: hidden;
margin: 0 5px;
padding: 0;
text-indent: -9999px;
display: inline-block;
box-shadow: 0 0 5px rgba(0,0,0,0.4);
}
ul#tabs_wrap li a {
height: 40px;
padding: 0;
display: block;
}
li#group_01 {
background: url(../img/top/tab_01_off.png);
background-size: 145px 40px;
}
li#group_02 {
background: url(../img/top/tab_02_off.png);
background-size: 145px 40px;
}
.ui-tabs-selected a span {
height: 40px;
overflow: hidden;
margin: 0;
padding: 0;
display: block;
}
.ui-tabs-selected a span.t_01 {
background-image: url(../img/top/tab_01_on.png);
background-size: 145px 40px;
}
.ui-tabs-selected a span.t_02 {
background-image: url(../img/top/tab_02_on.png);
background-size: 145px 40px;
}
div.tab_contents {
width: 100%;
overflow: hidden;
margin: 0;
padding: 0;
}
div.tab_contents ul {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
border-bottom: #006998 solid 10px;
}
div.tab_contents ul li {
height: 100%;
overflow: hidden;
margin: 0;
padding: 10px 10px 12px;
background-image: url(../img/common/line_01.gif);
background-position: bottom;
background-repeat: repeat-x;
background-size: 4px 2px;
position: relative;
}
div.tab_contents ul li:last-child {
padding: 10px;
background: none;
}
div.tab_contents ul li div.photo {
width: 112px;
height: 77px;
overflow: hidden;
margin: 0 10px 0 0;
padding: 0;
text-align: center;
display: inline;
float: left;
}
div.tab_contents ul li div.photo img {
height: 90%;
padding: 2px;
border: #CCC solid 2px;
}
div.tab_contents ul li div.data {
width: 55%;
overflow: hidden;
margin: 0;
padding: 0;
display: inline;
float: left;
}
div.tab_contents ul li div.data p.cate {
margin: 0 0 3px;
padding: 2px 5px;
color: #FFF;
display: inline-block;
background: #e47b00;
}
div.tab_contents ul li div.data p.price span {
color: #e60012;
font-weight: bold;
}
div.tab_contents ul li img.ar {
position: absolute;
top: 50%;
right: 10px;
margin-top: -7px;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
info_box
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

div#info_box {
width: 100%;
overflow: hidden;
margin: 20px 0 0;
padding: 0;
background-image: url(../img/common/bg_02.gif);
background-size: 9px 9px;
}
div#info_box div.inner {
height: 100%;
margin: 10px;
padding: 20px 10px;
background: #FFF;
}
div#info_box div.inner p.headline {
padding: 0 0 20px;
background-image: url(../img/common/line_02.gif);
background-position: bottom;
background-repeat: repeat-x;
background-size: 8px 8px;
}
div#info_box div.inner p.headline img {
width: 70%;
}
div#info_box div.inner ul {
margin: 0;
padding: 0;
list-style: none;
}
div#info_box div.inner ul li {
margin: 0;
padding: 20px 0;
border-bottom: #CCC solid 1px;
}
div#info_box div.inner ul li span.date {
margin: 0 0 3px;
color: #666;
display: block;
}
div#info_box div.inner ul li a.title {
color: #006998;
display: block;
}
div#info_box div.inner p.btn {
margin: 20px 0 0;
padding: 0;
overflow: hidden;
}
div#info_box div.inner p.btn img {
width: 100%;
margin: 0;
float: left;
}