@charset "EUC-JP";
/**
 * ²ñ°÷ÅÐÏ¿¥È¥Ã¥×
 */

/* ==========================================================================
   overwrite-layout
   ========================================================================== */

body {
  overflow:hidden;
  min-width:960px;
}

#contents #voiceBox p,
#contents .numberBlue,
#contents #reportSide p,
#contents .reportSide p {
  line-height:1;
}

/* ==========================================================================
   common style
   ========================================================================== */

.posiReltv {
  position:relative;
}

.settingBox {
  border: 2px solid #ffab4c;
}
.mt3 {
  margin-top:3px;
}
.mb3 {
  margin-bottom:3px;
}
.mr3 {
  margin-right:3px;
}
.ml3 {
  margin-left:3px;
}

.mt8 {
  margin-top:8px;
}

.mb8 {
  margin-bottom:8px;
}

.mr8 {
  margin-right:8px;
}

.ml8 {
  margin-left:8px;
}

.mr25 {
  margin-right:25px;
}

.ml35 {
  margin-left:35px;
}

.mb55 {
  margin-bottom:55px;
}

.mr-20 {
  margin-right:-20px;
}

.pl175 {
  padding-left:175px;
}


#contents p.lht167 {
  line-height:1.67;
}

#contents p.lht150 {
  line-height:1.5;
}

.numberBlue {
  color: #0f94cc;
  font-size: 146.5%;
  font-family: arial,helvetica,clean,sans-serif;
  font-weight: bold;
  letter-spacing: -0.03em;
  line-height:1;
}

.numberPink {
  color: #ff6096;
  font-size: 146.5%;
  font-family: arial,helvetica,clean,sans-serif;
  font-weight: bold;
  letter-spacing: -0.03em;
  line-height:1;
}

.boxBlue {
  background-color: #e4f7ff;
  border: 1px solid #e4f7ff;
}

.boxPink {
  background-color: #fbe9f0;
  border: 1px solid #fbe9f0;
}

.txtBlue {
  color: #0e95cd;
}

.txtPink {
  color: #f81872;
}

#planBox .ltsp {
  letter-spacing:-0.5px;
}
#planBox .ltsp1 {
  letter-spacing:-1px;
}
#planBox .ltsp2 {
  letter-spacing:-2px;
}
#planBox .ltsp3 {
  letter-spacing:-3px;
}


/* ==========================================================================
   side
   ========================================================================== */

#side .btnBoxSd{
  padding:10px 0 10px 10px;
}

#side .ptBoxSd{
  padding:10px 0 0 9px;
}

#side #registerSide.roundbox {
  width:182px;
  background-color: #4D1D09;
  border: 1px solid #4D1D09;
  padding:4px 3px 7px;
}

#side .event ul li {
  background: none;
}
#side .event ul li a {
  display: block;
  padding: 0 7px 7px;
}
#side .event ul {
  padding-top:10px;
}

#side #reportSide{
  width:188px;
}

#side #reportSide p.numberSide{
  text-align:center;
  font-weight:bold;
  padding:4px 0;
}

#side #reportSide #repoBox{
  text-align:center;
  padding:5px 0;
  margin:0 5px 10px;
  background-color:#FEFDD1;
  color:#4f2004;
}

#side .reportSide .repoBox{
  text-align:center;
  padding:5px 0;
  margin:0 5px 10px;
  background-color:#FEFDD1;
  color:#4f2004;
}

#side .reportSide{
  width:188px;
}

#side .reportSide p.numberSide{
  text-align:center;
  font-weight:bold;
  padding:4px 0;
}

#side .reportSide #repoBox{
  text-align:center;
  padding:5px 0;
  margin:0 5px 10px;
  background-color:#FEFDD1;
  color:#4f2004;
}

#side .reportSide .repoBox{
  text-align:center;
  padding:5px 0;
  margin:0 5px 10px;
  background-color:#FEFDD1;
  color:#4f2004;
}


#side #popularSide.roundbox {
  width:188px;
  padding:4px 0 0;
  background:#fff0f3;
  border:#fad8df 1px solid;
  position:relative;
}

#side #popularSide .ribbon {
  position: absolute;
  left: -20px;
  top: 34px;
}

#side .media {
  width:188px;
}

#side .media {
  position: relative;
  margin-top: 10px;
}
#side .media h4 {
  position: absolute;
  left: 0px;
  top: 10px;
}
#side .media ul {
  margin-top: 27px;
}
#side .media ul li {
  background: url(/common/css/img/bk_dotline.gif) repeat-x bottom;
}
#side .media ul li.lst {
  background: none;
}

#side .media ul li a {
  font-size:108%;
  text-decoration: underline;
  display: block;
  padding: 10px;
}

