@charset "UTF-8";
/*
Import CSS3 Framework.
Developed At: Studio E.L.C
http://www.elc-world.com
*/

/*********************************************************************************/

/* [0] - CSS Menu */

/* [1] - Reset CSS */
/* [2] - Base CSS */
/* [3] - Layout CSS */
/* [4] - Header CSS */
/* [5] - Footer CSS */
/* [6] - Side Col CSS */
/* [7] - Top CSS */
/* [8] - Related Common CSS */
/* [9] - Ninoude CSS */
/* [10] - Bruising CSS */
/* [11] - Mole CSS */
/* [12] - new_table CSS */

/*********************************************************************************/

/* [1] - Reset CSS */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, tr, th, td, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, input, textarea
                      {margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight: normal;}
ul                       {list-style:none}
blockquote, q                 {quotes:none}
blockquote:before, blockquote:after, q:before, q:after
                      {content:''; content:none}
:focus                     {outline:0}
a                      {text-decoration:none}
.clear                    {clear: both;}
img                      {line-height:0em; margin:0; padding:0;}



/*********************************************************************************/

/* [2] - Base CSS */

html{
  background: /*#78c344*/ url(../images/bg_html.jpg) left 160px repeat-x;
}

body {
  margin:0;
  padding:0;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size:0.75em;
  /*font-size:12px;*/
  font-weight:normal;
  line-height:1.5em;
  color: #333;
  -webkit-text-size-adjust: 100%;
}


.ua-mobile-iphone body{
min-width:1020px;
}

.ua-mobile-iphone #header{
min-width:1026px;
}

.ua-mobile-iphone #footer{
min-width:1026px;
}

a{
  color: #62ac00;
  text-decoration: underline;
}

a:hover{
  color:#FFAE1E;
  text-decoration: underline;
}



.f_left{
  float: left;
}

.f_right{
  float: right;
}

.t_right{
  text-align: right;
}

.t_center{
  text-align: center;
}

.mlr2{
  margin: 0 2px;
}

.mt-20 {
  margin-top:-20px;
}

.mt5 {
  margin-top:5px;
}

.mt10{
  margin-top: 10px;
}

.mt15{
  margin-top: 15px;
}

.mt20{
  margin-top: 20px;
}

.mt30{
  margin-top: 30px;
}

.mt40{
  margin-top: 40px;
}

.mb5 {
  margin-bottom:5px;
}

.mb10{
  margin-bottom: 10px;
}

.mb15{
  margin-bottom: 15px;
}

.mb20{
  margin-bottom: 20px;
}

.mb30{
  margin-bottom: 30px;
}

.mb33{
  margin-bottom: 33px;
}

.mb40{
  margin-bottom: 40px;
}

.mb80 {
  margin-bottom: 80px;
}

.mr10{
  margin-right: 10px;
}

.mr20{
  margin-right: 20px;
}

.ml20 {
  margin-left:20px;
}

.ml30 {
  margin-left:30px;
}


.bold{
  font-weight: bold;
}

.green{
  color: #73ba00;
}

.greenBold{
  color: #73ba00;
  font-weight: bold;
}
.red  { color: #F00; margin-top:10px; }
.ml15 {
  margin-left:15px;
}

.ml20 {
  margin-left:20px;
}

.lh0{
  line-height: 0em;
}

.lh0 img{
  vertical-align: bottom;
  margin: 0;
  padding: 0;
}


/*********************************************************************************/

/* [3] - Layout CSS */

#wrapper{
  width: 100%;
  padding: 0;
  background: url(../images/bg_body.png) center 170px no-repeat;
}

#header{
  width: 100%;
    background: url(../images/header/bg_headerwrap.png) 0 0 repeat-x;
}

#contentWrap{
  width: 1020px;
  overflow: hidden;
  padding: 0 3px;
  margin: 0 auto;
  background: url(../images/bg_content-body.png) 0 0 repeat-y;
}
div#contentInWrap{
    zoom : 1;
}
div#contentInWrap:after{
    content : '';
    display : block;
    clear : both;
}

div.contentsBox { width: 725px; float: right; padding: 0px 25px 0px 0px; }
div.contentsBox .headBox    { width: 725px; }
div.contentsBox .inContents { width: 715px; padding: 10px 0px 0px 10px; }
div.contentsBox .topContents { width: 715px; padding: 0px 5px 10px 10px; }
div.contentsBoxLp  { width: 880px; margin: 0px auto; padding: 0px 0px 50px; }

div.doubloBnr { width: 717px; height: 276px; padding: 0px 0px 30px 0px; margin: 0px auto; }
div.sideDoublo  { width: 227px; margin: 0px auto 10px; padding: 0px 1px; }

div.camp10Bnr { width: 717px; height: 185px; padding: 0px 0px 30px 0px; margin: 0px auto; }
div.camp10sideBnr { width: 227px; height: 191px; padding: 0px 0px 10px 0px; margin: 0px auto; }

div.campUnder { width: 704px; height: 178px; padding: 0px 0px 30px 0px; margin: 0px auto; }
div.campBnr { width: 227px; height: 146px; padding: 0px 0px 10px 0px; margin: 0px auto; }

#mainCol{
  width: 725px;
  float: right;
  padding: 0px 0px 16px 0px;
}

#sideCol{
  width: 229px;
  overflow: hidden;
  float: left;
  padding: 0 0 0 20px;
}

#footer{
  width:100%;
/*  background: url(../images/bg_footer01.png) 0 0 repeat-x;*/
background:#4c3511 url(../images/bg_footer_top.jpg) left bottom repeat-x;
    z-index: 100;
}

div.backBtn { position: fixed; bottom: 50px; right: 0px; z-index: 0; }


/*********************************************************************************/

/* [4] - Header CSS */

#headerInner{
  width: 1020px;
    height: 105px;
  overflow: hidden;
  margin: 0 auto;
  /*background: #fff url(../images/bg_header.png) 0 0 repeat-x;*/
  background: #fff url(../images/bg_header2.jpg) 0 0 repeat-x;
  position: relative;
}


#headerInnerBottom {
  padding-bottom: 5px;
}

