@charset "utf-8";

/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
	SAKURA Channel
	
	new released :  2012
	update : 

	Copyright(c)WEATHER NEWS INC. ALL RIGHT RESERVED.
----------------------------------------------------------------------------------------
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
  BASIS
------------------------------------------------------------------------------------- */
body{background:url(../img/body_bg.png)0 0 repeat,#fff;backgrond-size:166px 146px;-webkit-backgrond-size:166px 146px;-moz-backgrond-size:166px 146px;-ms-backgrond-size:166px 146px;-o-backgrond-size:166px 146px;}
body#sakura-games{background:url(../challenge/img/body_bg.jpg)0 0 repeat,#fff;
backgrond-size:320px 336px;-webkit-backgrond-size:320px 336px;-moz-backgrond-size:320px 336px;-ms-backgrond-size:320px 336px;-o-backgrond-size:320px 336px;
}
/* -------------------------------------------------------------------------------------
  LABLE
------------------------------------------------------------------------------------- */
div.sakura-content-label {
background: #9e013c;
background: -webkit-gradient(linear,left center,right center,from(#9e013c),to(#ba2f56));
background: -webkit-linear-gradient(left,#9e013c,#ba2f56);
background: -moz-linear-gradient(left,#9e013c,#ba2f56);
background: -ms-linear-gradient(left,#9e013c,#ba2f56);
background: -o-linear-gradien(left,#9e013c,#ba2f56);
background: linear-gradient(left,#9e013c,#ba2f56);
border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;position:relative;margin-top:10px;
}
div.sakura-content-label.mtnone{margin-top:0;}
div.sakura-content-label p {
/* background: url(../img/icon_redleaf.png) -5px 0 no-repeat; */
background-size:59px 30px;-webkit-background-size:59px 30px;-moz-background-size:59px 30px;-ms-background-size:59px 30px;-o-background-size:59px 30px;
padding:0 0 0 35px;color:#fff;font-weight:bold;font-size:16px;line-height:30px;font-family:"ヒラギノ角ゴ ProN W6","HiraKakuProN-W6"; text-align:left;
text-shadow:0px -1px 1px rgba(0,0,0,.7);-webkit-text-shadow:0px -1px 1px rgba(0,0,0,.7);-moz-text-shadow:0px -1px 1px rgba(0,0,0,.7);
}
div.sakura-content-label.sakura:after{content:"";width:30px;height:30px;position:absolute;top:0;left:0;background:url(../img/label_icon_1.png)0 0 no-repeat;background-size:30px 30px;-webkit-background-size:30px 30px;-moz-background-size:30px 30px;-ms-background-size:30px 30px;-o-background-size:30px 30px;}
div.sakura-content-label.dango:after{content:"";width:30px;height:30px;position:absolute;top:0;left:0;background:url(../img/label_icon_2.png)0 0 no-repeat;background-size:30px 30px;-webkit-background-size:30px 30px;-moz-background-size:30px 30px;-ms-background-size:30px 30px;-o-background-size:30px 30px;}
div.sakura-content-label.mail:after{content:"";width:30px;height:30px;position:absolute;top:0;left:0;background:url(../img/label_icon_3.png)0 0 no-repeat;background-size:30px 30px;-webkit-background-size:30px 30px;-moz-background-size:30px 30px;-ms-background-size:30px 30px;-o-background-size:30px 30px;}






/* -------------------------------------------------------------------------------------
  CONTAINERS
------------------------------------------------------------------------------------- */
.top-lead{width:95%;margin:0 auto;padding-top:10px;font-size:15px;color:#7e0043;text-shadow:0 0 1px #7e0043;text-align:center;line-height:120%;}
.sakura-map{
background:-webkit-gradient(linear,left top.left bottom,from(#fff),to(#fbdce6));
background:-webkit-linear-gradient(top,#fff,#fbdce6);
background:-moz-linear-gradient(top,#fff,#fbdce6);
background:-ms-linear-gradient(top,#fff,#fbdce6);
background:-o-linear-gradient(top,#fff,#fbdce6);
background:linear-gradient(top,#fff,#fbdce6);
}

/* -------------------------------------------------------------------------------------
  BUTTONS
------------------------------------------------------------------------------------- */
ul.sakura-nav{list-style:none;}
ul.sakura-nav li{display:block;border:solid 1px #9b9b9b;margin-top:3px;position:relative;height:50px;
background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(.49,#f4f4f4),color-stop(.51,#dedede),to(#f1f1f1));
background:-webkit-linear-gradient(top,#fff,#f4f4f4 49%,#dedede 51%,#f1f1f1);
background:-moz-linear-gradient(top,#fff,#f4f4f4 49%,#dedede 51%,#f1f1f1);
background:-ms-linear-gradient(top,#fff,#f4f4f4 49%,#dedede 51%,#f1f1f1);
background:-o-linear-gradient(top,#fff,#f4f4f4 49%,#dedede 51%,#f1f1f1);
background:linear-gradient(top,#fff,#f4f4f4 49%,#dedede 51%,#f1f1f1);
border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;
}
ul.sakura-nav li:after{width:4px;height:36px;background-color:#862558;content:"";position:absolute;top:7px;left:10px;}
ul.sakura-nav li a{height:50px;display:block;background:url(../../img/arrow_gray.png) 98% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;}
ul.sakura-nav li div.title{font-size:16px;line-height:16px;color:#862558;text-shadow:0 0 1px #862558;padding:3px 20px 0 20px;}
ul.sakura-nav li div.detail{font-size:14px;line-height:14px;color:#666;padding:9px 20px 1px 20px;}

ul.sakura-nav li.coming-soon:before{content:"coming soon";position:absolute;top:15px;right:10px;background-color:#f2ce41;width:90px;text-align:center;text-shadow:0 0 1px #000;line-height:20px;border:solid 1px #b57610;box-shadow:-1px -1px 1px #fff;}


ul.sakura-nav-row1{list-style:none;}
ul.sakura-nav-row1 li{display:block;border:solid 1px #9b9b9b;margin-top:3px;position:relative;height:35px;
background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(.49,#f4f4f4),color-stop(.51,#dedede),to(#f1f1f1));
background:-webkit-linear-gradient(top,#fff,#f4f4f4 49%,#dedede 51%,#f1f1f1);
background:-moz-linear-gradient(top,#fff,#f4f4f4 49%,#dedede 51%,#f1f1f1);
background:-ms-linear-gradient(top,#fff,#f4f4f4 49%,#dedede 51%,#f1f1f1);
background:-o-linear-gradient(top,#fff,#f4f4f4 49%,#dedede 51%,#f1f1f1);
background:linear-gradient(top,#fff,#f4f4f4 49%,#dedede 51%,#f1f1f1);
border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;
}
ul.sakura-nav-row1 li a{line-height:35px;display:block;background:url(../../img/arrow_gray.png) 98% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;font-size:16px;color:#862558;text-shadow:0 0 1px #862558;padding:0 20px 0 20px;}
ul.sakura-nav-row1 li:after{width:4px;height:20px;background-color:#862558;content:"";position:absolute;top:7px;left:10px;}


ul.sakura-nav-sub{list-style:none;width:95%;margin-left:auto;margin-right:auto;}
ul.sakura-nav-sub li{display:block;border:solid 1px #a4005b;margin-top:3px;position:relative;
background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(.49,#f4f4f4),color-stop(.51,#dedede),to(#f1f1f1));
background:-webkit-linear-gradient(top,#fff,#fed5df 49%,#ffbbcd 51%,#feeaef);
background:-moz-linear-gradient(top,#fff,#f4f4f4 49%,#dedede 51%,#f1f1f1);
background:-ms-linear-gradient(top,#fff,#f4f4f4 49%,#dedede 51%,#f1f1f1);
background:-o-linear-gradient(top,#fff,#f4f4f4 49%,#dedede 51%,#f1f1f1);
background:linear-gradient(top,#fff,#f4f4f4 49%,#dedede 51%,#f1f1f1);
border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;
box-shadow:0 1px 3px rgba(0,0,0,.5);
}
ul.sakura-nav-sub li a{line-height:35px;display:block;text-align:center;color:#a4005b;font-size:15px;text-shadow:0 0 1px #a4005b;}


/*桜お知らせメール*/
ul.sakura-btn {width:95%;margin:5px auto 10px;list-style-type:none;clear:both;}
ul.sakura-btn li {line-height:30px;
	display: block;border:solid 1px #dea0b0;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius: 8px;-o-border-radius: 8px; border-radius: 8px;position: relative;
	background: #d00202;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff),color-stop(49%,#ffdbdf), color-stop(51%,#f8c9cf),to(#ffecee));
	background: -webkit-linear-gradient(top,#fff,#ffdbdf 49%,#f8c9cf 51%,#ffecee);
	background: -moz-linear-gradient(top,#fff,#ffdbdf 49%,#f8c9cf 51%,#ffecee);
	background: -ms-linear-gradient(top,#fff,#ffdbdf 49%,#f8c9cf 51%,#ffecee);
	background: -o-linear-gradient(top,#fff,#ffdbdf 49%,#f8c9cf 51%,#ffecee);
	background: linear-gradient(top,#fff,#ffdbdf 49%,#f8c9cf 51%,#ffecee);
	box-shadow:rgba(0,0,0,.5)1px 2px 3px;-webkit-box-shadow:rgba(0,0,0,.5)1px 2px 3px;-moz-box-shadow:rgba(0,0,0,.5)1px 2px 3px;-ms-box-shadow:rgba(0,0,0,.5)1px 2px 3px;-o-box-shadow:rgba(0,0,0,.5)1px 2px 3px;
}
ul.sakura-btn li a{height:100%;display:block;position:relative;}ul.sakura-btn li a img { padding: 5px 5px 0 5px; float: left; }ul.sakura-btn li a div.title {font-size: 16px;line-height: 16px;padding: 8px 15px 1px 10px;display: block;color:#7e0043;text-shadow:0 0 1px #7e0043;}ul.sakura-btn li a div.detail {font-size: 14px;line-height: 14px;color: #4b4b4b;padding: 3px 30px 7px 10px;display: block;}
ul.sakura-btn li a:before{content:"";position:absolute;top:15px;right:10px;width:20px;height:20px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px; border-radius:15px;box-shadow:inset rgba(0,0,0,.5)1px 1px 1px;-webkit-box-shadow:inset rgba(0,0,0,.5)1px 1px 1px;-moz-box-shadow:inset rgba(0,0,0,.5)1px 1px 1px;-ms-box-shadow:inset rgba(0,0,0,.5)1px 1px 1px;-o-box-shadow:inset rgba(0,0,0,.5)1px 1px 1px;background:#fff;}
ul.sakura-btn li a:after{width:0;height:0;content:"";position:absolute;top:20px;right:14px;border-top: solid 5px transparent;border-left: solid 8px #dea0b0;border-right: solid 0 transparent;border-bottom: solid 5px transparent;}

/*削除付ワイドボタン*/
ul.nav-row1 li.delete a {background:none;}
ul.nav-row1 li.delete a.mail-detail {width:75%;float:left;padding: 0 0 0 10px;}
ul.nav-row1 li.delete a.mail-delete {width:50px;float:right;padding:0;}ul.nav-row1 li.delete a.mail-delete img {position:absolute;top:5px;left:0;}
ul.nav-row1 li.delete:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden; }ul.nav-row1 li.delete { display: inline-block; }ul.nav-row1 li.delete { display: block; }


ul.report-ctrl{width:95%;list-style:none;margin:10px auto 20px;}
ul.report-ctrl li{display:block;width:50%;text-align:center;}ul.report-ctrl li.pre{float:left;}ul.report-ctrl li.next{float:right;}
ul.report-ctrl li a{display:block;width:60%;margin:0 auto;border:solid 1px #dea0b0;line-height:30px;color:#7e0043;text-shadow:0 0 1px #7e0043;
background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(.49,#f4f4f4),color-stop(.51,#dedede),to(#f1f1f1));
background:-webkit-linear-gradient(top,#fff,#ffdbdf 49%,#f8c9cf 51%,#ffecee);
background:-moz-linear-gradient(top,#fff,#ffdbdf 49%,#f8c9cf 51%,#ffecee);
background:-ms-linear-gradient(top,#fff,#ffdbdf 49%,#f8c9cf 51%,#ffecee);
background:-o-linear-gradient(top,#fff,#ffdbdf 49%,#f8c9cf 51%,#ffecee);
background:linear-gradient(top,#fff,#ffdbdf 49%,#f8c9cf 51%,#ffecee);
border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-moz-box-shadow:0 1px 2px rgba(0,0,0,.4);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);box-shadow:0 1px 2px rgba(0,0,0,.4)
}

ul.unlock-btn{width:95%;margin:10px auto 20px;list-style:none;}
ul.unlock-btn li{display:block;height:40px;border:solid 2px #4d9e09;
background:#ffdde1;
background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(.3,#fff),to(#ffdde1));
background:-webkit-linear-gradient(top,#4da805,#4da805 30%,#d4f598);
background:-moz-linear-gradient(top,#fff,#fff 30%,#ffdde1);
background:-ms-linear-gradient(top,#fff,#fff 30%,#ffdde1);
background:-o-linear-gradient(top,#fff,#fff 30%,#ffdde1);
background:linear-gradient(top,#fff,#fff 30%,#ffdde1);
border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-moz-box-shadow:0 1px 2px rgba(0,0,0,.4);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);box-shadow:0 1px 2px rgba(0,0,0,.4)
}
ul.unlock-btn li a{padding-left:40px;line-height:40px;display:block;background:url(../../img/arrow_white.png) 98% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;font-size:16px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7);position:relative;}
ul.unlock-btn li a:after{content:"";width:30px;height:30px;position:absolute;top:4px;left:5px;background:url(../img/icon_key.png)0 0 no-repeat;background-size:30px 30px;-webkit-background-size:30px 30px;-moz-background-size:30px 30px;-ms-background-size:30px 30px;-o-background-size:30px 30px;}


ul.sakura-top{width:95%;list-style:none;margin:10px auto 20px;}
ul.sakura-top li{display:block;width:50%;text-align:center;
background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(.49,#f4f4f4),color-stop(.51,#dedede),to(#f1f1f1));
background:-webkit-linear-gradient(top,#fff,#ffdbdf 49%,#f8c9cf 51%,#ffecee);
background:-moz-linear-gradient(top,#fff,#ffdbdf 49%,#f8c9cf 51%,#ffecee);
background:-ms-linear-gradient(top,#fff,#ffdbdf 49%,#f8c9cf 51%,#ffecee);
background:-o-linear-gradient(top,#fff,#ffdbdf 49%,#f8c9cf 51%,#ffecee);
background:linear-gradient(top,#fff,#ffdbdf 49%,#f8c9cf 51%,#ffecee);
border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-moz-box-shadow:0 1px 2px rgba(0,0,0,.4);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);box-shadow:0 1px 2px rgba(0,0,0,.4);border:solid 1px #dea0b0;
}
ul.sakura-top li a{display:block;line-height:30px;padding-left:20px;color:#7e0043;background:url(../../img/arrow_gray_left.png) 2% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;
}


/* -------------------------------------------------------------------------------------
  SEARCH
------------------------------------------------------------------------------------- */
div.list-row-nav ul li.on{
	background:url('../img/icon_check.png') 96% center no-repeat;
	background-size:25px 17px;-webkit-background-size:25px 17px;
}

ul.result-list{list-style:none;}
ul.result-list li{height:45px;border-top: solid 1px #ebebeb; border-bottom: solid 1px #d0d0d0; display: block;
background:#e8e8e8;
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
background:-webkit-linear-gradient(top,#fff,#e8e8e8);
background:-moz-linear-gradient(top,#fff,#e8e8e8);
background:-ms-linear-gradient(top,#fff,#e8e8e8);
background:-o-linear-gradient(top,#fff,#e8e8e8);	
background:linear-gradient(top,#fff,#e8e8e8);	
}
ul.result-list li a{display: block;background: url(../../img/arrow_gray.png) 98% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;vertical-align: top;position:relative;}
ul.result-list li a div{font-size: 16px; padding: 0 20px 0 5px; line-height: 45px; }
ul.result-list li a img{padding: 5px 5px 0 5px; float: left;width:78px;height:35px;}
ul.result-list li.hit a img{padding-right:18px;}
ul.result-list li.hit a:after{content:"";width:20px;height:20px;position:absolute;top:2px;left:85px;background:url(../img/icon_hit.png)0 0 no-repeat;background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;-ms-background-size:20px 20px;-o-background-size:20px 20px;}

div.no-result{width:95%;margin:10px auto 20px;background:#fff;border:solid 1px #a4005b;color:#a4005b;font-size:14px;text-align:center;line-height:140%;}
div.no-result p{padding:15px 10px;}


/* -------------------------------------------------------------------------------------
  SPOT
------------------------------------------------------------------------------------- */
#spot-location{width:95%;line-height:110%;text-align:center;margin:0 auto 5px;padding:10px 0 5px;font-size:17px;color:#7e0043;text-shadow:0 0 1px #7e0043;border-bottom:dotted 1px #7e0043;}
#spot-container{width:95%;margin:0 auto 5px;}
#spot-container .status-img{width:60px;height:60px;padding-right:5px;float:left;}#spot-container .status-img img{width:60px;height:60px;}
#spot-container .status-text{float:left;padding-top:7px;}#spot-container .status-text span{display:block;font-size:18px;text-shadow:0 0 1px #000;padding-top:5px;}
#spot-container .ex-date{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;box-shadow:rgba(0,0,0,.5)0 1px 2px;-webkit-box-shadow:rgba(0,0,0,.5)0 1px 2px;-moz-box-shadow:rgba(0,0,0,.5)0 1px 2px;float:right;text-align:center;border:solid 1px #b4b4b4;font-size:18px;text-shadow:0 0 1px #000;line-height:30px;margin-top:3px;
background:#fff;
background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));
background:-webkit-linear-gradient(top,#fff,#e4e4e4);
background:-moz-linear-gradient(top,#fff,#e4e4e4);
background:-ms-linear-gradient(top,#fff,#e4e4e4);
background:-o-linear-gradient(top,#fff,#e4e4e4);
background:linear-gradient(top,#fff,#e4e4e4);
}
#spot-container .ex-date span{display:block;padding:3px 5px;font-size:14px;line-height:14px;text-shadow:none;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;color:#fff;
background:#7c0600;
background:-webkit-gradient(linear,left top,left bottom,from(#c92100),to(#7c0600));
background:-webkit-linear-gradient(top,#c92100,#7c0600);
background:-moz-linear-gradient(top,#c92100,#7c0600);
background:-ms-linear-gradient(top,#c92100,#7c0600);
background:-o-linear-gradient(top,#c92100,#7c0600);
background:linear-gradient(top,#c92100,#7c0600);
}
#spot-container .date3,#spot-container .date2,#spot-container .date1{background:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border:solid 1px #7e0043;margin-top:5px;}
#spot-container .date3 p,#spot-container .date2 p{width:33%;float:left;text-align:center;padding:5px 0;border-right:solid 1px #7e0043;}#spot-container .date3 p:last-child,#spot-container .date2 p:last-child{border-right:none;}
#spot-container .date2 p{width:49%;}
#spot-container .date1 p{width:100%;text-align:center;padding:5px 0;}
#spot-container .date3 p span,#spot-container .date2 p span,#spot-container .date1 p span{display:block;color:#7e0043;padding-bottom:3px;}
.spot-info{width:95%;margin:10px auto;background:#fff;box-shadow:rgba(0,0,0,.5) 0 1px 3px;-webkit-box-shadow:rgba(0,0,0,.5) 0 1px 3px;-moz-box-shadow:rgba(0,0,0,.5) 0 1px 3px;border:solid 1px #999;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.spot-info h2{padding:0 10px 0 30px;color:#fff;font-size:15px;font-weight:normal;position:relative;line-height:30px;
background: #9e013c;
background: -webkit-gradient(linear,left center,right center,from(#9e013c),to(#ba2f56));
background: -webkit-linear-gradient(left,#9e013c,#ba2f56);
background: -moz-linear-gradient(left,#9e013c,#ba2f56);
background: -ms-linear-gradient(left,#9e013c,#ba2f56);
background: -o-linear-gradien(left,#9e013c,#ba2f56);
background: linear-gradient(left,#9e013c,#ba2f56);
}
.spot-info h2:after{content:"";width:30px;height:30px;position:absolute;top:0;left:0;background:url(../img/label_icon_1.png)0 0 no-repeat;background-size:30px 30px;-webkit-background-size:30px 30px;-moz-background-size:30px 30px;-ms-background-size:30px 30px;-o-background-size:30px 30px;}
.spot-info h2:first-child{border-radius:5px 5px 0 0;}
.spot-info p{padding: 10px;}

#sakura-check ul li{ padding-bottom:10px; padding-top:10px;line-height:20px;}

/* -------------------------------------------------------------------------------------
  MY
------------------------------------------------------------------------------------- */
.report-container{width:95%;margin:10px auto;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;box-shadow:rgba(0,0,0,.5)0 1px 2px;-webkit-box-shadow:rgba(0,0,0,.5)0 1px 2px;-moz-box-shadow:rgba(0,0,0,.5)0 1px 2px;text-align:center;border:solid 1px #b4b4b4;
background:#fff;
background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f4ffe8));
background:-webkit-linear-gradient(top,#fff,#f4ffe8);
background:-moz-linear-gradient(top,#fff,#f4ffe8);
background:-ms-linear-gradient(top,#fff,#f4ffe8);
background:-o-linear-gradient(top,#fff,#f4ffe8);
background:linear-gradient(top,#fff,#f4ffe8);
}
.report-container p.location{padding:10px 0 0;font-size:17px;}
.report-container p.date{padding:10px 0 0;font-size:17px;}
.report-container p.photo{padding:10px 0 0;}
.report-container p.photo img{border:solid 4px #fff;box-shadow:0 1px 3px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);-moz-box-shadow:0 1px 3px rgba(0,0,0,.5);}
.report-container p.status img{width:30px;height:30px;margin-right:5px;}
.report-container p.status{line-height:30px;padding:10px 0;font-size:17px;}

.my-exdate{text-align:center;padding:10px 0;font-size:16px;color:#f00;text-shadow:0 0 1px #f00;}

ul.my-list{list-style:none;}
ul.my-list li{display:block;height:50px;border-bottom:solid 1px #999;
background:#ffdde1;
background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(.3,#fff),to(#ffdde1));
background:-webkit-linear-gradient(top,#fff,#fff 30%,#ffdde1);
background:-moz-linear-gradient(top,#fff,#fff 30%,#ffdde1);
background:-ms-linear-gradient(top,#fff,#fff 30%,#ffdde1);
background:-o-linear-gradient(top,#fff,#fff 30%,#ffdde1);
background:linear-gradient(top,#fff,#fff 30%,#ffdde1);
}
ul.my-list li a{height:50px;display:block;background:url(../../img/arrow_gray.png) 98% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;}
ul.my-list li a img{padding:5px 5px 0 5px;float:left;width:40px;height:40px;}
ul.my-list li a div.title{font-size:15px;padding:9px 20px 1px 5px;color:#7e0043;}
ul.my-list li a div.detail{font-size:14px;line-height:14px;color:#666;padding:3px 20px 0 0;}

ul.my-fav-list{list-style:none;}
ul.my-fav-list li{display:block;height:65px;border-bottom:solid 1px #999;
background:#ffdde1;
background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(.3,#fff),to(#ffdde1));
background:-webkit-linear-gradient(top,#fff,#fff 30%,#ffdde1);
background:-moz-linear-gradient(top,#fff,#fff 30%,#ffdde1);
background:-ms-linear-gradient(top,#fff,#fff 30%,#ffdde1);
background:-o-linear-gradient(top,#fff,#fff 30%,#ffdde1);
background:linear-gradient(top,#fff,#fff 30%,#ffdde1);
}
ul.my-fav-list li a{height:65px;display:block;background:url(../../img/arrow_gray.png) 98% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;}
ul.my-fav-list li a img{padding:7px;float:left;width:50px;height:50px;}
ul.my-fav-list li a div.myname{font-size:15px;padding:9px 20px 2px 0;color:#7e0043;text-shadow:0 0 1px #7e0043;}
ul.my-fav-list li a div.title{font-size:15px;padding:0 20px 2px 0;color:#7e0043;}
ul.my-fav-list li a div.detail{font-size:14px;line-height:14px;color:#666;padding:0 20px 0 0;}

.sakura-comment{width:95%;margin:10px auto;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:solid 1px #757d8a;-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4);text-align:left;}
.sakura-comment .title{position:relative;font-size:15px;color:#7e0043;text-shadow:0 0 1px #7e0043;margin:5px;padding:8px 5px 7px 30px;border-bottom:solid 1px #7e0043;}
.sakura-comment .title:after{content:"";width:30px;height:30px;position:absolute;top:0;left:0;background:url(../img/label_icon_1.png)0 0 no-repeat;background-size:30px 30px;-webkit-background-size:30px 30px;-moz-background-size:30px 30px;-ms-background-size:30px 30px;-o-background-size:30px 30px;}
.sakura-comment .comment-body{margin:10px;}


ul.unlock-btn li a:before{content: ""; width: 100%; height: 15px; position: absolute; top: 0; left: 0;	
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.7)), color-stop(70%, rgba(255,255,255,0)), to(rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	background: -moz-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	background: -ms-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	background: -o-linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	background: linear-gradient(top, rgba(255,255,255,.7), rgba(255,255,255,0) 70%, rgba(255,255,255,0));
	-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius: 8px;-o-border-radius: 8px; border-radius: 8px;
}



/*あす咲くボタン*/
.asusaku-btn{width:225px;height:270px;background:url(../img/sakubtn_bg.png)0 0 no-repeat;overflow:hidden;background-size:225px 270px;-webkit-background-size:225px 270px;-moz-background-size:225px 270px;-ms-background-size:225px 270px;-o-background-size:225px 270px;margin:10px auto;text-align:center;}
.asusaku-btn p{padding-top:110px;}


ul.stats-list{width:95%;margin:10px auto;list-style-type:none;background:#fff/*#f9fcff*/;border:solid 1px #bdbdbd;border-radius:4px;}
ul.stats-list li{display:block;border-bottom:solid 1px #bdbdbd;padding:10px;}ul.list-btn li:last-child{border-bottom:none;}
ul.stats-list li span{display:inline-block;background:#f6dde5;padding:3px 7px;margin:0 5px 0 0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
ul.stats-list li a{background: url(../../img/arrow_gray.png) 100% center no-repeat;padding-right:10px;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px;color: #000;display: block;}
ul.stats-list li p{padding-top:7px;}




/* -------------------------------------------------------------------------------------
  ABOUT PJ
------------------------------------------------------------------------------------- */
.bandana-present{width:95%;margin:20px auto;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:solid 1px #757d8a;-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4);text-align:center;position:relative;}
.bandana-present p{padding:10px 5px 10px 90px;}
.bandana-present p span{display:block;padding-bottom:5px;font-size:16px;color:#7e0043;text-shadow:0 0 1px #7e0043;}
.bandana-present p:after{content:"";width:70px;height:70px;position:absolute;top:-3px;left:0;background:url(../img/bandana2012.png)0 0 no-repeat,red;background-size:70px 70px;
-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-o-transform:rotate(-20deg);
border:solid 3px #fff;box-shadow:rgba(0,0,0,.4)0 1px 3px;

}


.procedure-left,.procedure-right{width:95%;margin:10px auto;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:solid 1px #757d8a;-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4);text-align:left;}
.procedure-left p:first-child{float:right;padding:10px;}.procedure-right p:first-child{float:left;padding:10px;}
.procedure-left img,.procedure-right img{width:130px;height:130px;}
.procedure-left p:last-child,.procedure-right p:last-child{padding:10px;}
.procedure-left p span,.procedure-right p span{display:block;padding-bottom:5px;font-size:16px;color:#7e0043;text-shadow:0 0 1px #7e0043;}



/* -------------------------------------------------------------------------------------
  ENTRY
------------------------------------------------------------------------------------- */
.sakura-in-title{width:95%;margin:10px auto 0;position:relative;line-height:16px;}.sakura-in-title p{padding:0 0 5px 10px;}.in-title p:last-child,.in-lower-title p:last-child{padding-bottom:0;}.sakura-in-title p:first-child:after{width:5px;height:16px;content:"";position:absolute;top:0;left:0;background:#ba2f56;}


/* -------------------------------------------------------------------------------------
  MY SAKURA REPORT
------------------------------------------------------------------------------------- */
.repo-floater{width:95%;margin:10px auto;}
.repo-floater .add-photo{width:40%;text-align:center;float:left;}
.repo-floater .add-photo img{width:100px;height:100px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.7);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.7);-moz-box-shadow:0 1px 3px rgba(0,0,0,.7);}
.repo-floater .repo-right{float:right;width:60%;}
.repo-floater .tsubomi{margin:5px 0 0;text-align:center;font-size:12px;}
.repo-floater .tsubomi a{display:block;width:80%;line-height:20px;color:#a4005b;background:#fed9e2;margin:0 auto;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border:solid 1px #a4005b;}


/*tsubomi legend*/
.tsubomi-leg{width:95%;margin:5px auto 0;border:solid 1px #f3aecc;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border:solid 1px #a4005b;background:#fff;}

.tsubomi-leg .title{padding:10px;color:#a4005b;text-shadow:0 0 1px #a4005b;}
.tsubomi-leg .detail{font-size:12px;padding:0 10px 10px 10px;}
.tsubomi-leg .detail img{width:50px;height:65px;float:left;padding:0 5px 0 0;}

.inv-photo{width:95%;margin:10px auto;}
.inv-photo p{width:33%;float:left;text-align:center;}.inv-photo p img{width:75px;height:100px;border:solid 5px #fff;box-shadow:0 0 5px rgba(0,0,0,.5);}


.area_graph{width:95%;margin:10px auto;}
.area_graph p{width:33%;float:left;text-align:center;}.area_graph p img{margin-top:5px; border:solid 5px #fff;box-shadow:0 0 5px rgba(0,0,0,.5);}

.area_photo{width:95%;margin:10px auto;}
.area_photo p{width:33%;float:left;text-align:center;}.area_photo p img{margin-bottom:5px; border:solid 5px #fff;box-shadow:0 0 5px rgba(0,0,0,.5);}



/* -------------------------------------------------------------------------------------
  IPPON
------------------------------------------------------------------------------------- */
.ippon-container{ font-size:17px;width:95%;margin:0 auto 20px; padding:10px 0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;box-shadow:rgba(0,0,0,.5)0 1px 2px;-webkit-box-shadow:rgba(0,0,0,.5)0 1px 2px;-moz-box-shadow:rgba(0,0,0,.5)0 1px 2px;text-align:center;border:solid 1px #b4b4b4;
background:#fff;
background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f4ffe8));
background:-webkit-linear-gradient(top,#fff,#f4ffe8);
background:-moz-linear-gradient(top,#fff,#f4ffe8);
background:-ms-linear-gradient(top,#fff,#f4ffe8);
background:-o-linear-gradient(top,#fff,#f4ffe8);
background:linear-gradient(top,#fff,#f4ffe8);
}
.ippon-container p.title{padding:10px 0 0;}
.ippon-container p.date{padding:10px 0 10px;color:#7e0043;text-shadow:0 0 1px #7e0043; font-size:130%;}
.ippon-container p.status{padding:10px 0;font-size:17px;}
.ippon-container p.status span{color:#7e0043;text-shadow:0 0 1px #7e0043;}


/* -------------------------------------------------------------------------------------
  GALLERY
------------------------------------------------------------------------------------- */
.bg-yell{background-color:#febbbc;}
#gallery-lead{width:100%;height:172px;background:url(../img/gallery_lead_img.jpg)center 0 no-repeat;background-size:480px 172px;-webkit-background-size:480px 172px;-moz-background-size:480px 172px;-ms-background-size:480px 172px;-o-background-size:480px 172px;text-align:center;}
#gallery-lead img{margin-top:48px;}