@charset "utf-8";

/* -------------------------------------------------------------------------------------
	BASE
===================================================================================== */

* {
	margin: 0px;
	padding: 0px;
	}

body {
	background: url(../common/bg.jpg) top repeat-x;
	background-color: #C8C1BD;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	line-height: 150%;
	color: #666666;
	}

#mainBody,
#head,
#foot,
#copyright,
#equipment,
#policy,
#process,
#corporate,
#access,
#blog,
#recruit,
#link {
	width: 840px;
	margin: 0px auto;
	}

h1,
h2,
h3 { font-size: medium; }

/* --LinkColor-- */
a {
	color: #EA8700;
	text-decoration: none;
	}
a;visited { color: #EA8700; }
a:hover {
	color: #FF9900;
	text-decoration: underline;
	}

.pageUp a,
.pageUp2 a,
#topics a,
#subMenu a,
#blog .menuCont a {
	color: #666666;
	text-decoration: none;
	}
.pageUp a:visited,
.pageUp2 a:visited,
#topics a:visited,
#subMenu a:visited,
#blog .menuCont a:visited { color: #666666; }
.pageUp a:hover,
.pageUp2 a:hover,
#topics a:hover,
#subMenu a:hover,
#blog .menuCont a:hover {
	color: #FF9900;
	text-decoration: underline;
	}

/* --Container-- */
.contTop,
#foot { background: url(../common/cont_top.gif) top center no-repeat; }

.contBottom,
#subMenu,
.topContents { background: url(../common/cont_bottom.gif) bottom center no-repeat; }

/* --Button-- */
.detail { text-align: right; }

/* --FontSize-- */
.f10,
.pageUp,
.pageUp2,
#copyright,
#subMenu .accessText,
#blog .menuCont,
#blog dl.entryTitle dd,
#blog .data,
#link .textCont,
#link .textCont2 { font-size: 10px; }

/* --FontColor-- */
.orange,
#topics .day,
#blog dl.entryTitle dd { color: #FF9900; }
.black { color: #000000; }

/* --LineHight-- */
.lh130,
#subMenu .accessText,
#corporate .outline,
#access .textCont,
#blog .menuCont,
#recruit .itemCont,
#link .subTitle,
#link .subTitle2,
#link .textCont,
#link .textCont2 { line-height: 130%; }


/* --ChangeOfText-- */
h1.logo,
#menu ul li,
#corporate h3 ul li,
#blog h2 { text-indent: -9999px; }

/* --ClearFloat-- */
.clear { 
	overflow: hidden;
	}
.clear:after{ 
	content: "";
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
} 
/*\*/
* html .clear {
	height: 0px;
	overflow: visible;
}
/**/


/* -------------------------------------------------------------------------------------
	HEADER
===================================================================================== */

#head { margin-bottom: 20px; }

h1.logo,
#menu {
	display: inline;
	margin-top: 20px;
	}

h1.logo {
	float: left;
	background: url(../common/logo.jpg) top left no-repeat;
	}
h1.logo a {
	width: 255px;
	height: 45px;
	display: block;
	}

#menu {
	width: 484px;
	float: right;
	}
#menu ul { list-style: none; }
#menu ul li { float: left; }
#menu ul li a {
	height: 45px;
	display: block;
	}

#menu ul li.corporate,
#menu ul li.corporateDown,
#menu ul li.corporate a:hover { width: 117px; }
#menu ul li.corporate { background: url(../common/btn_corporate.jpg) top left no-repeat; }
#menu ul li.corporateDown,
#menu ul li.corporate a:hover { background: url(../common/btn_corporate_d.jpg) top left no-repeat; }

#menu ul li.equipment,
#menu ul li.equipmentDown,
#menu ul li.equipment a:hover { width: 140px; }
#menu ul li.equipment { background: url(../common/btn_equipment.jpg) top left no-repeat; }
#menu ul li.equipmentDown,
#menu ul li.equipment a:hover { background: url(../common/btn_equipment_d.jpg) top left no-repeat; }

#menu ul li.process,
#menu ul li.processDown,
#menu ul li.process a:hover { width: 111px; }
#menu ul li.process { background: url(../common/btn_process.jpg) top left no-repeat; }
#menu ul li.processDown,
#menu ul li.process a:hover { background: url(../common/btn_process_d.jpg) top left no-repeat; }

#menu ul li.policy,
#menu ul li.policyDown,
#menu ul li.policy a:hover { width: 116px; }
#menu ul li.policy { background: url(../common/btn_policy.jpg) top left no-repeat; }
#menu ul li.policyDown,
#menu ul li.policy a:hover { background: url(../common/btn_policy_d.jpg) top left no-repeat; }


/* -------------------------------------------------------------------------------------
	FOOTER
===================================================================================== */

#foot {
	margin-top: 18px;
	background-color: #FFFFFF;
	}

#subMenu {
	width: 790px;
	padding: 22px 25px;
	}


#subMenu .access,
#subMenu .links,
#subMenu .special {
	float: left;
	height: 50px;
	}