#side .media ul li a:hover {
  text-decoration: none;
  
}

#side #aboutBox .fl {
  width:100px;
  font-size:96%;
}

#side #aboutBox,
#side #privacyBox {
  margin:10px 0 0;
  padding:10px 0 0;
  border-top: #E7E6D4 1px solid;
}
#side .aboutBox,
#side .privacyBox {
  margin:10px 0 0;
  padding:10px 0 0;
  border-top: #E7E6D4 1px solid;
}

#side #bannerMb {
  width:80px;
  height:65px;
  padding:68px 0 0 120px;
  background: url(/css/img/banner_mobile.jpg) left top no-repeat;
}

#side #pMark {
  position:relative;
}

#side #pMark .mkVs  {
  position:absolute;
  top:10px;
  left:3px;
  width:100px;
  height:72px;
}



/* ==========================================================================
   font
   ========================================================================== */
.size69 {
  color: #f8be0c;
  font-size: 530.76923%;
  font-family: arial,helvetica,clean,sans-serif;
  font-weight: bold;
  letter-spacing: -0.03em;
}

.size34 {
  color: #f8be0c;
  font-size: 265%;
  font-family: arial,helvetica,clean,sans-serif;
  font-weight: bold;
  letter-spacing: -0.04em;
}

/* ==========================================================================
   voiceBox
   ========================================================================== */

/*woman - man */

#voiceBox .roundbox.woman {
  background-color: #fbe9f0;
  border: 1px solid #fbe9f0;
}

#voiceBox .roundbox.man {
  background-color: #e4f7ff;
  border: 1px solid #e4f7ff;
}

#voiceBox .roundbox.woman .voiceHeader p {
  color: #f81872;
}

#voiceBox .roundbox.man .voiceHeader p {
  color: #0e95cd;
}

#voiceBox {
  width:733px;
  height:291px;
  padding:0 0 0 17px;
  margin:10px 0 0;
  background: url(/css/img/bg_voice02.png) left top no-repeat;
}

#voiceBox ul.ttlBox {
  height:58px;
}

#voiceBox ul.ttlBox .fl {
  position:relative;
  padding-left:140px;
}

#voiceBox ul.ttlBox .fl .voicePop {
  position:absolute;
  top:-23px;
  left:-3px;
}

#voiceBox li.roundbox {
  width:233px;
  height:210px;
  margin:0 6px 0 0;
}

#contents #voiceBox p.dotTxt {
  padding:15px 0 0;
  margin:5px 0 0;
  border-top:#CCC 1px dotted;
  /*font-size:13px;*/
  font-size: 108%;
  line-height:1.67;
}

#voiceBox .voiceHeader p {
  padding:2px 0 2px;
  font-size:14px;
}

/* ==========================================================================
   main slider
   ========================================================================== */

#mainArea {
  width:960px;
  height:440px;
  margin:0 0 78px 0;
  position:relative;
  background:url(img/gif-load.gif) center center no-repeat;
}


#mainSlider {
  width:720px;
  height:440px;
  position:absolute;
}

#mainSlider #sliderWrapper {
  width:9999px;
  height:440px;
  position:absolute;
  display:none;
  /*left:-3600px;*/
}

#mainSlider .sliderContainer,
#mainSlider .sliderContainer2,
#mainSlider .sliderContainer3,
#mainSlider .sliderContainer4 {
  position:absolute;
  border-bottom:#E9E4D1 1px solid;
}

#mainSlider .sliderContainer li,
#mainSlider .sliderContainer2 li,
#mainSlider .sliderContainer3 li,
#mainSlider .sliderContainer4 li {
  float:left;
}


/* ==========================================================================
   maincopy button
   ========================================================================== */

#mainArea .copy01 li,
#mainArea .copy02 li,
#mainArea .copy03 li,
#mainArea .copy04 li,
#mainArea .copy05 li{
  position:absolute;
  display:none;
}

#mainArea .copy01 li.sub,
#mainArea .copy05 li.sub{
  top:45px;
  left:32px;
}

#mainArea .copy02 li.sub,
#mainArea .copy04 li.sub {
  top:31px;
  left:32px;
}

#mainArea .copy03 li.sub{ 
  top:40px;
  left:32px;
}


#mainArea .copy01 li.main,
#mainArea .copy05 li.main{
  top:80px;
  left:32px;
}

#mainArea .copy02 li.main,
#mainArea .copy04 li.main {
  top:65px;
  left:32px;
}

#mainArea .copy03 li.main {
  top:70px;
  left:32px;
}

