@charset "shift_jis";
/* CSS Document */
/*----- last up date 20171118 -----*/


/*--- header ---*/

header div#topLine,
header nav ul > li{
    background:url(https://www.kijoan.com/img/h-sprit_img_01.png);
    width:100%;
    display:block;
    text-indent:-9999px;
}

header div#topLine{
    height:28px;
    margin:0 auto;
    background-position:0 -350px;
    float:left;
}

header div#topLine nav{
    width:990px;
    margin:0 auto;
}

header div#topLine nav h1{
    width:420px;
    height:20px;
    font-size:12px;
    line-height:14px;
    padding:6px 10px;
    color:#fff;
    float:left;
    overflow:hidden;
    text-indent:0;
}

header div#topLine nav ul{
    width:550px;
    float:left;
}

header div#topLine nav ul > li a,
header div#topLine nav ul > li{
    width:104px;
    height:28px;
    float:right;
    text-indent:15px;
    font-size:12px;
    line-height:28px;
    color:#fff;
    overflow:hidden;
}

header div#topLine nav ul > li a:hover{
    color:#ff8c11;
}

header div#topLine nav ul > li:nth-child(4){background-position:-520px 0; width:155px;}
header div#topLine nav ul > li:nth-child(3){background-position:-675px 0;}
header div#topLine nav ul > li:nth-child(2){background-position:-779px 0; width:131px;}
header div#topLine nav ul > li:nth-child(1){background-position:-910px 0;}

header div#topLine nav ul > li:nth-child(3) a{text-indent:20px;}
header div#topLine nav ul > li:nth-child(4) a{width:155px;}

header h2#logo{
    height:120px;
    width:990px;
    margin:0 auto;
}

header h2#logo a{
    width:385px;
    height:120px;
    display:block;
    float:left;
}

header h2#logo img{
    float:left;
}

header nav ul{
    margin:0 auto;
    width:990px;
}

header nav ul > li a,
header nav ul > li{
    width:165px;
    height:54px;
    float:left;
}

header nav ul > li:nth-child(1){background-position:-0px -57px;}
header nav ul > li:nth-child(1):hover{background-position:-0px -109px;}
header nav ul > li:nth-child(2){background-position:-165px -57px;}
header nav ul > li:nth-child(2):hover{background-position:-165px -109px;}
header nav ul > li:nth-child(3){background-position:-330px -57px;}
header nav ul > li:nth-child(3):hover{background-position:-330px -109px;}
header nav ul > li:nth-child(4){background-position:-495px -57px;}
header nav ul > li:nth-child(4):hover{background-position:-495px -109px;}
header nav ul > li:nth-child(5){background-position:-660px -57px;}
header nav ul > li:nth-child(5):hover{background-position:-660px -109px;}
header nav ul > li:nth-child(6){background-position:-825px -57px;}
header nav ul > li:nth-child(6):hover{background-position:-825px -109px;}

header #attention,
header #attention02{
    width:990px;
    background: background: rgba(0, 0, 0, 0) url("https://www.kijoan.com/img/all_back_img_01.png") repeat scroll 0 0;
    margin:0 auto;
    text-align:center;
    background-color: rgba(255,255,255,0.6);
}

header #attention p{
    width:900px;
    padding:7px 15px;
    margin:10px 30px;
    float:left;
    background:#fff;
    border:solid 1px #a60007;
    border-radius:4px;
}

header #attention02 p{
    width:469px;
    padding:7px 15px;
    margin:10px 7px 5px 0;
    float:left;
    background:#fff;
    border:solid 1px #a60007;
    border-radius:4px;
}

header #attention p.camp,
header #attention02 p.camp{
    width:460px;
    margin:5px 10px;
}

header #attention p span,
header #attention02 p span{
    font-weight:bold;
    color:#A65A00;
    font-size:110%;
}

header #attention02 img{
    margin:10px 7px 5px;
    float:left;
}

header #attention span.date {
    color: #6a6a6a;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0;
}

header #attention span.icon {
    color: #fff;
    display: inline-block;
    font-size: 95%;
    height: 13px;
    letter-spacing: 0.04em;
    line-height: 14px;
    margin: 0 10px 0 8px;
    text-align: center;
    width: 50px;
    padding: 3px 0;
}

header #attention span.icon_L {
    color: #fff;
    display: inline-block;
    font-size: 95%;
    height: 13px;
    letter-spacing: 0.04em;
    line-height: 14px;
    margin: 0 10px 0 8px;
    text-align: center;
    width: 80px;
    padding: 3px 0;
}

