@charset "UTF-8";

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

	(C)2000 SANRIO CO., LTD. 
	URL: http://sanriobb.com/charaben/

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

/* Wrapper
-----------------------------------------------------------------------------  */
#wrapper{
	width:924px;
	margin:0 auto;
	padding-top:15px;
	}

/* Container
-----------------------------------------------------------------------------  */
#container {
	position:relative;
	width:887px;
	margin:0 auto;
	padding-bottom:8px;
	margin-left:37px;
	background:url("/charaben/img/common/bg_container.gif") no-repeat 0 57px;
	}

/* Contents
-----------------------------------------------------------------------------  */
#contents {
	width:850px;
	padding:0;
	margin:0;
	background:url("/charaben/img/common/bg_contents.gif") repeat-y;
	}
	
/* innerBox
-----------------------------------------------------------------------------  */
#innerBox {
	background:url("/charaben/img/common/bg_innerbox.gif") no-repeat 5px 100%;
	/*padding-bottom:260px;*/
	}
#innerBox:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#innerBox {display: inline-block;}
/* Hides from IE-mac \*/
* html #innerBox {height: 1%;}
#innerBox {display: block;}
/* End hide from IE-mac */

/* Main
-----------------------------------------------------------------------------  */
#main {
	float:right;
	width:615px;
	margin-bottom:40px;
	}
h1{
	height:74px;
	text-indent:-5000px;
	margin-bottom:15px;
	background:url("/charaben/img/common/h.gif") no-repeat;
	}
#p-about #main h1{
	background-position:0 0;
	}
#p-detail #main h1{
	height:89px;
	background-position:0 -75px;
	}
#p-form #main h1{
	background-position:0 -165px;
	}
#p-recipe #main h1{
	background-position:0 -240px;
	}
#p-mobile #main h1{
	background-position:0 -316px;
	}

.section{
	clear:both;
	margin:0 33px 10px 16px;
	}
.section .inner,
#p-judge .inner{
	margin-bottom:15px;
	}
.inner:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.inner {display: inline-block;}
/* Hides from IE-mac \*/
* html .inner {height: 1%;}
.inner {display: block;}
/* End hide from IE-mac */

.section .pict{
	display:block;
	margin:0 auto 10px;
	}
#main h2,
#p-kigyou #main h4{
	font-weight:bold;
	font-size:130%;
	padding-bottom:8px;
	margin-bottom:10px;
	background:url("/charaben/img/common/bg_hdl.gif") no-repeat 0 100%;
	}
#main h3{
	font-weight:bold;
	font-size:115%;
	margin-bottom:5px;
	}
#main h3 span{
	display:block;
	font-size:small;
	font-weight:normal;
	line-height:1.4;
	}
#p-about h2,
#p-about h3{
	color:#ED6D34;
	}
#p-detail h2,
#p-detail h3{
	color:#FC7317;
	}
#p-form h2,
#p-form h3{
	color:#DF0535;
	}
#p-recipe h2,
#p-recipe h3{
	color:#8CB92F;
	}
#p-mobile h2,
#p-mobile h3{
	color:#56BBFF;
	}

/* Lower Style
-----------------------------------------------------------------------------  */
/* detail */
.tel{
	color:#CC0000;
	font-weight:bold;
	font-size:110%;
	padding-left:25px;
	background:url("/charaben/img/common/icon_phone.gif") no-repeat 0 50%;
	}
.prizeList dt{
	color:#FC7316;
	background: url("/charaben/img/common/icon_m.gif") no-repeat 0 0;
	margin-top:3px;
	padding:3px 0px 0px 32px;
	}
.prizeList dd{
	margin:0px 0px 5px 32px;
	}
.prizeList dd strong{
	color:#55A844;
	margin-top:5px;
	display:block;
	}
.prizeList .sponsorBox{
	margin-bottom5:px;
	font-size:small;
	color:#777;
	line-height:1.4;
	}
.sponsorBox:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.sponsorBox {display: inline-block;}
/* Hides from IE-mac \*/
* html .sponsorBox {height: 1%;}
.sponsorBox {display: block;}
/* End hide from IE-mac */

.prizeList .sponsorBox .leftBox{
	width:250px;
	}
