@charset "UTF-8";

/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

p{margin: 0px; padding: 0px;}

/* ------------------------------------------------------------ */
/* main */
/* ------------------------------------------------------------ */

#main-area a:link,
#main-area a:visited{color:#108916;}

#main-area a:hover,
#main-area a:active{color:#777;}

#main-area{
	width: 606px;
}

#main-area .section_a{
	background:#FFF url(../img/home/section_a_bg.jpg) repeat-x left bottom;
	width:590px;
	margin:0 0 15px 0;
	border:1px solid #A4A4A4;
	padding: 8px 5px;
}

#main-area .section_a_inside{
	border-left:7px solid #99D61B;
	float: left;
	padding: 0 0 0 0px;
	width:580px;
}

#main-area .section_a_inside p{
	width: 380px;	
	margin: 3px 0 0 0px;
}

#main-area .section_a ul{
	border-top: 1px dotted #555;
	float: left;
	margin: 7px 0px 3px;
	width: 380px;
}

#main-area .section_a li{
	float: left;
	background:url(../img/common/point_icon.gif) no-repeat left center;
	padding: 0 0 0 10px;
	margin:4px 7px 0px 0;
}

#main-area .section_b{
	background:#FFF url(../img/home/section_b_bg.jpg) repeat-x left bottom;
	width:280px;
	margin:0 0px 15px 15px;
	padding: 3px 0px 5px;
	border-top:7px solid #999;
	border-bottom:1px solid #CCC;
	float: left;
	min-height: 195px;
	_height: 195px;
	display: inline;
	overflow: hidden;
}

#main-area .section_b img{margin: 3px 0px 5px;}
#main-area .section_b p{margin: 5px;}

#main-area .section_b ul{
	border-top: 1px dotted #555;
	margin: 7px 0px 0px;
	padding: 3px 0 0 0;
}

#main-area .section_b li{
	float: left;
	background:url(../img/common/point_icon.gif) no-repeat left center;
	padding: 0 0 0 10px;
	margin:2px 2px 0px 5px;
}

#main-area .section_a a:hover img,
#main-area .section_b a:hover img{
	filter: alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
}

#main-area .news{
	float: left;
	margin: 10px 0px 15px;
}

/* ------------------------------------------------------------ */
/* 見出し */
/* ------------------------------------------------------------ */

h3{
	background: #FFF url(../img/home/h2title.gif) no-repeat left top;
	margin:0 0 15px 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
	font-size: 114%;
	color: #333;
	padding: 1px 0 8px 32px;
}

h4{
	font-size: 114%;
	width: 380px;	
}

