@charset "UTF-8";
@import "base.css";

body { text-align:center; background:/*url(../images/bg.png) left top repeat*/ #EEEDE1; }
#wrapper { width:100%; text-align:left; }
	* html #wrapper { width:100%; text-align:center; }
#main { width:870px; margin:0 auto; background:url(../images/wrapper-bg.png) center top repeat-y; }
	* html #main { text-align:left; }

/*div { border:1px solid #D7D7D7; padding:0; }*/

body>img { display:none; }/*Visionalist trace.gifによるレイアウト崩れ対策*/

/*---------- header -----------*/
#header { height:140px; background:url(../images/header-bg.png) center top no-repeat; position:relative; }
#header h1 { float:left; height:90px; width:660px; background:url(../images/header-img.png) no-repeat; text-indent:-9999px; margin:40px 0 0 25px; }
	* html #header h1 { float:left; height:90px; width:660px; background:url(../images/header-img.png) no-repeat; text-indent:-9999px; margin:40px 0 0 13px; }

#header #back a { height:90px; width:660px; display:block; position:absolute; left:25px; top:40px; text-indent:-9999px; /*background-color:#F69;*/ }

#header_btn { float:right; height:84px; width:157px; background:url(../images/header-btn-bg.png) no-repeat; margin:40px 25px 0 0; padding:6px 0 0 3px; }
	*:first-child+html #header_btn { float:right; height:86px; width:157px; background:url(../images/header-btn-bg.png) no-repeat; margin:40px 25px 0 0; padding:4px 0 0 3px; }
#header_btn li a { height:20px; width:135px; font-size:11px; color:#8F7B72; text-decoration:none; padding:6px 0 0 15px; display:block; background:url(../images/header-btn.png) top no-repeat; }
#header_btn li a:hover { color:#534741; text-decoration:none; background:url(../images/header-btn.png) bottom no-repeat; }


/*---------- common -----------*/

#common { overflow:hidden; /*padding-top:30px;*/ margin:10px 25px 0 25px; /*border-top:1px dotted #D7D7D7;*/ }
#common #column_left { float:left; width:530px; margin-right:30px; }
#common #column_right { float:left; width:250px; }

#common #menu2_1 { width:250px; }
#common #menu2_2 { width:250px; border-top:1px solid #D7D7D7; }
#common #menu2_3 { width:250px; border-top:1px solid #D7D7D7; }
#common #menu2_4 { height:210px; width:250px; background:url(../images/menu2-4.png) 0 10px no-repeat; border-top:1px solid #D7D7D7; }

#common #menu2 .left { width:180px; float:left; }
	#common .menu2_title { color:#BAA081; font-size:13px; font-weight:bold; margin-top:10px; }
		* html #common .menu2_title { color:#BAA081; font-size:13px; font-weight:bold; margin-top:10px; text-align:left; }
	#common .menu2_title a { color:#BAA081; font-size:13px; font-weight:bold; margin-top:10px; text-decoration:none; }
	#common .menu2_title a:hover { color:#F15A24; }
	#common .menu2_text { color:#666; font-size:10px; line-height:1.5; margin-top:3px; }
	#common .more { height:24px; background:url(../images/bullet.png) left no-repeat; margin:1px 0 5px 125px; padding:1px 0 0 16px;  }
		#common .more a { color:#FFF; text-decoration:none; font-size:9px; }
		#common .more a:hover { color:#666; /*text-decoration:underline;*/ }

#common #menu2 .right { width:50px; float:right; }
	#common .menu2_img { height:50px; width:50px; border:1px solid #D7D7D7; margin-top:32px; text-indent:-9999px; }

#common #menu2_1 .menu2_img { background:url(../images/menu2-1.png) no-repeat; }
#common #menu2_2 .menu2_img { background:url(../images/menu2-2.png) no-repeat; }
#common #menu2_3 .menu2_img { background:url(../images/menu2-3.png) no-repeat; }

#common #yukarispecial a { display:block; height:70px; width:530px; background:url(../images/banner-yukarispecial.png) no-repeat; text-indent:-9999px; }

#common #news_g { width:530px; }
#common #news_o { width:530px; }

	#common #news_g .topic { width:485px; border-bottom:1px dotted #999; padding:0 0 10px 0; margin:0 0 10px 25px; overflow:hidden; position:relative; }
	#common #news_g .topic ul li { font-size:11px; line-height:1.3; margin-top:5px; overflow:hidden; }
	#common #news_g .topic ul li a { color:#333; text-decoration:none; margin-left:2px; }
	#common #news_g .topic ul li a:hover { /*text-decoration:underline;*/ text-decoration:none; }
	#common #news_g .topic .topic_date { color:#607441; font-size:12px; font-weight:bold; margin-left:2px !important; }
	/*#common #news_g .topic .topic_title { height:18px; width:485px; overflow:hidden; color:#607441; font-size:12px; font-weight:bold; position:absolute; left:-3px; top:23px !important; }*/
	#common #news_g .topic .topic_title a { color:#607441; text-decoration:none; height:18px; width:485px; overflow:hidden; font-size:12px; font-weight:bold; position:absolute; left:0px; top:23px !important; }/*position left で表示位置調整*/
	#common #news_g .topic .topic_title a:hover { color:#607441; /*text-decoration:underline;*/ text-decoration:none; }
	
	#common #news_o .topic { width:485px; border-bottom:1px dotted #999; padding:0 0 10px 0; margin:0 0 10px 25px; overflow:hidden; position:relative; }
	#common #news_o .topic ul li { font-size:11px; line-height:1.3; margin-top:5px; overflow:hidden; }
	#common #news_o .topic ul li a { color:#333; text-decoration:none; margin-left:2px; }
	#common #news_o .topic ul li a:hover { /*text-decoration:underline;*/ text-decoration:none; }
	#common #news_o .topic .topic_date { color:#E2830E; font-size:12px; font-weight:bold; margin-left:2px !important; }
	/*#common #news_o .topic .topic_title { height:18px; width:485px; overflow:hidden; color:#607441; font-size:12px; font-weight:bold; position:absolute; left:-3px; top:23px !important; }*/
	#common #news_o .topic .topic_title a { color:#E2830E; text-decoration:none; height:18px; width:485px; overflow:hidden; font-size:12px; font-weight:bold; position:absolute; left:0px; top:23px !important; }/*position left で表示位置調整*/
	#common #news_o .topic .topic_title a:hover { color:#E2830E; /*text-decoration:underline;*/ text-decoration:none; }

/*#content .topic_title { color:#607441; font-size:16px; font-weight:bold; margin-bottom:12px; }*/

#common #inquiry { float:left; height:120px; width:820px; background:url(../images/inquiry-bg.png) no-repeat; margin:19px 0 5px 0; }
#common #inquiry li { float:left; }
#common #inquiry #tel { height:106px; width:382px; /*background:#6CF;*/ padding:14px 0 0 28px; }
#common #inquiry #mail { height:106px; width:382px; /*background:#0FC;*/ padding:14px 0 0 28px; position:relative; }
#common #inquiry #mail #click a { display:block; height:16px; width:54px; position:absolute; left:343px; top:86px; /*background:#F96;*/ }
#common #inquiry #mail #text { width:260px; font-size:12px; line-height:1.4; margin-top:20px; }
	* html #tel { text-align:left; }
	* html #mail { text-align:left; }

/*---------- footer_container -----------*/
#footer { height:180px; /*width:870px;*/ background:url(../images/footer-bg.png) left top repeat-x /*#6E6358*/; }

#footer_container { height:180px; width:870px; background:url(../images/footer-container-bg.png) no-repeat; margin:0 auto; position:relative; }

#footer_container #footer_link1 { width:870px; position:absolute; left:0px; top:70px; /*background:#F99;*/ }
#footer_container #footer_link1 li { float:left; color:#FFF; font-size:10px; line-height:1.8; }
#footer_container #footer_link1 li a { font-size:10px; color:#FFF; text-decoration:none; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; }
#footer_container #footer_link1 a:hover { color:#FFF; text-decoration:underline; }

#footer_container #footer_link2 { width:870px; position:absolute; left:0px; top:137px; /*background:#F99;*/ }
#footer_container #footer_link2 li { float:left; color:#FFF; font-size:10px; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; }
#footer_container #footer_link2 a { color:#FFF; font-size:10px; text-decoration:none; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; }
#footer_container #footer_link2 a:hover { color:#FFF; text-decoration:underline; }

#footer_container #copyright li { float:right; font-size:11px; color:#FFF; }

/*---------- sitemenu（開発用） -----------*/
#sitemenu { width:820px; margin:0 25px; }
#sitemenu li { float:left; white-space:nowrap; }
#sitemenu li a { font-size:10px; }

/*---------- content -----------*/
#content { margin:0 25px 0 25px; }

/*---------- hl bg -----------*/
.hlbg0 { height:40px; width:806px; color:#607441; font-size:16px; font-weight:bold; background:url(../images/hlbg0.png) no-repeat; padding:9px 0 0 14px; margin:10px 0 0 0; }
.hlbg1 { height:22px; width:520px; color:#FFF; font-size:12px; font-weight:bold; background:url(../images/hlbg1.png) no-repeat; padding:5px 0 0 10px; margin-top:15px; }
.hlbg2 { height:27px; color:#607441; font-size:16px; font-weight:bold; background:url(../images/hlbg2.png) no-repeat; padding:2px 0 0 18px; margin:15px 0 15px 0; border-bottom:1px dotted #CCC; }
.hlbg3 { height:20px; font-size:14px; margin:0 0 5px 0; color:#F3921B; }
	* html .hlbg1 { height:26px; width:530px; color:#FFF; font-size:14px; font-weight:bold; background:url(../images/hlbg1.png) no-repeat; padding:2px 0 0 10px; margin-top:15px; text-align:left; }
.hlbg4 { height:32px; width:760px; color:#FFF; font-size:16px; font-weight:bold; background:url(../images/hlbg4.png) no-repeat; padding:23px 0 0 60px; margin:10px 0 0 0; }

.hlbg1g { height:22px; width:520px; color:#FFF; font-size:12px; font-weight:bold; background:url(../images/hlbg1g.png) no-repeat; padding:5px 0 0 10px; margin-top:15px; }
	.hlbg1g a { color:#FFF; font-size:12px; font-weight:bold; text-decoration:none; }
.hlbg1o { height:22px; width:520px; color:#FFF; font-size:12px; font-weight:bold; background:url(../images/hlbg1o.png) no-repeat; padding:5px 0 0 10px; margin-top:15px; }


/*---------- box bg -----------*/
.boxbg1 { background:#F5F5EF; padding:12px 0 12px 0; margin:0; } /*ニュース背景うすいグレー*/
/*.boxbg1 { background:#FFFFE0; padding:20px 0 15px 0; margin:0; }*/ /*ニュース背景うすい黄色*/


#nav2 { height:43px; width:800px; margin:8px auto 16px auto; background:url(../images/nav2-bg.png) no-repeat; padding:7px 0 0 20px; }
#nav2 .lv1 { width:260px; float:left; }
#nav2 .lv1 li { line-height:1.4; }
#nav2 .lv1 li a { color:#534741/*#607441*/; font-size:12px; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; text-decoration:none; }
#nav2 .lv1 li a:hover { text-decoration:underline; }
/*#nav2 .lv2 { margin-left:10px; }*/
#nav2 .lv2 li { float:left; font-size:10px; }
#nav2 .lv2 li a { font-size:10px; }
#nav2 .lv2 li a:hover { text-decoration:underline; }
	* html #nav2 { height:53px; width:800px; margin:8px auto 16px auto; background:url(../images/nav2-bg.png) no-repeat; padding:7px 0 0 20px; }

/*.article { border:1px solid #D7D7D7; padding:18px 10px; margin:10px 0 20px 0; overflow:hidden; }*/
.article { border:1px solid #D7D7D7; padding:5px 20px 15px 20px; margin:0 0 30px 0; overflow:hidden; }
.text_box1 { background:#EFEEE1; padding:15px; margin:0 0 10px 0; line-height:1.4; overflow:hidden; }