.prizeList .sponsorBox .rightBox{
	width:140px;
	}
	
.jurorList dt{
	color:#FC7316;
	font-size:small;
	}
.jurorList dd{
	margin:0px 0px 5px 0px;
	}

.p-profile .leftBox{
	width:157px;
	}
.p-profile .rightBox{
	margin-top:10px;
	width:393px;
	}
.p-profile .rightBox table th,
.p-profile .rightBox table td{
	padding:5px 0px;
	}
.p-profile .rightBox table th{
	width:90px;
	vertical-align:top;
	color:#55A844;
	font-weight:bold;
	}
.p-profile .rightBox p.spaceNone{
	margin:0px;
	}
.p-profile .rightBox .space{
	margin-bottom:10px;
	}

/* recipe */
#recipeMenu{
	width:443px;
	margin:0 auto;
	}
#recipeMenu li {
	float:left;
	}
#recipeMenu li a {
	text-indent:-5000px;
	width:141px;
	height:68px;
	display:block;
	/*\*/
	overflow: hidden;
	/**/
	margin-right:10px;
	background:url("/charaben/img/recipe/menu.jpg") no-repeat;
	}
#rmKitty a:link, #rmKitty a:visited {
	background-position:0px 0px;
	}
#rmSugar a:link, #rmSugar a:visited {
	background-position:-141px 0px;
	}
#rmShinkansen a:link, #rmShinkansen a:visited {
	background-position:-282px 0px;
	margin-right:0px;
	}
#rmKitty a:hover, #rmKitty a:active {
	background-position:0px -68px;
	}
#rmSugar a:hover, #rmSugar a:active {
	background-position:-141px -68px;
	}
#rmShinkansen a:hover, #rmShinkansen a:active {
	background-position:-282px -68px;
	}
.p-kitty #rmKitty a{
	background-position:0px -68px;
	}
.p-sugar #rmSugar a{
	background-position:-141px -68px;
	}
.p-shinkansen #rmShinkansen a{
	background-position:-282px -68px;
	}
#keyv{
	display:block;
	margin:0 auto 20px;
	clear:both;
	}
#goods{
	background:url("/charaben/img/recipe/bg_goods.gif") no-repeat 0 100%;
	padding-bottom:23px;
	}
#goods h3{
	height:76px;
	text-indent:-5000px;
	background:url("/charaben/img/recipe/h_goods.gif") no-repeat;
	}
#goods table{
	margin:0 13px 0 20px;
	}
#goods table td{
	width:260px;
	height:193px;
	padding:5px 10px 0 0;
	text-align:center;
	line-height:120%;
	background:url("/charaben/img/recipe/list_goods.gif") no-repeat;
	}
#goods table td strong{
	color:#E23E63;
	font-weight:bold;
	}
#p-recipe .leftBox{
	width:168px;
	}
#p-recipe .rightBox{
	width:383px;
	}
#p-recipe #ice{
	position:relative;
	padding-bottom:40px;
	}
#p-recipe #ice #sugarAttention{
	position:absolute;
	right:0px;
	bottom:0px;
	}

/* mobile */
#p-mobile .leftBox{
	width:87px;
	}
#p-mobile .rightBox{
	width:465px;
	}
	
/* Result Style
-----------------------------------------------------------------------------  */
#p-result #main,
#p-judge #main,
#p-kigyou #main{
	float:none;
	width:765px;
	margin:0 auto 15px;
	}

/* table style */
#p-result #main td{
	text-align:center;
	vertical-align:top;
	}
#p-result #main #strawberry td{
	width:183px;
	}
#p-result #main #delicious td{
	width:145px;
	padding-bottom:10px;
	}
#p-result #main .space,
#p-judge #main .space{
	border-right:10px solid #FFF !important;
	}
#p-result #main .space02{
	border-right:11px solid #FFF !important;
	}

/* section style */
#p-result .section,
#p-kigyou .section{
	clear:none;
	margin:0 0 15px;
	text-align:center;
	}
#p-result .sectionBox,
#p-kigyou .sectionBox{
	margin-bottom:20px;
	text-align:center;
	}
