@charset "utf-8";

/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
	SEASONS - WINTER
	
	new released : November 17, 2011
	update : 

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


/* -------------------------------------------------------------------------------------
  BASIS
------------------------------------------------------------------------------------- */
div.content-body{background:#e6f7ff;padding:10px 0;}div.content-body.ptnone{padding-top:0;}div.content-body.pbnone{padding-bottom:0;}div.content-body.pnone{padding:0;}
/* -------------------------------------------------------------------------------------
  LABEL
------------------------------------------------------------------------------------- */
div.winter-label {
	background: #001a66;
	background: -webkit-gradient(linear,left center,right center,from(#001a66),color-stop(.5,#0042ff),to(#66d6ff));
	background: -webkit-linear-gradient(left,#001a66,#0042ff .5,#66d6ff);
	background: -moz-linear-gradient(left,#001a66,#0042ff .5,#66d6ff);
	background: -ms-linear-gradient(left,#001a66,#0042ff .5,#66d6ff);
	background: -o-linear-gradient(left,#001a66,#0042ff .5,#66d6ff);
	background: linear-gradient(left,#001a66,#0042ff .5,#66d6ff);
	border-top: solid 1px #d2e9ff; 
	border-bottom: solid 1px #0055a6;
}
div.winter-label p{padding:0 0 0 35px;color:#fff;font-weight:bold;font-size:15px;line-height:25px;text-align:left;font-family:"ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";text-shadow:0 -1px 0 rgba(0,0,0,.7);
background:url(../img/label_icon.png)0 0 no-repeat;background-size:41px 25px;-webkit-background-size:41px 25px;-moz-background-size:41px 25px;-ms-background-size:41px 25px;-o-background-size:41px 25px;
}
/* -------------------------------------------------------------------------------------
  COMMON others
------------------------------------------------------------------------------------- */
#winter-index-lead{width:100%;height:173px;background:url(../img/fuyu_top_lead_image.jpg)center 0 repeat-x;background-size:427px 173px;-webkit-background-size:427px 173px;-moz-background-size:427px 173px;-ms-background-size:427px 173px;-o-background-size:427px 173px;}
#winter-index-lead p{padding:15px 0 0 0;text-align:center;}

#winter-game-lead{width:100%;height:173px;background:url(../img/fuyu_top_lead_image.jpg)center 0 repeat-x;background-size:427px 173px;-webkit-background-size:427px 173px;-moz-background-size:427px 173px;-ms-background-size:427px 173px;-o-background-size:427px 173px;}
#winter-game-lead p{padding:15px 0 0 0;text-align:center;}

#winter-mail-lead{width:100%;height:173px;background:url(../img/fuyu_top_lead_image.jpg)center 0 repeat-x;background-size:427px 173px;-webkit-background-size:427px 173px;-moz-background-size:427px 173px;-ms-background-size:427px 173px;-o-background-size:427px 173px;}
#winter-mail-lead p{padding:15px 0 0 0;text-align:center;}

#winter-quiz-lead{width:100%;height:173px;background:url(../img/fuyu_top_lead_image.jpg)center 0 repeat-x;background-size:427px 173px;-webkit-background-size:427px 173px;-moz-background-size:427px 173px;-ms-background-size:427px 173px;-o-background-size:427px 173px;}
#winter-quiz-lead p{padding:15px 0 0 0;text-align:center;}

#winter-survey-lead{width:100%;height:173px;background:url(../img/fuyu_top_lead_image.jpg)center 0 repeat-x;background-size:427px 173px;-webkit-background-size:427px 173px;-moz-background-size:427px 173px;-ms-background-size:427px 173px;-o-background-size:427px 173px;}
#winter-survey-lead p{padding:15px 0 0 0;text-align:center;}

.marginbottom {margin-bottom:10px;}

.color-blue {color:#00F;}




/* -------------------------------------------------------------------------------------
  MAIL
------------------------------------------------------------------------------------- */
.mail-icons{margin:10px 5px 0;}
.mail-icons p{float:left;margin:0 1px 10px;text-align:center;font-size:11px;line-height:16px;width:75px;height:90px;}
.mail-icons p img{width:60px;height:60px;}

.mail-lead{width:95%;margin:10px auto 0;}
.mail-lead p{font-size:16px;line-height:20px;padding-top:5px;}
.mail-lead img{width:50px;height:50px;margin-right:10px;float:left;}
.mail-sample{text-align:center;margin-bottom:10px;}.mail-sample img{width:270px;height:490px;}


/* -------------------------------------------------------------------------------------
  GAME
------------------------------------------------------------------------------------- */
.q-images{width:274px;margin:10px auto;background:#fff;padding:1px;box-shadow:rgba(0,0,0,.7)0 0 5px;-webkit-box-shadow:rgba(0,0,0,.7)0 0 5px;-moz-box-shadow:rgba(0,0,0,.7)0 0 5px;}
.q-images img{width:135px;height:135px;border:solid 1px #fff;}

.q_right{width:95%;margin:0 auto 10px;-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, 0.4);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);text-align: left;
background: -webkit-gradient(linear,left top,left bottom,from(#ffe0e0),color-stop(.5,#fff),to(#ffe0e0));
}
.q_right p{background:url(../img/fuyu_right.png)15px 11px no-repeat;font-size:18px;color:#f00;line-height:22px;background-size:40px 40px;padding:10px 5px 10px 70px;}
.q_right p span{font-size:14px;color:#000;}
.q_wrong{width:95%;margin:0 auto 10px;-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, 0.4);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);text-align: left;
background: -webkit-gradient(linear,left top,left bottom,from(#c0e1ff),color-stop(.5,#fff),to(#c0e1ff));
}
.q_wrong p{background:url(../img/fuyu_lose.png)15px 11px no-repeat;font-size:18px;color:#00f;line-height:22px;background-size:40px 40px;padding:10px 5px 10px 70px;}
.q_wrong p span{font-size:14px;color:#000;}
.a-image{width:270px;margin:0 auto 10px;border:solid 2px #fff;box-shadow:rgba(0,0,0,.7)0 0 5px;-webkit-box-shadow:rgba(0,0,0,.7)0 0 5px;-moz-box-shadow:rgba(0,0,0,.7)0 0 5px;}
.a-image img{width:270px;height:270px;}

.q-result{text-align:center;font-size:18px;text-shadow:rgba(0,0,0,.25)1px 1px 1px;}
.quiz-rank{margin-bottom:15px;}
.quiz-rank tbody tr{border-bottom:solid 1px #c1c5cc;}
.quiz-rank tbody tr:last-child{border-bottom:none;}
.quiz-rank tbody tr:nth-child(even) td{background:#fbfff1;}
.quiz-rank tbody td{width:20%;border-right:solid 1px #c1c5cc;}
.quiz-rank tbody td:last-child{width:60%; text-align:left; padding-left:15px; border-left:none;}


/* -------------------------------------------------------------------------------------
  SURVEY_RESULTS
------------------------------------------------------------------------------------- */
.table01 {width:90%; margin:10px auto; text-align:center; border-collapse: collapse; border: 1px #757d8a solid; background:#FFF;}

.table01 TD {
border: 1px #757d8a solid; padding:5px;
} 

.table01 caption {
caption-side: top;
padding-bottom:5px;
} 

.txt01 {font-weight:bold;}

.center {text-align:center;}

/*-----
2013
-----*/
.bt_omikuji {height:50px; border-radius: 10px;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;border:#C11143 1px solid;width:95%;margin:10px auto;background:url(../img/omikuji.png) no-repeat 10px #9E0000;background-size:50px 50px;box-shadow: 1px 1px 3px #666;moz-box-shadow: 1px 1px 3px #666; -webkit-box-shadow: 1px 1px 3px #666;}
.bt_omikuji p {color:#FFF;text-shadow:1px 1px 1px #fff;line-height:1.2;margin-left:75px;margin-top:7px;font-size:16px;}
.bt_omikuji a p{background:url(../../../img/arrow_white.png) 97% 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;} 
.bt_omikuji_white {height:50px; border-radius: 10px;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;border:#C11143 1px solid;width:95%;margin:10px auto;background:url(../img/omikuji.png) no-repeat 10px #ffffff;background-size:50px 50px;box-shadow: 1px 1px 3px #FFF;moz-box-shadow: 1px 1px 3px #FFF; -webkit-box-shadow: 1px 1px 3px #666;}
.bt_omikuji_white p {color:#000;text-shadow:1px 1px 1px #000;line-height:1.2;margin-left:75px;margin-top:7px;font-size:16px;}

/* -------------------------------------------------------------------------------------
  OMIKUJI-L
------------------------------------------------------------------------------------- */
#tassei {width:95%;height:112px;margin:10px auto;border-radius: 10px;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;border:#C11143 1px solid;background:#C30;}
#tassei p{text-align:center;font-size:20px;color:#fff;text-shadow:1px 1px 1px #fff;margin:7px 0 3px 0;
text-align:1.2;}
#tassei p span.num {font-size:30px;color:#FC3;}
#tassei #tetbox {height:69px;background:#FFF;
	border-top:#C30 7px solid;
	border-left:#C30 7px solid;
	border-right:#C30 7px solid;
	-webkit-border-top-left-radius: 0;  
    -webkit-border-top-right-radius: 0;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 0;  
    -moz-border-radius-topright: 0;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4) inset;
	-moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4) inset;
	-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4) inset;
	-o-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4) inset;
	-ms-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4) inset;
}
#tassei #tetbox .icon{background:url(../img/hebi-gray.png) no-repeat;
background-position: 95% 1px;	
	background-size:50px 50px;-webkit-background-size:50px 50px;-moz-background-size:50px 50px;-ms-background-size:50px 50px;-o-background-size:50px 50px;height:80px;}
#tassei #tetbox .icon_o{background:url(../img/hebi.png) no-repeat;
background-position: 95% 1px;	
	background-size:50px 50px;-webkit-background-size:50px 50px;-moz-background-size:50px 50px;-ms-background-size:50px 50px;-o-background-size:50px 50px;height:80px;}
#tassei #tetbox p{width:75%;margin:10px;color:#000;font-size:13px;line-height:1.3;text-align:left;}