#headerContents{
  width: 1020px;
  overflow: hidden;
}


#headerContentsLeft{
  float: left;
  width: 782px;
}

h1{
  font-size: 0.8em;
    position: absolute;
    top: 12px;
    left: 20px;
}
p.topHead  { font-size: 0.8em; position: absolute; top: 12px; left: 220px; }

#headerContentsInner{
  width: 725px;
  overflow: hidden;
  padding: 9px 0 0 53px;
}

#headerLogo{
  line-height: 0em;
  position: absolute;
    top: 35px;
    left: 45px;
}

#headerLogo img{
  vertical-align: bottom;
}

#headBtn  { width: 243px; overflow: hidden; position: absolute; top: 35px; right: 270px; }
#headBtn .btn01  { width: 243px; height: 26px; padding: 0px 0px 5px; }
#headBtn .btn02  { width: 119px; height: 26px; float: left; }
#headBtn .btn03  { width: 119px; height: 26px; float: right; }
#headBtn2  { width: 455px; height: 60px; overflow: hidden; position: absolute; top: 40px; right: 260px; }
#headBtn2 .btn04  { width: 211px; height: 51px; padding: 0px; display: block; float: left; }
#headBtn2 .iconBox  { width: 240px; height: 48px; padding: 0px 0px 5px; margin: 0px; float: left; }
#headBtn2 .iconBox span  { float: left; height: 48px; display: block; margin: 0px 2px; }

#tenthIcon  { width: 70px; height: 79px; display: block; position: absolute; top: 28px; right: 530px; z-index: 100; }
#tenthIcon2  { width: 70px; height: 79px; display: block; position: absolute; top: 28px; right: 730px; z-index: 100; }

#headerContentsInner ul{
  /* width: 511px; */
  width: 516px;
  overflow: hidden;
  /*margin: 29px 0 0 37px;*/
  margin: 27px 0 0 37px;
  float: left;
}

#headerContentsInner ul li{
  float: left;
  margin: 0 2px;
  line-height: 0em;
}

#headerContentsInner ul li img{
  vertical-align: bottom;
}

#headerContentsRight{
  position: absolute;
  top: 35px;
  right: 15px;
  background: url(/common/images/header/dotted.png) no-repeat;
  float: left;
  width: 224px;
  padding: 0px 0px 0px 18px;
}

#headerContentInfo{
  width: 180px;
  overflow: hidden;
  padding: 6px 17px 0 0;
  text-align: right;
  /*font-size: 10px;*/
  font-size:0.84em;
  line-height: 13px;
}

#headerContentInfoBottom{
  font-size: 1em;
  color: #73ba00;
  font-weight: bold;
  letter-spacing: -0.1em;
  text-align:right;
  margin-right:15px;
}

#gnavWrapper {
  width:100%;
}

#gnav{
  width: 1020px;
  margin:0 auto;
    height: 59px;
}

#gnav li{
  line-height: 0em;
  float: left;
}

#gnav li.pickup { position: relative; }
#gnav li span   { display: block; position: absolute; top: -10px; left: -10px; width: 41px; height: 40px; z-index: 100; }

#gnav li img{
  vertical-align: bottom;
}

/*********************************************************************************/

div.footerCamp  { width: 716px; margin: 30px auto; }
div.footerCamp .capsBox { width: 716px; height: 95px; }
div.footerCamp .linkBox   { width: 716px; background: url(/campaign/images/201403/footercamp_back.png) no-repeat bottom #89c843; }
div.footerCamp ul   { width: 680px; padding: 0px 18px 1px; }
div.footerCamp li   { width: 679px; height: 68px; padding-top: 2px; }
div.footerCamp li a  { background: #FFF; display: block; width: 679px; height: 68px; }
div.footerCamp .btmBox    { width: 716px; height: 17px; background: url(/campaign/images/201403/footercamp_btm.png) no-repeat; font-size: 0px; line-height: 0px; }


/* [5] - Footer CSS */
div.footerConvertion    { width: 500px; height: 55px; float: right; background: #FFF; padding: 15px; }

#footerContentsRight{
    background: url(/common/images/header/dotted.png) no-repeat;
    float: right;
    width: 224px;
    padding: 0px 0px 0px 18px;
    color: #333;
}

#footerBtn  { width: 243px; overflow: hidden; float: left; }
#footerBtn .btn01  { width: 243px; height: 26px; padding: 0px 0px 5px; }
#footerBtn .btn02  { width: 119px; height: 26px; float: left; }
#footerBtn .btn03  { width: 119px; height: 26px; float: right; }

#footerInner{
  width: 960px;
  overflow: hidden;
  margin: 0 auto;
  padding: 30px 30px 0 30px;
  font-size: 0.9em;
  color: #fff;
}

#footerInner a{
  text-decoration: none;
  color: #fff;

}

#footerInner a:hover {
  text-decoration:underline;
}

#footerInnerTop{
  width: 300px;
  overflow: hidden;
  padding: 0 0 24px;
    background: url(../images/line_footer02.png) right top repeat-y;
    float: left;
}

#footerLinks01, #footerLinks02, #footerLinks03, #footerLinks04{
  float: left;
  margin: 19px 0 0;
}

#footerLinks01{
  width: 300px;
  _width: 300px
}

#footerLinks02 {
width: 407px;
_width: 402px;
}
#footerLinks03 {
width: 188px;
_width: 148px;
}

#footerLinks04 {
width: 101px;
_width: 131px;
}
#footerLinks01 li.bg, #footerLinks02 li.bg, #footerLinks03 li.bg, #footerLinks04 li.bg {
background: url(../images/icon_footer-link.png) 0 0.4em no-repeat;
*background: url(../images/icon_footer-link.png) 0 center no-repeat;
padding: 0 0 0 13px;
}

#footerLinks02 li.noImg{
  background:none;
  padding:0;
}

#footerInnerMid{
  width: 200px;
  overflow: hidden;
  margin: 0px 0px 0px 20px;
  padding-bottom: 23px;
    float: left;
    background: url(../images/line_footer02.png) right top repeat-y;
}

#footerInnerMid li h4{
  margin-bottom: 16px;
}