header #attention span.new {
    background-color: #e74c39;
    border-radius:3px;
}





/*--- sub ---*/
#sub ul, #sub ul > li {
    float: left;
    position: relative;
}

#sub ul#login > li a,
#sub #trial a.img,
#sub #trial #text,
#sub #recipe a.img,
#sub h3,
#sub .cont form #searchBtn input,
#sub .inq ul > li:nth-child(1),
#sub .inq ul > li a.inqImg,
#sub .inq hr{
    background:url(https://www.kijoan.com/img/l-sprit_img_01a.png);
    width:100%;
    display:block;
    text-indent:-9999px;
    float:left;
}

#sub ul#login > li a{
    width:230px;
    height:50px;
    margin-bottom:8px;
}

#sub ul#login > li a#rakuId{
    width:230px;
    height:200px;
    margin-bottom:5px;
}
#sub ul#login > li a#amazonPay{
    width:230px;
    height:90px;
    margin-bottom:5px;
}

#sub ul#login > li a#rakuId{background:url(https://www.kijoan.com/img/common/raku_id_campbnr.png)no-repeat 0 0; margin:0 5px 15px;}
#sub ul#login > li a#amazonPay{background:url(https://www.kijoan.com/img/common/amazon_payments_ForPC_230x90.jpg)no-repeat 0 0; margin:0 0px 15px;}

#sub ul#login > li a#tPoint{background:url(https://www.kijoan.com/img/common/l-bnr_t-point_01.png) 0 0; margin:0 0 15px;}
#sub ul#login > li a#tPoint:hover{background:url(https://www.kijoan.com/img/common/l-bnr_t-point_01_over.png);}
#sub ul#login > li a#cart{background-position:0 0;}
#sub ul#login > li a#cart:hover{background-position:0 -51px;}
#sub ul#login > li a#myPage{width:115px; height:40px; background-position:0 -102px;}
#sub ul#login > li a#myPage:hover{background-position:0 -143px;}
#sub ul#login > li a#logInBtn,#sub ul#login > li a#logIn{width:115px; height:40px; background-position:-115px -102px;}
#sub ul#login > li a#logInBtn:hover,#sub ul#login > li a#logIn:hover{background-position:-115px -143px;}
#sub ul#login > li a#menber{background-position:0 -184px; margin:0px 0px 15px;}
#sub ul#login > li a#menber:hover{background-position:0 -235px;}
#sub ul#login > li a#cata{background-position:0 -286px; margin:15px 0;}
#sub ul#login > li a#cata:hover{background-position:0 -337px;}

#sub #trial,#sub #recipe{
    margin-bottom:15px;
}

#sub #trial #text{width:230px; height:27px; background-position:0 -388px; margin-bottom:0px;}
#sub #trial a.img{width:230px; height:148px; background-position:0 -416px;}
/*#sub #trial a.img:hover{background-position:-1px -566px;}*/
#sub #recipe a.img{width:228px; height:148px; background-position:-1px -716px;}
#sub #recipe a.img:hover{background-position:-1px -865px;}

#sub .cont{
    margin-bottom:15px;
}

#sub .cont{
    padding:10px 0;
}

#sub h3{
    width:230px;
    height:27px;
}

#sub #search h3{background-position:0 -1014px;}
#sub .inq h3{background-position:0 -1040px;}
#sub #calendar h3{background-position:0 -1068px;}
#sub .bnrs h3{background-position:0 -1461px; margin-bottom:3px;}

#sub .cont form{
    display:block;
    margin:10px 0px 0;
    float:left;
    width:230px;
    overflow:hidden;
}

#search ul {
    background-color: #dfdfdf;
    border: 1px solid #aaa;
    padding: 5px;
}

#sub .cont form ul{
    margin-bottom:0px;
}

#sub .cont form input {
    border: 1px solid #aaaaaa;
    border-radius: 2px;
    color: #111111;
    padding: 5px;
}

#search button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #666;
    font-size: 16px;
    height: 26px;
    left: 190px;
    outline: medium none;
    padding: 0 5px;
    position: absolute;
    top: 25px;
    cursor:pointer;
}

#sub .b > input {
    margin-right: 3px;
}

#sub .cont form input.key{
    width:206px;
    /*
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    */
}


