@charset "Shift_JIS";
/*[kounyuu/oic_TabLink_rep.jsp]
-----------------------------------------------------------------------------*/

body {
background-color:#fbfaf3;
background-image:url(https://c.o16.co/1/g6/shinki/image/shinki_bg.jpg);
background-repeat:repeat-y;
background-position:center top;
}
/*---- clearfix ----*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html .clearfix {
height:1%;
}
*:first-child+html .clearfix {
display:inline-block;
}
/*\*//*/
.clearfix{
display:inline-table;
}
/**/

.clear {
clear:both;
}
/*---- tab ----*/
#tabArea p {
margin-bottom:1em;
padding:0;
}
li {
list-style:none;
}
img {
border:none;
}
#tabArea, #tab {
width:950px;
overflow:hidden;
}
#tabArea {
margin:0 auto;
text-align:left;
}
.tabbar li {
float:left;
text-align:center;
_zoom:1;
}
ul li {
list-style-type:none;
margin:0 0 0;
}
#tabUe li {
margin:0 5px 0 0;
_margin:0 5px -3px 0;
height:60px;
}
#tabSita li {
margin:0 5px 0 0;
_margin:-3px 5px 0 0;
}
#tabArea {
margin:-50px 0 0 0;
}
.tabbar {
margin:0 0 0 25px;
}
/*--wrapper_orange--------------*/
#wrapper_orange {
border-top:solid 5px #F7771D;
border-bottom:solid 5px #F7771D;
border-right:solid 1px #F7771D;
border-left:solid 1px #F7771D;
background-color:#ffffff;
}
.anshin p {
float:left;
}
.shouhin {
width:950px;
_margin:0 0 -25px;
}
.shouhin p {
float:left;
}
/*---- image easing ----*/
a:hover img {
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha( opacity=70 )";
}
a img {
-webkit-transition:0.3s ease-in-out;
-mos-transition:0.3s ease-in-out;
-ms-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.autoSet {
background:none repeat scroll 0 0 #FFFFFF;
border-left:1px solid #F7771D;
border-right:1px solid #F7771D;
width:918px;
_width:948px;
padding:0 10px 0 20px;
}
#CDT {
font-size:26px;
text-align:center;
padding:25px 0 20px;
color:#fff;
background:#c00;
}
#CDT .day {
font-size:48px;
}
#CDT .hour, #CDT .min, #CDT .sec {
font-size:32px;
}
/*Oisixの商品について20131112-------------------------------------*/
#contents_tokushuu2 {
border-color:#F7771D;
border-style:solid;
border-width:5px 1px 0 1px;
width:906px;
padding:30px 0 30px 40px;
text-align:left;
background-color:#fff;
}
#contents_tokushuu2 .subttl {
font-size:17px;
margin:20px 0 50px;
padding:0 0 30px;
border-bottom:1px solid #999999;
width:880px;
line-height:1.3;
font-weight:normal;
}
#contents_tokushuu2 .sen {
-moz-appearance:none;
background:#F7771D;
border-radius:5px 5px 5px 5px;
color:#444444;
cursor:pointer;
display:block;
font-weight:bold;
width:8px;
float:left;
height:25px;
margin-right:10px;
}
#contents_tokushuu2 h3 {
margin:0 0 10px 0;
}
#contents_tokushuu2 .fontMid {
font-size:17px;
margin-bottom:1em;
}
#contents_tokushuu2 .nouyaku {
background:url(https://c.o16.co/1/g6/shinki/image/nouyaku_naiyo.jpg) no-repeat center bottom;
width:880px;
height:496px;
}
.fontBig {
font-size:21px;
font-weight:bold;
color:#4b4b4b4;
}
.fontMid {
font-size:17px;
color:#4b4b4b4;
}
.fontSmall {
font-size:13px;
color:#4b4b4b4;
}
.nouyaku, .tenkabutsu, .housyaseibutsu {
position:relative;
}
.nouyakuBun01 {
left:60px;
position:absolute;
top:105px;
text-align:center;
}
.nouyakuBun02 {
left:340px;
position:absolute;
top:105px;
text-align:center;
}
.nouyakuBun03 {
left:610px;
position:absolute;
top:115px;
text-align:center;
}
.nouyakuBun04 {
left:85px;
position:absolute;
top:425px;
text-align:center;
}
.nouyakuBun05 {
left:360px;
position:absolute;
top:425px;
text-align:center;
}
.nouyakuBun06 {
left:615px;
position:absolute;
top:425px;
text-align:center;
}
.anotherLink {
float:right;
margin:5px 30px 30px;
}
.tenkabutsuBun01 {
left:50px;
position:absolute;
top:100px;
text-align:center;
}
.tenkabutsuBun02 {
left:350px;
position:absolute;
top:100px;
text-align:center;
}
.tenkabutsuBun03 {
left:620px;
position:absolute;
top:100px;
text-align:center;
}
.tenkabutsuBun04 {
left:85px;
position:absolute;
top:425px;
text-align:center;
}
.tenkabutsuBun05 {
left:360px;
position:absolute;
top:425px;
text-align:center;
}
.tenkabutsuBun06 {
left:635px;
position:absolute;
top:425px;
text-align:center;
}
.housyaseibutsuBun01 {
left:30px;
position:absolute;
top:100px;
text-align:center;
}
.housyaseibutsuBun02 {
left:320px;
position:absolute;
top:100px;
text-align:center;
}
.housyaseibutsuBun03 {
left:590px;
position:absolute;
top:100px;
text-align:center;
}
#contents_tokushuu2 .anotherLink {
float:right;
margin:5px 30px 30px;
}
#contents_tokushuu2 .item p {
margin-bottom:20px;
clear:both;
}
/*キャンペーンインフォ-------------------------------------*/
#cam_information_box {
width:950px;
text-align:center;
position:relative;
}
#cam_information_title {
font-size:14px;
font-weight:bold;
color:#350e00;
margin-bottm:5px;
}
#cam_information {
text-align:left;
padding:10px;
line-height:150%;
font-size:12px;
margin:0 auto;
width:900px;
background-color:#f4e3b0;
text-align:center;
}
#cam_information_inner {
width:860px;
height:130px;
overflow:auto;
background-color:#FFF;
line-height:150%;
padding:10px;
margin:0 auto;
text-align:left;
}
#cam_information dt {
font-weight:bold;
color:#354d01;
margin-top:5px;
}
#cam_information dd {
margin-left:12px;
}
/*tab7 Q&A-------------------------------*/
#contents_tokushuu7 {
background:#fff url(https://c.o16.co/1/g6/shinki/image/oic_rep_bg.png) repeat-y;
}
#contents_tokushuu7 dl.about, #contents_tokushuu7 dl.service {
margin:15px auto;
text-align:left;
width:870px;
font-size:17px;
}
#contents_tokushuu7 dl.about dt {
background:url(https://c.o16.co/1/g6/shinki/image/oic_rep_midashi1.png) no-repeat;
height:73px;
padding:20px 0 0 70px;
font-weight:bold;
font-size:120%;
}
#contents_tokushuu7 dl.about dd {
margin:0 20px 20px 20px;
background:url(https://c.o16.co/1/g6/shinki/image/oic_rep_answer1.png) no-repeat;
padding:0 0 30px 70px;
line-height:1.5em;
}
#contents_tokushuu7 dl.about dd span {
color:#f7771d;
font-size:120%;
font-weight:bold;
display:block;
margin-bottom:10px;
}
#contents_tokushuu7 dl.service dt {
background:url(https://c.o16.co/1/g6/shinki/image/oic_rep_midashi2.png) no-repeat;
height:73px;
padding:20px 0 0 70px;
font-weight:bold;
font-size:120%;
}
#contents_tokushuu7 dl.service dd {
margin:0 20px 20px 20px;
background:url(https://c.o16.co/1/g6/shinki/image/oic_rep_answer2.png) no-repeat;
padding:0 0 30px 70px;
line-height:1.5em;
}
#contents_tokushuu7 dl.about dd div, #contents_tokushuu7 dl.service dd div {
text-align:right;
padding:10px 5px 0 0;
}
#contents_tokushuu7 dl.about a, #contents_tokushuu7 dl.service a {
background:url(https://c.o16.co/1/g6/shinki/image/oic_rep_linkicon.png) no-repeat 0 center;
padding:5px 0 5px 15px;
}
#contents_tokushuu7 hr {
border:0 none;
height:2px;
color:#696969;
background-color:#bebdb7;
margin:20px auto;
width:870px;
}
/*dissolve------------------------------*/
#dissolve {
background-color:#d9d9d9;
padding:15px;
border-radius:10px;		/* CSS3草案 */
-webkit-border-radius:10px;	/* Safari,Google Chrome用 */
-moz-border-radius:10px;	/* Firefox用 */
margin:20px auto;
width:650px;
line-height:1.3;
font-size:17px;
}
#dissolve p {
text-align:center;
}
#dissolve ul {
margin:15px auto;
padding:0;
}
#dissolve ul li {
float:left;
width:50%;
height:90px;
cursor:pointer;
background-position:0 0;
background-repeat:no-repeat;
}
#dissolve .inner {
background-color:#fff;
padding:15px;
border-radius:10px;		/* CSS3草案 */
-webkit-border-radius:10px;	/* Safari,Google Chrome用 */
-moz-border-radius:10px;	/* Firefox用 */
text-align:left;
display:none;
margin:0 20px;
font-size:17px;
}
#dissolve .inner a {
background:url(https://c.o16.co/1/g6/shinki/image/oic_rep_linkicon.png) no-repeat;
padding-left:20px;
}
/*既存DB用LP----------------------------------------------*/
div.bottom_linkbtn {
padding:20px 0 0 0;
}
div.bottom_linkbtn_dm {
padding:20px 0;
}
div.bottom_linkbtn_dm img {
margin:0 auto;
display:block;
}
/*20131118 write お店の中を見る----------------*/
#tabBox {
border-color:#F7771D;
border-style:solid;
border-width:5px 1px 0 1px;
width:948px;
background-color:#fff;
}
#contents_tokushuu5 {
padding:30px 0 0 0;
line-height:1.3;
text-align:left;
background-color:#fff;
}
#contents_tokushuu5 h1 {
padding:0 0 20px 40px;
}
#contents_tokushuu5 h2.subttl {
font-size:17px;
color:#4b4b4b4;
margin:0 40px 50px 40px;
padding-bottom:40px;
border-bottom:1px solid #999999;
font-weight:normal;
}
#contents_tokushuu5 .fontMid {
font-size:17px;
padding:0 0 15px 40px;
}
h3.midasi {
margin:0 0 15px 40px;
}
#shop_corner ul {
margin:0 auto 30px auto;
padding:0;
width:888px;
}
#shop_corner ul li {
margin:0 0 5px 0;
padding:0;
width:296px;
height:284px;
float:left;
background:no-repeat 0 0;
cursor:pointer
}
#shop_corner ul li a {
padding:259px 0 0 15px;
display:block;
}
#shop_corner ul li:hover {
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha( opacity=70 )";
-webkit-transition:0.3s ease-in-out;
-mos-transition:0.3s ease-in-out;
-ms-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
#shop_corner ul li.linkbtn_01 {
background-image:url(https://c.o16.co/1/g6/shinki/image/lookshop_linkbtn_01.jpg)
}
#shop_corner ul li.linkbtn_02 {
background-image:url(https://c.o16.co/1/g6/shinki/image/lookshop_linkbtn_02.jpg)
}
#shop_corner ul li.linkbtn_03 {
background-image:url(https://c.o16.co/1/g6/shinki/image/lookshop_linkbtn_03.jpg)
}
#shop_corner ul li.linkbtn_04 {
background-image:url(https://c.o16.co/1/g6/shinki/image/lookshop_linkbtn_04.jpg)
}
#shop_corner ul li.linkbtn_05 {
background-image:url(https://c.o16.co/1/g6/shinki/image/lookshop_linkbtn_05.jpg)
}
#shop_corner ul li.linkbtn_06 {
background-image:url(https://c.o16.co/1/g6/shinki/image/lookshop_linkbtn_06.jpg)
}
#oichika_corner ul {
margin:0 auto 30px auto;
padding:0;
width:888px;
}
#oichika_corner ul li {
margin:0;
padding:0;
width:148px;
height:122px;
float:left;
}
/*年末年始訴求-------------------------------------*/
#nmns {
margin:20px auto 0;
width:924px;
background:url(https://c.o16.co/1/kounyuu/image/shinki_oic_con_nmns_2.png) repeat-y 0 center;
text-align:center;
}
#nmns img {
vertical-align:bottom;
}
#nmns .chuki {
font-size:10px;
color:#666;
line-height:150%;
text-align:left;
padding:0 0 10px 20px;
}
/*---- こんなあなたにオススメコンテンツ/start----*/
.oscourse_wrapper {
width:940px;
height:495px;
color:#333;
position:relative;
margin:-3px auto 20px auto;
font-size:15px;
background:url(https://c.o16.co/1/kounyuu/image/shinki_oic_con0_20131114_2_exdb.jpg) no-repeat top left;
background-size:940px 495px;
}
.oscourse_left_cap {
width:275px;
position:absolute;
left:40px;
top:12px;
line-height:140%;
text-align:left;
}
.oscourse_left_cstitle {
width:275px;
position:absolute;
left:40px;
top:140px;
font-size:20px;
font-weight:bold;
color:#FFF;
text-align:center;
}
.oscourse_left_teianbox {
width:275px;
position:absolute;
left:40px;
top:390px;
overflow:hidden;
zoom:1;
font-size:14px;
font-weight:bold;
}
.oscourse_left_teian_1st_left {
width:175px;
float:left;
}
.oscourse_left_teian_1st_right {
width:90px;
float:right;
}
.oscourse_left_teian_2nd {
width:275px;
position:absolute;
left:40px;
top:415px;
font-size:14px;
font-weight:bold;
}
.oscourse_center_cap {
width:275px;
position:absolute;
left:340px;
top:12px;
line-height:140%;
text-align:left;
}
.oscourse_center_cstitle {
width:275px;
position:absolute;
left:330px;
top:140px;
font-size:20px;
font-weight:bold;
color:#FFF;
text-align:center;
}
.oscourse_center_teianbox {
width:275px;
position:absolute;
left:330px;
top:390px;
overflow:hidden;
zoom:1;
font-size:14px;
font-weight:bold;
}
.oscourse_center_teian_1st_left {
width:195px;
float:left;
}
.oscourse_center_teian_1st_left_small {
font-size:12px;
line-height:120%;
}
.oscourse_center_teian_1st_right {
width:70px;
float:right;
}
.oscourse_center_teian_2nd {
width:275px;
position:absolute;
left:340px;
top:415px;
font-size:14px;
font-weight:bold;
}
.oscourse_right_cap {
width:275px;
position:absolute;
left:636px;
top:12px;
line-height:140%;
text-align:left;
}
.oscourse_right_cstitle {
width:275px;
position:absolute;
left:626px;
top:140px;
font-size:20px;
font-weight:bold;
color:#FFF;
text-align:center;
}
.oscourse_right_teianbox {
width:275px;
position:absolute;
left:626px;
top:385px;
overflow:hidden;
zoom:1;
font-size:14px;
font-weight:bold;
}
.oscourse_right_teian_1st_left {
width:175px;
float:left;
}
.oscourse_right_teian_1st_left_small {
font-size:12px;
line-height:120%;
}
.oscourse_right_teian_1st_right {
width:90px;
float:right;
padding-top:9px;
}
.oscourse_right_teian_2nd {
width:275px;
position:absolute;
left:636px;
top:420px;
font-size:14px;
font-weight:bold;
}
.oscourse_attention {
width:900px;
position:absolute;
left:40px;
top:460px;
font-size:12px;
text-align:left;
}
/*---- こんなあなたにオススメコンテンツ/end----*/

/*---- クローズ対応/start----*/
#close_txt1 {
width:900px;
border:2px solid #C00;
padding:10px;
color:#C00;
font-size:24px;
line-height:150%;
font-weight:bold;
text-align:center;
margin:20px auto;
}
#close_txt1 span {
font-weight:normal;
font-size:12px;
color:#333;
}
/*---- クローズ対応/end----*/
