/* CSS Document */


/*<group=layout>*/

* {
	margin-top: 0px;
	margin-bottom: 0px;
}

html {
	/*height: 100%;*/
}

hr {
	display: none;
}

ul {
	list-style-type: none;
}

.hidden {
	display: none;
}

h1{
	display: none;
}

/*------------
Common
--------------*/
.img_lft{
	float:left;
	margin-right:10px;
}
.img_rgt{
	float:right;
	margin-left:10px;
}

.f10{ font-size:10px;}
.f11{ font-size:11px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}

.clear {
	clear: both;
}

.clr{
	clear:both;
	font-size:1px;
	line-height:100%;
	height:1px;
}



a{
	color:#006CFF;
	text-decoration:none;
}
a:hover{
	color:#FF8C00;
	text-decoration:underline;
}


/*-------------
BODY
--------------*/

body {
	background-image: url(../images/bg.gif);
	font-size:12px;
	line-height:140%;
	text-align:center;
}

div#ground {
	margin-left: auto;
	margin-right: auto;
	width: 830px;
	height: 100%;
	min-height: 100%;
	background-image: url(../images/mid.gif);
	background-repeat:repeat-y;
	background-color: #ffffff;
	position: relative;
	line-height:140%;
	text-align:left;
}

body > #ground {
	height: auto;
}

/*-------------
Header
--------------*/
div#head {
	background:url(../images/head.gif) 0px 0px;
	background-repeat:no-repeat
	width: 830px;
	height:107px;
	margin-top:0px;
}
div#head .images{
	margin-left:10px;
}


/*---------------
menu
-----------------*/

div#menu {
	margin-bottom:10px;
	height:31px;
	width:810px;
	margin-left:10px
}
#menu_list{
	margin-left:5px;
}
#menu_list li {
	height: 31px;
	margin-left:0px;
	float: left;
}
#menu_list li a {
	background-image:url(../images/menu.gif);
	display: block;
	background-repeat: no-repeat;
}
#menu_list li.home a {
	background-position: 0px 0px;
	width: 130px;
	height: 31px;
}
#menu_list li.home a:hover {
	background-position: 0px -31px;
}
#menu_list li.bee a {
	background-position: -130px 0px;
	width: 170px;
	height: 31px;
}
#menu_list li.bee a:hover {
	background-position: -130px -31px;
}
#menu_list li.grow a {
	background-position: -300px 0px;
	width: 185px;
	height: 31px;
}
#menu_list li.grow a:hover {
	background-position: -300px -31px;
}
#menu_list li.honey a {
	background-position: -485px 0px;
	width: 180px;
	height: 31px;
}
#menu_list li.honey a:hover {
	background-position: -485px -31px;
}
#menu_list li.link a {
	background-position: -665px 0px;
	width: 135px;
	height: 31px;
}
#menu_list li.link a:hover {
	background-position: -665px -31px;
}

/*-------------
top_image
--------------*/
#top_image {
	width:820px;
	margin-left:5px;
	padding:0px;
}
#top_image .kage{
	width:820px;
	height:15x;
	font-size:15px;
	background-image:url(../images/kage.gif);
	background-repeat:no-repeat;
	padding:0px;
	margin-bottom:5px;
}

/*-------------
TOP
--------------*/
/*
#top {
	width: 820px;
	height: 60px;
	margin-left:10px;
	margin-bottom:10px;
	background-image:url(../images/common_top.jpg);
}
#top table.top_title{
	width:820px;
	height:60px;
	border-collapse:collapse;
}
#top table.top_title td{
	color:#FFFFFF;
	font-size:24px;
	font-weight:bold;
	vertical-align:bottom;
	text-align:right;
	letter-spacing:1px;
}
*/

/*---------------
Middle
-----------------*/

div#middle {
	float: left;
	width: 810px;
	margin-bottom: 10px;
	margin-left:10px;
}


/*---------------
LEFT
-----------------*/

div#left {
	float: left;
	display: inline;
	width: 580px;
	margin-left:5px;
	margin-bottom:10px;
}

div#left .midashi_1{
	width: 570px;
	height: 31px;
	background: url(../images/midashi.gif) 0px 0px no-repeat;
	line-height:31px;
	margin-bottom:10px;
}

div#left .midashi_bee{
	width: 570px;
	height: 31px;
	background: url(../images/midashi_bee.gif) 0px 0px no-repeat;
	line-height:31px;
	margin-bottom:10px;
}
div#left .midashi_grow{
	width: 570px;
	height: 31px;
	background: url(../images/midashi_grow.gif) 0px 0px no-repeat;
	line-height:31px;
	margin-bottom:10px;
}
div#left .midashi_honey{
	width: 570px;
	height: 31px;
	background: url(../images/midashi_honey.gif) 0px 0px no-repeat;
	line-height:31px;
	margin-bottom:10px;
}
div#left .midashi_link{
	width: 570px;
	height: 31px;
	background: url(../images/midashi_link.gif) 0px 0px no-repeat;
	line-height:31px;
	margin-bottom:10px;
}
div#left .midashi_event{
	width: 570px;
	height: 31px;
	background: url(../images/midashi_event.gif) 0px 0px no-repeat;
	line-height:31px;
	margin-bottom:10px;
}


div#left .lead{
	background: url(../images/lead.gif);
	margin:10px 20px 10px 10px;
	padding:20px;
	font-size:13px;
	color:#696969;
	line-height:180%;
	font-size:13px;
}