#footerInnerMid2{
    width: 420px;
    overflow: hidden;
    margin: 0px 0px 0px 20px;
    padding-bottom: 23px;
    float: left;
    background: url(../images/line_footer02.png) right top repeat-y;
}
#footerInnerMid2 .footerMenuLeft  { width: 200px; float: left; }
#footerInnerMid2 .footerMenuRight { width: 220px; float: right; padding: 30px 0px 0px; }
#footerInnerMid2 li h4{
    margin-bottom: 16px;
}

#footerLinks05{
  float: left;
  width: 200px;
  margin: 0 0px 0 0;
}

#footerLinks06{
  float: left;
  width: 180px;
  margin: 0 20px 0 0;
}

#footerLinks07{
  width: 420px;
  margin: 0 0px 0 0;
}

#footerLinks08{
  float: left;
  width: 165px;
  margin: 0 20px 0 0;
}

#footerLinks09 {
float: left;
width: 180px;
margin: 0 0 0;
}

#footerLinks06 ul{
  margin: 31px 0 0;
}

#footerLinks08 p{
  padding: 0 30px 5px 0;
  margin: 31px 0 0;
}

#footerLinks09 p{
  margin: 31px 0 5px;
}

#footerLinks09 #footerLinks09-02{
  margin-top: 10px;
}

#footerLinks05 ul li, #footerLinks06 ul li, #footerLinks07 ul li, #footerLinks08 ul li {
background: url(../images/icon_footer-link.png) left 0.4em no-repeat;
*background: url(../images/icon_footer-link.png) 0 center no-repeat;
padding: 0 30px 0 13px;
}

#footerLinks09 ul li {
background: url(../images/icon_footer-link.png) 0 0.4em no-repeat;
*background: url(../images/icon_footer-link.png) 0 center no-repeat;
padding: 0 0 0 13px;
}

#footerInnerWrap {
  width:100%;
  background:#4f3711 url(../images/bg_footer_under.jpg) 0 0 repeat-x;
}

#footerInnerBtm{
  width: 960px;
  overflow: hidden;
  padding: 28px 0px;
  margin: 0 auto;
  font-size: 0.9em;
  color: #fff;
}

#footerInnerBtmLeft{
  float: left;
  width: 380px;
  padding: 2px 0 0;
}

#footerInnerBtmRight{
  float: right;
  width: 387px;
  background: url(../images/bg_footer04.png) 0 0 repeat-y;
}

#footerInnerBtmRight .boxHead02{
  margin-top: -2px;
  *margin-top: 0;
  line-height: 0em;
}

#footerInnerBtmRightInner{
  width: 383px;
  overflow: hidden;
  background: url(../images/bg_footer05.png) left bottom repeat-x;
  margin: 0 2px -1px;
  padding: 17px 0 15px;
  text-align: center;
}

#footerInnerBtmRightInner ul{
  width: 333px;
  overflow: hidden;
  margin: 0 auto;
}

#footerInnerBtmRightInner ul li{
  float: left;
  margin-right: 3px;
}

#footerInnerBtmRightInner ul li.after{
  background: url(../images/btn_footer01Bg.jpg) left top no-repeat;
  width:109px;
  height:32px;
}

#footerInnerBtmRightInner ul li.contact{
  background: url(../images/btn_footer02Bg.jpg) left top no-repeat;
  width:109px;
  height:32px;
}

#footerInnerBtmRightInner ul li.reserve{
  background: url(../images/btn_footer03Bg.jpg) left top no-repeat;
  width:109px;
  height:32px;
}

#footerInnerBtmRightInner ul li.last{
  margin-right: 0;
}

#copyright{
  margin: 10px 0 0 17px;
  padding: 5px 0 2px;
  text-align: center;
  color:#fff;
  background: url(../images/line_footer01.png) left top repeat-x;
}


/*********************************************************************************/

/* [6] - Side Col CSS */
.campNvg  { width: 225px; margin: 0px auto 15px; }
.campNvg .capsBox  { width: 225px; height: 72px; margin: 0px auto; }
.campNvg .linkBox   { width: 225px; background: url(/campaign/images/201403/sidecamp_back.png) no-repeat bottom #89c843; }
.campNvg ul  { padding: 0px 7px 0px; margin: 0px; }
.campNvg li  { width: 209px; height: 50px; }
.campNvg li.top  { width: 209px; height: 51px; }
.campNvg li.last  { width: 209px; height: 52px; }
.campNvg li a  { background: #FFF; display: block; width: 209px; }
.campNvg .btmBox    { width: 225px; height: 8px; background: url(/campaign/images/201403/sidecamp_btm.png) no-repeat; font-size: 0px; line-height: 0px; }

#sideCam{
  background: url(../images/bg_side01.png) 6px top repeat-y;
}

#sideCamInner{
  width: 225px;
  margin-left: 8px;
  background: url(../images/bg_side02.png) 0 bottom repeat-x;
}

#sideCamInner ul{
  margin: 0 auto;
  padding: 0 0 14px;
  width: 205px;
}

#sideCamInner ul li{
  line-height: 0em;
  background-color:#E6F6CB;
}

#sideCamInner ul li{
  vertical-align: bottom;
}

#sideCamBtm {
  background:#FFF url(../images/bg_side03.png) 6px bottom no-repeat;
  padding-bottom:1px;
  margin: 0 0 23px;
}

/*#sideCamBtm{
  margin-left: 6px;
  line-height: 0em;
  *margin-top: -21px;
  _margin-top: -12px;
}*/

#sideCamBtm img{
  vertical-align: bottom;
}

.boxHead{
  *margin-top: -10px;
  line-height: 0em;
}

.boxHead02{
  *margin-top: 0;
  line-height: 0em;
}

.boxBtm{
  *margin-top: 0;
  line-height: 0em;
}

#sideContact{
  margin: 0 0 16px 8px;
  background: url(../images/bg_side05.png) 0 0 repeat-y;
}

#sideContactInner{
  text-align: center;
  padding: 17px 0 5px;
  margin: 0 2px 0 3px;
  background: url(../images/bg_side06.png) left bottom repeat-x;
}

#sideContactInner h3{
  margin-bottom: 15px;
}