#p-result .inner,
#p-kigyou .inner{
	text-align:left;
	}
#p-result .section#gold{
	margin-bottom:30px;
	position:relative;
	}
#p-result #main #gold #bear{
	position:absolute;
	top:425px;
	left:520px;
	}
#p-result #odekake,
#p-result #kantan{
	width:377px;
	}	
#p-result #odekake{
	float:left;
	margin-right:10px;
	}
#p-result #kantan{
	float:right;
	}

/* list style */
#p-result #main .list,
#p-kigyou #main .list{
	background:#F1F8E3 url("/charaben/img/result/result_catch.gif") no-repeat 95% 50%;
	border:3px solid #C6E4B7;
	margin-bottom:20px;
	padding:10px;
	}

/* headline style */
#p-result h1,
#p-judge h1,
#p-kigyou h1{
	background:url("/charaben/img/result/h1.gif") no-repeat;
	height:94px;
	margin-top:-2px;
	}
#p-result #main h2,
#p-judge #main h2,
#p-kigyou #main h4{
	background:url("/charaben/img/common/bg_hdl_02.gif") no-repeat 0 100%;
	color:#DF0535;
	}
#p-result #main .green,
#p-kigyou #main .green{
	color:#8CB92F !important;
	}
#p-result #main h3,
#p-kigyou #main h2{
	background:url("/charaben/img/result/h2.gif") no-repeat;
	height:42px;
	margin-bottom:15px;
	padding-bottom:0;
	text-indent:-5000px;
	}
#p-result #main h3.headline01{
	background-position:0 0;
	}
#p-result #main h3.headline02{
	background-position:0 -42px;
	}
#p-result.p-home #main h3.headline02{
	margin-bottom:7px;
	}
#p-result #main h3.headline03{
	background-position:0 -84px;
	}
#p-result #main h3.headline04{
	background-position:0 -126px;
	}
#p-result #main h3.headline05{
	background-position:0 -168px;
	}
#p-result #main h3.headline06{
	background-position:0 -210px;
	}
#p-result #main h3.headline03W{
	background-position:0 -252px;
	}
#p-result #main h3.headline04W{
	background-position:0 -294px;
	}
#p-kigyou #main #kigyou01 h2{
	background-position:0 -336px;
	}
#p-kigyou #main #kigyou02 h2{
	background-position:0 -378px;
	}
#p-kigyou #main #kigyou03 h2{
	background-position:0 -420px;
	}
#p-kigyou #main #kigyou04 h2{
	background-position:0 -462px;
	}
#p-result #main h4,
#p-result #main h5,
#p-kigyou #main h3{
	color:#FF3300;
	font-weight:bold;
	}
#p-result #main #strawberry h4{
	background:url("/charaben/img/result/bg_balloon.gif") no-repeat;
	height:34px;
	padding-top:5px;
	color:#FFF;
	font-weight:bold;
	}

/* text style */
#p-result #main .grandPrix{
	text-align:center;
	}
#p-result #main #odekake span,
#p-result #main #kantan span,
#p-result #main #strawberry span,
#p-result #main #delicious h4{
	font-size:80%;
	}
#p-result #main #gold h4,
#p-result #main .grandPrix h4,
#p-result #main .sectionBox h4,
#p-kigyou #main h3{
	font-size:130%;
	}
#p-result #main #silver h4{
	font-size:118%;
	}

.navi{
	margin:0 auto 20px auto;
	width:444px;
	}
.navi li{
	float:left;
	}
.navi li.naviBack{
	padding-right:10px;
	}
.navi:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.navi {display: inline-block;}
/* Hides from IE-mac \*/
* html .navi {height: 1%;}
.navi {display: block;}
/* End hide from IE-mac */

#p-result .toTop,
#p-kigyou .toTop{
	width:750px;
	clear:both;
	}
#p-result .toTop a,
#p-kigyou .toTop a{
	text-indent:-5000px;
	display:block;
	width:59px;
	height:34px;
	background:url("/charaben/img/result/totop.gif") no-repeat 100% 0;
	margin:0 0 0 auto;
	}

#p-result #total{
	background:transparent url("/charaben/img/result/bg_total.gif") no-repeat 0 50%;
	margin-top:10px;
	padding:30px 0;
	}