#mainArea .copy01 li.btn,
#mainArea .copy02 li.btn,
#mainArea .copy03 li.btn,
#mainArea .copy04 li.btn,
#mainArea .copy05 li.btn{
  bottom:46px;
  right:255px;
}

/* ==========================================================================
   main Area
   ========================================================================== */
  
/*cover*/

#slideCover {
  position:absolute;
  /*display:none;*/
}

#slideCover #coverLt {
  width:3600px;
  height:439px;
  position:absolute;
  left:-3600px;
  background: url(/css/img/bg_cover.png);
}

#slideCover #coverRt {
  width:3600px;
  height:439px;
  position:absolute;
  left:720px;
  background: url(/css/img/bg_cover.png);
}


/*searchBox*/
#searchBox {
  width:216px;
  height:383px;
  padding:4px 0 0 4px;
  position:absolute;
  top:10px;
  left:730px;
  background:#531E00;
}

#searchBox h6 {
  width:202px;
  height:26px;
  padding:5px 0 0 10px;
  margin:7px 0 1px 0;
  background:#FFFFFF;
}

#searchBox #sexBox {
  width:212px;
  height:56px;
  background:#FFFFFF;
}

/*areaBox*/
#areaBox {
  width:212px;
  height:132px;
  margin:1px 0 0;
  position:relative;
  background:#FFFFFF;
}

#areaBox .ttlArea {
  position:absolute;
}

#areaBox .hokkaido-tohoku {
  position:absolute;
  top:7px;
  left:138px;
}

#areaBox .kanto {
  position:absolute;
  top:85px;
  left:164px;
}

#areaBox .tokai {
  position:absolute;
  top:62px;
  left:129px;
}

#areaBox .kansai {
  position:absolute;
  top:62px;
  left:95px;
}

#areaBox .cyu-shikoku {
  position:absolute;
  top:62px;
  left:48px;
}

#areaBox .kyusyu {
  position:absolute;
  top:62px;
  left:10px;
}

/*search bottom*/
#searchBottom {
  width:206px;
  height:48px;
  padding:2px 0 0 6px;
  margin:1px 0 0;
  background:#FFFFFF;
}

/*navi*/
#naviTop {
  width:960px;
  height:74px;
  position:absolute;
  top:412px;
}

#fiveStyle {
  position:absolute;
  width:108px;
  height:109px;
  top:325px;
  left:-40px;
}


/* ==========================================================================
   info
   ========================================================================== */

#infoBox {
  width:750px;
  padding: 15px 0 10px;
  border-top: #AFACA5 1px dotted;
  border-bottom: #AFACA5 1px dotted;
}

#infoBox h2 {
	padding: 0 0 0 10px !important;
	border-top: none;
	border-bottom: none;
	background: none;
	font-size: 138.5%;
}

#infoBox #infoIn {
  margin:0 0 0 103px;
}

#infoBox .infoBody {
  margin:0 0 0 78px;
}
  

/* ==========================================================================
   banner slider
   ========================================================================== */

#sliderBox.roundbox {
  width:748px;
  height:181px;
  position:relative;
  margin:28px 0 0;
}

#sliderBox .ttlEvent {
  position:absolute;
  top:-10px;
  left:25px;
}

#sliderBox .sliderIn {
  width:685px;
  height:139px;
  position:relative;
  margin:21px 0 0 30px;
  overflow:hidden;
}

#sliderBox .sliderIn .container  {
  float:left;
  padding:0 5px 0 0;
}

#sliderBox #arrowLt {
  width:12px;
  height:26px;
  position:absolute;
  top:50%;
  left:10px;
}
#sliderBox #arrowRt {
  width:12px;
  height:26px;
  position:absolute;
  top:50%;
  right:10px;
}

#sliderBox #arrowLt img,
#sliderBox #arrowRt img {
  position:absolute;
  top:-13px;
}


/* ==========================================================================
   pupular
   ========================================================================== */

#popularBox {
  width:750px;
  height:273px;
  background: url(/css/img/bg_popular4.jpg) left top no-repeat;
}

#popularBox li {
  width:333px;
  height:107px;
  float:left;
  padding:26px 0 0 42px;
}

#popularBox li.popular2 {
  height:94px;
}


/* ==========================================================================
   plan5
   ========================================================================== */

#planBox1.roundbox,
#planBox2-3.roundbox,
#planBox4-5.roundbox {
  padding:8px;
  margin-top:0;
  position:relative;
  float:left;
}

#planBox1.roundbox .ttlPlan,
#planBox2-3.roundbox .ttlPlan,
#planBox4-5.roundbox .ttlPlan {
  position:absolute;
  top:-48px;
  left:-1px;
}

#planBox1.roundbox,
#planBox2-3.roundbox {
  width:352px;
  height:439px;
}

