/*tohato_club CSS*/
/*@charset "utf-8";*/
/*common*/
*{
	margin:0;
	padding:0;
}
/*20110309修正*/
html, body {
    height: 100%;
	color: #333;
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Osaka,Meiryo,sans-serif;
	font-size: 12px;
	line-height:1.5em;
	background: #FFFFFF url(../../../img/bg_line.gif) repeat;
}
/*body.msie {
	font-size: 75%;
}
body.win {
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Osaka,Meiryo,sans-serif;
}*/

#wrapper {
	/*min-height: 100%;*/
	/*height: auto !important;*/
	/*height: 100%;*/
	width: 600px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	text-align: left;
	position: absolute;
	background: #FFFFFF;
	left:50%;
	margin-left:-300px;
}

#boxbox {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}








.space {
margin-left:12px;
}

*{outline: none;}
img {border: 0;}
.container {
	width: 600px;
	padding: 0;
	margin: 0 auto;
}
.folio_block {
	position: absolute;
	left: 50%; top: 50%;
	margin: -140px 0 0 -395px;
}

.red{
	font-size: 12px;
	color: #ff0000;
}

.reds{
	font-size: 9px;
	color: #ff0000;
}

.green{
	font-size: 12px;
	color: #006600;
}

.blue{
	font-size: 12px;
	color: #0000cc;
}
img.preload {
    display: none;
}

#ok_main{
	overflow:hidden;
	margin:0px 0px 0px 0px;
	position: absolute;
	width:600px;
	height:1050px;
	padding:0px 0px 0px 0px;
}

#menu_ok_s01_base{
	margin:0px 0px 0px 0px;
	position: absolute;
	width:600px;
	height:1050px;
	padding:0px 0px 0px 0px;
	background: url(../img/okashi_deco_base.png) no-repeat;
}

#menu_ok_s01_preview1{
	margin:249px 0px 0px 90px;
	position: absolute;
	width:420px;
	height:300px;
	padding:0px 0px 0px 0px;
}

#menu_ok_s01_preview2{
	display:none;
	margin:249px 0px 0px 90px;
	position: absolute;
	width:420px;
	height:300px;
	padding:0px 0px 0px 0px;
}

#menu_ok_s01_prev{
	display:none;
	margin:270px 0px 0px 90px;
	position: absolute;
	width:100px;
	height:30px;
	padding:0px 0px 0px 0px;
	background-color: #FFFFFF;
	opacity:0.7;	/*Firefox, Opera, Chrome, Safari*/
	filter: alpha(opacity=70);	/*IE8以下*/
	line-height : 30px;
	text-align: center;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	font-weight: bold;

	/* ▼Safari,Chrome */
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;

	/* ▼Firefox */
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
}

#menu_ok_s01_next{
	display:none;
	margin:270px 0px 0px 410px;
	position: absolute;
	width:100px;
	height:30px;
	padding:0px 0px 0px 0px;
	background-color: #FFFFFF;
	opacity:0.7;	/*Firefox, Opera, Chrome, Safari*/
	filter: alpha(opacity=70);	/*IE8以下*/
	line-height : 30px;
	text-align: center;
	font-weight: bold;

	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;

	/* ▼Safari,Chrome */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;

	/* ▼Firefox */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
}

#menu_ok_s01_descr{
	margin:560px 0px 0px 84px;
	position: absolute;
	width:432px;
	height:110px;
	padding:0px 0px 0px 0px;
	background: url(../img/deco_text_01.png) no-repeat;
}

#menu_ok_s01_prev_btn{margin:384px 0px 0px 52px;width:24px;position: absolute;padding:0px 0px 0px 0px;}
#menu_ok_s01_prev_btn_a a      {background:url(../img/prev_btn_n.png) no-repeat;position: absolute;margin-bottom:5px;line-height:5px;text-decoration:none;text-align:center;width:24px;height:32px;}
#menu_ok_s01_prev_btn_a a:hover{background:url(../img/prev_btn_o.png) no-repeat;}

#menu_ok_s01_next_btn{margin:384px 0px 0px 518px;width:24px;position: absolute;padding:0px 0px 0px 0px;}
#menu_ok_s01_next_btn_a a      {background:url(../img/next_btn_n.png) no-repeat;position: absolute;margin-bottom:5px;line-height:5px;text-decoration:none;text-align:center;width:24px;height:32px;}
#menu_ok_s01_next_btn_a a:hover{background:url(../img/next_btn_o.png) no-repeat;}

#menu_ok_s01_thumb01{margin:681px 0px 0px 90px;width:102px;position: absolute;padding:0px 0px 0px 0px;}
#menu_ok_s01_thumb01_a a      {background:url(../img/deco_pre01_n.png) no-repeat;position: absolute;margin-bottom:5px;line-height:5px;text-decoration:none;text-align:center;width:102px;height:76px;}
#menu_ok_s01_thumb01_a a:hover{background:url(../img/deco_pre01_o.png) no-repeat;}

#menu_ok_s01_thumb02{margin:681px 0px 0px 196px;width:102px;position: absolute;padding:0px 0px 0px 0px;}
#menu_ok_s01_thumb02_a a      {background:url(../img/deco_pre02_n.png) no-repeat;position: absolute;margin-bottom:5px;line-height:5px;text-decoration:none;text-align:center;width:102px;height:76px;}
#menu_ok_s01_thumb02_a a:hover{background:url(../img/deco_pre02_o.png) no-repeat;}
                  
