@charset "utf-8";
/* CSS Document */

div.column_left{
	position:relative;
	top:0;
	left:0;
	width:640px;
	float:left;
	margin-left:20px;
}

.win.ie6 div.column_left{
	margin-left:10px;
}

div.column_right{
	position:relative;
	top:0;
	left:0;
	width:280px;
	float:right;
	margin-right:20px;
}

.win.ie6 div.column_right{	margin-right:17px;}

div.image_main{
	background:url(../images/top/image_main.jpg) 0 0 no-repeat;
	width:628px;
	height:127px;
	text-indent:-9999px;
	margin-bottom:23px;
}


div.image_member{
	width:628px;
	height:157px;
	text-indent:-9999px;
	margin-bottom:23px;
}

div.image_member a{
	display:block;
	background:url(../images/top/image_member.jpg) 0 0 no-repeat;
	width:628px;
	height:157px;
}






#s3slider {
	width:628px;
	height:157px;
	margin-bottom:23px;
	position: relative; /* important */
	overflow: hidden; /* important */
}

#s3sliderContent {
   width: 400px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}


.clear {
   clear: both;
} 



















div.news{
	margin-bottom:23px;
	width:628px;
}

div.news h2{
	position:relative;
	top:0;
	left:0;
	background:url(../images/top/h2_news.jpg) 0 0 no-repeat;
	width:628px;
	height:39px;
	margin-bottom:12px;
	line-height:0%;
	font-size:0px;
	margin:0 0 1px 0;
	text-indent:-9999px;
}

span.news_index{
	display:block;
	width:91px;
	height:22px;
	position:absolute;
	top:9px;
	right:8px;
}

span.news_index a{
	display:block;
	width:91px;
	height:22px;
	background:url(../images/top/btn_news_index.gif) 0 0 no-repeat;
}

div.news div{
	border:1px solid #cdcfd3;
	padding:18px 15px;
}

div.news dl{
	display:block;
	margin-bottom:15px;
}

.win.ie6 div.news dl{ margin-bottom:10px;}
.win.ie7 div.news dl{ padding-bottom:15px;}

div.news dt{
	display:block;
	font-weight:bold;
	float:left;
	padding-right:10px;
}

div.news dd.news, div.news dd.recipe, div.news dd.course, div.news dd.oshirase, div.news dd.soramame, div.news dd.exp{
	display:block;
	float:left;
	width:92px;
	height:18px;
	text-indent:-9999px;
	margin-right:8px;
}

div.news dd.news a, div.news dd.recipe a, div.news dd.course a, div.news dd.oshirase a, div.news dd.soramame a, div.news dd.exp a{
	display:block;
	float:left;
	width:92px;
	height:18px;
	text-indent:-9999px;
}

div.news dd.news a{ background:url(../images/top/icon_news.gif) 0 0 no-repeat;}
div.news dd.recipe a{ background:url(../images/top/icon_recipe.gif) 0 0 no-repeat;}
div.news dd.course a{ background:url(../images/top/icon_course.gif) 0 0 no-repeat;}
div.news dd.oshirase a{ background:url(../images/top/icon_oshirase.gif) 0 0 no-repeat;}
div.news dd.soramame a{ background:url(../images/top/icon_soramame.gif) 0 0 no-repeat;}
div.news dd.exp a{ background:url(../images/top/icon_exp.gif) 0 0 no-repeat;}


div.news dd.text{
	display:block;
	float:left;
	width:385px;
}


ul.four {
	display:block;
	margin-bottom:23px;	
}

ul.four li{
	display:block;
	width:151px;
	height:161px;
	text-indent:-9999px;
	float:left;
	margin-right:8px;
}

ul.four li a{
	display:block;
	width:151px;
	height:161px;
}

ul.four li.recipe a{ background:url(../images/top/btn_recipe.jpg) 0 0 no-repeat;}
ul.four li.check a{ background:url(../images/top/btn_check.jpg) 0 0 no-repeat;}
ul.four li.clinic a{ background:url(../images/top/btn_clinic.jpg) 0 0 no-repeat;}
ul.four li.seminar a{ background:url(../images/top/btn_seminar.jpg) 0 0 no-repeat;}

ul.four li a:hover{background-position:0 -161px;}


div.box_top{
}

div.box_left{
	width:310px;
	float:left;
	margin-right:8px;
}

div.box_right{
	width:310px;
	float:left;
}

div.box_top h2{
	width:310px;
	height:39px;
	text-indent:-9999px;
	font-size:0px;
	line-height:0%;
	margin-bottom:1px;
}

div.box_left h2{ background:url(../images/top/h2_about.jpg) 0 0 no-repeat; }
div.box_right h2{ background:url(../images/top/h2_for.jpg) 0 0 no-repeat; }

div.box_top ul{
	display:block;
	border:1px solid #cdcfd3;
	padding:0px 0px;
}

div.box_top li {
	display:block;
	margin:0;
	padding:0;
	width:308px;
	text-indent:-9999px;
}

div.box_top li a{
	display:block;
	margin:0;
	padding:0;
	width:308px;
}

