@charset "UTF-8";

/* トップページ基本レイアウト用CSS */

/* ================= 目次 =====================

【1】コンテンツ中央寄せ
【2】header
	 ・logo
【3】g-navi
【4】contents
	 ・know-how
	 ・news
	 ・quality
【7】side
	 ・job
	 ・banner
【8】footer

============================================ */

/* =============================================================
　■□■ 1. コンテンツ中央寄せ ■□■
============================================================= */

#header-box{
	background: #FFF url(/img/bg-body.jpg) top right no-repeat;
}

.bg{
	background: url(/img/bg-navi.gif) repeat-x bottom;
}

#header,
#contents,
#footer{
	margin: 0 auto;
	text-align: left;
}

/* =============================================================
　■□■ 2. header ■□■
============================================================= */

#header{
	width: 820px;
}

.logo{
	float: left;
	margin-top: 54px;
	margin-bottom: 26px;
}

#header-right{
	float: right;
	width: 214px;
	text-align: right;
	padding-bottom: 8px;
	margin-right: 2px;
	line-height: 0;
}

#size{
	float: left;
	width: 145px;
	text-align: left;
}

#size p{
	float: left;
}

#size ul{
	float: left;
	width: 80px;
	height: 27px;
}

#size ul li{
	float: left;
	display: inline; /* For IE Only */
}

#size ul li a{
	text-indent: -10000px;
	display: block;
	overflow: hidden;
}

#size-m a{
	width: 34px;
	height: 27px;
}

#size-l a{
	width: 46px;
	height: 27px;
}

#english{
	float: right;
}

/* =============================================================
　■□■ 3. g-navi ■□■
============================================================= */

#g-navi{
	clear: both;
}

.nav li{
 float: left;
 display: inline; /* For IE Only */
 margin: 0;
 padding: 0;
 position: relative;
 z-index: 30;
}

.nav ul li a,
.nav ul li a:link,
.nav ul li a:visited,
.nav ul li a:hover,
.nav ul li a:active{
	width: 180px;
 display: block;
	padding: 6px 10px 3px 25px;
	color: #19519f;
	border-bottom: solid #CCC 1px;
	vertical-align: middle;
	text-decoration: none;
	background: url(/img/icon-list01.gif) no-repeat 10px center;
}

.nav ul{
 position: absolute;
 top: -999em;
	border: solid #CCC 1px;
	background: #FFF;
	padding: 10px 15px 15px 15px;
}
.nav ul li a {
}

.nav ul.child{
 position: static;
 top: 0;
 padding: 0;
 margin: 4px 0 0 0;
 border: none;
}
.nav div{
 display: block;
 padding: 8px 0 0 10px;
 border-bottom: solid #CCC 1px;
 background: #ecf6ff;
}

.nav ul.child li a {
	width: 169px;
	border-bottom: none;
}
/*
.nav ul.child .last a{
 border-bottom: none;
}
*/
.nav01 ul {
 left: 0px;
}
.nav02 ul {
 left: -48px;
}
.nav03 ul {
 left: -94px;
}

.nav li:hover ul,
.nav li.sfHover ul{
 top: 32px;
}
.nav li ul li{
 float: none;
}

#g-navi.nav ul li a:hover,
#g-navi.nav ul li a:active{
	color: #555;
	background: #EFEFEF url(/img/icon-list01.gif) no-repeat 10px center;
}

/* =============================================================
　■□■ 5. contents ■□■
============================================================= */

#contents{
	clear: both;
	display: inline-block;
	background: #FFF url(/img/bg-line.gif) repeat-y left top;
	width: 824px;
	margin-top: 10px;
 position: relative;
	z-index: 10;
}

#contents:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #contents {height: 1%;}
#contents {display: block;}
/* End hide from IE-mac */

.line{
	width: 780px;
	padding: 20px 22px 0 22px;
	display: inline-block;
	background: url(/img/bg-contents.gif) top left no-repeat;
}

/* ------------- topicpath ------------- */

#topicpath{
	font-size: 85%;
	margin-bottom: 15px;
}

#topicpath li{
	display: inline;
}

#topicpath li a{
	margin-right: 3px;
	padding-right: 13px;
	background: url(/img/topicpath.gif) no-repeat right center;
}

#topicpath li strong{
	font-weight: normal;
}

/* =============================================================
　■□■ 6. main ■□■
============================================================= */

#main{
	width: 578px;
	float: right;
}

/* ----- inner ----- */
#inner h2,
#inner h3{
	clear: both;
}

#inner p{
	margin-bottom: 6px;
	text-indent: 1.0em;
	line-height: 1.5;
}

#inner dd{
	line-height: 1.5;
}

#inner dt{
	font-weight: bold;
}

#inner ul li,
#inner ul li ul li{
	margin-top: 5px;
}

