@charset "Shift_JIS";

/*===================================================================
	wrapper
===================================================================*/

body { background:#a2a9b2 url(../images/index/body_bg.gif) repeat-y top center; }

#wrapper { background:url(../images/index/wrapper_bg.gif) repeat-x left top; }
#wrapper2 { background:url(../images/index/footer_bg.gif) no-repeat center bottom; }

#wrapper #container { width:801px; margin:0 auto; background:url(../images/common/container_bg.gif); }
#wrapper2 #container { width:801px; margin:0 auto;}

/*===================================================================
	header
===================================================================*/
#header { position:relative; width:799px; height:68px; margin:0 auto; background:url(../images/header/header_bg.gif) repeat-x; }
#header #logo-brand { position:absolute; bottom:12px; left:18px; }
#header #logo-co { position:absolute; bottom:13px; right:17px; }

#header #header-lnk { float:right; height:30px; padding:0 10px 0 25px; background:url(../images/header/header_lnk_bg.gif) no-repeat left top; }
#header #header-lnk .lnk { float:left; }
#header #header-lnk .lnk ul li { float:left; padding:7px 10px 0 0; }
#header #header-lnk .lnk ul li p { font-size:84%; line-height:14px; padding-left:12px; padding-top:2px; background:url(../images/common/lnk-ar01.gif) no-repeat left center; }
#header #header-lnk .lnk ul li a { color:#e0e3e7; text-decoration:none; line-height:14px; }
#header #header-lnk .lnk ul li a:hover { text-decoration:underline; }

#header #header-lnk .english { float:left; width:60px; height:30px; margin-right:15px; background:url(../images/header/header_line.gif) no-repeat right; }
#header #header-lnk .english img { padding:7px 0 0 0; }

#header #header-lnk .fontsize { float:left; padding-top:5px; }
#header #header-lnk .fontsize p.title { float:left; width: 48px; height: 15px; margin-right:5px; background:url(../images/header/fontsize_tit.gif) no-repeat; font-size: 0; line-height: 0; text-indent: -9999px; }
#header #header-lnk .fontsize ul { float: left; }
#header #header-lnk .fontsize li { float: left; width: 15px; height: 15px; margin-right: 7px; overflow: hidden; }
#header #header-lnk .fontsize li a { background: url(../images/header/header_btn_fontsize.gif); display: block; width: 15px; height: 15px; text-indent: -9999px; }
#header #header-lnk .fontsize li.small a.current { background-position: 0 15px; }
#header #header-lnk .fontsize li.medium a { background-position: 30px 0; }
#header #header-lnk .fontsize li.medium a.current { background-position: 30px 15px; }
#header #header-lnk .fontsize li.big a { background-position: 15px 0; }
#header #header-lnk .fontsize li.big a.current { background-position: 15px 15px; }
#header #header-lnk .fontsize p.noscript { margin-top: 8px; }


/*===================================================================
	global-nav-idx
===================================================================*/
#globalNav { width: 801px; height: 59px; margin:0 auto; background:url(../images/index/global-nav_bg.gif) no-repeat bottom; }
#globalNav li { float: left; }
#globalNav li a { display: block; height: 49px; line-height: 0; overflow: hidden; background-image: url(../images/index/global-nav.gif); background-repeat: no-repeat; font-size: 0; text-indent: -9999px; }

#globalNav li.about a { width: 162px; background-position: 0 0; }
#globalNav li.moeco a { width: 161px; background-position: -162px 0; }
#globalNav li.project a { width: 157px; background-position: -323px 0; }
#globalNav li.news a { width: 160px; background-position: -480px 0; }
#globalNav li.recruit a { width: 160px; background-position: -640px 0; }

/* hover,current */
#globalNav li.about a:hover { background-position: 0 -49px; }
#globalNav li.moeco a:hover { background-position: -162px -49px; }
#globalNav li.project a:hover { background-position: -323px -49px; }
#globalNav li.news a:hover { background-position: -480px -49px; }
#globalNav li.recruit a:hover { background-position: -640px -49px; }

/* active */
#globalNav li.about a.act { background-position: 0 -49px; }
#globalNav li.moeco a.act { background-position: -162px -49px; }
#globalNav li.project a.act { background-position: -323px -49px; }
#globalNav li.news a.act { background-position: -480px -49px; }
#globalNav li.recruit a.act { background-position: -640px -49px; }


/*===================================================================
	index
===================================================================*/

#wrapper #container .topimg { width:801px; height:330px; padding:0 0 0 0; }
#wrapper #container .topimg h1 { margin:0px; }

#wrapper2 #contents { width:759px; margin:0 auto; padding:20px 0 10px; text-align:left; }
#wrapper2 #contents p { padding:0; margin:0; }

#wrapper2 #contents .main-cont { float:left; width:570px; padding:0 0 25px 0; }
#wrapper2 #contents .main-cont h1 { margin-bottom:7px; }
#wrapper2 #contents .main-cont h2 { position:relative; margin-bottom:15px; }
#wrapper2 #contents .main-cont h2 .btn { position:absolute; top:6px; right:10px; }
#wrapper2 #contents .main-cont .txt-area { padding:0 0 15px 5px; color:#FFFFFF; }

#wrapper2 #contents .main-cont .txt-area ul { margin-bottom:5px; }
#wrapper2 #contents .main-cont .txt-area ul li { float:left; margin-right:2px; line-height:140%; }
#wrapper2 #contents .main-cont .txt-area ul li img { vertical-align:bottom; }

#wrapper2 #contents .main-cont .txt-area ul li.day { width:135px; white-space:nowrap; }
#wrapper2 #contents .main-cont .txt-area ul li.cat { width:50px; }
#wrapper2 #contents .main-cont .txt-area ul li.tit { width:365px; }

#wrapper2 #contents .right-cont { float:right; width:170px; margin:0 0 20px 0; text-align:center; }
#wrapper2 #contents .right-cont ul.banner-list { padding: 0; margin: 0; }
#wrapper2 #contents .right-cont ul.banner-list li { padding: 0; margin-bottom: 15px; }


/*===================================================================
	margin
===================================================================*/
p.mgn-b10 { margin:0 0 100px 0; }


/*===================================================================
	font-color
===================================================================*/
.t12white{font-size:12px; line-height:140%; color:#ffffff;}/*12px Çò¿§*/



/*===================================================================
	link
===================================================================*/
a{color:#ffffff; text-decoration:none;}
a:hover{text-decoration:underline;}


/*===================================================================
	footer
===================================================================*/
#footer { padding:10px 0; }
#footer .footer-lnk { width:760px; margin:0 auto; padding-bottom:40px; }
#footer .footer-lnk ul { padding-top:10px; }
#footer .footer-lnk ul li { float:left; padding-right:10px; margin-right:10px; border-right:solid 1px #CCCCCC; font-size:84%; }

#footer .footer-cont { width:760px; margin:0 auto; }
#footer .footer-cont .cr { float:left; }
#footer .footer-cont .lnk { float:right; }