div.box_top div.box_left li.menu01 a { background:url(../images/top/l_menu01.gif) 0 0 no-repeat; height:42px;}
div.box_top div.box_left li.menu01 a:hover { background:url(../images/top/l_menu01.gif) 0 -42px no-repeat;}
div.box_top div.box_left li.menu02 a { background:url(../images/top/l_menu02.gif) 0 0 no-repeat; height:42px;}
div.box_top div.box_left li.menu02 a:hover { background:url(../images/top/l_menu02.gif) 0 -42px no-repeat;}
div.box_top div.box_left li.menu03 a { background:url(../images/top/l_menu03.gif) 0 0 no-repeat; height:42px;}
div.box_top div.box_left li.menu03 a:hover { background:url(../images/top/l_menu03.gif) 0 -42px no-repeat;}
div.box_top div.box_left li.menu04 a { background:url(../images/top/l_menu04.gif) 0 0 no-repeat; height:42px;}
div.box_top div.box_left li.menu04 a:hover { background:url(../images/top/l_menu04.gif) 0 -42px no-repeat;}

div.box_top div.box_right li.menu01 a { background:url(../images/top/r_menu01.gif) 0 0 no-repeat; height:42px;}
div.box_top div.box_right li.menu01 a:hover { background:url(../images/top/r_menu01.gif) 0 -42px no-repeat;}
div.box_top div.box_right li.menu02 a { background:url(../images/top/r_menu02.gif) 0 0 no-repeat; height:63px;}
div.box_top div.box_right li.menu02 a:hover { background:url(../images/top/r_menu02.gif) 0 -63px no-repeat;}
div.box_top div.box_right li.menu03 a { background:url(../images/top/r_menu03.gif) 0 0 no-repeat; height:63px;}
div.box_top div.box_right li.menu03 a:hover { background:url(../images/top/r_menu03.gif) 0 -63px no-repeat;}


div.member{
	background:#efefdf;
	border-radius: 5px;	 /* CSS3 */  
	-webkit-border-radius: 5px;	/* Safari, Chrome */  
	-moz-border-radius: 5px;	/* Firefox */
	width:auto;
	padding:10px;
	margin-bottom:20px;
	border:none;
}

div.member h3{
	background:url(../images/top/h3_member.jpg) 0 0 no-repeat;
	width:260px;
	height:31px;
	text-indent:-9999px;

}

div.box {
	border:1px solid #cacaa3;
	border-top:none;
	background:#fff;
	position:relative;
	top:0;
	left:0;
	padding-bottom:10px;
}

dl.mem {
	display:block;
	background:url(../images/top/pic_mem.jpg) 0 0 no-repeat;
	width:258px;
	height:205px;
	margin-bottom:30px;
}

dl.online {
	display:block;
	background:url(../images/top/pic_online.jpg) 0 0 no-repeat;
	width:258px;
	height:102px;
}

div.box dl{
	display:block;
	position:relative;
	top:0;
	left:0;
}

div.box dt{
	display:block;
	text-indent:-9999px;
}

div.box dd{
	display:block;
	text-indent:-9999px;
	width:228px;
	margin:0;
	line-height:0%;
	font-size:0;
}

div.box dd a{
	display:block;
	width:228px;
}

div.box dd.btn_01 a{
	background:url(../images/top/btn_newmem.jpg) 0 0 no-repeat;
	height:32px;
	position:absolute;
	top:142px;
	left:15px;
}
div.box dd.btn_01 a:hover{background:url(../images/top/btn_newmem.jpg) 0 -32px no-repeat;height:32px;}

div.box dd.btn_02 a{
	background:url(../images/top/btn_mem.jpg) 0 0 no-repeat;
	height:25px;
	position:absolute;
	top:180px;
	left:15px;
}
div.box dd.btn_02 a:hover{background:url(../images/top/btn_mem.jpg) 0 -25px no-repeat;height:25px;}

div.box dd.btn_03 a{
	background:url(../images/top/btn_login.jpg) 0 0 no-repeat;
	height:25px;
	position:absolute;
	top:70px;
	left:15px;
}
div.box dd.btn_03 a:hover{background:url(../images/top/btn_login.jpg) 0 -25px no-repeat;height:25px;}

ul.banner{
	display:block;
}

ul.banner li{
	display:block;
	line-height:0;
	font-size:0px;
	text-indent:-9999px;
	width:278px;
	height:80px;
	margin-bottom:10px;
}

ul.banner li a{
	display:block;
	line-height:0;
	font-size:0px;
	width:278px;
	height:80px;
}

ul.banner li.soramame a{ background:url(../images/top/banner_soramame.jpg) 0 0 no-repeat;}
ul.banner li.special a{ background:url(../images/top/banner_special.jpg) 0 0 no-repeat;}
ul.banner li.recipe a{ background:url(../images/top/banner_recipe.jpg) 0 0 no-repeat;}
ul.banner li.exp a{ background:url(../images/top/banner_exp.jpg) 0 0 no-repeat;}
ul.banner li.sheet a{ background:url(../images/top/banner_sheet.jpg) 0 0 no-repeat;}


div.omimai {
	width:588px;
	border:1px solid #3d6ac5;
	margin:0 0 20px 0;
	padding:20px;
}

*html div.omimai { width:628px;}

div.omimai p{
	display:block;
	margin-bottom:0px;
}

div.omimai h3{
	display:block;
	margin-top:8px;
	margin-bottom:8px;
	font-weight:bold;
	color:#3d6ac5;
}

div.omimai span{
	display:block;
	margin-bottom:3px;
}