#subMenu .access,
#subMenu .links { margin-right: 22px; }
#subMenu .links,
#subMenu .special {
	padding-left: 22px;
	border-left: 1px solid #E1DDDB;
	}

#subMenu .accessText {}
#subMenu .topOnly { width: 225px; }
#subMenu .innerOnly { width: 170px; }
#subMenu .innerOnly2 { width: 335px; }

#subMenu .links ul {
	list-style: none;
	line-height: 140%;
	}
#subMenu .links ul li {
	padding-left: 15px;
	background: url(../common/arrow.gif) 0px 3px no-repeat;
	}

.ml15,
#subMenu .endless { margin-left: 15px; }

#copyright {
	width: 820px;
	margin: 0px auto;
	padding: 7px 0px 20px 10px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	}


/* -------------------------------------------------------------------------------------
	TOP PAGE
===================================================================================== */

#mainBody { background-color: #FFFFFF; }
#mainBody .topContents { padding: 12px 0px 24px 0px; }

#topics {
	width: 470px;
	margin: 0px 0px 0px 33px;
	float: left;
	display: inline;
	}

#topics ul {
	margin: 6px 0px 1px 0px;
	list-style: none;
	}
#topics .day { font-weight: bold; }

#photoGallery {
	width: 270px;
	margin: 0px 30px 0px 0px;
	float: right;
	display: inline;
	}
#photoGallery .photo { margin: 6px 0px 10px 0px; }


/* -------------------------------------------------------------------------------------
	EQUIPMENT
===================================================================================== */

#equipment { background: url(../equipment/img/bg.jpg) top center no-repeat #FFFFFF; }

#equipment h2,
#equipment h3,
#policy h2,
#policy h3,
#process h2,
#process h3,
#corporate h2,
#corporate h3,
#access .mainMap,
#recruit h2,
#link h2 { width: 740px; }

#equipment h2,
#policy h2,
#process h2 { margin: 65px auto 25px auto; }
#equipment h3,
#policy h3,
#process h3 { padding: 0px 10px 45px 10px; }

#equipment h3,
#policy h3,
#process h3 {
	margin: 0px auto;
	background: url(../common/border.jpg) bottom center no-repeat;
	}

.pageUp,
.pageUp2,
#equipment .mainBodyCont {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	}

#equipment .mainBodyCont,
#policy .mainBodyCont,
#process .mainBodyCont { margin-top: 40px; }
#equipment .photo { margin-bottom: 22px; }

#equipment .pageUp,
#policy .pageUp,
#process .pageUp,
#corporate .pageUp,
#access .pageUp,
#recruit .pageUp,
#link .pageUp {
	margin-top: 25px;
	margin-bottom: 35px;
	}

.pageUp,
.pageUp2 { text-align: right; }
.pageUp a,
.pageUp2 a {
	padding-left: 13px;
	background: url(../common/arrow_up.gif) 0px 1px no-repeat;
	}

.pl10,
#equipment .mainCont { padding-left: 10px; }
#equipment .mainCont img { margin: 5px 0px 10px 0px; }
#equipment .textCont { padding: 0px 0px 35px 12px; }


/* -------------------------------------------------------------------------------------
	POLICY
===================================================================================== */

#policy { background: url(../policy/img/bg.jpg) top center no-repeat #FFFFFF; }

#policy h2 {}
#policy h3 {}

#policy .mainBodyCont,
#process .mainBodyCont,
#corporate .mainBodyCont,
#corporate .mainBodyCont2 {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	}

#policy .subCont,
#access .subCont,
#recruit .subCont {
	margin: 0px auto;
	background: url(../common/dotline.gif) top left repeat-x;
	}
#policy .subCont,
#recruit .subCont{
	width: 740px;
	padding: 20px 10px 0px;
	}

#policy .textCont { padding: 10px 12px 35px 12px; }
#policy .textCont2 { padding: 0px 0px 0px 2px; }
#policy .pageUp {}
#policy .iso { padding: 15px; }
#policy .subTitle { margin: 25px 0px 5px 0px; }


/* -------------------------------------------------------------------------------------
	PROSESS
===================================================================================== */

#process { background: url(../process/img/bg.jpg) top center no-repeat #FFFFFF; }

#process h2 {}
#process h3 {}
#process .mainBodyCont {}
#process .pageUp {}
#process .textCont {}
#process .subCont {
	width: 720px;
	margin: 20px auto 0px auto;
	}

.ptb10,
#process .graph {
	padding-top: 10px;
	padding-bottom: 10px;
	}


/* -------------------------------------------------------------------------------------
	CORPORATE
===================================================================================== */

#corporate { background: url(../corporate/img/bg.jpg) top center no-repeat #FFFFFF; }

#corporate h2 { margin: 65px auto 20px auto; }
#corporate h3 { margin: 0px auto 43px auto; }
#corporate h3 ul { list-style: none; }
#corporate h3 ul li { float: left; }
#corporate h3 ul li a {
	height: 22px;
	display: block;
	}
