@charset "utf-8";

/*

[FILENAME] top.css

*/


/*
TopNavi
============================================================*/
	#TopNavi{
		margin:15px 0 0 15px;	
		padding:0 0 0 10px;
		width:780px;
		_width:790px;
		min-height:34px;
		_height:34px;
		background:url(../../images/bgimg_01.gif) no-repeat;
		position:relative;
		text-align:left;
	}
	#TopNavi .subtitle{
		float:left;
		margin:0 10px 0 0;
		position:relative;
		top:10px;
	}
	#TopNavi dt,
	#TopNavi dd{
		float:left;
	}
	#TopNavi dt{
		position:relative;
		top:5px;
	}
	#TopNavi dd{
		position:relative;
		top:9px;
		margin:0 5px 0 0;
		white-space:nowrap;
	}
	
	#TopNavi{font-size:85.5%;}
	html* #TopNavi{font-size:82%;}/* safari */
	* html #TopNavi{font-size:80%;}/* ie6 */
	*:first-child+html #TopNavi{font-size:80%;}/* ie7 */

	/* Link */
	#TopNavi a:link,
	#TopNavi a:visited{
		color:#4b4b4b;
		text-decoration:none;
	}
	#TopNavi a:hover,
	#TopNavi a:active{
		color:#007701;
		text-decoration:underline;
	}
	
/*
content
============================================================*/
	
