@charset "shift_jis";

/* common ******************************************************************** */

* { margin: 0px; padding: 0px; }

html { }
body { margin: 0px; color:#fff; font-family: Quicksand, ŸàƒSƒVƒbƒN‘Ì, 'Yu Gothic', YuGothic, 'ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒN Pro', 'Hiragino Kaku Gothic Pro', ƒ�ƒCƒŠƒI, Meiryo, Osaka, '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic', sans-serif; font-size: medium;line-height: 1.7em;  position: relative; zoom:1; background-color: #16141d;}

a:link      { color: #fff; text-decoration: underline; cursor: pointer; }
a:visited   { color: #fff; text-decoration: underline; cursor: pointer; }
a:hover     { color: #fff; text-decoration: none; cursor: pointer; }
a:active    { color: #fff; text-decoration: none; cursor: pointer; }

img  { border-style: none; vertical-align: top; }
input { vertical-align: middle; padding:5px;}
select { vertical-align: middle; padding:5px; border:solid 1px #888 }
.clear{ clear: both;}
.menuName{
	text-indent:-9999px;
	line-height: 0;
}
.center{
	text-align:center;
}
.iem{margin:0;border:0;padding:0;font-size:0;line-height:1;}
.img100p{
	width: 100%;
}
.dispnone{}

.prz{position:relative;zoom:1;}
.FFF{color:#FFFFFF}

.redTxt{ color:#9A0302; line-height:1.2em;}

ul,li{ list-style-type:none;}

/* tag */
* { margin: 0px; padding: 0px; }
html {}
.body {margin: 0px;color:#000;font-family: MS PGOTHIC,Osaka; font-size: medium;line-height: 1.7em; background:#fff; position: relative;zoom:1; background-image:url(img/top/bodyBg0.jpg);}
.img  { border-style: none; vertical-align: top; }
.input { vertical-align: middle; padding:5px; }
input.name{ border:solid 1px #888}
.select{ vertical-align: middle; padding:5px; }

/* link */
a:link      { color: #fff; text-decoration: underline; cursor: pointer; }
a:visited   { color: #fff; text-decoration: underline; cursor: pointer; }
a:hover     { color: #fff; text-decoration: none; cursor: pointer; }
a:active    { color: #fff; text-decoration: none; cursor: pointer; }

/* etc */
.clear{ clear: both;}
.center{ text-align:center; }
.m00{margin: 0 !important;}

/* parts */
.linkFreeWrap{text-align: center; line-height: 1.5; padding: 5px 0; font-size: 1.3em;}
.linkFree{font-weight: bold; font-family:"ƒqƒ‰ƒMƒm–¾’© Pro W6","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©",serif; text-decoration: none !important;}
.underLine{text-decoration: underline;}
.linkFree:hover .underLine{text-decoration: none;}
.yellow{color: #ff6;}
.pink{color: #ffccff;}

.btnBg img{display: none;}
.btnBg:hover{background-position: 0 100%;}
.btnBg_submit{background: url(img/top/submit_bg.png) 0 0 no-repeat; height: 86px; display: block; width: 468px; margin: 0 auto;}
.btnBg_submit2{background: url(img/top/submit2_bg.png) 0 0 no-repeat; height: 86px; display: block; width: 534px; margin: 0 auto;}
.btnBg_submit_free{background: url(img/top/submit_free_bg.png) 0 0 no-repeat; height: 71px; display: block; width: 377px; margin: 0 auto;}
.btnBg_renaiMenu{background: url(img/top/btn_renaiMenu_bg.png) 0 0 no-repeat; height: 70px; display: block; width: 318px; margin: 0 auto;}
.btnBg_kekkonMenu{background: url(img/top/btn_kekkonMenu_bg.png) 0 0 no-repeat; height: 70px; display: block; width: 318px; margin: 0 auto;}
.btnBg_shigotoMenu{background: url(img/top/btn_shigotoMenu_bg.png) 0 0 no-repeat; height: 70px; display: block; width: 318px; margin: 0 auto;}
.btnBg_campaign{background: url(img/top/campaign_bg.png) 0 0 no-repeat; height: 402px; display: block; width: 960px; margin: 0 auto;}

/* ISP header */
.niftyHeader{ background-color:#000;}
.niftyHeader table{ width:960px ; margin:0 auto;background: #000;}


/* wrap ******************************************************************** */
/* wraps */
.bodyBgWrap{width: 100%; background: url(img/top/body_bg1.png) top center repeat-y; }
.bodyBg1{width: 100%; margin: 0 auto; background: url(img/top/header_bg.png) top center no-repeat;}
.bodyBg2{width: 960px; background: url(img/top/body_bg1.png) top center repeat-y; margin: 0 auto;}
.bodyBg3{width: 960px; background: url(img/top/header_bg.png) top center no-repeat; margin: 0 auto;}
.bodyBg4{position: relative; margin: 0 auto; }
.bodyBg5{width: 960px; margin: 0 auto; background: url(img/top/body_bg1.png) top center repeat-y; padding-bottom: 50px;}
.headerInner{}
.flashBox{position: relative; width: 960px; margin: 0 auto;}
.flashBox img {width: 900px; margin: 0 auto; height: 310px; display: block; }


/* nav ******************************************************************** */
.nav{overflow: hidden; width: 960px; margin: 35px auto 0;}
.navItem{float: left; width: 240px; }
/* .navItem a:hover{opacity: 0.8;} */
.navItem img{width: 100%;}

.navBg01{background: url(img/nav/navBtn01_pc.png) 0 0 no-repeat; height: 87px; display: block; background-size: 100%;}
.navBg02{background: url(img/nav/navBtn02_pc.png) 0 0 no-repeat; height: 87px; display: block; background-size: 100%;}
.navBg03{background: url(img/nav/navBtn03_pc.png) 0 0 no-repeat; height: 87px; display: block; background-size: 100%;}
.navBg04{background: url(img/nav/navBtn04_pc.png) 0 0 no-repeat; height: 87px; display: block; background-size: 100%;}
.navBg01:hover{background-position: 0 103%;}
.navBg02:hover{background-position: 0 101%;}
.navBg03:hover{background-position: 0 101%;}
.navBg04:hover{background-position: 0 102%;}
.navBg01 img{display: none;}
.navBg02 img{display: none;}
.navBg03 img{display: none;}
.navBg04 img{display: none;}


/* menuBox ******************************************************************** */
.pickupMenuBox{width: 861px; margin: 0 auto; color: #000;}
.pickupMenuBoxWrap{background: url(img/top/pickupMenuBox_bg.png) top center repeat-y; padding: 0 50px;}

.menuTitleBox{overflow: hidden; margin-bottom: 10px;}
.category{float: left; text-align: center;}
.menuTitleBoxInner{float: left; width: 81%; margin-left: 25px;}
/* .menuTitle{font-family:"ƒqƒ‰ƒMƒm–¾’© Pro W6","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©",serif; font-size: 2.2em;} */
.menuTitle a{color: #100260; line-height: 1.3; text-decoration: none; border-bottom: 2px solid #100260; font-family:"ƒqƒ‰ƒMƒm–¾’© Pro W6","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©",serif; font-size: 2.2em; text-shadow:2px 2px 0px #fff,-2px 2px 0px #fff,2px -2px 0px #fff,-2px -2px 0px #fff;}
.menuTitle a:hover{border: none;}
.menuDescription{ line-height: 1.3; font-size: 0.9em; margin-top: 5px; }
.priceBox{overflow: hidden; padding-bottom: 10px;}
.tag{float: left;}
.tag img{padding-right: 10px;}
.price{float: right; font-weight: bold; font-size: 0.9em; text-align:right; line-height:1.3em;}
.price_off10{text-align: right; color:#f00; font-weight: bold;}

.osusumeMenuBox{width: 960px; margin: 0 auto;}
.osusumeMenuBox img{width: 100%;}
.osusumeMenuBoxWrap{box-sizing: border-box; background: url(img/top/osusumeMenuBox_bg.png) 0 0 repeat-y; padding: 0 60px; margin-bottom: -10px; -webkit-background-size: 100%; background-size: 100%;}
.osusumeMenuItem{background: url(img/top/osusumeMenuItem_bg.png) 0 0 repeat; position: relative; margin-bottom: 10px; padding: 10px 0;}
.osusumeMenuItem_fukidashi{position: absolute; top: -10px; left: -40px;}
.osusumeMenuItemInr{overflow: hidden; padding-left: 130px;}
.menuTitleBox_osusume{float: left; width: 83%; margin-left: 10px;}
.menuTitle_osusume{font-size: 1.8em; font-weight: bold;}
.menuTitle_osusume a{font-family:"ƒqƒ‰ƒMƒm–¾’© Pro W6","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©",serif; font-size: 1.1em; color: #5e0000; line-height: 1.3;}
.price_osusume{color: #5e0000; text-align: right; font-weight: bold;}


.specialMenuBox{ width: 960px; margin: 0 auto; }
.specialMenuBox img{width: 100%;}
.specialMenuBoxTop_sp{display: none;}
.specialMenuBoxWrap{background: url(img/top/specialMenuBox_bg.png) 0 0 repeat-y; padding: 0 80px; position: relative; -webkit-background-size: 100%; background-size: 100%;}
.specialMenuBoxWrapInr{position: relative; z-index: 1;}
.menuTitleBox_special{overflow: hidden;}
.menuTitle_special{width: 70%; float: left; margin-left: 10px; font-size: 2em; line-height: 1.3; color: #5e0000; font-weight: bold; font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©",serif; text-shadow:2px 2px 3px #fff,-2px 2px 3px #fff,2px -2px 3px #fff,-2px -2px 3px #fff;}
/* .menuTitle_special a{ text-decoration: none; } */
/* .menuTitle_special a:hover{border: none;} */
.menuDescription_special{color: #000; font-size: 0.9em; line-height: 1.3; margin-top: 10px; width: 59%;}
.specialMenuBoxImg{position: absolute; bottom: 0; right: 0; z-index: 0; bottom: -10px; right: 40px;}
.price_special{color: #5e0000; text-align: right; font-weight: bold; width: 58%;}
.specialMenuBox .price_off10{ width:58%; }

.freeMenuBox{width: 958px; margin: 0 auto;}
.freeMenuBoxWrap{background: url(img/top/freeMenuBox_bg.png) 0 0 repeat-y; overflow: hidden; padding-left: 15px;}
.freeMenuBoxInr{width: 464px; float: left;}
.freeMenuBoxInrWrap{background: url(img/top/freeMenuBoxInr_bg.png) 0 0 repeat-y;}
.freeMenuBoxInrWrapTxt{text-align: center; color: #000; padding: 0 50px;}

.menuBoxKate{width: 957px; margin: 0 auto;}
.menuBoxKateTop{text-align: center;}
.menuBoxKateLink{overflow: hidden; margin-top: 10px;}
.menuBoxKateLinkItem{float: left; margin-right: 0px;}
/* .menuBoxKateLinkItem a:hover{ opacity: 0.8; } */
.menuBoxInner{ width: 958px; margin: 0 auto 10px; color: #000; }
.menuBoxInner_small{width: 808px; overflow: hidden; margin-bottom: 0; }
.menuBox_large{width: 812px; margin: 0 auto;}
.menuTitleBox_large{overflow: hidden;}
.menuBoxWrap_large{background: url(img/top/menuBox_bg.png) 0 0 repeat-y; padding: 10px 40px;}
.menuTitle_large{margin-left: 10px; float: left; width: 80%;}
.menuTitle_large a{font-size: 2em; color: #C09; font-weight: bold; line-height: 1.3;}
.menuDescription_large{color: #000; font-size: 0.9em; line-height: 1.3; margin: 10px 0;}
.menuBox_small{width: 404px; float: left; }
.menuBoxWrap_small{background: url(img/top/menuBox2_bg.png) 0 0 repeat-y; padding: 0 30px; }
.menuTitleBox_small{ overflow: hidden; }
.menuTitle_small{ margin-left: 10px; float: left; width: 68%; }
.menuTitle_small a{ font-size: 1.3em; color: #C09; font-weight: bold; line-height: 1.3; width: 65%; }
.menuDescription_small{color: #000; font-size: 0.9em; line-height: 1.3; margin: 10px 0;}

.renaiMenuBoxWrap{background: url(img/top/renaiMenuBox_bg.png) 0 0 repeat-y;}
.deaiMenuBoxWrap{background: url(img/top/deaiMenuBox_bg.png) 0 0 repeat-y;}
.jinseiMenuBoxWrap{background: url(img/top/jinseiMenuBox_bg.png) 0 0 repeat-y;}

/* entryBox ******************************************************************** */
.entryBox{width: 960px; margin: 0 auto 20px;}
.entryBoxWrap{background: url(img/top/entryBox_bg.png) 0 0 repeat-y;}
.entryFormInner {width: 50%; margin: 0 auto; padding: 0; }
.entryFormInner2{width: 50%;}
.entryFormInner .td01 {font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©",serif; font-size: 1.6em; letter-spacing: 0.2em; }
.entryFormInner2 .td01 { width: 171px; }
.entryFormInner td {padding: 0.3em; text-align: left; }
.entryBox2{background: url(img/top/entryBox2_bg.png) top center repeat-y; padding-bottom: 10px; margin-bottom: 10px;}
.entryBox2Inner{background: url(img/top/hitodama.png) 17% 0 no-repeat; -webkit-background-size: contain; background-size: contain;}
.entryBox2Title{text-align: center;}
.entryBox2 input{width:20%;}
.meinichi_caution{text-align: center;}

/* revewBox ******************************************************************** */
.revewBox{width: 960px; margin: 0 auto; overflow: hidden;}
.revewBox img{width: 100%;}
.revewBoxWrap{margin-top: 10px;}
.revewBoxItem{overflow: hidden;}
.silhouette{ float: left; }
.hukidashiBox{width: 800px; float: left; position: relative; margin: 0 0 10px 50px;}
.hukidashiBoxArrow{position: absolute; top: 30px; left: -33px;}
.hukidashiBoxWrap1{ width: 800px; box-sizing: border-box; background: url(img/top/fukidashiBox_bg1.png) 0 0 repeat-y; overflow: hidden; padding: 0 40px 20px; background-size: 100%;}
.hukidashiBoxTitle{float: left;}
.hukidashiBoxDescription{float: right; width: 55%; color: #666; font-size: 1em; line-height: 1.3;}
.hukidashiBoxWrap2{ width: 800px; box-sizing: border-box; background: url(img/top/fukidashiBox_bg2.png) 0 0 repeat-y; /* overflow: hidden; */ display: table; padding: 10px 20px 0; background-size: 100%;}
.fukidashiBoxCategory{/* float: left; */ display: table-cell; vertical-align: middle; width: 112px;}
.fukidashiBoxLink{/* float: left; margin-left: 20px; */ display: table-cell; vertical-align: middle; padding-left: 15px;}
.fukidashiBoxLink a{ color: #600; font-weight: bold; }


/* linkBtnBox ******************************************************************** */
.linkBtnBox{display: table; width: 960px; margin: 10px auto;}
.linkBtnBoxItem{display: table-cell; vertical-align: middle;}
.linkBtnBoxItem img{width: 100%;}
.linkBtnBoxItem a img:hover { opacity: 0.9; }
.linkBtnBoxItemWrap{text-align: center; background: url(img/top/linkBtnBoxItem_bg.png) 0 0 repeat-y; font-family:"ƒqƒ‰ƒMƒm–¾’© Pro W6","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©",serif; -webkit-background-size: 100%; background-size: 100%;}
.linkBtnBoxItemWrap a{font-size: 1.5em; color: #f00;}


/* other ******************************************************************** */
.headerDescription{text-align: center;}
.headerDescription img{width: 100%;}
.commonDescription{font-weight: bold; text-align: center;}
.linkTxtBox{text-align: center; margin: 20px 0 10px;}
.linkTxtBox a{font-family:"ƒqƒ‰ƒMƒm–¾’© Pro W6","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©",serif; font-weight: bold; font-size: 1.2em;}
.linkTxtBoxWrap{background: url(img/top/linkTxtBox_bg.png) top center repeat-y;}
.submitBtn{margin-top: 10px; text-align: center;}
.submitBtn2{margin-top: 10px; text-align: left;}
.submitBtn2 a{margin: 0;}
/* .submitBtn a:hover,.submitBtn2 a:hover{opacity: 0.8;} */
.submitBtn2 img{width: auto;}
.inlineSP {display: none; }
.hiddenSP {display: inline; }


/* footer ******************************************************************** */
/* rule box */
.ruleBox { width:79%; position:relative; zoom:1; color:#fff; margin:0 auto 0; text-align:center; border-top: 1px solid #fff;}
.ruleBox .boxWrap{background-color:#000; padding-top:20px;}
.ruleBox a{ color:#ff0;}
.ruleBoxTop{padding-top:15px; position:relative; zoom:1; }
.ruleBoxBtm{ padding-bottom:15px; position:relative; zoom:1; }
.ruleBox .wrapper{ padding:0 40px; text-align:center}
.ruleBox table{ width:100%; }
.ruleBox .sp{ display:none; }
.ruleBox .title{ font-weight:bold; margin:0 0 10px; }

/* footer */
.footer{background-color:#000;}
.footer{ width:79%; color:#fff;font-size: small; text-align: center; padding: 0 0px; margin:0 auto; position:relative; zoom:1; }
.footer a{ color: #fff;}
.subInfo{ padding-top: 20px;}
.footer .menu{ border-bottom: 1px solid #fff; padding:20px 0;}
.footer .menu a:link    { color:#fff; text-decoration: underline; cursor: pointer; }
.footer .menu a:visited { color:#fff; text-decoration: underline; cursor: pointer; }
.footer .menu a:hover   { color:#fff; text-decoration: none; cursor: pointer; }
.footer .menu a:active  { color:#fff; text-decoration: none; cursor: pointer; }

.rakutenFooter{background:#fff;}