#corporate h3 ul li.menu01,
#corporate h3 ul li.menu01Down,
#corporate h3 ul li.menu01 a:hover { width: 110px; }
#corporate h3 ul li.menu01 { background: url(../corporate/img/btn_01.gif) top left no-repeat; }
#corporate h3 ul li.menu01Down,
#corporate h3 ul li.menu01 a:hover { background: url(../corporate/img/btn_01d.gif) top left no-repeat; }

#corporate h3 ul li.menu02,
#corporate h3 ul li.menu02Down,
#corporate h3 ul li.menu02 a:hover,
#corporate h3 ul li.menu03,
#corporate h3 ul li.menu03Down,
#corporate h3 ul li.menu03 a:hover { width: 100px; }
#corporate h3 ul li.menu02 { background: url(../corporate/img/btn_02.gif) top left no-repeat; }
#corporate h3 ul li.menu02Down,
#corporate h3 ul li.menu02 a:hover { background: url(../corporate/img/btn_02d.gif) top left no-repeat; }

#corporate h3 ul li.menu03 { background: url(../corporate/img/btn_03.gif) top left no-repeat; }
#corporate h3 ul li.menu03Down,
#corporate h3 ul li.menu03 a:hover { background: url(../corporate/img/btn_03d.gif) top left no-repeat; }

#corporate .copy,
#corporate .copy2 { width: 840px; }
#corporate .copy {
	padding: 40px 0px;
	background: url(../corporate/img/bg2.jpg) top right no-repeat;
	}
#corporate .copy2 {
	padding: 37px 0px 38px 0px;
	background: url(../corporate/img/bg3.jpg) top right no-repeat;
	}

#corporate .copyCont {
	width: 740px;
	margin: 0px auto;
	}

#corporate .mainBodyCont { margin-top: 40px; }
#corporate .mainBodyCont2 { padding-top: 40px; }
#corporate .pageUp {}
#corporate .pageUp2 { margin-top: 15px; }

#corporate .photo { padding-top: 10px; }
#corporate .photo2 { padding-top: 20px; }
#corporate .textCont { padding: 20px 0px 0px 10px; }

#corporate .border {
	width: 780px;
	margin: 0px auto;
	background: url(../common/border_s.jpg) left top no-repeat;
	}

.pb10 { padding-bottom: 10px; }
#corporate .outlineCont td,
#recruit .itemCont td { padding: 6px 8px 4px 0px; }
#corporate .outlineCont td.outline,
#recruit .itemCont td.item {
	padding: 6px 30px 4px 15px;
	background: url(../corporate/img/border_orange.gif) left top repeat-y;
	}
#corporate .outlineCont td.outline td { padding: 0px 5px 0px 0px; }


/* -------------------------------------------------------------------------------------
	ACCESS
===================================================================================== */

#access { background: url(../common/cont_top2.gif) top center no-repeat #FFFFFF; }

#access h2 { margin-top: 15px; }
#access .mainMap { margin: 50px auto 40px auto; }
#access .pageUp {}
#access .subTitle { margin-bottom: 10px; }
#access .subCont {
	width: 760px;
	padding-top: 40px;
	}

#access .textCont { padding: 0px 0px 0px 12px; }
#access .mapCont { padding: 0px 10px; }
#access .mapCont2 {
	width: 720px;
	margin: 0px auto;
	}

.pl40 { padding-left: 40px; }


/* -------------------------------------------------------------------------------------
	RECRUIT
===================================================================================== */

#recruit,
#link { background: url(../recruit/img/bg.jpg) top center no-repeat #FFFFFF; }

#recruit h2 { margin: 65px auto 60px auto; }
#recruit .itemCont {}
#recruit .subTitle { margin-top: 8px; }
#recruit .subCont {}
#recruit .pageUp {}
#recruit .mainBodyCont,
#recruit .mainBodyCont2,
#link .mainBodyCont { width: 710px; }
#recruit .mainBodyCont { margin: 0px auto 40px auto; }
#recruit .mainBodyCont2 { margin: 0px auto 0px auto; }

#recruit .pageDown {
	padding-left: 17px;
	background: url(../common/arrow_down.gif) 2px 3px no-repeat;
	}


/* -------------------------------------------------------------------------------------
	LINK
===================================================================================== */

#link {}

#link h2 { margin: 65px auto 65px auto; }
#link .mainBodyCont { margin: 0px auto 150px auto; }
#link .subTitle { padding: 8px 0px 0px 2px; }
#link .subTitle2 { padding: 8px 0px 0px 17px; }
#link .pageUp {}
#link .textCont { padding: 0px 0px 0px 2px; }
#link .textCont2 { padding: 0px 0px 0px 17px; }
#link .textCont,
#link .textCont2 { font-family: Tahoma, Verdana, Arial, sans-serif; }
#link .textCont a,
#link .textCont2 a { text-decoration: underline; }

.pl15,
#link .photo { padding-left: 15px; }