@charset "UTF-8";
html {margin:0; padding:0; background-color:#FFF;width:100%; text-align:center;}
body {margin:0; padding:0;font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;  }
h1,h2,h3,h4,h5,h6,li,p { vertical-align:middle; color:#333; line-height:1.5em;}
td, th {color:#333; line-height:1.5em;}
img { border:none;}

/* 外枠 */
#layout {width:100%; text-align:center;background:url(../images/bg.jpg) top repeat-x;  }
#home-layout {width:100%; text-align:center;background:url(../images/bg-home.jpg) top repeat-x; }
#layout-inner  { width:920px; margin:0 auto; text-align:left;}

#header { padding:0 0 0 20px;width:900px; height:82px; overflow:hidden; background:url(../images/header-bg.jpg) no-repeat; background-position:right top;}
	#header-left { float:left; width:280px;}
		#top{ margin:0; padding:2px 0; line-height:14px; font-size:10px; font-weight:normal;width:280px;  color:#FFFFFC;}
		#logo { margin:0; padding:0;width:280px; height:60px; overflow:hidden; text-indent:-8000em;}
			#logo a {display:block; margin:0; padding:0;width:280px; height:60px; overflow:hidden;}
	#header-right { float:right; width:400px; }
		#header-menu {margin:0; padding:0 0 0 18px; display:block; width:380px; height:82px; overflow:hidden; list-style:none;  text-indent:-8000em;}
			#header-menu li { display:block; float:left; margin:0; padding:0; width:90px; height:36px; overflow:hidden; font-size:16px;}
				#header-menu li a { display:block; width:90px; height:36px; overflow:hidden;background-repeat: no-repeat; background-position:0 0; background-image:none;}
					#header-menu li strong {display:block; width:90px; height:36px; overflow:hidden; background-repeat: no-repeat; background-position:0 0; }
					#header-menu1 a:hover { background-image:url(../images/header-menu1.jpg);}
						#header-menu1 strong { background-image:url(../images/header-menu1.jpg);}
					#header-menu2 a:hover { background-image:url(../images/header-menu2.jpg);}
						#header-menu2 strong{ background-image:url(../images/header-menu2.jpg);}
					#header-menu3 a:hover { background-image:url(../images/header-menu3.jpg);}
						#header-menu3 strong { background-image:url(../images/header-menu3.jpg);}
					#header-menu4 a:hover { background-image:url(../images/header-menu4.jpg);}
						#header-menu4 strong { background-image:url(../images/header-menu4.jpg);}

#contents {float:right; width:700px; padding:10px 20px 0 0;}

#menu { float:left; width:160px; padding:10px 0 20px 20px;}
	.menu-common { width:160px; padding:0; margin:0 0 10px 0; background: url(../images/menu-common-bg.gif) repeat-y;}
			.menu-common p {width:159px; margin:0; padding:6px 0 0 1px; font-size:12px; line-height:20px; background: url(../images/menu-common-top.gif) no-repeat top; text-align:center;}
			.menu-common p strong { display:block; width:158px;background:url(../images/home-bg.gif) repeat-x top;}
			.menu-common ul {width:158px; margin:0; padding:0 0 0 1px; list-style:none;}
				.menu-common li {width:150px; margin:0; padding:2px 0 2px 8px; border-top:1px solid #EEE; border-bottom:1px solid #FFF; font-size:12px; line-height:18px;}
					.menu-common li a {display:block; width:136px; padding:0 0 0 14px; color:#666; text-decoration:none; background:no-repeat; background-image:url(../images/btn1-1.gif); background-position:0 0.4em; }
					.menu-common li a:hover { color:#300; text-decoration: underline; background-image:url(../images/btn1-2.gif);}
				.menu-common li:hover {background: url(../images/gra1.gif) repeat-x top; }
			.menu-common .cb { width:160px; background: url(../images/menu-common-end.gif) no-repeat bottom; height:4px;}
	#menu-common { width:160px; padding:0 0 10px 0;}
		#menu-common ul { display:block; width:160px; overflow:hidden; list-style:none; padding:23px 0 0 0; margin:0;background-position: top left; background-repeat:no-repeat;}
			#menu-common li { display:block; width:160px; height:39px; display:block; overflow:hidden; list-style:none; padding:0; margin:0; }
				#menu-common li a { display:block; width:160px;height:39px; background-position: top left; background-repeat:no-repeat; background-image:none;text-indent:-8000em;}
				#menu-common li strong { display:block; width:160px;height:39px; background-position: top left; background-repeat:no-repeat;}
		#menu-common-myhome { background-image:url(../images/menu-common-myhome.gif);}
			#menu-common-myhome1 a:hover { background-image:url(../images/menu-common-myhome1.gif);}
			#menu-common-myhome2 a:hover { background-image:url(../images/menu-common-myhome2.gif);}
			#menu-common-myhome3 a:hover { background-image:url(../images/menu-common-myhome3.gif);}
			#menu-common-myhome4 a:hover { background-image:url(../images/menu-common-myhome4.gif);}
			#menu-common-myhome5 a:hover { background-image:url(../images/menu-common-myhome5.gif);}
			#menu-common-myhome6 a:hover { background-image:url(../images/menu-common-myhome6.gif);}
				#menu-common-myhome1 strong { background-image:url(../images/menu-common-myhome1.gif);}
				#menu-common-myhome2 strong { background-image:url(../images/menu-common-myhome2.gif);}
				#menu-common-myhome3 strong { background-image:url(../images/menu-common-myhome3.gif);}
				#menu-common-myhome4 strong { background-image:url(../images/menu-common-myhome4.gif);}
				#menu-common-myhome5 strong { background-image:url(../images/menu-common-myhome5.gif);}
				#menu-common-myhome6 strong { background-image:url(../images/menu-common-myhome6.gif);}
		#menu-common-land { background-image:url(../images/menu-common-land.gif);}
			#menu-common-land1 a:hover { background-image:url(../images/menu-common-land1.gif);}
			#menu-common-land2 a:hover { background-image:url(../images/menu-common-land2.gif);}
			#menu-common-land3 a:hover { background-image:url(../images/menu-common-land3.gif);}
			#menu-common-land4 a:hover { background-image:url(../images/menu-common-land4.gif);}
			#menu-common-land5 a:hover { background-image:url(../images/menu-common-land5.gif);}
			#menu-common-land6 a:hover { background-image:url(../images/menu-common-land6.gif);}
				#menu-common-land1 strong { background-image:url(../images/menu-common-land1.gif);}
				#menu-common-land2 strong { background-image:url(../images/menu-common-land2.gif);}
				#menu-common-land3 strong { background-image:url(../images/menu-common-land3.gif);}
				#menu-common-land4 strong { background-image:url(../images/menu-common-land4.gif);}
				#menu-common-land5 strong { background-image:url(../images/menu-common-land5.gif);}
				#menu-common-land6 strong { background-image:url(../images/menu-common-land6.gif);}
		#menu-common-construct { background-image:url(../images/menu-common-construct.gif);}
			#menu-common-construct1 a:hover { background-image:url(../images/menu-common-construct1.gif);}
			#menu-common-construct2 a:hover { background-image:url(../images/menu-common-construct2.gif);}
			#menu-common-construct3 a:hover { background-image:url(../images/menu-common-construct3.gif);}
			#menu-common-construct4 a:hover { background-image:url(../images/menu-common-construct4.gif);}
			#menu-common-construct5 a:hover { background-image:url(../images/menu-common-construct5.gif);}
			#menu-common-construct6 a:hover { background-image:url(../images/menu-common-construct6.gif);}
				#menu-common-construct1 strong { background-image:url(../images/menu-common-construct1.gif);}
				#menu-common-construct2 strong { background-image:url(../images/menu-common-construct2.gif);}
				#menu-common-construct3 strong { background-image:url(../images/menu-common-construct3.gif);}
				#menu-common-construct4 strong { background-image:url(../images/menu-common-construct4.gif);}
				#menu-common-construct5 strong { background-image:url(../images/menu-common-construct5.gif);}
				#menu-common-construct6 strong { background-image:url(../images/menu-common-construct6.gif);}
		#menu-common-about { background-image:url(../images/menu-common-about.gif);}
			#menu-common-about1 a:hover { background-image:url(../images/menu-common-about1.gif);}
			#menu-common-about2 a:hover { background-image:url(../images/menu-common-about2.gif);}
			#menu-common-about3 a:hover { background-image:url(../images/menu-common-about3.gif);}
			#menu-common-about4 a:hover { background-image:url(../images/menu-common-about4.gif);}
			#menu-common-about5 a:hover { background-image:url(../images/menu-common-about5.gif);}
			#menu-common-about6 a:hover { background-image:url(../images/menu-common-about6.gif);}
				#menu-common-about1 strong { background-image:url(../images/menu-common-about1.gif);}
				#menu-common-about2 strong { background-image:url(../images/menu-common-about2.gif);}
				#menu-common-about3 strong { background-image:url(../images/menu-common-about3.gif);}
				#menu-common-about4 strong { background-image:url(../images/menu-common-about4.gif);}
				#menu-common-about5 strong { background-image:url(../images/menu-common-about5.gif);}
				#menu-common-about6 strong { background-image:url(../images/menu-common-about6.gif);}
	
	#menu-links {width:160px;padding:0 0 5px 0 ; background:url(../images/menu-links-end.gif) bottom no-repeat;}
		#menu-links-head {width:160px; height:23px; margin:0; padding:0; overflow:hidden;}
		#menu-links p { margin:0; padding:10px 0 5px 0; background-color:#F6F6F6; text-align:center;line-height:1em; border-right:1px solid #CCC; border-left:1px solid #CCC;}
			#menu-links p img { vertical-align:middle; margin:0 0 4px 0;}

#footer { clear:both;  padding:5px 0 5px 10px; margin:0 20px; border-top:1px solid #666;}
	#footer p { margin:0; padding:0; font-size:12px; line-height:16px;}
		#footer p a { padding:0 4px; color:#333; text-decoration:none; }
			#footer p a:hover { color:#300; text-decoration: underline;}
			#footer p strong { color:#300; text-decoration: underline; font-weight:normal;}
	#footer-address { width:700px;float:left; }
	#footer-note { width:200px;float:right; text-align:center;}

/* 共通 */
.wrap { width:700px;margin:0 0 20px 0;}
/*.wrap { width:700px; background:url(../images/wrap-bg.gif) repeat-y; margin:0 0 20px 0;}*/
	.wrap-head { width:700px; padding:10px 0 0 0;  background:url(../images/wrap-top.gif) no-repeat top;}
		.wrap-head h2 {width:700px; margin:0; padding:0 0 10px 0 ; font-size:18px; line-height:28px;background:url(../images/wrap-h2.jpg) repeat-x bottom;background-color:#182D4E; font-weight:normal;vertical-align:middle; letter-spacing:2px;}
			.wrap-head h2 span { display:block;width:660px; margin:0 0 0 10px; padding:5px 0 5px 10px;  border-left:5px solid #FFF; color:#FFF; }
				.wrap-head h2 span strong { font-size:14px; font-weight:normal; line-height:24px;}
			.wrap-head h2 a { text-decoration:none;}
				.wrap-head h2 a span { display:block;width:660px; margin:0 0 0 10px; padding:5px 0 5px 10px;  border-left:5px solid #FFF; color:#FFF; background:url(../images/wrap-a1.gif) no-repeat right;cursor:pointer;}
				.wrap-head h2 a:hover span { border-left:5px solid #ABEC3E; color:#ABEC3E;background:url(../images/wrap-a2.gif) no-repeat right;}
	.wrap-end { width:700px; height:1px; display:block; clear:both; font-size:1px; line-height:1px;}
	/*.wrap-end { width:700px; height:5px; display:block; clear:both; font-size:1px; line-height:1px; background:url(../images/wrap-end.gif) no-repeat bottom;}*/
	.wrap-inner { padding:20px 6px 10px 6px;} 

#main-menu { background:url(../images/main-menu.jpg) no-repeat; width:920px; padding:0; text-align:center; clear:both; height:72px; }
	#main-menu ul { margin:0; padding:7px 0 0 21px;width:899px; list-style:none;}
		#main-menu li { display:block; margin:0; padding:0 7px 0 0; list-style:none; float:left; width:170px; height:57px; text-indent:-800em; overflow:hidden; }
			#main-menu li a { display:block; width:170px; height:57px; overflow:hidden;background-repeat: no-repeat; background-position:0 0; background-image:none;}
				#main-menu li strong {display:block; width:170px; height:57px; overflow:hidden; background-repeat: no-repeat; background-position:0 0; }
			#main-menu1 a:hover { background-image:url(../images/main-menu1.jpg);}
				#main-menu1 strong { background-image:url(../images/main-menu1.jpg);}
			#main-menu2 a:hover { background-image:url(../images/main-menu2.jpg);}
				#main-menu2 strong{ background-image:url(../images/main-menu2.jpg);}
			#main-menu3 a:hover { background-image:url(../images/main-menu3.jpg);}
				#main-menu3 strong { background-image:url(../images/main-menu3.jpg);}
			#main-menu4 a:hover { background-image:url(../images/main-menu4.jpg);}
				#main-menu4 strong { background-image:url(../images/main-menu4.jpg);}
			#main-menu5 a:hover { background-image:url(../images/main-menu5.jpg);}
				#main-menu5 strong { background-image:url(../images/main-menu5.jpg);}
.main-navi { display:block; padding:2px 0 2px 24px;width:890px; }
	.main-navi p { margin:0; padding:0; font-size:10px;text-align:left;color:#666; line-height:14px;}
		.main-navi a { color:#666; text-decoration:none; padding:0 5px;}
			.main-navi a:hover { color:#2E9E20; text-decoration: underline; padding:0 5px;}
		.main-navi strong { color:#2E9E20; font-weight:normal; padding:0 5px;}

.artlink { display:block; padding:8px 0 4px 0;}
	.artlink a { color:#300; text-decoration:none; border:1px solid #300; padding:2px 5px; background:#FFF;}
		.artlink a:hover {background:#EEE; text-decoration:underline;}

.linklist { padding:10px 20px;}
	.linklist p { text-align:right; margin:0; padding:0; font-size:12px; line-height:24px; background:url(../images/wrap-h2.gif) repeat-x bottom; border:1px solid #EEE; }
		.linklist p a { color:#666; text-decoration:none; padding:4px 8px; border-left:1px solid #FFF; line-height:20px;}
			.linklist p a:hover {text-decoration: underline;  padding:4px 8px; color:#300; line-height:20px; font-weight:normal;}
		.linklist p strong {text-decoration: underline;  padding:4px 8px; color:#300; line-height:20px; font-weight: normal; font-size:14px;}

.cb { height:1px; display:block; clear:both; font-size:1px; line-height:1px;}
.fr { float:right;}

.f10 { font-size:10px;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}
.sitecolor { color:#300;}