/* =============================================================
　■□■ 7. side ■□■
============================================================= */

#side{
	float: left;
	width: 182px;
}

#side h2{
	padding: 6px 0;
	background: #4588be url(/img/bg-blue.gif) repeat-x bottom;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

#side ul li{
	float: left;
	display: inline; /* For IE Only */
	margin: 0px;
	border-right: #B9B9B9 solid 1px;
	border-bottom: #B9B9B9 solid 1px;
	border-left: #B9B9B9 solid 1px;
}

/* a */
#side ul li a:link,
#side ul li a:visited{
	display: block;
	width: 170px;
	padding: 5px;
	background-color: transparent;
	text-decoration: none;
	color: #19519f;
}

#side ul li a:hover,
#side ul li a:active{
	display: block;
	width: 170px;
	padding: 4px;
	background-color: #3c7db5;
	border: #FFF solid 1px;
	text-decoration: none;
	color: #FFF;
}

#side ul li a.externalLink{
	padding-right: 15px;
	width: 160px;
}

#side ul li a.externalLink:hover,
#side ul li a.externalLink:active{
	padding-right: 14px;
	background: #3c7db5 url(/img/icon_window-blue.gif) no-repeat right 0.6em;
}

#side ul li.child-wrap{
	background: #E4E4E4 url(/img/bg_child-wrap01.gif) repeat-x left top;
	padding-left: 5px;
}
#side ul li.child-wrap.type02{
	background: #ecf6ff url(/img/bg_child-wrap02.gif) repeat-x left top;
	padding-left: 5px;
}

#side ul li div {
	padding: 8px 0 4px 0;
	font-size: 93%;
}

#side ul.child {
	margin: 4px 0 -1px 0;
	border-top: #B9B9B9 solid 1px;
}

#side ul.child li {
	border-right: none;
	background: #fff;
}
#side ul.child li.last {
	border-bottom: none;
}
#side ul.child li a:link,
#side ul.child li a:visited{
	display: block;
	width: 164px;
	padding: 5px;
	background-color: transparent;
	text-decoration: none;
	color: #19519f;
}
#side ul.child li a:hover,
#side ul.child li a:active{
	display: block;
	width: 164px;
	padding: 4px;
	background-color: #3c7db5;
	border: #FFF solid 1px;
	text-decoration: none;
	color: #FFF;
}

/* =============================================================
　■□■ 8. side-monthly ■□■
============================================================= */

#side-monthly{
	float: left;
	width: 182px;
}

#side-monthly dl{
	border-right: #B9B9B9 solid 1px;
}

#side-monthly dt{
	clear: both;
	padding: 5px 8px;
	background-color: #EFEFEF;
	border-bottom: #B9B9B9 solid 1px;
	border-left: #B9B9B9 solid 1px;
}

#side-monthly ul{
	border-bottom: #B9B9B9 solid 1px;
	display: inline-block;
}

#side-monthly ul:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #side-monthly ul {height: 1%;}
#side-monthly ul {display: block;}
/* End hide from IE-mac */

#side-monthly dd li{
	float: left;
	display: inline; /* For IE Only */
	margin: 0px;
	border-left: #B9B9B9 solid 1px;
	border-bottom: #EEE solid 1px;
}

/* a */
#side-monthly dd li a:link,
#side-monthly dd li a:visited{
	color: #19519f;
	display: block;
	width: 29px;
	padding: 5px 0;
	background-color: transparent;
	text-decoration: none;
	text-align: center;
}

#side-monthly dd li a:hover,
#side-monthly dd li a:active{
	color: #FFF;
	display: block;
	width: 27px;
	padding: 4px 0;
	background-color: #3c7db5;
	border: #FFF solid 1px;
	text-decoration: none;
	text-align: center;
}

#side-monthly dt img{
	float: right;
}


/* =============================================================
　■□■ 9. main-only ■□■
============================================================= */

#main-only{
	width: 95%;
	margin: 0 auto 0 auto;
	text-align: left;
}

/* =============================================================
　■□■ 10. footer ■□■
============================================================= */

#footer{
	width: 780px;
	clear: both;
	display: inline-block;
	padding: 20px 30px 40px 30px;
	background: url(/img/bg_footer.gif) no-repeat center bottom;
}

#footer:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #footer {height: 1%;}
#footer {display: block;}
/* End hide from IE-mac */

#footer .pagetop{
	height: 25px;
	margin-bottom: 10px;
	border-bottom: #CCC solid 1px;
}

#footer hr{
	display: none;
}

#footer li{
	float: left;
	display: inline;
	margin-right: 6px;
	padding-right: 6px;
	font-size: 77%;
	border-right: #555 solid 1px;
}

#footer li.last{
	border: none;
}

#footer p{
	float: right;
}

#copyright{
	font-size: 77%;
}

#copyright a{
	color: #555;
	text-decoration: none;
}