#fortune_main_bg{
 background:url(../images/fortune_main_bg.gif) 0 bottom no-repeat;
 padding:0 39px 50px;
}

.square_burette_w01{
 background:url(../images/square_burette_w01.gif) 0 8px no-repeat;
 padding-left:10px;
}



#main_area p a{
 color:#FFFFFF;
 text-decoration:underline;
}

#main_area .left{
 width:410px;
 float:left;
}

#main_area .right{
 float:right;
 margin-top:170px;
}






#fortune_input_box{
 width:551px;
 background:url(../images/fortune_input_box_bg.gif) 0 bottom no-repeat;
 padding:0 4px 4px 4px;
 margin:0 auto;
}

#inner_fortune_input_box{
 background:url(../images/inner_fortune_input_box_bg.gif) 0 0 no-repeat;
 padding-top:10px;
}


#input_area{
 width:390px;
 margin:0 auto;
}

#err_msg_area{
 width:390px;
 margin:0 auto 15px auto;
 color:#FFFFFF;
}

.wm{
 color:#999;
}



#input001{
 width:72px;
 margin-right:7px;
}

#input002{
 width:72px;
 margin-left:12px;
 margin-right:7px;
}

#input003{
 width:72px;
 margin-left:12px;
 margin-right:7px;
}

form span{
 color:#FFFFFF;
}

#input_btn{
 width:179px;
 margin:0 auto 10px auto; 
 display:block;
}

#text_area{
 background-color:#FFFFFF;
 border-right:2px solid #CC2727;
 border-bottom:2px solid #CC2727;
 border-left:2px solid #CC2727;
 padding-bottom:23px;
}


#about_ttl{
 background:url(../images/about_ttl.gif) 0 0 no-repeat;
 width:559px;
 height:35px;
 text-indent:-9999px;
 margin-top:30px;
 margin-bottom:30px;
}

#about_box{
 margin-bottom:50px;
}


#about_box .left{
 width:118px;
 float:left;
}

#about_box .right{
 width:410px;
 float:right;
 color:#FFFFFF;
}


#cal_ttl{
 background:url(../images/cal_ttl.gif) 0 0 no-repeat;
 width:559px;
 height:40px;
 text-indent:-9999px;
 margin-top:50px;
 margin-bottom:25px;
}

#calculation{
 color:#FFFFFF;
}


#method{
 background:url(../images/method_line.gif) 0 bottom repeat-x;
 width:290px;
 margin:0 auto;
 color:#FFFFFF;
 margin-bottom:50px;
}

.method_line{
 background:url(../images/method_line.gif) 0 0 repeat-x;
}

#method_ttl{
 padding:2px 0;
}



table{
 color:#FFFFFF;
 border-collapse:collapse;
 border-spacing:0;
 width:100%;
 margin-bottom:70px;
}

th{
 text-align:left;
 padding-bottom:4px;
}

tr{
 background:url(../images/table_line.gif) 0 bottom repeat-x;
}

td{
 padding-top:5px;
 padding-bottom:6px;
}


.col1{
 width:22px;
 padding-right:27px;
}

.col2{
 width:22px;
 padding-right:32px;
}

.col3{
 width:314px;
 padding-right:10px;
}


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

upper_area

**************************************************/
#week{
 width:370px;
}


#upper_area{
 background:#DF0015;
 padding:3px 17px 20px 17px;
 border-bottom:2px solid #CC2727;
 margin-bottom:15px;
}

#upper_area .w154{
 width:154px;
 margin:0 auto;
}

#upper_area .left{
 width:386px;
 float:left;
}

#upper_txt{
 color:#FFFFFF;
 padding:20px 0 0 5px;
 width:376px;
}


#beauty_box{
 background:url(../images/beauty_box_top.gif) 0 0 no-repeat;
 padding-top:4px;
 width:182px;
 float:right;
}

#inner_beauty_box{
 background:url(../images/beauty_box_bottom.gif) 0 bottom no-repeat;
 padding:0 4px 14px;
}

#beauty_box_ttl{
 background:url(../images/beauty_box_ttl.gif) 0 0 no-repeat;
 width:174px;
 height:68px;
 text-indent:-9999px;
}

#inner_beauty_box .left{
 width:396px;
 float:left;
}

#inner_beauty_box .left p a{
 color:#FFFFFF;
}


#inner_beauty_box .right{
 width:154px;
 float:right;
 padding-top:5px;
}

#inner_beauty_box p{
 color:#FFFFFF;
}

#inner_beauty_box p span{
 font-weight:bold;
 color:#FFFFFF;
 line-height:1;
 display:block;
 margin-top:5px;
}

#arw{
 color:#FFFFFF;
 line-height:1.2;
 margin-top:10px;
}


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

lowe_area

**************************************************/
#lower_area{
 width:597px;
 margin:0 auto;
 background:url(../images/lower_bg.gif) 0 0 repeat;
 padding:0 1px 1px 1px;
}

#inner_lower_area{
 background-color:#FFFFFF;
 padding:18px 20px;
}


