@charset "utf-8";

@import url("system.css");

/* -----------------------------------------------
 base
----------------------------------------------- */

body {
	background:url(../../images/main_bg.jpg) repeat-y center #EFEFEF;
	color: #333;
	margin:0;
	padding:0;
	font-family:Arial, "ＭＳ Ｐゴシック", "Osaka";
}

.clear { clear:both;}
* .clear { clear:both; height:1px; overflow:hidden; }


/* -----------------------------------------------
 font
----------------------------------------------- */

h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,blockquote,dl,dd,dt {
	padding:0;
	margin:0;
	font-size:small;
}

h1 { float:left; }

h2 {
	background:url(../../images/typettl_bg.jpg) no-repeat;
	padding:15px 0 15px 25px;
	font-size:14px;
	margin-top:20px;
}

h3 {
	clear:both;
	overflow:hidden;
	margin:20px 0 10px 0;
	background:url(../../images/stitle_bg.jpg) no-repeat;
	padding:8px 0 8px 23px;
}

h4 {
	clear:both;
	overflow:hidden;
	margin:20px 10px 15px 10px;
	padding:9px 15px;
	color:#4D525E;
	font-size:14px;
	border-bottom:#E8E9EC 2px solid;
	background:url(../../images/arrow_blue_req.jpg) no-repeat left center;
}

h5 { color:#009900; padding:7px 5px; background-color:#E9F4DF; }
h6 {background:url(../../images/list_cr_org.gif) no-repeat; padding-left:13px; margin:10px 0 0 0; }

p {
	margin: 20px 10px 10px 10px;
	line-height:1.5em;
}

.noB { font-weight:normal; }
.txt14 { font-size:14px; }
.txt16 { font-size:16px; }
.txt10 { font-size:10px; }
.txt10nB { font-size:10px; font-weight:normal; }

.Red {color:#FF4066; }

.BrnB {color:#695C2C; font-weight:bold; }
.OrgB {color:#FFCC00; font-weight:bold; }
.RedB {color:#FF4066; font-weight:bold; }

.Brn10 {color:#695C2C; font-size:10px;}
.Grn10 {color:#4F911A; font-size:10px;}


/* -----------------------------------------------
 link
----------------------------------------------- */

a:link { color: #0275B9;	text-decoration: none; }
a:visited { color: #0275B9;	text-decoration: none; }
a:hover { color: #0275B9; text-decoration:underline; }
a:active { color: #F07642; text-decoration: none; }


/* -----------------------------------------------
 margin,padding and image
----------------------------------------------- */

.imgpd { margin:10px 0; }
.imgL { float:left; margin:0 10px 10px 0; }
.imgR { float:right; margin:0 0 10px 10px; }

.alR { text-align:right; }
.alC { text-align:center; }

.mgnL10 { margin-left:10px; }
.mgnL30 { margin-left:30px; }
.mgnT10 { margin-top:10px; }
.mgnT15 { margin-top:15px; }
.mgnB15 { margin-bottom:15px; }
.mgnB40 { margin-bottom:40px; }
.mgnB100 { margin-bottom:100px; }
.mgnB250 { margin-bottom:250px; }

.pd5 { padding:5px; }
.pd10 { padding:10px; }
.pdLR5 { padding:0 5px; }
.pdLR10 { padding:0 10px; }


/* -----------------------------------------------
 form
----------------------------------------------- */

input[type="text"]:focus, textarea:focus, select:focus {
   background-color: #ffffcc;
}

.w30 { width:30px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w120 { width:120px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w320 { width:320px; }

.must {
	background-color:#FF0066;
	padding:1px 3px 2px 3px;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:5px;
}


/* -----------------------------------------------
 header
----------------------------------------------- */

#MainWrapper {
	width:820px;
	margin:0 auto;
	padding:0 10px;
}

#header .companyName {
	background:url(../../images/header_logo.jpg) no-repeat;
	height:77px;
}

#header .companyName a {
	text-indent:-9999px;
	display:block;
	width:300px;
	height:77px;
}

h1.mainPh {
	width:820px;
	text-indent:-9999px;
	display:block;
}

#header .Top { background:url(../../images/header_main-top.jpg) no-repeat; height:240px; }
#header .Product { background:url(../../images/header_main-product.jpg) no-repeat; height:74px; }
#header .News { background:url(../../images/header_main-news.jpg) no-repeat; height:74px; }
#header .Recruit { background:url(../../images/header_main-recruit.jpg) no-repeat; height:74px; }
#header .Link { background:url(../../images/header_main-link.jpg) no-repeat; height:74px; }
#header .Contact { background:url(../../images/header_main-contact.jpg) no-repeat; height:74px; }
#header .Company { background:url(../../images/header_main-company.jpg) no-repeat; height:74px; }


/* -----------------------------------------------
 footer
----------------------------------------------- */

#footer {
	clear:both;
	padding:0 10px;
	margin-bottom:15px;
	background:url(../../images/footer_bg.jpg) repeat-x;
}

#footer .contactTel {
	background:url(../../images/footer_phone.jpg) no-repeat;
	width:520px;
	padding:10px 0;
	float:left;
	text-indent:-9999px;
}


#footer .copyright {
	background:url(../../images/footer_copyright.jpg) no-repeat;
	width:180px;
	padding:8px 0;
	margin-left:615px;
	text-indent:-9999px;
}


/* -----------------------------------------------
 top navigation
----------------------------------------------- */

#topNavi { width:820px; margin:0 auto; }

#topNavi li {
	float:left;
	width:117px;
	height:45px;
	list-style:none;
	text-indent: -9999px;
}

#topNavi li a {
	width:117px;
	height:45px;
	display:block;	
	overflow:hidden;
}

#topNavi li.product a { background:url(../../images/top_navi_prod.jpg) no-repeat 0 0; }
#topNavi li.rental a { background:url(../../images/top_navi_rental.jpg) no-repeat 0 0; }
#topNavi li.news a { background:url(../../images/top_navi_news.jpg) no-repeat 0 0; }
#topNavi li.company a { background:url(../../images/top_navi_company.jpg) no-repeat 0 0; }
#topNavi li.recruit a { background:url(../../images/top_navi_recruit.jpg) no-repeat 0 0; }
#topNavi li.link a { background:url(../../images/top_navi_link.jpg) no-repeat 0 0; }
#topNavi li.contact a { background:url(../../images/top_navi_contact.jpg) no-repeat 0 0; width:118px; }


#topNavi li.product a:hover, #topNavi li.rental a:hover, #topNavi li.news a:hover,#topNavi li.company a:hover,
#topNavi li.recruit a:hover, #topNavi li.link a:hover, #topNavi li.contact a:hover, #topNavi li.on a {
	background-position:0 -45px;
}

/* -----------------------------------------------
 coontents wrapper
----------------------------------------------- */

#wrap_cont {
	margin:15px 10px;
}

#LeftNaviTop {
	float:left;
	width:250px;
}

#MainContentsTop {
	float:right;
	width:520px;
}

#LeftNavi {
	float:left;
	width:210px;
}