#ContentTop{
	text-align:left;
}

	/* FlashArea */
	#ContentTop #FlashArea{
		margin:15px 0 0 10px;
	}
	
	/* BannerArea */
	#ContentTop #BannerArea{
		margin:15px 0 0 20px;
		width:770px;
		height:115px;
		background:url(../../images/bgimg_banner_01.jpg) no-repeat;
		position:relative;
	}
	#ContentTop #BannerArea .Banner01{
		position:absolute;
		top:7px;
		left:7px;
	}
	#ContentTop #BannerArea .Banner02{
		position:absolute;
		top:7px;
		left:509px;
	}
	#ContentTop #BannerArea .Banner03{
		position:absolute;
		top:61px;
		left:509px;
	}
	
	/* Area01 */
	#ContentTop #Area01{
		margin:0 0 0 0;
	}
	#ContentTop #Area01 h2{
		margin:30px 0 20px 20px;
	}
	#ContentTop #Area01 .OneSet{
		width:780px;
		margin:10px 0 0 10px;
		padding:0 0 20px 0;
		background:url(../../images/bgimg_04.gif) no-repeat left bottom;
	}
	#ContentTop #Area01 .OneSet .LeftBox{
		float:left;
		padding:0 20px 0 0;
		width:380px;
		_width:400px;
		background:url(../../images/bgimg_03.gif) no-repeat right top;
	}
	#ContentTop #Area01 .OneSet .RightBox{
		float:right;
		width:380px;
	}
	#ContentTop #Area01 .OneSet .LeftBox .TextArea,
	#ContentTop #Area01 .OneSet .RightBox .TextArea{
		margin:0 0 0 0;
		float:left;
		width:218px;
	}
	#ContentTop #Area01 .OneSet .LeftBox .TextArea p{
		margin:0 0 0 10px;
		width:190px;
	}
	#ContentTop #Area01 .OneSet .RightBox .TextArea p{
		margin:0 0 0 15px;
		width:190px;
	}
	#ContentTop #Area01 .OneSet .LeftBox .PhotoArea,
	#ContentTop #Area01 .OneSet .RightBox .PhotoArea{
		margin:5px 0 0 0;
		float:right;
		width:162px;
	}
	#ContentTop #Area01 .OneSet .LeftBox .PhotoArea .Btn,
	#ContentTop #Area01 .OneSet .RightBox .PhotoArea .Btn{
		margin:20px 0 0 20px;
	}
	
	
	
	#ContentTop #Area01 .OneSet2{
		width:780px;
		margin:10px 0 0 10px;
		padding:0 0 20px 0;
	}
	#ContentTop #Area01 .OneSet2 .LeftBox{
		float:left;
		padding:0 20px 0 0;
		width:380px;
		_width:400px;
		background:url(../../images/bgimg_05.gif) no-repeat right top;
	}
	#ContentTop #Area01 .OneSet2 .RightBox{
		float:right;
		width:380px;
	}
	#ContentTop #Area01 .OneSet2 .LeftBox .TextArea,
	#ContentTop #Area01 .OneSet2 .RightBox .TextArea{
		margin:0 0 0 0;
		float:left;
		width:220px;
	}
	#ContentTop #Area01 .OneSet2 .LeftBox .TextArea p{
		margin:0 0 0 10px;
		width:210px;
	}
	#ContentTop #Area01 .OneSet2 .RightBox .TextArea p{
		margin:0 0 0 15px;
		width:205px;
	}
	#ContentTop #Area01 .OneSet2 .LeftBox .PhotoArea,
	#ContentTop #Area01 .OneSet2 .RightBox .PhotoArea{
		margin:5px 0 0 0;
		float:right;
		width:160px;
	}
	#ContentTop #Area01 .OneSet2 .LeftBox .PhotoArea .Btn,
	#ContentTop #Area01 .OneSet2 .RightBox .PhotoArea .Btn{
		margin:20px 0 0 20px;
	}
	
	
	
	#ContentTop #Area01 .OneSet3{
		width:780px;
		margin:10px 0 0 10px;
		padding:0 0 20px 0;
		background:url(../../images/bgimg_06.gif) no-repeat left bottom;
	}
	#ContentTop #Area01 .OneSet3 h3{
		margin:0 0 0 10px;
	}
	#ContentTop #Area01 .OneSet3 .LeftBox{
		float:left;
		padding:0 20px 0 0;
		width:380px;
		_width:400px;
	}
	#ContentTop #Area01 .OneSet3 .RightBox{
		float:right;
		width:380px;
	}
	#ContentTop #Area01 .OneSet3 .LeftBox .TextArea,
	#ContentTop #Area01 .OneSet3 .RightBox .TextArea{
		margin:10px 0 0 15px;
		width:365px;
		min-height:125px;
		_height:125px;
	}
	#ContentTop #Area01 .OneSet3 .TextArea a:link,
	#ContentTop #Area01 .OneSet3 .TextArea a:visited{
		color:#4b4b4b;
		text-decoration:none;
	}
	#ContentTop #Area01 .OneSet3 .TextArea a:hover,
	#ContentTop #Area01 .OneSet3 .TextArea a:active{
		color:#007701;
		text-decoration:underline;
	}

	#ContentTop #Area01 .OneSet3 .LeftBox .TextArea strong{
		color:#55aa36;
		font-weight:bold;
	}
	#ContentTop #Area01 .OneSet3 .RightBox .TextArea li{
		padding:0 0 0 10px;
		background:url(../../images/icon_01.gif) no-repeat 0 8px;
	}
	#ContentTop #Area01 .OneSet3 .LeftBox .TextArea li img,
	#ContentTop #Area01 .OneSet3 .RightBox .TextArea li img{
		_position:absolute;
		margin:0 0 0 5px;
	}
	
	#ContentTop #Area01 .OneSet3 .LeftBox .BtnArea,
	#ContentTop #Area01 .OneSet3 .RightBox .BtnArea{
		text-align:right;
		color:#55aa36;
		position:relative;
		width:370px;
	}
	#ContentTop #Area01 .OneSet3 .LeftBox .BtnArea img,
	#ContentTop #Area01 .OneSet3 .RightBox .BtnArea img{
		position:relative;
		top:5px;
		left:10px;
	}
	#ContentTop #Area01 .OneSet3 .BtnArea{font-size:85.5%;}
	html* #ContentTop #Area01 .OneSet3 .BtnArea{font-size:82%;}/* safari */
	* html #ContentTop #Area01 .OneSet3 .BtnArea{font-size:80%;}/* ie6 */
	*:first-child+html #ContentTop #Area01 .OneSet3 .BtnArea{font-size:80%;}/* ie7 */

	/* Area02 */
	#ContentTop #Area02{
		margin:15px 0 0 20px;
		padding:0 30px;
		background:url(../../images/bgimg_07_2.gif) no-repeat 0 0;
		width:710px;
		_width:770px;
		min-height:100px;
		_height:100px;
	}
	#ContentTop #Area02 .LeftBox{
		float:left;
		width:490px;
	}
	#ContentTop #Area02 .LeftBox2{
		float:left;
		width:720px;
	}
	#ContentTop #Area02 .LeftBox h3{
		margin:10px 0 0 0;
	}
	#ContentTop #Area02 .LeftBox p{
		margin:5px 0 0 0;
	}
	#ContentTop #Area02 .LeftBox2 h2{
		margin:15px 0 0 0;
		font-weight:bold;
		font-size:100%;
	}
	#ContentTop #Area02 .LeftBox2 p{
		margin:2px 0 0 0;
	}
	#ContentTop #Area02 .RightBox{
		float:right;
		width:220px;
		text-align:right;
		padding:25px 0 0 0;
	}

	#ContentTop #Area02{font-size:85.5%;}
	html* #ContentTop #Area02{font-size:82%;}/* safari */
	* html #ContentTop #Area02{font-size:80%;}/* ie6 */
	*:first-child+html #ContentTop #Area02{font-size:80%;}/* ie7 */

	/* Area04 */
	#Area04{
		width:640px;
		margin:20px 65px 0;
		padding:10px;
		background-color:#f6f6f6;
		border:10px #eaeaea solid; 
	}
	#Area04 .h3{
		margin:0 0 0 10px;
	}
	#Area04 .LeftBox{
		float:left;
		width:40%;
		margin-left:30px;
	}
	#Area04 .RightBox{
		float:right;
		width:40%;
		margin-right:20px;
	}
	#Area04 .LeftBox .TextArea,
	#Area04 .RightBox .TextArea{
		margin:5px 0 0 0;
	}
	#Area04 .LeftBox .PhotoArea{
		text-align:center;
		margin:25px 0 0 0;
	}
	#Area04 .RightBox .PhotoArea{
		text-align:center;
		margin:5px 0 0 0;
	}

	#Area04{font-size:85.5%;}
	html* #Area04{font-size:82%;}/* safari */
	* html #Area04{font-size:80%;}/* ie6 */
	*:first-child+html #Area04{font-size:80%;}/* ie7 */

	#ContentTop #InfoArea{
		margin:30px 0 0 20px;
		padding:0 30px;
		background:url(../../images/bgimg_07_2.gif) no-repeat 0 0;
		width:710px;
		_width:770px;
		min-height:100px;
		_height:100px;
	}
	#ContentTop #InfoArea .LeftBox{
		float:left;
		width:490px;
	}
	#ContentTop #InfoArea .LeftBox h3{
		margin:15px 0 0 0;
	}
	#ContentTop #InfoArea .LeftBox p{
		margin:10px 0 0 0;
	}
	#ContentTop #InfoArea .RightBox{
		float:right;
		width:220px;
		text-align:right;
		padding:25px 0 0 0;
	}

	#ContentTop #InfoArea{font-size:85.5%;}
	html* #ContentTop #InfoArea{font-size:82%;}/* safari */
	* html #ContentTop #InfoArea{font-size:80%;}/* ie6 */
	*:first-child+html #ContentTop #InfoArea{font-size:80%;}/* ie7 */


	/* newsBox */
	.newsBox{
		width:720px;
		margin:2em 45px;
	}
	.newsBox h2{
		margin:10px 0 0 0;
		font-weight:bold;
		font-size:14px;
	}
	.newsBox p{
		margin:10px 0 0 0;
	}