#sideContactInner ul li{
  margin-bottom: 5px;
  line-height: 0em;
}

#sideContactInner ul li img{
  vertical-align: bottom;
}

#sideRecommend{
  margin: 0 0 18px 8px;
  background: url(../images/bg_side09.png) 0 0 repeat-y;
}

#sideRecommendInner{
  margin: 0 2px 0 3px;
  padding: 19px 0 6px;
  text-align: center;
  background: url(../images/bg_side10.png) left bottom repeat-x;
}

#sideRecommendInner h4{
  margin-bottom: 19px;
}

#sideRecommendInner ul li{
  margin-bottom: 9px;
  line-height: 0em;
}

#sideRecommendInner ul li{
  vertical-align: bottom;
}

#sideOriginal{
  margin: 0 0 18px 8px;
  background: url(../images/bg_side13.png) 0 0 repeat-y;
}

#sideOriginalInner{
  padding: 18px 0 3px;
  text-align: center;
  margin: 0 2px 0 3px;
  background: url(../images/bg_side14.png) left bottom repeat-x;
}

#sideOriginalInner h4{
  margin-bottom: 18px;
}

#sideOriginalInner ul li{
  margin-bottom: 10px;
  line-height: 0em;
}

#sideOriginalInner ul li{
  vertical-align: bottom;
}

#sideBanners{
  margin: 0 0 18px 8px;
}

#sideBanners li{
  margin-bottom: 9px;
  line-height: 0em;
}

#sideBanners li{
  vertical-align: bottom;
}

#recruitment{
  background: url(../images/bg_side16.png) 0 top no-repeat;
  margin: 0 0 85px 8px;
  *margin-bottom: -6px;
  _margin-bottom: -3px;
  padding: 1px 0 0 0;
  border-bottom: 1px solid #fff;
}

#recruitment li{
  width: 229px;
  margin: 0 0 1px 0;
  background: url(../images/bg_side16.png) 0 bottom  no-repeat;
}

#recruitment li a{
  color: #333;
  text-decoration: none;
  display: block;
  padding: 12px 16px;
  background:  url(../images/bg_side17.png) right center no-repeat;
}

#recruitment li a:hover {
  color:#000;
  text-decoration:underline;
}

div.introBox    { width: 229px; height: 106px; padding: 0px 0px 10px; }

div.mensBnr { width: 225px; margin: 0px auto 5px; }
div.mensBnr a   { display: block; width: 225px; height: 65px; padding-bottom: 10px; }

div.quesNvg    { width: 229px; padding: 0px 0px 15px; }
div.quesNvg .capsBox   { width: 229px; height: 34px; }
div.quesNvg .scapBox   { width: 229px;  height: 32px; }
div.quesNvg .scapBox2   { width: 229px; height: 32px; border-top: 1px dotted #CCC; }
div.quesNvg ul         { background: url(/common/images/side/ques_back.png) repeat-y; width: 229px; }
div.quesNvg li         { background: url(/common/images/side/side_arrow.png) no-repeat 1% 50%; margin: 0px 2px 0px 12px; border-bottom: 1px dotted #CCC; width: 195px; padding: 7px 5px 5px 15px; }
div.quesNvg li.last    { border-bottom: 0px; }
div.quesNvg .btmBox    { background: url(/common/images/side/side_bottom.png) no-repeat; width: 229px; height: 6px; font-size: 0px; line-height: 0px; }

div.recomBox    { width: 229px; padding: 0px 0px 15px; }
div.recomBox .capsBox   { width: 229px; height: 34px; }
div.recomBox .scapBox   { width: 229px; height: 32px; }
div.recomBox ul         { background: url(/common/images/side/ques_back.png) repeat-y; width: 205px; padding: 12px; }
div.recomBox li         { width: 205px; margin: 7px 0px 0px; }
div.recomBox .btmBox    { background: url(/common/images/side/side_bottom.png) no-repeat; width: 229px; height: 6px; font-size: 0px; line-height: 0px; }

div.mediaBoxSide  { width: 229px; padding: 0px 0px 15px; }
div.mediaBoxSide .capsBox   { width: 229px; height: 44px; }
div.mediaBoxSide .inBox     { background: url(/common/images/side/ques_back.png) repeat-y; width: 222px; padding: 5px 2px 5px 5px; }
div.mediaBoxSide .inBox p   { padding: 0px 0px 0px 5px; font-size: 10px; }
div.mediaBoxSide .inBox p a { display: block; }
div.mediaBoxSide .sampleTxt     { width: 120px; float: left; }
div.mediaBoxSide .samplePhoto   { width: 95px; float: right; }
div.mediaBoxSide .oldLink       { padding: 5px 0px; font-size: 10px; display: block; }
div.mediaBoxSide .inBox .scapBox    { width: 219px; height: 21px; margin: 0px auto; padding: 5px 0px 0px; }
div.mediaBoxSide .inBox .detailData { width: 209px; margin: 0px auto; padding: 8px 5px 5px; }
div.mediaBoxSide .inBox .detailData .photoBox   { width: 122px; float: left; }
div.mediaBoxSide .inBox .detailData p           { width: 78px; font-size: 10px; line-height: 16px; float: right; padding: 0px 0px 0px 5px; }
div.mediaBoxSide .inBox .detailData2 { width: 209px; margin: 0px auto; padding: 8px 5px 5px; border-top: 1px dotted #CCC;
}
div.mediaBoxSide .inBox .detailData2 .photoBox   { width: 122px; float: left; }
div.mediaBoxSide .inBox .detailData2 p           { width: 78px; font-size: 10px; line-height: 16px; float: right; padding: 0px 0px 0px 5px; }
div.mediaBoxSide .btmBox    { background: url(/common/images/side/side_bottom.png) no-repeat; width: 229px; height: 6px; font-size: 0px; line-height: 0px; }

div.bnrBox  { width: 225px; padding: 0px 2px 0px; }
div.bnrBox div  { width: 225px; padding: 0px 0px 10px; }

#sideIntroduction{
  background: url(../images/bg_side19.png) 0 0 repeat-y;
  padding: 0;
  margin: 0 0 17px 6px;
}

#sideIntroductionInner{
  background: url(../images/bg_side20.png) left bottom repeat-x;
  margin: 0 4px 0 3px;
  padding: 21px 0 6px;
  text-align: center;
}