#planBox4-5.roundbox {
  width:731px;
  height:296px;
  margin-top:48px;
}



#planBox1.roundbox {
  margin-right:9px;
}

#planIn1.roundbox {
  width:auto;
  height:393px;
  margin-top:0;
/*  border:1px solid #FFA042;*/
  border-left:1px solid #FFA042;
  border-right:1px solid #FFA042;
  border-bottom:1px solid #FFA042;
  border-radius:0px 0px 5px 5px;
}
#planIn1.roundbox h5 {
  background:url(img/bg_plan1.gif) left top repeat-x;
}

#planIn2.roundbox {
  width:auto;
  height:154px;
  margin-top:0;
  margin-bottom:8px;
  border-left:1px solid #8AC947;
  border-right:1px solid #8AC947;
  border-bottom:1px solid #8AC947;
  border-radius:0px 0px 5px 5px;
}
#planIn2.roundbox h5 {
  background:url(img/bg_plan2.gif) left top repeat-x;
}

#planIn3.roundbox {
  width:auto;
  height:184px;
  margin-top:0;
  border-left:1px solid #E0475C;
  border-right:1px solid #E0475C;
  border-bottom:1px solid #E0475C;
  border-radius:0px 0px 5px 5px; 
}
#planIn3.roundbox h5 {
  background:url(img/bg_plan3.gif) left top repeat-x;
}

#planIn4.roundbox {
  width:350px;
  height:250px;
  margin-top:0;
  margin-right:27px;
  border-left:1px solid #F46C94;
  border-right:1px solid #F46C94;
  border-bottom:1px solid #F46C94;  
  border-radius:0px 0px 5px 5px; 
  float:left;
}


#planIn5.roundbox {
  width:350px;
  height:250px;
  margin-top:0;
  border-left:1px solid #B170D8;
  border-right:1px solid #B170D8;
  border-bottom:1px solid #B170D8;  
  border-radius:0px 0px 5px 5px;  
  float:left;
}
#planIn5.roundbox h5 {
  background:url(img/bg_plan5.gif) left top repeat-x;
}


#planIn1.roundbox h5,
#planIn2.roundbox h5,
#planIn3.roundbox h5,
#planIn4.roundbox h5,
#planIn5.roundbox h5 {
  height:31px;
  padding:12px 0 0 11px;
  position:relative;
}

#planIn1.roundbox h5 .btnWrap,
#planIn2.roundbox h5 .btnWrap,
#planIn3.roundbox h5 .btnWrap,
#planIn4.roundbox h5 .btnWrap,
#planIn5.roundbox h5 .btnWrap {
  position:absolute;
  top:5px;
  right:5px;
}

#planBox .planImg {
  margin:4px 0 0 4px;
}

#planBox .planTxt {
  margin:16px 8px;
  font-size:100%;
}

#planBox .planTxtBdr {
  margin:16px 8px 8px;
  font-size:100%;
  padding-bottom:8px;
  border-bottom:#CCC 1px solid;
}

#planBox .planTxtS {
  margin:14px 8px 0px 130px;
  font-size:100%;
}

#planBox .planTxtLt {
  margin:8px 8px 0px 120px;
  border-top:#CCC 1px solid;
  padding-top:5px;
}

#planBox .dotLine {
  padding-right:5px;
  border-right:#CCCCCC 1px dotted;
}

#planBox .fBox {
  padding-left:10px;
  
}

#planBox .numberBlue,
#planBox .numberPink {
  font-size:24px;
}


/* ==========================================================================
   flow
   ========================================================================== */

#flowBox {
  margin-bottom:40px;
}

#flowBox .btnFlow {
  position:relative;
  padding:4px 0 0 10px;
}

#flowBox .btnFlow .bt {
  position:relative;
  z-index:1;
}

#flowBox .btnFlow .popFlow {
  position: absolute;
  top: -54px;
  left:2px;
}


/* ==========================================================================
   other
   ========================================================================== */

/*forie7*/
*:first-child+html #planBox .numberBlue {
  font-size: 20px;
}

*:first-child+html #planBox .numberPink {
  font-size: 20px;
}

*:first-child+html #planBox .planTxtS {
  font-size:12px;
}

*:first-child+html #planBox .dotLine {
  font-size:12px;
}

*:first-child+html #planBox .noWp {
   white-space: nowrap; width:150px;
}

*:first-child+html #planBox .ltsp {
   font-size:12px;
}

*:first-child+html body {
  position:relative;
}

/* mac Safari \*/
html:\66irst-child #planBox .ltsp {
   font-size:12px;
}


/* ==========================================================================
   text
   ========================================================================== */