@charset "euc-jp";
/* CSS Document */


/* ---------- 1:yjTmplCommon-min.css 1.1.0 ---------- */
/*\*//*/@import "yjTmplMacIE5-min.css";/**/
/* reset */
body{margin:0;padding:0;text-align:center;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ul li, ol li{list-style:none;}
table{margin:0;padding:0;border-collapse:collapse;border-spacing:0;font-size:100%;}
caption{text-align:left;}
table,pre,code,select,input,textarea,kbd,var,ins,del,samp{font-size:100%;}
address,cite,dfn,em,strong,var,th,ins,del,samp{font-weight:normal;font-style:normal;}
a img{border:0;}
hr.yjSeparation{display:none;}
fieldset{border:none;}

/* layout */
#wrapper{text-align:left;font-size:medium;line-height:1.56;}
#yjContentsBody{position:relative;}
.yjGuid{display:block;height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;}
.yjSkip{display:block;height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;}
.yj950-1 #wrapper{ width:950px;margin:0 auto;padding:0 10px;}
.yj950-1 #contents{text-align:left;}

/* clearfix */
#yjContentsBody:after{display:block;visibility:hidden;clear:both;height:0;content:".";}
#yjContentsBody{height:1%;}

/* ---------- 2:font-size ---------- */
/*29px*/
.yjXXL{
	font-size:x-large;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:xx-large;
	font-size /**/:x-large;
}
html>body .yjXXL{
	font-size:180%;
	font-size/**/:xx-large;
}
/*24px*/
.yjXL{
	font-size:large;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:x-large;
	font-size /**/:large;
}
html>body .yjXL{
	font-size:150%;
	font-size/**/:x-large;
}
/*19px*/
.yjL{
	font-size:medium;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:large;
	font-size /**/:medium;
}
html>body .yjL{
	font-size:120%;
	font-size/**/:large;
}
/*18px*/
.yjLS{
	font-size:112.5%;
}
/*16px-default*/
.yjM{
	font-size:small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:medium;
	font-size /**/:small;
}
html>body .yjM{
	font-size:100%;
	font-size/**/:medium;
}
/*15px*/
.yjMM{
	font-size:95%;
	letter-spacing:0.065em;
}
body:first-of-type .yjMS{
	letter-spacing:0;
}
html:first-child .yjMS{
	letter-spacing:0;
}
/*14px*/
.yjMS{
	font-size:87.5%;
}
/*13px*/
.yjS{
	font-size:x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
	font-size /**/:x-small;
}
html>body .yjS{
	font-size:84%;
	font-size/**/:small;
}
/*12px*/
.yjSS{
	font-size:75%;
	letter-spacing:0.065em;
}
/*11px*/
.yjXS{
	font-size:xx-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:x-small;
	font-size /**/:xx-small;
}
html>body .yjXS{
	font-size:70%;
	font-size/**/:x-small;
}
.f12x{
	font-size:12px;
}
.font13x{
	font-size:13px;
}
.font18x{
	font-size:18px;
}

/* ---------- 3:body ---------- */
/* ------- body ------- */
body{
  background:url(http://i.yimg.jp/images/evt/7nn/img/bg_all.png) left top repeat-x #ffef7d;
}
a:link {color:#004fbb;}

/* ------- common ------- */
.textNote{
  color:#777;
}
.floatR{
  float:right;
}
.floatL{
  float:left;
}
h2{
  clear:both;
}

/* ------- sprite ------- */
.copySocial, .copyCom, .receivedService, .planService,.conclusion h2, .headPoint2, .headPoint1, .ttlPoint2,.ttlPoint1, .yahooJ{
  background:url(http://i.yimg.jp/images/evt/7nn/img/sprite_text.png) no-repeat;
  text-indent:-9999px;
  overflow:hidden;
}
.subTitle, .btnMakeNickname, .btnHowTo, .howToNickname, .headPoints, .conclusion{
  background:url(http://i.yimg.jp/images/evt/7nn/img/sprite_bg.png) no-repeat;
  overflow:hidden;
}
.service10,.service9, .service8, .service7, .service6, .service5, .service4, .service3, .service2, .service1{
  background:url(http://i.yimg.jp/images/evt/7nn/img/sprite_service.png) left top no-repeat;
  text-indent:-9999px;
  height:30px;
  overflow:hidden;
}

/* ------- #header ------- */
#header{
  position:relative;
}
#header h1{
  background:url(http://i.yimg.jp/images/evt/7nn/img/bg_header.png) left top no-repeat;
  width:950px;
  height:300px;
  text-indent:-9999px;
}
.yahooJ{
  background-position: -598px -66px;
  display:block;
  width:107px;
  height:30px;
  position:absolute;
  top:6px;
  left:9px;
}
.period{
  width:256px;
  height:16px;
  position:absolute;
  top:1px;
  right:3px;
  text-indent:-9999px;
}

.subTitle{
  background-position: 0 0;
  background-color:#ffcc1c;
  width:924px;
  height:65px;
  padding:13px 0 13px 25px;
  position:relative;
  border-right:#ffb423 1px solid;
}
.copyCom{
  background-position: 0 -38px;
  width:860px;
  height:20px;
  margin-bottom:10px;

  }
.copySocial{
  background-position: 0 0;
  width:670px;
  height:33px;
  margin-left:-11px;
}
.social{
  position:absolute;
  bottom:12px;
  right:5px;
  overflow:hidden;
}
.social li{
  float:left;
  margin-right:4px;
}
.social endList{
  margin-right:0;
}
.btnTw{
  background:url(http://i.yimg.jp/images/evt/7nn/img/btn_tw.png) left top no-repeat;
  width:55px;
  height:21px;
  overflow:hidden;
  text-indent:-9999px;
  display:block;
}
.btnFb{
  background:url(http://i.yimg.jp/images/evt/7nn/img/btn_fb.png) left top no-repeat;
  width:59px;
  height:18px;
  overflow:hidden;
  text-indent:-9999px;
  display:block;
}


/* ------- #contents ------- */
#contents{
  width:948px;
  background-color:#ffe73d;
  border-left:#ffb423 1px solid;
  border-right:#ffb423 1px solid;
  overflow:hidden;}

/* ------- .bgPoints ------- */
.bgPoints{
  background:url(http://i.yimg.jp/images/evt/7nn/img/bg_read.png) left bottom no-repeat ;
  background-color:#ffe73d;
  width:948px;
  padding-bottom:69px;
  *padding-bottom:75px;
}
.points{
  
  background-color:#ffcc1c;
  width:936px;
  padding: 11px 6px 0;
}
.headPoints{
  background-position: 0 -100px;
  width:920px;
  height:28px;
  padding: 10px 0 10px 11px;
  margin-bottom:5px;
  text-indent:-9999px;
}

/* point1 */
.point1{
  margin-bottom:18px;
  overflow:hidden;
}
.point1 p{
  font-weight:bold;
  width:310px;
}
.headPoint1{
  background-position: 0 -144px;
  display:block;
  width:686px;
  height:25px;
}
.ttlPoint1{
  background-position:0 -62px;
  width:290px;
  height:80px;
  margin:-1px 0 4px;
  *position:relative;
  *zoom:1;
}
.imgPoint1{
  float:left;
}


/* point2 */
.point2{
  margin-bottom:6px;
  overflow:hidden;
}
.point2 p{
  font-weight:bold;
  width:340px;
}
.headPoint2{
  background-position: 0 -175px;
  display:block;
  width:686px;
  height:25px;
}
.ttlPoint2{
  background-position:-300px -62px;
  width:286px;
  height:77px;
  margin:-4px 0 2px;
  *position:relative;
  *zoom:1;
}
.imgPoint2{
  float:right;
}
  
/* ------- .conclusion ------- */
.shadow{
  background:url(http://i.yimg.jp/images/evt/7nn/img/bg_shadow.png) left bottom no-repeat #ffe63b;
  padding-bottom:4px;
  margin-bottom:18px;
}
	
.conclusion{
  background-position: 0 -153px;
  width:948px;
/*  min-height:129px;
  height: auto !important; 
  height:129px;*/
  padding:18px 0 21px;
  overflow:hidden;
}
.conclusion h2{
  background-position: 0 -212px;
  width:834px;
  height:87px;
  margin:0 56px 5px 58px;
}
.conclusion p{
  font-weight:bold;
  text-align:center;
  line-height:1.4;
}

/* ------- .serviceCondition ------- */ 
.serviceCondition{
  padding:0 18px;
  width:912px;
}

.serviceCondition img{
  vertical-align:bottom;
}
/*.listReceived, .listPlan{
  border:#f3d581 2px solid;
  background:#FFF;
  width:887px;
  padding:10px 10px 7px;
}
*/

/* .receivedService */
.receivedService{
  background-position: 0 -303px;
  width:324px;
  height:22px;
  margin:0 6px 3px -10px;
  *margin:0 6px 3px -5px;
  float:left;
}
.shadowTop{
  background:url(http://i.yimg.jp/images/evt/7nn/img/shadow_top.png) left top no-repeat;
  padding-top:5px;
}
.shadowBottom{
  background:url(http://i.yimg.jp/images/evt/7nn/img/shadow_bottom.png) left bottom no-repeat;
  padding-bottom:5px;
  margin-bottom:5px;
}
.listReceived{
  background:url(http://i.yimg.jp/images/evt/7nn/img/bg_service.png) left top repeat-y;
  width:910px;
  min-height:87px;
  height: auto !important;
  height: 101px;
  position:relative;
  overflow:hidden;
  padding-left:5px;
  
}
.listReceived li{
  border-bottom:#e6e6e6 1px solid;
  float:left;
  width:300px;
  height:50px;
}
.listReceived .service1{
  position:absolute;
  top:11px;
  left:56px;
  background-position:0 0;
  width:189px;
}
.listReceived .service2{
  position:absolute;
  top:11px;
  left:373px;
  background-position:0 -33px;
  width:155px;
}
.listReceived .service3{
  position:absolute;
  top:11px;
  left:669px;
  background-position:0 -66px;
  width:163px;
}
.listReceived .service4{
  position:absolute;
  top:60px;
  left:72px;
  background-position:0 -99px;
  width:158px;
}
.listReceived .service5{
  position:absolute;
  top:60px;
  left:367px;
  background-position:0 -132px;
  width:168px;
}
.listReceived .service6{
  position:absolute;
  top:60px;
  left:650px;
  background-position:0 -165px;
  width:201px;
}
.listReceived li{
	vertical-align:middle;
	text-align:center;
}
.listReceived .service10{
  background-position:0 -165px;
  width:201px;
}

/* .planService */
.planService{
  background-position: -334px -303px;
  width:350px;
  height:21px;
  margin:0 0 3px -10px;
}
.listPlan{
  background:url(http://i.yimg.jp/images/evt/7nn/img/bg_service.png) left top repeat-y;
  width:910px;
  min-height:45px;
  height: auto !important;
  height: 50px;
  position:relative;
  overflow:hidden;
  padding-left:5px;

}
.listPlan li{
  border-bottom:#e6e6e6 1px solid;
  float:left;
  width:300px;
  height:50px;
}/
.listPlan ul{
  position:relative;
}
.listPlan .service7{
  position:absolute;
  top:11px;
  left:71px;
  background-position:0 -198px;
  width:183px;
}
.listPlan .service8{
  position:absolute;
  top:11px;
  left:365px;
  background-position:0 -231px;
  width:218px;
}
.listPlan .service9{
  position:absolute;
  top:11px;
  left:654px;
  background-position:0 -264px;
  width:226px;
}


.listPlan dl{
  clear:both;
  overflow:hidden;
}
.listPlan dt,.listPlan dd{
  float:left;
}
.listPlan dt{
  font-weight:bold;
  margin-right:7px;
  *margin-top:-2px;
  *position:relative;
  *zoom:1; 
}
.listPlan dd{
  margin-right:5px;
}
.planNote{
  margin:0 0 10px 5px;
}


/* ------- .howToNickname ------- */
.howToNickname{
  background-position: 0 -501px;
  text-align:center;
  padding:0 38px;
}
.aboutNickname{
  background:url(http://i.yimg.jp/images/evt/7nn/img/ico_link.png) left center no-repeat;
  padding-left:22px;
  font-weight:bold;
  display:inline-block;
  margin-bottom:13px;
}
.howToNickname .subTxt{
  text-align:left;
}
.howToNickname .dlLong{
  overflow:hidden;
  margin-bottom:11px
}
.howToNickname .dtLong{
  float:left;
  line-height:1.2;
  height:3em;
}
.howToNickname dd{
  text-align:left;
  line-height:1.2;
}
.btnHowTo{
  background-position: -647px -445px;
  width:353px;
  height:56px;
  display:inline-block;
  *display:block;
  text-indent:-9999px;
  margin-bottom:20px;
}
.btnMakeNickname{
  background-position: 0 -405px;
  width:642px;
  height:97px;
  display:inline-block;
  *display:block;
  text-indent:-9999px;
  margin-bottom:36px;
}


/* ------- #footer ------- */
#footer{
  text-align:center;
  padding:0 25px;
  margin-bottom:10px;
  line-height:1.2;
}
#footer ul{
  text-align:center;
  margin-bottom:6px;
  clear:both;
}
#footer li{
  display:inline;
}

.yjChviewWrap {
  text-align: center;
}
.yjChview{
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid #ffcb36;
  background: #fff;
  text-align: center;
}
.yjChview dl, .yjChview dd, .yjChview p { margin: 0; }
.yjChview dl dt, .yjChview dl dd {
  display: inline;
  font-size: 14px;
  line-height: 1.2em;
}
.yjChview dl dt{
  padding-right: 0.2em;
}
.yjChview dl dd span {
  font-weight: bold;
}
.yjChview dl dd:after {
  content: "\ff5c";
}
.yjChview dl dd.end:after {
  content: "";
}

/* ------- .completion ------- */
.completion{
  background-color:#fff;
  color: #fc0001;
  font-weight: bold;
  border: 3px solid #fc0001;
  padding: 5px;
  margin :-5px 0 5px;
  text-align:center;
}