@charset "euc-jp";

/*-----------------------------------------------------------------------
	基本CSS
-------------------------------------------------------------------------*/

body,p,h1,h2,h3,h4,h5,h6,img,a,ul,ol,li,dl,dt,dd,div,form,hr,table,th,td,tr { margin: 0; padding: 0; border: 0; list-style: none; text-decoration: none; }
a:hover { color: #FF9900; text-decoration: underline; }
a:visited { color: #CC0000; }
hr { visibility: hidden; display: none; }

body { margin: 0 auto; width: 800px; text-align: center; font-size: 100%; color: #333333; 

line-height: 120%; }

#wrapper { text-align: left; position: relative; width: 800px; }

/*-----------------------------------------------------------------------
	ヘッダー関連
-------------------------------------------------------------------------*/

#header { height: 111px; background: url(/share_images/header/bg.gif) no-repeat; text-indent: -9999px; }
#header h1 { width: 190px; height: 45px; position: absolute; top: 35px; left: 20px; }
#header h1 a { height: 45px; display: block; }

#submenu { padding: 20px 20px 0 0; text-indent: 0; /*\*/text-align: right;/**/ font-size: 10px; }
#submenu ul { line-height: 50px; }
*html #submenu { padding: 40px 20px 0 320px; /*\*/padding: 40px 20px 0 0;/**/ }
*html #submenu ul { line-height: 100%; }
#submenu li { padding: 15px 0 15px 40px; display: inline; }

#submenu li a:hover { color: #aa00ff; text-decoration: underline; }
#submenu a:visited { color: #CC00FF; }

#submenu li.company { background: none; padding: 15px 0 15px 0px;}
#submenu li.recruit { background: url(/share_images/header/icon/recruit.gif) 14px 10px no-repeat; }
#submenu li.sitemap { background: url(/share_images/header/icon/sitemap.gif) 14px 10px no-repeat; }
#submenu li.contact { background: url(/share_images/header/icon/contact.gif) 14px 10px no-repeat; }
#submenu li.english { background: url(/share_images/header/icon/english.gif) 14px 10px no-repeat; }

#header p.cam{
	position:absolute ;
	top:34px ;
	left:280px ;}
#header p.cam a{
	text-indent:-9999px ;
	display:block ;
background: url(/share_images/header/icon/btn_company.gif)  no-repeat 0 0 ;
width:116px ;
height:26px ;
}
#header p.cam a:hover{
	display:block ;
background: url(/share_images/header/icon/btn_company_on.gif)  no-repeat 0 0 ;
width:116px ;
height:26px ;
}



#menu { height: 45px; }
#menu li { width: 130px; position: absolute; top: 66px; }
#menu li.home { width: 60px; left: 205px; top: 90px; }
#menu li.comics { left: 270px; }
#menu li.biblio { left: 400px; }
#menu li.magazine { left: 530px; }
#menu li.special { width: 141px; left: 660px; }
#menu li a { height: 45px; display: block; }
#menu li.home a { height: 20px; }
#menu li.comics a:hover { background: url(/share_images/header/menu_ov.gif) 0 0 no-repeat; }
#menu li.biblio a:hover { background: url(/share_images/header/menu_ov.gif) -130px 0 no-repeat; }
#menu li.magazine a:hover { background: url(/share_images/header/menu_ov.gif) -260px 0 no-repeat; }
#menu li.special a:hover { background: url(/share_images/header/menu_ov.gif) -390px 0 no-repeat; }

#search { background: #f2f2f2; height: 44px; /*height: 39px;*/ /*text-align: right; padding: 0 20px 0 0;*/ }
#search form { padding: 11px 0 0 20px; float: left; /*padding: 8px 0 0 20px;*/ }
*html #search form { padding: 12px 0 0 20px; }
*:first-child+html #search form { padding: 12px 0 0 20px; }
#search form .key { width: 15em; }
#search form .submit { width: 5em; }
#search p { float: left; text-indent: -9999px; }
/* これ以降Mac IE 5のみに適用される \*//*/
#search p { background-position: 0 5px; }
/* これ以降Mac IE 5以外にも適用される */
#search p a { margin: 12px 0 0 8px; width: 80px; height: 20px; display: block; background: url(/share_images/search.gif) no-repeat; }
#search img { float: right; margin: 4px 20px 0 0; border: 1px solid #333333; }


/*-----------------------------------------------------------------------
	フッター関連
-------------------------------------------------------------------------*/

p.totop { clear: both; text-align: right; font-size: 70%; }

.line { margin: 1px 0; padding: 0; clear: both; width: 800px; height: 9px; background: #ff7f00; }
/*html .line { margin: 20px 0 1px 0; }*/

.line hr { display: none; }

#footer { clear: both; height: 60px; /*\*/height: 100%;/**/ background: #F2F2F2; text-align: center; font-size: 70%; position: relative; }
#footer div.menu { background: url(/share_images/footer/up.gif) no-repeat; height: 37px; border-bottom: 1px solid #ffffff; text-indent: -9999px; }

#footer .menu li a { height: 31px; position: absolute; top: 0; padding: 6px 0 0 0; }
#footer .menu li.home a { width: 71px; left: 0; }
#footer .menu li.comics a { width: 92px; left: 73px; }
#footer .menu li.biblio a { width: 72px; left: 167px; }
#footer .menu li.magazine a { width: 72px; left: 241px; }
#footer .menu li.special a { width: 93px; left: 315px; }
#footer .menu li.top a { width: 144px; right: 0; }
#footer .menu li.home a:hover { background: url(/share_images/footer/ov.gif) no-repeat; }
#footer .menu li.comics a:hover { background: url(/share_images/footer/ov.gif) no-repeat -73px 0; }
#footer .menu li.biblio a:hover { background: url(/share_images/footer/ov.gif) no-repeat -167px 0; }
#footer .menu li.magazine a:hover { background: url(/share_images/footer/ov.gif) no-repeat -241px 0; }
#footer .menu li.special a:hover { background: url(/share_images/footer/ov.gif) no-repeat -315px 0; }
#footer .menu li.top a:hover { background: url(/share_images/footer/ov.gif) no-repeat -656px 0; }

#footer ul { padding: 5px 0 5px 5px; /*\*/letter-spacing: 1px;/**/ }
#footer li { margin: 0 0 0 1px; padding: 0 0 0 7px; display: inline; border-left: 1px solid #333333; }
#footer li span { border-right: 1px solid #333333; padding: 0 3px 0 0; }
#footer a:hover { color: #FF6600; text-decoration: underline; }
#footer a:visited { color: #CC00FF; }
#footer p { line-height: 140%; }
/* これ以降Mac IE 5のみに適用される \*//*/
#footer { height: 110px; }
#footer li { border: none; }
#footer li span { border: none; }
/* これ以降Mac IE 5以外にも適用される */