#sideIntroductionInner ul{
  margin-top: 20px;
}

#sideIntroductionInner ul li{
  margin-bottom: 9px;
  line-height: 0em;
}

#sideIntroductionInner ul li img{
  vertical-align: bottom;
}

#sideMenuList{
  background: url(../images/bg_side22.png) 0 0 repeat-y;
  margin: 0 0 17px 6px;
  padding: 0;
}

#sideMenuListInner{
  background: url(../images/bg_side23.png) left bottom repeat-x;
  margin: 0 4px 0 3px;
  padding: 15px 0 16px;
  text-align: center;
}

#sideMenuListInner ul{
  margin: 0 auto;
  width: 203px;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  background-color: #fff;
}

#sideMenuListInner ul li{
  background: url(../images/bg_side25.png) 0 0.1em no-repeat;
  border-bottom: 1px solid #e3e3e3;
  margin: 0 7px;
  text-align: left;
  line-height: 1em;
}

#sideMenuListInner ul li.last{
  border: none;
}

#sideMenuListInner ul li a{
  text-decoration: none;
  color: #333;
  font-size: 0.9em;
  display: block;
  padding: 11px 0 11px 18px;
}

#sideMenuListInner ul li a:hover {
  color:#000;
  text-decoration:underline;
}


.sideBanner{
  width: 225px;
  margin:20px 0 20px 8px;
}

/*********************************************************************************/

/* [7] - Top CSS */

#topMainvisual{
  margin: 0 0 10px;
}

#topRecommendBnr{
  width: 714px;
  overflow: hidden;
}

#topRecommendBnrLearge{
  width: 710px;
  overflow: hidden;
  margin: 0px 2px 10px;
}

#topRecommendBnrSmall{
  width: 714px;
  overflow: hidden;
  margin-bottom: 10px;
}

#topRecommendBnrWide {
  margin-bottom:24px;
}

#topRecommendBnrSmall li{
  float: left;
  margin-right: 6px;
}

#topRecommendBnrSmall li.last{
  margin-right: 0;
}

#top2colWrap01{
  width: 714px;
  overflow: hidden;
  margin: 0 0 34px 0;
}

#topNews{
  width: 352px;
  float: left;
}

.scroll{
  width: 350px;
//  height: 310px;
  height:254px;
  overflow: auto;
  background: #fff;
  float: left;
}

div.detailBox  { width: 245px; padding: 10px 5px; border-bottom: 1px dotted #CCC; }
div.detailBox2  { width: 245px; padding: 10px 5px; }
div.detailBox p  { text-align: right; }
div.detailBox2 p  { text-align: right; }

#topNewsContents{
  margin: 18px 11px 0 11px;
}

#topNewsContents dt{
  color: #4da400;
  font-size: 0.8em;
}

#topNewsContents dt span{
  color: #333;
  font-size: 12px;
  font-weight: bold;
}

#topNewsContents dd{
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

#topMedia{
  width: 352px;
  float: right;
}

#topMediaInner01{
  width: 309px;
  overflow: hidden;
  margin: 0 20px 16px 25px;
}

#topMediaInner01Left{
  width: 148px;
  float: left;
  padding-top: 7px;
}

#topMediaInner01Left a{
  font-size: 0.9em;
  font-weight: bold;
}

#topMediaInner01Right{
  float: right;
  line-height: 0em;
}

#topMediaInner01Right img{
  vertical-align: bottom;
}

#topMediaInner02{
  width: 309px;
  overflow: hidden;
  margin: 20px 20px 0 25px;
  background: url(../images/bg_top01.png) 0 0 repeat-y;
}

#topMediaInner02Content{
  background: url(../images/bg_top02.png) left bottom no-repeat;
  padding: 8px 20px 11px 22px;
  font-size: 0.8em;
  _font-size: 10px;
  overflow:hidden;
  zoom:1;
  float:left;
}

#topMediaInner02Content img{
  float: left;
  margin: 0 10px 0 0;
}

#topMediaInner02Content #topMediaDetail a, #topMediaInner02Content #topMediaDetail a:hover{
  font-size: 0.95em;
  color: #ffad1f;
  text-align:right;
}

#top2colWrap02{
  width: 714px;
  overflow: hidden;
  margin: 0 0 37px 0;
}

#topBeginner{
  width: 352px;
  float: left;
}

#topBeginnerInner{
  width: 323px;
  overflow: hidden;
  margin: 0 18px 0 13px;
}

#topMediaButton{
  margin-left: 17px;
}

#topRanking{
  width: 352px;
  float: right;
}

#topRanking dl{
  margin: 0 16px;
  width: 320px;
  overflow: hidden;
}

#topRanking dt{
  clear: left;
  float: left;
  width: 56px;
}

#topRanking dd{
  float: left;
  width: 246px;
  margin: 0 0 13px 18px;
}

#topRanking dd a{
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

#topRanking dd a:hover {
text-decoration:none;
}

.topMenu{
  margin: 0 2px 10px;
  padding: 10px 11px;
  border-bottom: 1px solid #e0e1e0;
}

#topMenuList01{
  width: 714px;
  overflow: hidden;
  margin: 0 0 6px 0;
  font-size: 0.85em;
}

#topMenuList01 li{
  float: left;
  width: 175px;
  _width: 156px;
}

#topMenuList01 li .stripe li a{
  text-decoration: none;
  color: #333;
}

#topMenuList01 li .stripe li a:hover {
  color:#000;
  text-decoration:underline;
}

#topMenuList02{
  width: 714px;
  overflow: hidden;
  margin: 0 0 26px 0;
  font-size: 0.85em;
}

#topMenuList02 li{
  float: left;
  width: 169px;
  margin-right: 12px;
}

* html #topMenuList02 li{
margin-right: 7px;
}


#topMenuList02 li ul li{
  width: 169px;
  margin-right: 0;
}

#topMenuList02 li.last{
  margin-right: 0;
}