div#left .contents{
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
}
div#left .reset{
	text-align:right;
	margin-right:30px;
}



div#left .link_box{
	border:2px #fff0c1 solid;
	background: url(../images/link_bg.gif);
	margin:5px 25px 15px 15px;
}
div#left .link_midashi{
	margin-left:10px;
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
	float:left;
	line-height:36px;
}

div#left .link_number{
	height:36px;
	font-size:36px;
	color:#EEEEEE;
	float:right;
	margin-right:10px;
	margin-top:10px;
	font-family:'Arial Black';
	line-height:36px;
}

div#left .link_midashi a{
	color:#f26522;
}
div#left .link_midashi a:hover{
	color:#fdcc46;
}
div#left .link_text{
	margin:0px 10px 5px 20px;
	font-size:13px;
	color:#696969;
}



div#left .cts{
	background: url(../images/cts.gif) 30px 20px no-repeat;
	padding:0px 25px 15px 20px;
	line-height:160%;
	font-size:13px;
}

div#left .midashi_m{
	background: url(../images/midashi_m.gif);
	border:2px #ffbf38 solid;
	height:30px;
	line-height:30px;
	font-weight:bold;
	font-size:14px;
	color:#696969;
	text-indent:15px;
	margin-bottom:10px;
}

div#images {
	width:522px;
	margin-top:10px;
	margin-bottom:10px;
	line-height:0%;
}
div#images .book_img{
	margin-bottom:0px;
	border:1px #CCCCCC solid;
}
div#images .book_cap{
	background-color:#DDDDDD;
	padding:5px 0px 8px 10px;
	font-size:10px;
	line-height:150%;
	text-align:left;
}



/*
div#left .left_line{
	width: 560px;
	height: 11px;
	background: url(../images/left_line.jpg) 0px 0px no-repeat;
	line-height:11px;
	margin-bottom:10px;
}


div#left .koushin_midashi{
	width: 560px;
	height: 40px;
	background: url(../images/koushin_midashi.jpg) 0px 0px no-repeat;
	line-height:40px;
	margin:0px;
	margin-top:30px;
}
div#left .koushin_bg{
	width: 550px;
	background: url(../images/koushin_bg.gif) 0px 0px;
	margin:0px;
	margin-bottom:10px;
}
div#left .contents{
	padding:15px 10px 10px 20px;
}
div#left .list{
	background: url(../images/icon_koushin.gif) 0px 3px no-repeat;
	font-size:12px;
	text-indent:15px;
	margin-bottom:5px;
}
div#left .lead{
	padding:20px 25px 20px 25px;
	font-size:14px;
	line-height:150%;
}

div#left .midashi_big{
	background: url(../images/icon_midashi.jpg) 7px 0px no-repeat;
	line-height:35px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	text-indent:38px;
}
div#left .midashi_mid{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	text-indent:45px;
	color:#80c2be;
}
div#left .honbun{
	font-size:13px;
	padding-left:55px;
	padding-right:15px;
	line-height:150%;
	margin-bottom:10px;
}

*/
/*---------------------
		Right
----------------------*/


div#right {
	display: inline;
	float: right;
	width: 205px;
	margin-right:10px;
	color:#808080;
	
}

div#right .r_midashi{
	background: url(../images/r_midashi.gif) repeat-x;
	height:33px;
	color:#696969;
	font-weight:bold;
	line-height:33px;
	letter-spacing:1px;
	text-indent:8px;
	font-size:12px;
	margin-bottom:1px;
	border:1px #CCCCCC solid;
	border-bottom:0px;
}

div#right .set{
	border:1px #CCCCCC solid;
	bargin-bottom:10px;
}


div#right .contents{
	text-align:left;
	padding:10px;
	font-size:11px;
	line-height:150%;
}

div#right .ko_midashi{
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
}

div#right .book{
	text-align:center;
	margin-bottom:5px;
}



/*-------------
Foot
--------------*/

div#foot {
	background-image: url(../images/foot.jpg);
	background-repeat: no-repeat;
	width:830px;
	height:90px;
	text-align:center;
	margin:0px;
	padding:0px;
}
div#foot .sub_menu {
	margin-top:5px;
	font-size:10px;
	color:#696969;
}
div#foot .sub_menu a{
	color:#FFFFFF;
}
div#foot .sub_menu a:hover{
	color:#FF0000;
}
div#foot .impress{
	color:#696969;
	margin-top:5px;
	font-size:11px;
}




/*---------------------
		Button
----------------------*/

a.button{
	float:left;
	font-size:13px;
	letter-spacing:1px;
	font-weight:bold;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	color:#FF4500;		
	width:auto;
	text-decoration:none;
}	
a.button:hover{	
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #999;
	border-bottom:1px solid #999;	
	color:#006CFF;					
}	
a.button span{
	background:#d4d0c8 url(../img/bg_button.gif) repeat-x;
	float:left;
	line-height:24px;
	height:24px;	
	padding:0 10px;							
	border-right:1px solid #777;
	border-bottom:1px solid #777;					
}		
a.button:hover span{
	border:none;						
	border-top:1px solid #777;
	border-left:1px solid #777;		
	background:#d4d0c8 url(../img/bg_button_h.gif) repeat-x;	
	cursor:pointer;	
}