#p-judge .rightBox{
	width:590px;
	text-align:left;
	}
#p-judge h3{
	color:#FC7317;
	text-indent:inherit !important;
	background:none !important;
	}


/* Button Style
-----------------------------------------------------------------------------  */
a.btn{
	margin:10px auto 5px;
	display:block;
	text-indent:-5000px;
	width:217px;
	height:44px;
	}
a.btn:hover{
	background-position:0 -44px !important;
	}
a#btnPcForm{
	background:url("/charaben/img/btn/btn_pc.gif") no-repeat 0 0;
	margin-bottom:25px;
	}
a#btnMobile{
	background:url("/charaben/img/btn/btn_mobile.gif") no-repeat 0 0;
	margin-bottom:25px;
	}
a#btnPast{
	background:url("/charaben/img/btn/btn_past.gif") no-repeat 0 0;
	}
a#btnProfile{
	background:url("/charaben/img/btn/btn_profile.gif") no-repeat 0 0;
	}
a#btnPrize{
	background:url("/charaben/img/btn/btn_prize.gif") no-repeat 0 0;
	}
a#btnDetail{
	margin-top:25px;
	background:url("/charaben/img/btn/btn_detail.gif") no-repeat 0 0;
	}
a#btnGoods{
	width:276px;
	margin:15px auto 0px;
	background:url("/charaben/img/btn/btn_goods.gif") no-repeat 0 0;
	}
a.btnResult{
	width:202px;
	background:url("/charaben/img/btn/btn_result.gif") no-repeat 0 0;
	}
a.btnResult_m{
	background:url("/charaben/img/btn/btn_detail_m.gif") no-repeat 0 0;
	margin:10px auto 5px;
	display:block;
	text-indent:-5000px;
	width:147px;
	height:40px;
	}
a.btnResult_m:hover{
	background-position:0 -40px !important;
	}
a#btnTotal{
	background:url("/charaben/img/btn/btn_total.gif") no-repeat 0 0;
	width:210px;
	height:47px;
	margin:0 auto;
	}
a#btnTotal:hover{
	background-position:0 -47px !important;
	}
a#btnBackResultTop{
	background:url("/charaben/img/btn/btn_resultback.gif") no-repeat 0 0;
	margin-top:20px;
	}
a#btnNextResult{
	background:url("/charaben/img/btn/btn_next.gif") no-repeat 0 0;
	margin:0;
	}
a#btnBackResult:hover{
	background-position:0 -44px !important;
	}
a#btnBackResult{
	background:url("/charaben/img/btn/btn_back.gif") no-repeat 0 0;
	margin:0;
	}
a#btnBackResult:hover{
	background-position:0 -44px !important;
	}
	
/* Sidebar
-----------------------------------------------------------------------------  */
#sidebar {
	float:left;
	width:230px;
	margin-left:5px;
	background:url("/charaben/img/common/bg_sidebar.gif") no-repeat;
	}
#sidebar li{
	}
#sidebar li a{
	display:block;
	text-indent:-5000px;
	/*\*/
	overflow: hidden;
	/**/
	}
	
/*#sidebar #sbForm a{
	margin:0 auto;
	width:216px;
	height:192px;
	background:url("/charaben/img/common/sb_form.gif") no-repeat;
	}
#sidebar #sbForm a:hover{
	background-position:0 -192px;
	}*/
#sidebar #sbResult a{
	margin:0 auto;
	width:216px;
	height:192px;
	background:url("/charaben/img/common/sb_result.gif") no-repeat;
	}
#sidebar #sbResult a:hover{
	background-position:0 -192px;
	}
#sidebar #sbDetail a{
	margin:0 auto 3px;
	width:193px;
	height:172px;
	background:url("/charaben/img/common/sb_detail.gif") no-repeat;
	}
#sidebar #sbDetail a:hover{
	background-position:0 -172px;
	}
#sidebar #sbRecipe a{
	margin:0 auto;
	width:202px;
	height:168px;
	background:url("/charaben/img/common/sb_recipe.gif") no-repeat;
	}
#sidebar #sbRecipe a:hover{
	background-position:0 -168px;
	}