#lower_ttl01{
 background:url(../images/lower_ttl01.gif) 0 0 no-repeat;
 width:100px;
 height:25px;
 text-indent:-9999px;
 margin-bottom:8px;
}

#lower_subttl01{
 background:url(../images/lower_subttl01.gif) 0 0 no-repeat;
 width:168px;
 height:19px;
 text-indent:-9999px;
 margin-bottom:15px;
}

#lower_ttl02{
 background:url(../images/lower_ttl02.gif) 0 0 no-repeat;
 width:155px;
 height:25px;
 text-indent:-9999px;
 margin-top:20px;
 margin-bottom:8px;
}

#lower_ttl03{
 background:url(../images/lower_ttl03.gif) 0 0 no-repeat;
 width:120px;
 height:25px;
 text-indent:-9999px;
 margin-top:20px;
 margin-bottom:8px;
}


#lower_col{
 background:url(../images/lower_line.gif) 0 bottom repeat-x;
 padding-bottom:15px;
 margin-bottom:10px;
}


#lower_col .left{
 width:154px;
 float:left;
 padding-top:5px;
}

#lower_col .right{
 width:390px;
 float:right;
}



#item_list li{
 background:url(../images/fortune_bullet.gif) 0 2px no-repeat;
 padding-left:26px;
 margin-bottom:15px;
}


#profile_area{
 color:#FFFFFF;
}

#profile_area a{
 color:#FFFFFF;
 text-decoration:underline;
}


#profile_ttl{
 background:url(../images/profile_ttl.gif) 0 0 no-repeat;
 height:19px;
 text-indent:-9999px;
 margin-bottom:24px;
}



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

tab

**************************************************/
#table_ttl{
 background:url(../images/table_ttl.gif) 0 0 no-repeat;
 width:559px;
 height:35px;
 text-indent:-9999px;
 margin-top:50px;
 margin-bottom:30px;
}


#tab_area{
 width:599px;
 margin:0 auto;
}

#tab_area li{
 float:left;
}

#tab_area li a{
 display:block;
 height:50px;
 text-indent:-9999px;
}


#tab1 a{
 background:url(../images/tab1.gif) 0 0 no-repeat;
 width:68px;
}

#tab1 a:hover{
 background:url(../images/tab1_o.gif) 0 0 no-repeat;
}

#tab1_active a{
 background:url(../images/tab1_active.gif) 0 0 no-repeat;
 width:68px;
}



#tab2 a{
 background:url(../images/tab2.gif) 0 0 no-repeat;
 width:67px;
}

#tab2 a:hover{
 background:url(../images/tab2_o.gif) 0 0 no-repeat;
}

#tab2_active a{
 background:url(../images/tab2_active.gif) 0 0 no-repeat;
 width:67px;
}



#tab3 a{
 background:url(../images/tab3.gif) 0 0 no-repeat;
 width:66px;
}

#tab3 a:hover{
 background:url(../images/tab3_o.gif) 0 0 no-repeat;
}

#tab3_active a{
 background:url(../images/tab3_active.gif) 0 0 no-repeat;
 width:66px;
}


#tab4 a{
 background:url(../images/tab4.gif) 0 0 no-repeat;
 width:66px;
}

#tab4 a:hover{
 background:url(../images/tab4_o.gif) 0 0 no-repeat;
}

#tab4_active a{
 background:url(../images/tab4_active.gif) 0 0 no-repeat;
 width:66px;
}


#tab5 a{
 background:url(../images/tab5.gif) 0 0 no-repeat;
 width:66px;
}

#tab5 a:hover{
 background:url(../images/tab5_o.gif) 0 0 no-repeat;
}

#tab5_active a{
 background:url(../images/tab5_active.gif) 0 0 no-repeat;
 width:66px;
}


#tab6 a{
 background:url(../images/tab6.gif) 0 0 no-repeat;
 width:66px;
}

#tab6 a:hover{
 background:url(../images/tab6_o.gif) 0 0 no-repeat;
}

#tab6_active a{
 background:url(../images/tab6_active.gif) 0 0 no-repeat;
 width:66px;
}


#tab7 a{
 background:url(../images/tab7.gif) 0 0 no-repeat;
 width:66px;
}

#tab7 a:hover{
 background:url(../images/tab7_o.gif) 0 0 no-repeat;
}

#tab7_active a{
 background:url(../images/tab7_active.gif) 0 0 no-repeat;
 width:66px;
}


#tab8 a{
 background:url(../images/tab8.gif) 0 0 no-repeat;
 width:66px;
}

#tab8 a:hover{
 background:url(../images/tab8_o.gif) 0 0 no-repeat;
}

#tab8_active a{
 background:url(../images/tab8_active.gif) 0 0 no-repeat;
 width:66px;
}


#tab9 a{
 background:url(../images/tab9.gif) 0 0 no-repeat;
 width:68px;
}

#tab9 a:hover{
 background:url(../images/tab9_o.gif) 0 0 no-repeat;
}

#tab9_active a{
 background:url(../images/tab9_active.gif) 0 0 no-repeat;
 width:68px;
}