

/* -------------------------------------------------------------- 
   Common
-------------------------------------------------------------- */

    
.fr{float:right;}
.fl{float:left;}

.m0{margin:0; padding:0;}

.mr10{margin:0 10px 0 0;}
.mr15{margin:0 15px 0 0;}

.ml10{margin:0 0 0 10px;}
.ml15{margin:0 0 0 15px;}
.ml6em{margin:0 0 0 6em;}


.mt5{margin:5px 0 0 0;}

.mt15{margin:15px 0 0 0;}

.mt10{margin:10px 0 0 0;}

.mt20{margin:20px 0 0 0;}



.mb10{margin:0 0 10px 0;}
.mb30{margin:0 0 30px 0;}
.pt3{padding:3px 0 0 0;}

.pt10{padding:10px 0 0 0;}
.pt20{padding:20px 0 0 0;}


.pb3{padding:0 0 3px 0;}

.pb10{padding:0 0 10px 0;}
.pb15{padding:0 0 15px 0;}
.pb15{padding:0 0 15px 0;}
.pr15{padding:0 15px 0 0;}

.pr20{padding:0 20px 0 0;}
.pl10{padding:0 0 0 10px;}


.clear{clear:both;}
.txt_b{font-weight:bold;}
.txt_c{text-align:center;}
.txt_r{text-align:right;}
.txt_s{font-size:80%;}


.RightBox{float:right;}
.LeftBox{float:left;}

.width590{width:590px;}
.width515{width:515px;}
.width470{width:470px;}
.width450{width:450px;}
.width430{width:430px;}
.width400{width:400px;}



/* -------------------------------------------------------------- 
  Contents
-------------------------------------------------------------- */

div#wrapper {
    margin: 0 auto;
	font-size:75%;
	line-height:1.4em;
	}

div#header{text-align:right; width:760px; margin:15px auto;}

/* ---KEY--- */
div#KEY{
background:url(../images/contents_t.gif) top left no-repeat #FFFFFF;
	position:relative;
	width:760px;
	margin:0 auto;
	height:328px;}

div#KEY h1{position:absolute;
top:18px; left:418px;}
	
div#KEY h2{position:absolute;
top:56px; left:31px;}

div#KEY h3{position:absolute;
top:143px; left:31px;}

div#KEY p{position:absolute;
top:197px; left:31px;}


div#contents{background:#FFFFFF;
width:720px; margin:0 auto;
padding:0 20px;
}

/* ---prezent--- */
div#prezent_col{background:url(../images/dot.gif) top left repeat-x; padding:20px 0 0 0;}
div#prezent{width:585px;}

ul#prezent_link{margin:10px 0 0 0;}
ul#prezent_link li{white-space:nowrap; float:left; font-size:10px; padding:0 40px 0 0; color:#c1abd9;}


ul#prezent_link a:link{
    color:#c1abd9;
	text-decoration:none;
}
ul#prezent_link a:visited{
    color:#c1abd9;
	text-decoration:none;
}
ul#prezent_link a:hover{
    color:#c1abd9;
	text-decoration:underline;
}
ul#prezent_link a:active{
    color:#c1abd9;
	text-decoration:underline;
}

/* ---sakura--- */

div#sakura{padding:0 0 0 30px; background:url(../images/sakura_bg.gif) top left repeat-y;}

div.sakura_osusume{background:url(../images/waku_p_b.gif) bottom left; padding:5px 0 0 0; width:515px; float:right; margin:15px 0; color:#f19ca6;}
div.sakura_osusume_t{background:url(../images/waku_p_t.gif) top left; padding:0 0 5px 0;}

div.sakura_osusume2{background:url(../images/waku_p_b2.gif) bottom left; padding:5px 0 0 0; width:690px; margin:15px 0; color:#f19ca6;}
div.sakura_osusume2_t{background:url(../images/waku_p_t2.gif) top left; padding:0 0 5px 0;}

p.txt_s{font-size:80%; margin:10px 0 0 0;}

div.col{width:205px; text-align:center; float:left; margin:10px 0;}
div.col2{width:180px; text-align:center; float:left; margin:10px 0;}

/* ---beauty--- */
div#beauty{padding:0 0 0 30px; background:url(../images/beauty_bg.gif) top left repeat-y;}

div.beauty_osusume2{background:url(../images/waku_g_b.gif) bottom left; padding:5px 0 0 0; width:690px; margin:15px 0; color:#94d0c0;}
div.beauty_osusume2_t{background:url(../images/waku_g_t.gif) top left; padding:0 0 5px 0;}

/* ---people--- */
div#people{padding:0 0 0 30px; background:url(../images/people_bg.gif) top left repeat-y;}

div.people_osusume{background:url(../images/waku_y_b.gif) bottom left; padding:5px 0 0 0; width:450px; float:right; margin:15px 0; color:#f8c284;}
div.people_osusume{background:url(../images/waku_y_t.gif) top left; padding:0 0 5px 0;}

/* ---shop--- */
div#shop{padding:0 0 0 30px; background:url(../images/shop_bg.gif) top left repeat-y;}

div.shop_osusume{background:url(../images/waku_y_b.gif) bottom left; padding:5px 0 0 0; width:450px; float:right; margin:15px 0; color:#f8c284;}
div.shop_osusume{background:url(../images/waku_y_t.gif) top left; padding:0 0 5px 0;}


div.read_txt{width:720px; background:url(../images/dot.gif) repeat-x; padding:20px 0 0 0; margin:30px 0;}

div.pagetop{text-align:right; width:730px;}
div#footer{width: 760px; margin: 10px auto; text-align:center;}