#topMenuList02 dt{
  font-weight: bold;
  padding-bottom: 10px;
}

#topMenuList02 dd .stripe li{
  /*width: 147px;*/
  width:150px;
}

#topMenuList02 li .stripe li a{
  text-decoration: none;
  color: #333;
}

#topMenuList02 li .stripe li a:hover {
  color:#000;
  text-decoration:underline;
}

.stripe .colored{
  background:#fdffef url(../images/bg_top03.png) 0 0 no-repeat;
  padding: 0 0 4px 22px;
}

.stripe .white{
  background: url(../images/bg_top04.png) 0 0 no-repeat;
  padding: 2px 0 4px 22px;
}

#topOriginalMenu{
  width: 710px;
  overflow: hidden;
  margin: 18px 2px 36px;
}

#topOriginalMenu li{
  float: left;
  margin-right: 13px;
  line-height: 0em;
}

#topOriginalMenu li.last{
  margin-right: 0;
}

#topOriginalMenu li img{
  vertical-align: bottom;
}

.topGreeting{
  width: 712px;
  overflow: hidden;
  margin: 3px 0 4px 2px;
}

#topGreetingLeft01{
  width: 498px;
  float: left;
  padding: 18px 42px 0 0;
}

#topGreetingLeft02{
  width: 426px;
  float: left;
  padding: 5px 43px 0 0;
}

#topGreetingLeft01 h4, #topGreetingLeft02 h4{
  font-size: 13px;
  font-weight: bold;
  color: #4ea400;
}

#topGreetingSignature{
  text-align: right;
  /*margin: 20px 0 25px;*/
  margin: 20px 5px 5px;
  line-height: 0em;
}

#topGreetingSignature img{
  vertical-align: bottom;
}

#contentInformationBox{
  width: 714px;
  background: url(../images/bg_top06.png) 0 0 repeat-y;
}

#contentInformationBoxInner{
  width: 669px;
  overflow: hidden;
  margin: 0 5px;
  padding: 11px 20px 14px 15px;
  background: url(../images/bg_top07.png) left bottom repeat-x;
}

#contentInformationBoxInnerTop{
  width: 669px;
  overflow: hidden;
}

#contentInformationBoxInnerTopRight{
  width: 449px;
  float: right;
}

#contentInformationBoxInnerTopRight ul{
  width: 449px;
  overflow: hidden;
  margin: 17px 0 0;
}

#contentInformationBoxInnerTopRight ul li{
  float: left;
  margin-right: 5px;
}

#contentInformationBoxInnerTopRight ul li.last{
  margin-right: 0;
}

#contentInformationBoxInnerBtm{
  width: 665px;
  overflow: hidden;
  border-top: 1px solid #e0e1e0;
  margin: 8px 0 0 4px;
  padding: 9px 0 0 7px;
}

#contentInformationBoxInnerBtmRight{
  width: 496px;
  float:right;
}


/*********************************************************************************/

/* [8] - Related Common CSS */

#relatedMainvisual{
  margin: 0px 0px 15px;
  line-height: 0em;
}

#relatedMainvisual img{
  vertical-align: bottom;
}

#breadCrumbWrap{
  position: relative;
}

#breadCrumb{
  width: 980px;
  overflow: hidden;
    font-size: 10px;
  padding: 10px 20px;
}

#breadCrumb li{
  padding: 0 18px 0 5px;
  float: left;
    background: url(/common/images/header/pan_arrow.png) no-repeat 98% 50%;
}

#breadCrumb li.this{
  background: none;
}

#breadCrumb li a{
  line-height: 1.9em;
}

#breadCrumb li.last{
  background: none;
}

#breadCrumb span{
  padding: 0;
  line-height: 1.9em;
}

#btnFavorite{
  clear: both;
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top:-9px;
}

html.ua-ie-7 #btnFavorite{
  clear: both;
  position: absolute;
  top: 10%;
  right: 30px;
  margin-top:0px;
}

html.ua-ie-6 #btnFavorite{
  clear: both;
  position: absolute;
  top: 2px;
  right: 30px;
  margin-top:0px;
}

div.headLink    { width: 715px; margin: 0px auto; }

#btnPageNav{
  margin: 7px 1px 30px;
    overflow: hidden;
}

#btnPageNav li{
    width: 225px;
    height: 25px;
  float: left;
  margin: 5px 5px 0px 0px;
  padding-left: 0px;
    background: #f1f4d9;
  color: #333;
  white-space: nowrap;
}
#btnPageNav li a    { color: #333; }
#btnPageNav li.btn02  { width: 250px; }
#btnPageNav li.btn03  { width: 285px; }
#btnPageNav li.btn04  { width: 395px; }
#btnPageNav li.btn05  { width: 455px; }

#btnPageNav li:hover{
    background: #f8faec;
}

#btnPageNav li a {
    display: block;
    background: url(/menu/question/images/spot/new/icon_arrow.png) no-repeat 2% 70%;
    padding: 4px 0px 0px 18px;
    font-size: 12px;
    text-decoration: none;
}

#btnPageNav li.last{
  margin-right: 0;
}

#btnPageNav li.last a {
    display: block;
    background: url(/menu/question/images/spot/new/icon_arrow.png) no-repeat;
    padding: 0px 0px 0px 20px;
}

#btnPageNav2{
    margin: 7px 1px 30px;
    overflow: hidden;
}

#btnPageNav2 li{
    width: 355px;
    height: 68px;
    float: left;
    margin: 5px 5px 0px 0px;
    padding-left: 0px;
    white-space: nowrap;
}


.pageTop{
  line-height: 0em;
  text-align: right;
  margin-right: 2px;
  margin: 22px 0;
}

.pageTop img{
  vertical-align: bottom;
}

.treatmentExBox01{
  width: 708px;
  padding: 2px 0 0 0;
  background: url(../images/share/bg_treatmentBox01.jpg) 0 0 no-repeat;
  margin-top: 25px;
}

.treatmentExBox02{
  width: 680px;
  overflow: hidden;
  padding: 0 26px 2px 2px;
  background: url(../images/share/bg_treatmentBox02.jpg) left bottom no-repeat;
}