#sub .cont form p {
    border-left: 4px solid #333;
    color: #333;
    font-size: 85%;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 2px 5px;
    text-align: left;
}

#sub .cont form ul > li:nth-child(2){
    margin:10px 0 10px;
}

#sub .cont form ul > li:nth-child(2) input {
    text-align: right;
    width: 67px;
}

#sub .cont form #searchBtn input {
    background-position: -7px -1215px;
    border: medium none;
    cursor: pointer;
    height: 35px;
    width: 216px;
}

#sub .cont form #searchBtn input:hover {
    background-position: -7px -1256px;
}


#sub .inq h4{
    margin:10px 5px 0;
    color:#282525;
    font-size:12px;
    float:left;
}

#sub .inq hr{margin:10px 0 5px; background-position:0 -1207px; border:none;}


#sub .inq ul{
    margin:5px 5px 10px 3px;
}

#sub .inq ul > li{
    margin-bottom:0;
    color:#282525;
    font-size:12px;
}

#sub .inq ul#inqTel  > li:nth-child(2) {
    text-align:right;
    width:95%;
}

#sub .inq ul#inqTel > li:nth-child(1) {width:225px; height:25px; background-position:-8px -1098px;}
#sub .inq ul#inqFax > li:nth-child(1) {width:225px; height:32px; background-position:-8px -1130px;}
#sub .inq ul#inqFax > li:nth-child(2) a.inqImg{width:228px; height:40px; background-position:-2px -1297px;}
#sub .inq ul#inqFax > li:nth-child(2) a.inqImg:hover{width:228px; height:40px; background-position:-2px -1338px;}
#sub .inq ul#inqMail > li:nth-child(1){width:228px; height:35px; background-position:-6px -1161px;}
#sub .inq ul#inqMail > li:nth-child(1) a{width:228px; height:35px; display:block;}
#sub .inq ul#inqMail > li:nth-child(2) a.inqImg{width:228px; height:40px; background-position:-2px -1379px;}
#sub .inq ul#inqMail > li:nth-child(2) a.inqImg:hover{width:228px; height:40px; background-position:-2px -1420px;}

#sub .inq ul#inqMail{
    margin-bottom:0px;
}

#sub #calendar table{
    width:220px;
    height:200px;
    margin:5px 4px;
    float:left;
    text-align:center;
    background:#fff;
    border-spacing:0;
    border: 1px solid #ccc;
    border-collapse: collapse;
}

#sub #calendar table th{
    background:#ffffff;
}

#sub #calendar table tr:nth-child(2){
    background:#C7D8ED;
}

#sub #calendar table.a tr:nth-child(2) > td:nth-child(1),
#sub #calendar table.b tr:nth-child(2) > td:nth-child(1){
    background:#ff4f4f;
    color:#fff;
}

#sub #calendar table.a tr:nth-child(2) > td:nth-child(7),
#sub #calendar table abtr:nth-child(2) > td:nth-child(7){
    background:#A6C0E1;
}

#sub #calendar table.a tr > td:nth-child(1),
#sub #calendar table.a tr > td:nth-child(7),
#sub #calendar table.b tr > td:nth-child(1){
    /*background:#FFCC99;*/
}

#sub #calendar table tr > td.hDay{
    background:#ffc9c9;
}
#sub #calendar table tr > td.none {
    background: #eeeeee;
}


#sub #calendar table tr > td.null,#sub #calendar table tr.null > td{
    text-indent:-9999px;
}

#sub #calendar ul{
    margin:0px 20px 0;
}

#sub #calendar ul > li:nth-child(1),
#sub #calendar ul > li:nth-child(3){
    background:#ffffff;
    width:10px;
    height:10px;
    border:solid 1px #ccc;
    margin:5px 5px 0 15px;
    line-height:13px;
    text-indent:-9999px;
}

#sub #calendar ul > li:nth-child(3){
    background:#ffc9c9;
}

#sub .bnrs ul{
    margin-bottom:15px;
}

#sub .bnrs ul li span{
    color:#d60000;
    font-weight:bold;
}

#sub div.siteState ul li{
    height:50px;
    width:113px;
    overflow:hidden;
}


/*--- footer ---*/

footer div#bottomLine,
footer #footerLine h3,
footer #footerWrap ul > li ul > li,
footer .cont h4,
footer .cont a.contBtn{
    background:url(https://www.kijoan.com/img/f-sprit_img_01.png);
    width:100%;
    display:block;
    text-indent:-9999px;
}

footer #footerLine ul{
    width:988px;
    margin:0 auto;
}