#MainContents {
	float:right;
	width:550px;
}


/* -----------------------------------------------
 side navigation
----------------------------------------------- */

#LeftNavi ul { margin:0 0 10px 0; list-style:none; }
#LeftNavi ol { list-style:none; border-top:1px solid #BFCDEA; }

#LeftNavi li.lnavi { 
	border-bottom:1px solid #BFCDEA;
}

#LeftNavi li.lnavi a {
	display:block;
	background:url(../../images/side_ltstl.gif) no-repeat left center #EAF0F4;
	padding:8px 0 8px 20px;
	text-decoration:none;
	color:#001E6A;
	font-weight:bold;
}

#LeftNavi li.lnavi a:hover, #LeftNavi li.on a {
	background:url(../../images/side_ltstl.gif) no-repeat left center #D6E1E9;
	color:#0035BF;
}

#LeftNavi li.snavi a {
	display:block;
	background:url(../../images/arrow_blue.gif) no-repeat left center #EFEFEF;
	padding:3px 0 3px 20px;
	text-decoration:none;
	font-weight:normal;
}

#LeftNavi li.snavi a:hover {
	background:url(../../images/arrow_blue.gif) no-repeat left center #DDD;
	color:#0035BF;
}


.banner { margin:10px 0; text-align:center; }


/* -----------------------------------------------
 Toppage
----------------------------------------------- */

#LeftNaviTop p { line-height:125%; padding:0; margin:10px 0; }

#MainContentsTop .prodLt, .MainContentsTop .news { margin: 10px 0 20px 0; }

#MainContentsTop .prodLt ul { list-style:none; margin-top:10px; }
#MainContentsTop .prodLt li { float:left; width:100px; margin-right:5px; }
#MainContentsTop .prodLt li.end { margin-right:0; }

#MainContentsTop .news { margin-top:20px; }

#MainContentsTop .news dl {
	clear:left;
	padding-bottom:7px;
	margin:10px 0;
	border-bottom:1px dotted #BDC2C6;
}

#MainContentsTop .news dt {
	background:url(../../images/list_sq_orange.gif) no-repeat left center;
	display:block;
	width:100px;
	float:left;
	padding-left:15px;
}

#MainContentsTop .news dd { width:400px; display:block; margin-left:115px; }



/* -----------------------------------------------
 main contents
----------------------------------------------- */

#contents {
	padding-right:12px;
	width:590px;
	vertical-align:top;
	float:right;
}

.breadcrumb {
	margin-bottom:15px;
	font-size:10px;
}


.boxBlue {
	border:1px solid #99AEDB;
	background-color:#EAEEF3;
	padding:8px;
}

.backto {
	text-align:right;
	margin:5px 10px 0 10px;
	padding-left:15px;
	padding-bottom:10px;
}


.FactoryMap {
	width:280px;
	height:220px;
	border:1px solid #666;
	margin:20px 10px;
	float:right;
}

.FactoryPhL, .FactoryPhR {
	width:255px;
	text-align:center;
	font-size:10px;
}

.FactoryPhL {
	float:left;
	margin:0 0 15px 10px;
}

.FactoryPhR {
	float:right;
	margin:0 10px 15px 0;
}

.FactoryPhL img, .FactoryPhR img {
	border:1px solid #999;
	padding:5px;
}


/* -----------------------------------------------
 for IE6
----------------------------------------------- */

/*
* #contents {
	width:565px;
	vertical-align:top;
	float:left;
	display:inline;
	margin:25px 0 0 18px;
}
*/
* .MainContentsTop .news dt {
	display:inline;
	width:100px;
	float:left;
}

* .MainContentsTop .news dd { width:400px; margin-left:100px; }
/*
* .contNewsDetail dt {
	display:inline;
	width:95px;
	float:left;
}

* .contNewsDetail dd { width:410px; margin-left:100px; }

* .contBox {
	width:93%;
	background-color:#FFF;
	padding:15px 20px;
}
*/
img { vertical-align:bottom; }