#menu_ok_s01_thumb03{margin:681px 0px 0px 302px;width:102px;position: absolute;padding:0px 0px 0px 0px;}
#menu_ok_s01_thumb03_a a      {background:url(../img/deco_pre03_n.png) no-repeat;position: absolute;margin-bottom:5px;line-height:5px;text-decoration:none;text-align:center;width:102px;height:76px;}
#menu_ok_s01_thumb03_a a:hover{background:url(../img/deco_pre03_o.png) no-repeat;}
                  
#menu_ok_s01_thumb04{margin:681px 0px 0px 408px;width:102px;position: absolute;padding:0px 0px 0px 0px;}
#menu_ok_s01_thumb04_a a      {background:url(../img/deco_pre04_n.png) no-repeat;position: absolute;margin-bottom:5px;line-height:5px;text-decoration:none;text-align:center;width:102px;height:76px;}
#menu_ok_s01_thumb04_a a:hover{background:url(../img/deco_pre04_o.png) no-repeat;}
                  
#menu_ok_s01_thumb05{margin:761px 0px 0px 90px;width:102px;position: absolute;padding:0px 0px 0px 0px;}
#menu_ok_s01_thumb05_a a      {background:url(../img/deco_pre05_n.png) no-repeat;position: absolute;margin-bottom:5px;line-height:5px;text-decoration:none;text-align:center;width:102px;height:76px;}
#menu_ok_s01_thumb05_a a:hover{background:url(../img/deco_pre05_o.png) no-repeat;}
                  
#menu_ok_s01_thumb06{margin:761px 0px 0px 196px;width:102px;position: absolute;padding:0px 0px 0px 0px;}
#menu_ok_s01_thumb06_a a      {background:url(../img/deco_pre06_n.png) no-repeat;position: absolute;margin-bottom:5px;line-height:5px;text-decoration:none;text-align:center;width:102px;height:76px;}
#menu_ok_s01_thumb06_a a:hover{background:url(../img/deco_pre06_o.png) no-repeat;}
                  
#menu_ok_s01_thumb07{margin:761px 0px 0px 302px;width:102px;position: absolute;padding:0px 0px 0px 0px;}
#menu_ok_s01_thumb07_a a      {background:url(../img/deco_pre07_n.png) no-repeat;position: absolute;margin-bottom:5px;line-height:5px;text-decoration:none;text-align:center;width:102px;height:76px;}
#menu_ok_s01_thumb07_a a:hover{background:url(../img/deco_pre07_o.png) no-repeat;}
                  
#menu_ok_s01_thumb08{margin:761px 0px 0px 408px;width:102px;position: absolute;padding:0px 0px 0px 0px;}
#menu_ok_s01_thumb08_a a      {background:url(../img/deco_pre08_n.png) no-repeat;position: absolute;margin-bottom:5px;line-height:5px;text-decoration:none;text-align:center;width:102px;height:76px;}
#menu_ok_s01_thumb08_a a:hover{background:url(../img/deco_pre08_o.png) no-repeat;}
                  
#menu_ok_s01_thumb09{margin:841px 0px 0px 90px;width:102px;position: absolute;padding:0px 0px 0px 0px;}
#menu_ok_s01_thumb09_a a      {background:url(../img/deco_pre09_n.png) no-repeat;position: absolute;margin-bottom:5px;line-height:5px;text-decoration:none;text-align:center;width:102px;height:76px;}
#menu_ok_s01_thumb09_a a:hover{background:url(../img/deco_pre09_o.png) no-repeat;}
                  
#menu_ok_s01_thumb10{margin:841px 0px 0px 196px;width:102px;position: absolute;padding:0px 0px 0px 0px;}
#menu_ok_s01_thumb10_a a      {background:url(../img/deco_pre10_n.png) no-repeat;position: absolute;margin-bottom:5px;line-height:5px;text-decoration:none;text-align:center;width:102px;height:76px;}
#menu_ok_s01_thumb10_a a:hover{background:url(../img/deco_pre10_o.png) no-repeat;}
                  
#menu_ok_s01_thumb11{margin:841px 0px 0px 302px;width:102px;position: absolute;padding:0px 0px 0px 0px;}
#menu_ok_s01_thumb11_a a      {background:url(../img/deco_pre11_n.png) no-repeat;position: absolute;margin-bottom:5px;line-height:5px;text-decoration:none;text-align:center;width:102px;height:76px;}
#menu_ok_s01_thumb11_a a:hover{background:url(../img/deco_pre11_o.png) no-repeat;}

#menu_ok_s01_link{margin:965px 0px 0px 195px;width:212px;position: absolute;padding:0px 0px 0px 0px;}
#menu_ok_s01_link_a a      {background:url(../img/okashi_make_btn_n.png) no-repeat;position: absolute;margin-bottom:5px;line-height:5px;text-decoration:none;text-align:center;width:212px;height:32px;}
#menu_ok_s01_link_a a:hover{background:url(../img/okashi_make_btn_o.png) no-repeat;}