footer #footerLine h3#conteLink{
    width:610px;
    height:43px;
    float:left;
    background-position:-147px 0;
}

footer #footerLine h3#info{
    width:378px;
    height:43px;
    float:left;
    background-position:-757px -0px;
}

footer #footerWrap{
    width:970px;
    background:#fff;
    padding:10px;
    margin:0 auto;
}

footer #footerWrap ul{
    margin:5px;
}

footer #footerWrap ul > li{
    width:150px;
    float:left;
    margin-right:65px;
}

footer #footerWrap ul > li ul{
    margin:0px;
    float:left;
}

footer #footerWrap ul > li ul > li:nth-child(1),
footer #footerWrap ul > li ul > li.title{
    height:30px;
    text-indent:-9999px;
    width:148px;
}

footer #footerWrap ul > li ul > li{
    background-position:3px -88px;
    text-indent:15px;
    height:24px;
    overflow:hidden;
    margin:2px 0;
    clear:both;
    font-size: 0.92em;
}

footer #footerWrap ul > li ul > li a {
    text-decoration: none;
}

footer #footerWrap ul > li ul > li#itemLink{background-position:0 -55px; width:135px;}
footer #footerWrap ul > li ul > li#kodawariLink{background-position:-134px -55px;}
footer #footerWrap ul > li ul > li#guideLink{background-position:-283px -55px; margin-top:10px;}
footer #footerWrap ul > li ul > li#campLink{background-position:-434px -55px; }
footer #footerWrap ul > li ul > li#sitemapLink{background-position:-594px -52px; margin:40px 0;}
footer #footerWrap ul > li ul > li#sitemapLink:hover{background-position:-594px -83px;}
footer #footerWrap ul > li ul > li#sitemapLink a{display:block; height:30px;}
footer #footerWrap ul > li ul > li#inqLink{background-position:-743px -52px; margin-bottom:40px;}
footer #footerWrap ul > li ul > li#inqLink:hover{background-position:-743px -83px;}
footer #footerWrap ul > li ul > li#inqLink a{display:block; height:30px;}
footer #footerWrap ul > li ul > li#topLink{background-position:-894px -52px;}
footer #footerWrap ul > li ul > li#topLink:hover{background-position:-894px -83px;}
footer #footerWrap ul > li ul > li#topLink a{display:block; height:30px;}

footer .cont{
    border:solid 1px #e7ddba;
    border-radius:2px;
    background:-webkit-linear-gradient(top, #ffffff, #f9eeee);
    background:linear-gradient(to bottom, #ffffff, #f9eeee);
    margin-left:30px;
    float:left;
    width:350px;
    padding:7px 0;
}

footer .cont h4{
    width:350px;
    height:24px;
}


footer .cont p{
    margin:0 10px 0 5px;
    font-size:80%;
    float:left;
}

footer .cont p span{
    color:#a65a00;
    font-weight:bold;
}

footer .cont p span.fn,
footer .cont p span.adr,
footer .cont p span.tel{
    font-weight:normal;
    color:#282525;
}

footer .cont a.contBtn{
    width:115px;
    height:28px;
    float:right;
    margin-top:10px;
}

footer .contCamp{
    background:none;
    border-color:#bfb48f;
}

footer #payment,
footer #send,
footer #return{
    margin-bottom:10px;
}

footer #payment h4{background-position:0 -150px;}
footer #payment a.contBtn{background-position:-1049px -292px;}
footer #payment a.contBtn:hover{background-position:-1162px -292px;}
footer #send h4{background-position:-422px -150px;}
footer #send a.contBtn{background-position:-1049px -292px;}
footer #send a.contBtn:hover{background-position:-1162px -292px;}
footer #return h4{background-position:0 -179px;}
footer #return a.contBtn{background-position:-1049px -292px;}
footer #return a.contBtn:hover{background-position:-1162px -292px;}
footer #campany h4{background-position:-880px -150px;}

footer div#bottomLine{
    height:28px;
    margin:0 auto;
    background-position:0 -115px;
    float:left;
}


footer div#bottomLine small{
    width:960px;
    margin:0 auto;
    height:20px;
    font-size:14px;
    line-height:14px;
    padding:6px 10px;
    color:#fff;
    overflow:hidden;
    text-indent:0;
    display:block;
    text-align:right;
}