/*
===============================================================================
/css/basicpage.css
通常(ポップアップではない)ページ用スタイルシート
===============================================================================*/

/*-----------
Shared Styles
-------------*/

/* [HTMLTag] BODY
===============================================================================*/
body {
	min-width:780px;

	background:#E1E7E9 url("../images_public/contents/bg.gif") repeat-y top center;
	text-align:center;
}

/* [HTMLTag] H1(Title)
===============================================================================*/
h1 {
	float:left;

	margin:0;
	padding:0;

	width:444px;
}
h1 a {
	display:block;
}

/* Contents > [HTMLTag] H3 (Underlined Contents Title)
===============================================================================*/
#contents h3 {
	margin:19px 0 0;
	padding:0 0 1px;

	background:#fff url("../images_public/contents/dottedline.gif") repeat-x left bottom;
}
#contents h3.first {
	margin-top:0;
}

/* Contents > [HTMLTag] P
===============================================================================*/
#contents p {
	margin:0.75em 0 0;
}




/*------------
Element Styles
--------------*/

/* Skipper
===============================================================================*/
#skipper {
	display:none;
}

/* Title
===============================================================================*/
#title {
	margin:0 auto;

	text-align:left;

	width:780px;
	height:69px;
}
#title p {
	float:left;

	margin:0;
	padding:0;
}

/* Title (Small)
===============================================================================*/
#title.small {
	height:49px;
}
#title.small h1 {
	float:none;

	padding:0 0 0 20px;

	background:#9AC8E4 url("../images_public/title01_small_bg.gif") repeat-x left top;

	width:780px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:760px;
} html>body #title.small h1 {width:760px;}

/* Menu
===============================================================================*/
#menu, #menu ul, #menu li {
	list-style:none;
	display:block;

	margin:0;
	padding:0;
}
#menu {
	padding:0 19px;

 	background:#fff url("../images_public/navigation/bg.gif") repeat-x top left;
	text-align:left;

	height:22px;
	width:780px;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin:0 auto;
	width:742px;
	position : relative;
	z-index: 100;
	visibility:visible;  /* -- For IE7  -- */
} html>body #menu {margin:0 auto;width:742px;}

#menu li {
	position:relative;
	width:148px;
	float:left;
}
li#menu_top, li#menu_recruit {
	width:149px;
}
li#menu_recruit {
	float:none;
}
#menu li a {
	display:block;
}

/* Menu > Submenu
===============================================================================*/
.submenu {
	width:148px;
	position : relative;
	z-index: 100;
	visibility:visible;  /* -- For IE7  -- */
}

/* Contents
===============================================================================*/
#contents {
	/* Trickey (IE on Mac) */
	clear:left;

	padding:1em 46px 1em;
	margin:0 auto;

	background:#fff;
	text-align:left;

	width:780px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:688px;
} html>body #contents {width:688px;}

/* Contents > Breadcrumb
===============================================================================*/
#contents p#breadcrumb {
	margin:0;
	padding:0 0 0.3em;

	color:#999;
	background:#fff url("../images_public/contents/dottedline.gif") repeat-x left bottom;

	width:688px;

	font-size:0.8em;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:x-small;
} html>body #contents p#breadcrumb {font-size:x-small;}

/* Contents > [HTMLTag] H2 (Page Title)
===============================================================================*/
#contents h2 {
	margin:0 0 25px;
	padding:0;
}

/* Contents > Common Lead Division Format
===============================================================================*/
#contents div.lead {
	margin:19px 0 0;
	padding:0 0 19px;

	background:#fff url("../images_public/contents/dottedline.gif") repeat-x left bottom;
}
#contents div.lead img {
	float:left;
}
#contents div.lead h3 {
	margin:0 0 0 200px;
	background:none;
}
#contents div.lead h3 img {
	float:none;
}
#contents div.lead p {
	margin-left:200px;

	color:#378;

	width:430px;
}

/* Contents > Page Top
===============================================================================*/
#contents p.pagetop {
	clear:left;

	margin:0;
	padding:0.5em 0 0.25em;

	text-align:right;

	width:688px;
}
#contents p.pagetop a {
	padding-right:15px;

	background:#fff url("../images_public/contents/pagetop.gif") no-repeat right center;
	
	/* Tricky for Mac IE */
	position:relative;
	left:-15px;
}
/* hide from IE on Mac \*/
#contents p.pagetop a {
	position:static;
}
html>body #contents p.pagetop a {position:static;}
/* end of hack */


/* Contents > Otoiawase
===============================================================================*/
#contents dl.otoiawase {
	clear:left;
	margin:0;
	padding:0;

	background:#fff url("../images_public/contents/dottedline.gif") repeat-x left top;
}
#contents dl.otoiawase.notop {
	margin-top:2em;
}
#contents dl.otoiawase dt {
	display:inline;

	padding-left:58px;
	margin-right:1em;

	line-height:2em;
	background:#fff url("../images_public/contents/info.gif") no-repeat left center;
}
#contents dl.otoiawase dd {
	display:inline;

	padding:0;
	margin:0;

	line-height:2em;
}

/* Footer
===============================================================================*/
#footer {
	margin:0 auto;
	padding:17px 0;

	background:#52788C url("../images_public/footer/bg.gif") no-repeat left top;
	text-align:center;

	width:780px;
	min-height:11px;
}
#footer a {
	text-decoration:none;
}
#footer a:link {
	color:#fff;
}
#footer a:visited {
	color:#fff;
}
#footer a:hover {
	text-decoration:underline;
}
#footer li {
 	display:inline;
	padding:0 20px;

	font-size:0.8em;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:x-small;
} html>body #footer li {font-size:x-small;}
#footer p {
	margin:5px 0 0;
	padding:0;

	color:#5E88A0;

	font-size:0.8em;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:x-small;
} html>body #footer p {font-size:x-small;}
#footer .english {
 	border-right:1px solid #fff;
}
#footer .english a:link, #footer .english a:visited {color:#5ce;}
#footer .sitemap {
 	border-right:1px solid #fff;
}