@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  common.css
 style info :  トップページ
=================================================================== */

/*----------------------------------------------------
	#flash
----------------------------------------------------*/
#flash{
	margin-bottom:20px;
}

/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main .box h2{
	width:660px;
	background:url(../image/top/border.gif) no-repeat left bottom;
	padding:0 10px 10px 10px;
	font-size:18px;
	margin-bottom:10px;
}
#main .box h2 span{color:#72C900;}
#main .box .inner{
	width:650px;
	margin-left:10px;
}
#main .box .inner:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
#main .box .inner .left{
	float:left;
	width:370px;
}
#main .box .inner .right{
	float:right;
	width:250px;
}
#main .box .inner .left .tex{
	width:290px;
	padding-left:90px;
	background:url(../image/top/tex-bg.jpg) no-repeat;
	margin-bottom:20px;
	color:#333;
}
#main .box .inner .left .btn{
	text-indent:-9999px;
	width:370px;
	height:45px;
	background:url(../image/top/btn.gif) no-repeat;
	margin-bottom:20px;
}
#main .box .inner .left .btn a{
	display:block;
	text-decoration:none;
	width:370px;
	height:45px;
}
#main .box .inner .left .btn a:hover{
	background:url(../image/top/btn.gif) no-repeat 0 -45px;
}
/*----------------------------------------------------
	box-area
----------------------------------------------------*/
#main .box-area:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
#main .box-area .box-s-r,
#main .box-area .box-s-l{
	float:right;
	width:320px;
	background:url(../image/top/box-s.gif) repeat-y;
	border-top:5px solid #E6E6E6;
	border-bottom:5px solid #E6E6E6;
	padding:10px 0 10px 10px;
	margin-bottom:20px;
}
#main .box-area .box-s-l{
	float:left;
	width:320px;
}
#main .box-area .left{
	float:left;
	width:80px;
	margin-right:10px;
}
#main .box-area .text-area{
	float:right;
	width:230px;
	font-size:10px;
}
#main .box-area .text-area .ttl{
	font-size:12px;
	font-weight:bold;
}
#main .box-area .text-area a{
	font-size:12px;
	color:#1F7F1F;
	padding-left:13px;
	background:url(../image/top/arrow.gif) no-repeat;
}
/*----------------------------------------------------
	sub
----------------------------------------------------*/
#sub .what{
	width:190px;
	background-color:#F3F3F3;
	padding:0 5px 10px 5px;
	margin-bottom:20px;
}
#sub .what .ttl{
	text-indent:-9999px;
	width:190px;
	height:35px;
	background:url(../image/top/what-ttl.jpg) repeat;
	margin-bottom:8px;
	padding:0;
}
#sub .what p{
	padding:0 10px;
	margin-bottom:5px;
	color:#999999;
}
#sub .what .day{
	margin-bottom:0;
	font-size:10px;
	color:#000;
}
#sub .what a{
	color:#1F7F1F;
	text-decoration:underline;
}
/*----------------------------------------------------
	menu
----------------------------------------------------*/
#header .menu li.home a{background:url(../image/common/menu.jpg) no-repeat 0 -50px;}