.combinationTitle{
  margin: 26px 0 0 23px;
  line-height: 0em;
}

.combinationTitle img{
  vertical-align: bottom;
}

.combinationBox{
  width: 680px;
  overflow: hidden;
  margin: 0 0 8px 7px;
}

.combinationBox li{
  width: 314px;
  overflow: hidden;
  float: left;
  margin: 18px 0 0 19px;
  _margin: 18px 9px 0 10px;
  padding: 0 0 19px;
}

.combinationBoxRight{
  width: 221px;
  float: right;
}

.combinationBoxRight h3{
  color: #61af00;
  font-weight: bold;
  padding-bottom: 3px;
  margin-bottom: 3px;
  border-bottom: 1px solid #ccc;
}

.combinationBoxRight h3 a{
  color: #61af00;
  font-weight: bold;
}

.panelLR{
  width: 710px;
  margin: 0 2px 0;
  overflow: hidden;
}

.panelLR li{
  width: 350px;
  margin: 12px 0 0;
  background-color: #f5fbed;
}

.panelLR li .panelInner{
  margin: 0 30px;
  padding: 8px 0 30px;
}

.panelLR li .panelInner02{
  margin: 0 30px;
  padding: 8px 0 16px;
}

.panelLR li .panelInner03{
  margin: 0 30px;
  padding: 8px 0 25px;
}

.panelLR li .panelInner04{
  margin: 0 30px;
  padding: 8px 0 6px;
}

.panelLR li .panelImage{
  line-height: 0em;
  text-align: center;
  padding-bottom: 16px;
}

.panelLR li .panelImage02{
  line-height: 0em;
  text-align: center;
  padding-bottom: 22px;
}

.panelLR li .panelImage img, .panelLR li .panelImage02 img{
  vertical-align: bottom;
}

.panelLR li .panelDetail{
  line-height: 0em;
  text-align: center;
  padding-bottom: 18px;
}

html.ua-webkit #btnFavorite {
  display:none;
}

.ofh {
  overflow:hidden;
  zoom:1;
}

ul.indent {
  text-indent:-1em;
}

.fs11 {
  font-size:1.1em;
}

.fs12 {
  font-size:1.2em;
}

.fs13 {
  font-size:1.3em;
}


div.addTag {
  font-size:0 !important;
  line-height:0 !important;
  height:0 !important;
  border:none;
}

h1.top{
  /*font-size: 10px;*/
  font-size:0.8em;
  margin: 13px 0 0 41px;
}

h2.top {
font-size: 0.75em;
margin: -4px 0 -12px 41px;
}

#topMainvisual div img{
  opacity:0 ;
  filter: alpha(opacity=0);
}

#sideCamInner .banner {
  margin-left:10px;
  margin-right:10px;
  background:#FFF;
  height:85px;
  margin-bottom:10px;
}

/***トップページスタイル***/
.contCaps    { background: url(/menu/question/images/caps_back.png) no-repeat; width: 676px; height: 26px; padding: 13px 0px 0px 40px; }

div.banarBox    { width: 1020px; height: 100px; padding: 5px 0px 0px; height: 113px; }

h2#menuCaps  { position: relative; width: 716px; height: 44px; }
h2#menuCaps .menuLink  { width: 89px; height: 25px; top: 12px; right: 8px; position: absolute; }
div.menuList { width: 716px; padding: 0px 0px 20px; }
div.menuList .faceMenu  { width: 709px; }
div.menuList .bodyMenu  { width: 709px; }
div.menuList .illustMenu { width: 709px; margin: 5px auto 0px; padding: 0px 4px; overflow: hidden; }
div.menuList .illustMenu li  { width: 171px; float: left; margin-right: 8px; position: relative; }
div.menuList .illustMenu li.last { margin-right: 0px; }
div.menuList .illustMenu li .illustBtn  { position: absolute; top: 110px; left: 12px; }

