@charset "utf-8";

/************* all *****************/
* {
	margin:0 auto;
	padding:0;
}

html,body {
    overflow: hidden;
}

/* clearfix
=========================================*/
/* floatした要素の親要素が高さを認識できない場合 */
.clearfix:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

body {
font: 1em/1.5 "ヒラギノ角ゴ Pro W3",
"Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,
"Trebuchet MS",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

* html div#wrap_howto .howto_box1_in {
  font-family: 'ＭＳ Ｐゴシック', sans-serif;
}

* html div#wrap_howto .howto_box2_in {
  font-family: 'ＭＳ Ｐゴシック', sans-serif;
}


/*********** login ***************/
#wrap_login {
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	width:850px;
	height:700px;
	padding-top:197px;
}

#wrap_login .title_top {
	margin-left: 270px;
}

#wrap_login .login_form {
	margin-top:16px;
	padding-left:305px;
	height:70px;
	clear:both;
}

#wrap_login .inputarea {
	width: 240px;
	float:left;
}

#wrap_login .btnarea {
	padding-right:215px;
	float: right;
}

#wrap_login .text_boxarea {
	background-image: url(../images/form_line.png);
	background-repeat: repeat-x;
	height: 30px;
	width: 179px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#wrap_login .name {
	height: 30px;
	width: 240px;
}

#wrap_login .password {
	height: 30px;
	width: 240px;
	margin-top:10px;
}

#wrap_login .name input,
#wrap_login .password input {
	background: none;
    border: none;
	font-size:14px;
	margin-top:7px;
	color: #808080;
	width: 179px;
}

#wrap_login .name img,
#wrap_login .password img {
	float: left;
}

#wrap_login .text_login {
	width: 213px;
	margin: 10px 0 0 308px;
}

#wrap_login .infomation {
	width: 770px;
}

#wrap_login .infomation_in {
	background-image: url(../images/back_green_middle.png);
	padding: 15px 11px;
	text-align: center;
	width: 748px;
}

#wrap_login .infomation .yellow_b {
	font-size: 12px;
	font-weight: bold;
	color: #FFFF00;
	padding-left: 20px;
	line-height: 18px;
}
#wrap_login .infomation .f-red {
	color:#39FFFC !important;
	font-size: 18px !important;
}
#wrap_login .infomation .yellow_b_note {
	font-size: 12px;
	font-weight: bold;
	color: #FFFF00;
	line-height: 20px;
}

#wrap_login .infomation .white,
#wrap_login .infomation .white_star,
#wrap_login .infomation .white_star2 {
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
}

#wrap_login .infomation .white_star {
	color: #FFFF00;
    font-size: 18px !important;
    margin-top: 17px;
}

#wrap_login .infomation .white {
	color: #39FFFC !important;
    font-size: 18px !important;
    padding: 15px 0 10px 28px;
}

#wrap_login .infomation .line {
	padding:5px 0 5px 20px;
}



/*********** question ***************/

#wrap_question {
	background-image: url(../images/background_keyword.gif);
	background-repeat: no-repeat;
	width:470px;
	height: 320px;
	padding: 15px;
}

#wrap_question .question_text1,
#wrap_question .question_text2 {
	font-size: 12px;
	color: #ff438e;
	line-height: 20px;
	text-align:center;
}

#wrap_question .question_text3 {
	font-size:12px;
	color: #54b8c7;
	text-align: center;
	margin-top: 5px;
}

#wrap_question .question_text1 {
	margin-bottom:10px;
	margin-top: 50px;
}

#wrap_question .question_text1 .story_count {
	font-size:25px;
	font-weight:bold;
}

#wrap_question .text_boxarea {
	background-image: url(../images/form_line.png);
	background-repeat: repeat-x;
	height: 30px;
	width: 135px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#wrap_question .question_form {
	margin-top:10px;
	clear:both;
	width: 251px;
	height: 30px;
}

#wrap_question .keyword img {
	float: left;
}

#wrap_question .keyword {
	/*height: 30px;
	width: 240px;
	margin-top:10px;*/
	float:left;
}

#wrap_question .btn_go {
	height: 30px;
	width: 50px;
	float: right;
}

#wrap_question .text_boxarea input {
	background: none;
    border: none;
	font-size:14px;
	margin-top:7px;
	color: #808080;
	width:135px;
}


/*********** flower ***************/

#wrap_flower {
	background-image: url(../images/background_flower.gif);
	background-repeat: no-repeat;
	width:470px;
	height: 320px;
	padding: 15px;
}

#wrap_flower .flower_text1 {
	font-size:25px;
	font-weight:bold;
	color: #ff438e;
	text-align:center;
	background-image: url(../images/back_storycount.gif);
	background-repeat: no-repeat;
	background-position: 212px center;
	float: left;
	padding-left: 190px;
	padding-top: 5px;
	height: 39px;
}