/*
EndNavi
============================================================*/
	#EndNavi{
		margin:5px 0 0 0px;	
		padding:0 0 0 10px;
		width:760px;
		_width:790px;
		min-height:25px;
		_height:25px;
		background:url(../../images/bgimg_10.gif) no-repeat;
		text-align:left;
		color:#333333;
	}
	#EndNavi .subtitle{
		float:left;
		padding:0 25px 5px 0px;
		background:url(../common_img/bgimg_menu_01.gif) no-repeat right 4px;
		font-size:10px;
	}
	#EndNavi .subtitle h3{
		font-weight:normal;
	}
	#EndNavi li{
		float:left;
		padding:0 20px;
		background:url(../common_img/bgimg_menu_01.gif) no-repeat right 4px;
		font-size:10px;
	}
	
	#EndNavi{font-size:85.5%;}
	html* #EndNavi{font-size:82%;}/* safari */
	* html #EndNavi{font-size:80%;}/* ie6 */
	*:first-child+html #EndNavi{font-size:80%;}/* ie7 */

	/* Link */
	#EndNavi a:link,
	#EndNavi a:visited{
		color:#4b4b4b;
		text-decoration:none;
	}
	#EndNavi a:hover,
	#EndNavi a:active{
		color:#007701;
		text-decoration:underline;
	}