﻿@charset "utf-8";

#maincolumn {
	width:710px;
	float:left;
	display:inline;
	margin:20px 0 0 20px;
}

#anime {
	width:700px;
	height:190px;
	background-image:url(/lib/img/main/anime_bg.gif);
	padding:10px 0 0 10px;
	float:left;
	display:inline;
}

.title_top {
	width:900px;
	height:30px;
	float:left;
	margin-top:40px;
	display:inline;
  border-bottom:1px solid #ccc;
}

.title {
	float:left;
}

.pagetop {
	float:right;
	margin:10px 0 0 0;
}

.box {
	width:900px;
	height:220px;
	float:left;
	clear:both;
	margin-top:20px;
}

.moniter {
	position: relative;
	display:inline;
	width:128px;
	height:220px;
	float:left;
	margin-left:12px;
}

.moniter a {
	width:128px;
	height:220px;
	display:block;
}

.moniter a:link {background:url(/lib/img/main/moniter_bg.gif);}
.moniter a:visited {background:url(/lib/img/main/moniter_bg.gif);}
.moniter a:hover {background:url(/lib/img/main/moniter_bg_on.gif);}
.moniter a:active {background:url(/lib/img/main/moniter_bg.gif);}

.moniter a img {
	float:left;
	display:inline;
	margin:10px 0 0 10px;
}

.moniter p {
	display:inline;
	width:108px;
	float:left;
	clear:both;
	margin:5px 0 0 10px;
	line-height: 150%;
	font-size:10px;
}

.new {
	position: absolute;
	top:3px;
	right:3px;
}

.list_btn {
	float:right;
	display:inline;
	margin:15px 10px 0 0;
}

.box2 {
	width:900px;
	height:200px;
	float:left;
	clear:both;
	margin-top:20px;
}

.voice {
	position: relative;
	width:156px;
	height:200px;
	display:inline;
	float:left;
	margin-left:18px;
}
*html body .voice {
	position: relative;
	width:156px;
	height:200px;
	display:inline;
	float:left;
	margin-left:9px;
}

.voice a {
	width:156px;
	height:200px;
	display:block;
}

.voice a:link {background:url(/lib/img/main/voice_bg.gif);}
.voice a:visited {background:url(/lib/img/main/voice_bg.gif);}
.voice a:hover {background:url(/lib/img/main/voice_bg_on.gif);}
.voice a:active {background:url(/lib/img/main/voice_bg.gif);}

.voice a img {
	float:left;
	display:inline;
	margin:10px 0 0 10px;
}

.voice p {
	display:inline;
	width:136px;
	float:left;
	clear:both;
	margin:5px 0 0 10px;
	line-height: 110%;
	font-size:10px;
}

#recipe_all {
	width:710px;
	height:222px;
	float:left;
	clear:both;
	margin-top:20px;
/*	background-image:url(/lib/img/main/recipe_bg.gif); */
}

#recipe1 {
	width:323px;
	height:140px;
	float:left;
	display:inline;
	margin-left:15px;
}

#recipe1 p {
	float:left;
	width:166px;
	height:60px;
	display:inline;
	margin:60px 0 0 155px;
}

#recipe2 p {
	float:left;
	width:166px;
	height:60px;
	display:inline;
	margin:60px 0 0 155px;
}

#recipe1 #recipecontents {
	width:323px;
	height:140px;
	float:left;
	display:block;
	margin-top:10px;
}

#recipe1 #recipecontents:link {background:url(/lib/img/main/recipe_bg1_1.jpg);}
#recipe1 #recipecontents:visited {background:url(/lib/img/main/recipe_bg1_1.jpg);}
#recipe1 #recipecontents:hover {background:url(/lib/img/main/recipe_bg1_2.jpg);}
#recipe1 #recipecontents:active {background:url(/lib/img/main/recipe_bg1_1.jpg);}

#recipe_detail1 {
	float:left;
	clear:both;
	display:inline;
	margin:20px 0 0 0;
}

#recipe2 {
	width:323px;
	height:140px;
	float:left;
	display:inline;
	margin-left:35px;
}

#recipe2 #recipecontents2 {
	width:323px;
	height:140px;
	float:left;
	display:block;
	margin-top:10px;
}

#recipe2 #recipecontents2:link {background:url(/lib/img/main/recipe_bg2_1.jpg);}
#recipe2 #recipecontents2:visited {background:url(/lib/img/main/recipe_bg2_1.jpg);}
#recipe2 #recipecontents2:hover {background:url(/lib/img/main/recipe_bg2_2.jpg);}
#recipe2 #recipecontents2:active {background:url(/lib/img/main/recipe_bg2_1.jpg);}


#addbtn {
	width:900px;
	height:58px;
	float:left;
	clear:both;
	margin-top:20px;
}

#addbtn img {
	float:left;
	display:inline;
	margin-left:11px;
  
}

#top #addbtn{
  padding:0 100px 0 100px ;
}