#wrap_flower .flower_text2 {
	font-size:12px;
	color: #ff438e;
	padding-bottom: 7px;
	float: left;
	padding-top: 20px;
	line-height: 20px;
	padding-left: 25px;
}

#wrap_flower .flower_main {
	text-align:center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*********** howto ***************/

#wrap_howto {
	background-image: url(../images/background_howto.gif);
	background-repeat: no-repeat;
	width:470px;
	height: 320px;
	padding: 15px;
}

#wrap_howto .howto_text1 {
	text-align:center;
	float: left;
	padding-left: 189px;
	padding-top: 5px;
	padding-bottom: 15px;
}

#wrap_howto .howto_box1 {
	width: 450px;
}

#wrap_howto .howto_box2 {
	margin-top:10px;
	width: 450px;
}

#wrap_howto .howto_box1_in,
#wrap_howto .howto_box2_in {
	font-size:11px;
	color: #ff438e;
	width: 410px;
	background-image: url(../images/back_pink_middle.png);
	padding: 5px 20px;
	line-height: 20px;
}

#wrap_howto li {
	margin-left:16px;
}


/*********** garden ***************/

#wrap_garden {
	background-image: url(../images/background_garden.jpg);
	background-repeat: no-repeat;
	width:850px;
	height: 700px;
}

#wrap_garden .garden_header {
	clear: both;
	height: 97px;
}

#wrap_garden .title_garden {
	float: left;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}

#wrap_garden .personal {
	width:235px;
	float:left;
	height: 64px;
	padding-top: 23px;
	padding-left: 22px;
	font-size: 12px;
	color: #FFFFFF;
}

#wrap_garden .user_name {
	float: left;
	width: 200px;
	height: 27px;
	background-image: url(../images/back_user_name.png);
	padding-left: 13px;
	background-repeat: no-repeat;
	padding-top: 7px;
}

#wrap_garden .user_flower {
	float: left;
	width: 200px;
	margin-top: 5px;
	height: 27px;
	background-image: url(../images/back_user_flower.png);
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-left: 13px;
}
#wrap_garden .garden_header2 {
	height: 112px;
}


#wrap_garden #good {
	float: left;
	/*padding-left: 186px;1月30日・トル*/
}



#wrap_garden .btn_box {
	float: left;
	margin-top: 18px;
	padding-left: 92px;
	width:96px;
}

#wrap_garden .logout {
	margin-top: 17px;
}


/*#wrap_garden .howtoplay a{
display:block;
width:96px;
background:url(../images/btn_play.jpg) no-repeat;
height:25px;
}

#wrap_garden .howtoplay a:hover{
background:url(../images/btn_play_on.jpg) no-repeat;
}

#wrap_garden .logout a{
display:block;
width:96px;
background:url(../images/btn_logout.jpg) no-repeat;
height:25px;
}

#wrap_garden .logout a:hover{
background:url(../images/btn_logout_on.jpg) no-repeat;
}*/

#wrap_garden .howtoplay img,
#wrap_garden .logout img{
border:none;
}


/***********************************/
/********* main_flower *************/
/***********************************/

#wrap_garden .main {
	clear: both;
}

#wrap_garden .flower1 {
	position:absolute;
	top: 307px;
	left: 299px;
	z-index: 3;
}

#wrap_garden .flower2 {
	position:absolute;
	top: 383px;
	left: 585px;
	z-index: 7;
}

#wrap_garden .flower3 {
	position:absolute;
	top: 447px;
	left: 329px;
	z-index: 8;
}

#wrap_garden .flower4 {
	position:absolute;
	top: 264px;
	left: 566px;
	z-index: 2;
}

#wrap_garden .flower5 {
	position:absolute;
	top: 397px;
	left: 420px;
	z-index: 2;
}

#wrap_garden .flower6 {
	position:absolute;
	top: 387px;
	left: 194px;
	z-index: 6;
}

#wrap_garden .flower7 {
	position:absolute;
	top: 284px;
	left: 655px;
	z-index: 5;
}

#wrap_garden .flower8 {
	position:absolute;
	top: 450px;
	left: 688px;
	z-index: 9;
}

#wrap_garden .flower9 {
	position:absolute;
	top: 247px;
	left: 504px;
	z-index: 2;
}

#wrap_garden .flower10 {
	position:absolute;
	top: 425px;
	left: 58px;
	z-index: 7;
}

#wrap_garden .flower11 {
	position:absolute;
	top: 489px;
	left: 418px;
	z-index: 9;
}

#wrap_garden .flower12 {
	position:absolute;
	top: 324px;
	left: 175px;
	z-index: 4;
}

#wrap_garden .flower13 {
	position:absolute;
	top: 494px;
	left: 282px;
	z-index: 9;
}

#wrap_garden .flower14 {
	position:absolute;
	top: 384px;
	left: 309px;
	z-index: 7;
}

#wrap_garden .flower15 {
	position:absolute;
	top: 301px;
	left: 497px;
	z-index: 3;
}