div.menuList .linkListBox   { width: 709px; margin: 0px auto 20px; padding: 0px 5px; overflow: hidden; }
div.menuList .linkListBox li        { width: 173px; height: 25px; float: left; margin: 5px 5px 0px 0px; background: #f7faed; color: #333; white-space: nowrap; }
div.menuList .linkListBox li:hover  { opacity: 0.5; }
div.menuList .linkListBox li.last   { margin-right: 0px; }
div.menuList .linkListBox li a      { display: block; background: url(/menu/question/images/spot/new/icon_arrow.png) no-repeat 2% 70%; padding: 4px 0px 0px 18px; font-size: 12px; text-decoration: none; color: #333; }
div.menuList .linkListBox li span   { font-size: 10px; }

div.menuList .linkListBox li.none        { width: 155px; height: 21px; padding: 4px 0px 0px 18px; float: left; margin: 5px 5px 0px 0px; background: url(/menu/question/images/spot/new/icon_arrow.png) no-repeat 2% 50% #f7faed; color: #333; white-space: nowrap; }
div.menuList .linkListBox li.none:hover  { opacity: 1.0; }

div.recommendMenu   { width: 716px; padding: 0px 0px 20px; overflow: hidden; }
div.recommendMenu ul    { width: 716px; margin: 10px auto; }
div.recommendMenu li    { width: 349px; height: 135px; float: left; padding: 0px 4px 10px; }

div.newsList    { width: 716px; padding: 0px 0px 20px; }
div.newsList ul { width: 716px; }
div.newsList li { padding: 20px; border-bottom: 1px dotted #CCC; }
div.newsList li div { font-weight: bold; padding: 0px 0px 5px; }
div.newsList li div span    { color: #62ac00; font-weight: bold; }
div.newsList li div span a  { font-weight: bold; }
div.newsList li.gre   { background: #f7fbf2; }

div.greetingBox { width: 716px; padding: 0px 0px 20px; }
div.greetingBox .textBox    { background: url(/common/images/new/top_photo01.png) no-repeat top right; width: 696px; padding: 10px; margin: 10px 0px; }
div.greetingBox .textBox p  { width: 465px; line-height: 22px; }
div.greetingBox .textBox2   { background: url(/common/images/new/top_photo02.png) no-repeat top left; width: 696px; padding: 0px 10px; overflow: hidden; }
div.greetingBox .textBox2 p { width: 400px; line-height: 22px; float: right; }
div.greetingBox span        { color: #51a600; line-height: 22px; font-weight: bold; display: block; padding: 0px 0px 5px; }
div.greetingBox .underTxt   { font-weight: bold; display: block; padding: 15px 15px 0px; text-align: right; }

div#conversionBox  { width: 710px; padding-bottom: 50px; }
div#conversionBox .topBar   { background: url(/common/images/conversion/contact_topbar.png) no-repeat; width: 710px; height: 4px; font-size: 0px; line-height: 0px; }
div#conversionBox .dataBack { background: url(/common/images/conversion/contact_back.png) repeat-y; width: 702px; height: 255px; overflow: hidden; padding: 0px 4px; }
div#conversionBox .dataBack .upperBox   { background: url(/common/images/conversion/contact_bgphoto.png) no-repeat; width: 702px; height: 175px; margin: 0px auto; }
div#conversionBox .dataBack .upperBox .textBox  { width: 480px; margin-left: 200px; text-align: center; padding: 25px 0px 0px; }
div#conversionBox .dataBack .upperBox .textBox div{ padding: 0px 0px 15px; }
div#conversionBox .dataBack .upperBox .converBtn  { width: 485px; margin-left: 210px; }
div#conversionBox .dataBack .upperBox .converBtn a{ float: left; display: block; margin-right: 3px; }
div#conversionBox .dataBack .underBox   { width: 652px; background: url(/common/images/conversion/dotted.png) repeat-x; padding: 15px 10px 0px 30px; margin: 0px 5px; }
div#conversionBox .dataBack .underBox .logoBox  { width: 135px; height: 35px; float: left; }
div#conversionBox .dataBack .underBox .addressBox   { width: 480px; float: left; margin-left: 25px; }
div#conversionBox .btmBar   { background: url(/common/images/conversion/contact_btmbar.png) no-repeat; width: 710px; height: 4px; font-size: 0px; line-height: 0px; }

div#conversionBox_s { width: 710px; padding: 0px 0px 50px; position: relative; }
div#conversionBox_s .reserveBtn { width: 282px; height: 32px; padding: 0px 0px 50px; position: absolute; bottom: 60px; right: 34px; }
div#conversionBox_s .reserveBtn2 { width: 282px; height: 52px; padding: 0px 0px 0px; position: absolute; bottom: 82px; right: 30px; }
div#conversionBox_s .contactBtn { width: 282px; height: 32px; padding: 0px 0px 50px; position: absolute; bottom: 24px; right: 34px; }



#pageTop{
    color:#FFF;
    width: 41px;
    height: 43px;
    position: fixed;
    bottom: -1px;
    right: 20px;
}
#pageTop:hover{
    opacity: 0.8;
}

div.percentUp   { border: 2px solid #73ba00; padding: 10px; font-size: 11px; line-height: 17px; text-align: left; margin-bottom: 20px; background: #fffeee; }
div.percentUp span  { font-weight: bold; font-size: 14px; display: block; color: #C00; text-align: center; padding: 0px 0px 5px; }


/*********************************************************************************/
/*201510--料金表改定new_table用*/
/* [12] - new_table CSS */
#new_table {
  table-layout: fixed;
  width:100%;
  word-break: break-all;
  word-wrap: break-word;
  margin-top:0;
  margin-left:0;
  margin-right:0;
  padding:0;
  border-spacing: 0;
  border: 1px solid #c9d6a3;
}
#new_table tr,th,td{
  border: 1px solid #c9d6a3;
}
#new_table .target_title {
  background:#62b000;
  color:#ffffff;
  padding: 5px 5px 5px 0;
  font-weight:bold;
  text-align: center;
}
#new_table .course_title {
  background:#62b000;
  color:#ffffff;
  padding: 5px 5px 5px 0;
  font-weight:bold;
  text-align: center;
}
#new_table .set_title {
  color:#333333;
  background:#f5fbed;
  padding: 5px 5px 5px 0;
  font-weight:bold;
  text-align: center;
}
#new_table .inning_title {
  color:#333333;
  background:#f5fbed;
  padding: 5px 5px 5px 0;
  font-weight:bold;
  text-align: center;
}
#new_table .course_name {
  color:#333333;
  background:#f5fbed;
  padding: 5px;
  font-weight:bold;
  text-align: left;
  white-space: normal;
}
#new_table .course_name span {
  font-size: 11px;
}
#new_table .course_name a {
  color: #62ac00;
  font-weight:bold;
}
#new_table td {
  color:#333333;
  text-align:right;
  vertical-align:middle;
  padding: 5px 5px 5px 0;
  font-size: 90%;
}
#new_table td a {
  color:#ff0000;
  font-weight:bold;
}
#new_table td em {
  color: #ff0000;
  font-style: normal;
  font-weight: bold;
}
#new_table th em {
  color: #ff0000;
  font-style:normal;
}
#new_table .w80 {width:80px;}
#new_table .w100 {width:100px;}
#new_table .w120 {width:120px;}
#new_table .w140 {width:140px;}
#new_table .w160 {width:160px;}
#new_table caption{
  padding: 0 0 5px;
  text-align: left;
  color: #ff0000;
  margin-top: 10px;
}
#attention {
  margin-bottom:30px;
  padding:5px;
}
#attention span {
  color:#ff0000;
}
.mB5 {margin-bottom:5px !important;}
.mB10 {margin-bottom:10px !important;}
.mB15 {margin-bottom:15px !important;}
.mB20 {margin-bottom:20px !important;}
.mB25 {margin-bottom:25px !important;}
.mB30 {margin-bottom:30px !important;}

/*テキストの色*/
.twhite {color:#fff !important;}
.tred {color:#ff5a5a !important;}
.tblack {color:#2e2e2e !important;}
.tgreen {color:#62b000 !important;}

/*背景の色*/
.bg_green {background:#62b000 !important;}
.bg_orange {background:#f37029 !important;}

/*デフォルト*/
sup {
    font-size:0.83em;
    line-height:0;
    vertical-align:baseline;
    position:relative;
}
sup {top: -0.5em;}