#wrap_garden .flower16 {
	position:absolute;
	top: 342px;
	left: 48px;
	z-index: 6;
}

#wrap_garden .flower17 {
	position:absolute;
	top: 463px;
	left: 495px;
	z-index: 9;
}

#wrap_garden .flower18 {
	position:absolute;
	top: 387px;
	left: 735px;
	z-index: 9;
}

#wrap_garden .flower19 {
	position:absolute;
	top: 257px;
	left: 245px;
	z-index: 2;
}

#wrap_garden .flower20 {
	position:absolute;
	top: 369px;
	left: 629px;
	z-index: 6;
}

#wrap_garden .flower21 {
	position:absolute;
	top: 374px;
	left: 250px;
	z-index: 5;
}

#wrap_garden .flower22 {
	position:absolute;
	top: 239px;
	left: 420px;
	z-index: 2;
}

#wrap_garden .flower23 {
	position:absolute;
	top: 333px;
	left: 366px;
	z-index: 5;
}

#wrap_garden .flower24 {
	position:absolute;
	top: 442px;
	left: 187px;
	z-index: 7;
}

#wrap_garden .flower25 {
	position:absolute;
	top: 309px;
	left: 111px;
	z-index: 3;
}

#wrap_garden .flower26 {
	position:absolute;
	top: 439px;
	left: 619px;
	z-index: 8;
}

#wrap_garden .flower27 {
	position:absolute;
	top: 497px;
	left: 182px;
	z-index: 9;
}

#wrap_garden .flower28 {
	position:absolute;
	top: 377px;
	left: 382px;
	z-index: 6;
}

#wrap_garden .flower29 {
	position:absolute;
	top: 372px;
	left: 675px;
	z-index: 3;
}

#wrap_garden .flower30 {
	position:absolute;
	top: 281px;
	left: 187px;
	z-index: 2;
}

#wrap_garden .flower31 {
	position:absolute;
	top: 249px;
	left: 306px;
	z-index: 2;
}

#wrap_garden .flower32 {
	position:absolute;
	top: 510px;
	left: 346px;
	z-index: 9;
}

#wrap_garden .flower33 {
	position:absolute;
	top: 260px;
	left: 358px;
	z-index: 2;
}

#wrap_garden .flower34 {
	position:absolute;
	top: 455px;
	left: 237px;
	z-index: 8;
}

#wrap_garden .flower35 {
	position:absolute;
	top: 410px;
	left: 545px;
	z-index: 7;
}

#wrap_garden .flower36 {
	position:absolute;
	top: 460px;
	left: 136px;
	z-index: 8;
}

#wrap_garden .flower37 {
	position:absolute;
	top: 458px;
	left: 563px;
	z-index: 8;
}

#wrap_garden .flower38 {
	position:absolute;
	top: 313px;
	left: 597px;
	z-index: 5;
}

#wrap_garden .flower39 {
	position:absolute;
	top: 318px;
	left: 252px;
	z-index: 4;
}

#wrap_garden .flower40 {
	position:absolute;
	top: 380px;
	left: 147px;
	z-index: 5;
}

#wrap_garden .flower41 {
	position:absolute;
	top: 355px;
	left: 535px;
	z-index: 6;
}

#wrap_garden .flower42 {
	position:absolute;
	top: 298px;
	left: 409px;
	z-index: 3;
}

#wrap_garden .flower43 {
	position:absolute;
	top: 383px;
	left: 106px;
	z-index: 6;
}

#wrap_garden .flower44 {
	position:absolute;
	top: 246px;
	left: 459px;
	z-index: 1;
}

#wrap_garden .flower45 {
	position:absolute;
	top: 508px;
	left: 565px;
	z-index: 9;
}

#wrap_garden .flower46 {
	position:absolute;
	top: 348px;
	left: 415px;
	z-index: 5;
}

#wrap_garden .flower47 {
	position:absolute;
	top: 317px;
	left: 715px;
	z-index: 6;
}

#wrap_garden .flower48 {
	position:absolute;
	top: 317px;
	left: 559px;
	z-index: 5;
}

#wrap_garden .flower49 {
	position:absolute;
	top: 301px;
	left: 459px;
	z-index: 4;
}

#wrap_garden .flower50 {
	position:absolute;
	top: 373px;
	left: 483px;
	z-index: 7;
}


/************* error *****************/

.error_box {
	height:30px;
	margin-top: 10px;
	}

.error_box2 {
	margin-top: 5px;
	}

#error {
	font-size: 12px;
	font-weight: bold;
	color: #2D65AF;
	line-height: 15px;
	padding-left: 308px;
}

#error2 {
	font-size: 12px;
	font-weight: bold;
	color: #2D65AF;
	line-height: 15px;
	text-align: center;
}

.close {
	height: 40px;
	width: 40px;
	margin-left: 430px;
}

.close2 {
	height: 40px;
	width: 40px;
	float: right;
}




/* png clear
------------------------------------------------------------------- */
.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));


}