@charset "utf-8";

@import url("base.css");

@import url("structure.css");


/*====================================================
------------------------------------------------------
	 main.css
------------------------------------------------------
====================================================*/

/*================= contents menu ============

	1: pageImg
	
	2: common
	
	3: Top  ID:top
	
	4: Infomation  ID:info
	
	5: Inquiry  ID:inquiry
	
	6: Assembly  ID:assembly
	
	7: Plan  ID:plan
	
	8: Network  ID:network
	
	9: News  ID:news
	
	10: Product  ID:product
	
	11: Company  ID:company	
	
	12: Error  ID:error	
	
	13: rowSets		
	
============================================== */

/*====================================================
	1: pageImg
====================================================*/

#info #areaB { height: 215px; background: url(../Infomation/img/pageImg.gif) no-repeat center 0;}
#inquiry #areaB { height: 215px; background: url(../Inquiry/img/pageImg.gif) no-repeat center 0;}
#assembly #areaB { height: 215px; background: url(../Assembly/img/pageImg.gif) no-repeat center 0;}
#plan #areaB { height: 215px; background: url(../Plan/img/pageImg.gif) no-repeat center 0;}
#network #areaB { height: 215px; background: url(../Network/img/pageImg.gif) no-repeat center 0;}

#news #areaB { height: 144px; background: url(../News/img/pageImg.gif) no-repeat center 0;}
#product #areaB { height: 144px; background: url(../Product/img/pageImg.gif) no-repeat center 0;}
#company #areaB { height: 144px; background: url(../Company/img/pageImg.gif) no-repeat center 0;}

#error403 #areaB { height: 144px; background: url(../Error/img/pageImg403.gif) no-repeat center 0;}
#error404 #areaB { height: 144px; background: url(../Error/img/pageImg404.gif) no-repeat center 0;}


/*====================================================
	2: common
====================================================*/
h3 { clear: both; width: 629px; height: 30px; background: no-repeat; margin-bottom: 10px; text-indent: -9876em;}
.proverb { width: 629px;background: no-repeat; text-indent: -9876em; margin-bottom:15px;} 
p.proverbText { padding-left: 20px; font-size: 120%; letter-spacing: .1em;}
.result { display: block; width: 629px; height: 41px; text-indent: -9876px; margin-bottom: 15px;}



/*====================================================
	3: Top  ID:top
====================================================*/

#areaSwf { width: 820px; height: 460px; background: url(../img/bgAreaSwf.gif) no-repeat 0 0; margin: 0 auto; padding: 0;}

#top h3.h3_00 { background: url(../img/h3_00_00.gif);}
#top h3.h3_01 { background: url(../img/h3_00_01.gif); margin-top: 15px;}

#top dl.data { display: block; width: 629px; height: 40px; margin: 0; padding: 0; }
#top dl.data :after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     #top dl.data  {
         display: inline-table;
     }
 /**/
#top dl.data  a  { display: inline; margin: 0; padding: 0;}
#top dl.data  a:hover  { color: #990000;}
#top dl.data dd.date { display: block; width: 160px; background:  url(../img/bgTop.gif) no-repeat top center; padding: 2px 0 0 0; position: relative;}
#top dl.data dd.date span { display: block; width: 160px; background: #807f7f url(../img/bgUnder.gif) no-repeat bottom center; color: #fff; text-align: center; padding: 0 0 2px 0;}
#top dl.data dd.date .new { display: block; width: 30px; height: 12px; background: url(../img/new.gif) no-repeat; position: absolute; top: 25%; left: 2%;}
#top dl.data dd.occur { display: block; width: 450px; margin: -2em 0 0 170px;} 

#top .goToTop a { background: url(../c_img/btGototopBl.gif) no-repeat;}
#top .goToTop a:hover { background-position: 0 -25px;}

#top ul.textLink li{ background: url(../c_img/pmTriangleGray.gif) no-repeat 0 1.3em;}


/*====================================================
	4: Infomation  ID:info
====================================================*/
#info .proverb { height: 65px; background: url(../Infomation/img/01_proverb.gif) no-repeat; margin-top: 25px;}

#info .goToTop a { background: url(../c_img/btGototopYl.gif) no-repeat;}
#info .goToTop a:hover { background-position: 0 -25px;}

#info ul.textLink li{ background: url(../c_img/pmTriangleYl.gif) no-repeat 0 1.3em;}


/*====================================================
	5: Inquiry  ID:inquiry
====================================================*/
#inquiry .proverb { height: 30px; background: url(../Inquiry/img/02_proverb.gif) no-repeat; margin-top: 12px;}
#inquiry p.proverbText { color: #f07927; margin-bottom: 40px;}

#inquiry h3.h3_00 { background: url(../Inquiry/img/h3_02_00.gif) no-repeat;}
#inquiry h3.h3_01 { background: url(../Inquiry/img/h3_02_01.gif) no-repeat;}

#inquiry span.blueB {color: #005bac; font-weight: bold;}

#inquiry dl { width: 550px; margin: 0 auto;}
#inquiry dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     #inquiry dl  {
         display: inline-table;
     }
 /**/

#inquiry dl.formGray { background: #f4f4f4;}
#inquiry dl.formWhite { background: #fff;}
#inquiry dt { display: block; float: left; width: 120px; padding: .8em .5em .8em 2em;}
#inquiry dt span { color: #005bac; font-weight: bold;}
#inquiry dd { display: block;  float: left; width: 340px; padding: .8em .5em .8em 3em; margin: 0 0 0 0; border-left: 1px solid #ccc;} 
#inquiry dd span { font-weight: normal; color: #666; vertical-align: middle; padding: 0 .5em; font-size: .765em}
input, textarea, select { border: 1px solid #f07927; background: #fff; padding: .1em; margin: 0 .5em .3em 0;}
input.noborder { border: none; background: #fff; }

#inquiry .btSend { display: block; width: 345px; height: 35px; background: url(../Inquiry/img/btMailForm.gif) 0 0 no-repeat; padding: 0; margin: 30px auto 50px auto; border: none; text-indent: -9876em; overflow:hidden;}
/*\*//*/
 overflow:auto;
/**/
#inquiry .btSend:hover { background: url(../Inquiry/img/btMailForm.gif) 0 -35px;}

#inquiry .thanks { width: 480px; border: 1px solid #f07927; padding: 10px; margin: 80px auto; text-align: center; line-height: 200%;}

#inquiry ul.pp { padding: .8em 0 .4em 40px;}
#inquiry ul.pp li { background: url(../c_img/pmSquareOra.gif) 0 .4em no-repeat; padding: 0 0 0 16px; margin: 1em 0 .4em 0; color: #333;}
#inquiry ul.pp li li { background: url(../c_img/pmSquareGray.gif) 0 .4em no-repeat; padding: 0 0 0 14px; margin: 0 0 .4em 2em; color: #666;}

#inquiry .goToTop a { background: url(../c_img/btGototopOra.gif) no-repeat;}
#inquiry .goToTop a:hover { background-position: 0 -25px;}


#inquiry ul.textLink li{ background: url(../c_img/pmTriangleOra.gif) no-repeat 0 1.3em;;}


/*====================================================
	6: Assembly  ID:assembly
====================================================*/

#assembly .proverb { height: 30px; background: url(../Assembly/img/03_proverb.gif) no-repeat; margin-top: 12px;}
#assembly p.proverbText { color: #003b64; margin-bottom: 40px;}
#assembly .result { background: url(../Assembly/img/03_result.gif) no-repeat;}


#assembly h3.h3_00 { background: url(../Assembly/img/h3_03_00.gif) no-repeat; margin-top: 15px;}
#assembly h3.h3_01 { background: url(../Assembly/img/h3_03_01.gif) no-repeat; margin-top: 15px;}
#assembly h3.h3_02 { background: url(../Assembly/img/h3_03_02.gif) no-repeat; margin-top: 15px;}
#assembly h3.h3_03 { height: 80px; background: url(../Assembly/img/h3_03_03.gif) no-repeat; margin-top: 15px;}

#assembly .goToTop a { background: url(../c_img/btGototopBl.gif) no-repeat;}
#assembly .goToTop a:hover { background-position: 0 -25px;}

#assembly ul.textLink li{ background: url(../c_img/pmTriangleBl.gif) no-repeat 0 1.3em;;}


/*====================================================
	7: Plan  ID:plan
====================================================*/

#plan .proverb { height: 30px; background: url(../Plan/img/04_proverb.gif) no-repeat; margin-top: 12px;}
#plan p.proverbText { color: #a54556; margin-bottom: 40px;}
#plan .result { background: url(../Plan/img/04_result.gif) no-repeat;}

#plan h3.h3_00 { background: url(../Plan/img/h3_04_00.gif) no-repeat; margin-top: 15px;}
#plan h3.h3_01 { background: url(../Plan/img/h3_04_01.gif) no-repeat; margin-top: 15px;}
#plan h3.h3_02 { background: url(../Plan/img/h3_04_02.gif) no-repeat; margin-top: 15px;}
#plan h3.h3_03 { height: 80px; background: url(../Plan/img/h3_04_03.gif) no-repeat; margin-top: 15px;}

#plan .goToTop a { background: url(../c_img/btGototopPink.gif) no-repeat;}
#plan .goToTop a:hover { background-position: 0 -25px;}

#plan ul.textLink li{ background: url(../c_img/pmTriangleP.gif) no-repeat 0 1.3em;;}


/*====================================================
	8: Network  ID:network
====================================================*/

#network .proverb { height: 30px; background: url(../Network/img/05_proverb.gif) no-repeat; margin-top: 12px;}
#network p.proverbText { color: #016b62; margin-bottom: 40px;}
#network .result { height: 66px; background: url(../Network/img/05_result.gif) no-repeat;}

#network h3.h3_00 { background: url(../Network/img/h3_05_00.gif) no-repeat; margin-top: 15px;}
#network h3.h3_01 { background: url(../Network/img/h3_05_01.gif) no-repeat; margin-top: 15px;}
#network h3.h3_02 { height: 80px; background: url(../Network/img/h3_05_02.gif) no-repeat; margin-top: 15px;}

#network .goToTop a { background: url(../c_img/btGototopGr.gif) no-repeat;}
#network .goToTop a:hover { background-position: 0 -25px;}

#network ul.textLink li{ background: url(../c_img/pmTriangleGr.gif) no-repeat 0 1.3em;;}


/*====================================================
	9: News  ID:news
====================================================*/

#news h3 { background: url(../News/img/h3Bg.gif) no-repeat; text-indent: 1.5em; font-weight: bold; font-size: 140%; line-height: 30px; vertical-align: bottom;}
#news .news { width: 90%; margin: 0 auto 15px auto;} 
#news .news:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     #news p   {
         display: inline-table;
     }
 /**/
#news .news ul { margin: 1em;}
 
#news .siteLink { display: block; text-align: right; margin: 15px 0 8px 0;}
#news .siteLink a { background: #ddeaf3; padding: .1em .5em .1em .7em; border-left: 5px solid #005bac; }
#news .siteLink a:hover { background: #005bac;} 

#news  .desc { width: 90%; padding: 1em; font-size: .8em; background: #eaeaea; border: 1px solid #cccccc; margin: .5em auto;}


#news .goToTop a, #product .goToTop a, #company .goToTop a, #error .goToTop a { background: url(../c_img/btGototopBl.gif) no-repeat;}
#news .goToTop a:hover, #product .goToTop a:hover, #company .goToTop a:hover, #error .goToTop a:hover { background-position: 0 -25px;}

#news ul.textLink li, #product ul.textLink li, #company ul.textLink li, #error ul.textLink li
{ background: url(../c_img/pmTriangleBl.gif) no-repeat 0 1.3em;;}


/*====================================================
	10: Product  ID:product
====================================================*/

#product #areaD { padding-top: 20px;} 
#product dl.hlPro { width: 520px;  border: 1px solid #ccc; padding: 8px; margin: 10px auto}
#product dl.hlPro:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     #product dl.hlPro  {
         display: inline-table;
     }
 /**/
#product dl.hlPro dt { display: block; float: left; width: 160px; height: 160px;}
#product dl.hlPro dt img { border: 1px solid #ccc; padding: 1px;}
#product dl.hlPro dd { display: block; float: right; width: 340px;}
#product dl.hlPro dd h3 { width: 340px;font-weight: bold; color: #003a6e; background: #ccc;}
#product dl.hlPro dd h3.h3_01 { background: url(../Product/img/h3_07_01s.gif) no-repeat;}
#product dl.hlPro dd h3.h3_02 { background: url(../Product/img/h3_07_02s.gif) no-repeat;}
#product dl.hlPro dd h3.h3_02 { background: url(../Product/img/h3_07_02s.gif) no-repeat;}
#product dl.hlPro dd h3.h3_03 { background: url(../Product/img/h3_07_03s.gif) no-repeat;}

.btDetail { display: block; clear: both; width: 143px; height: 25px; padding: 0; margin: 30px 0 15px auto; overflow:hidden;}
/*\*//*/
 overflow:auto;
/**/
.btDetail a { display: block; width: 143px; height: 25px; background: url(../c_img/btDetail.gif) 0 0 no-repeat;  text-indent: -9876em;}
.btDetail a:hover { background-position: 0 -25px;}
 
/*====================================================
	11: Company  ID:company	
====================================================*/

#company .proverb { height: 30px; background: url(../Company/img/08_proverb.gif) no-repeat; margin-top: 12px;}
#company p.proverbText { color: #003a6e; margin-bottom: 40px;}

#company h3.h3_00 { background: url(../Company/img/h3_08_00.gif) no-repeat;}
#company h3.h3_01 { background: url(../Company/img/h3_08_01.gif) no-repeat; margin-top: 20px; }
#company h3.h3_02 { background: url(../Company/img/h3_08_02.gif) no-repeat;}

#company dd.none { background: none;}
#company dl.summary { width: 520px; background: url(../Company/img/bgSummery.gif) repeat-y; margin: 0 auto 25px auto;}
#company dl.summary dd { width: 100%; background: url(../Company/img/bgSumLine.gif) no-repeat bottom center; padding: .2em 0 .2em 0;  margin: 0; text-indent: 2em;}
#company dl.summary dd.none { background: none;}
#company dl.summary dd  span { display: block; margin: -1.8em 0 0 50px; padding: .2em 0 .2em 5em; text-indent: 0;}
#company .map { display: block; width: 520px; height: 520px; margin: 0 auto; padding: 0 0 25px 0;}
#company .map iframe { border: 1px solid #005bac;} 
#company dl.histry { width: 520px;  margin: 0 auto 25px auto;}
#company dl.histry dd { width: 100%; border-bottom: 1px solid #ddeaf3; padding: .2em 0 .2em 2em; color: #005bac;}
#company dl.histry dd.none { border: none;}
#company dl.histry dd span { color: #666;  padding: .2em 0 .2em 5em;}




/*====================================================
	7: Error  ID:error403 error403
====================================================*/

#error403 h3.h3_00 { background: url(../Error/img/h3_403.gif) no-repeat; margin-top: 30px;}
#error404 h3.h3_00 { background: url(../Error/img/h3_404.gif) no-repeat; margin-top: 30px;}

#error403 p, #error404 p { padding: 15px 0 .4em 0; color: #005bac; font-weight: bold;}
.errorBox { width: 70%; border: 15px solid #ddeaf3; padding: 0 2em 2em 2em;  margin: 30px auto 200px auto;}

#error403 ul.textLink li, #error404 ul.textLink li { background: url(../c_img/pmTriangleGray.gif) no-repeat 0 1.3em;}


/*====================================================
	13: rowSets
====================================================*/

.rowBox520 { width: 520px; margin: 10px auto 15px auto;}
.rowBox520:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     .rowBox520  {
         display: inline-table;
     }
 /**/
 
.row623Box { width: 623px; margin: 10px auto 15px auto;}
.row623Box:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
    row623Box  {
         display: inline-table;
     }
 /**/
dl.row210L{ width: 210px; float: left; margin: 0; padding: 0;}
dl.row200L{ width: 200px; float: left; margin: 0; padding: 0;}
dl.row200L dt, dl.row200R dt { clear: both; width: 100%;}
dl.row210L dt img, dl.row200L dt img { border: 1px solid #ccc; padding:0; margin-bottom: 0;}
dl.row210L dd, dl.row200L dd { clear: both; width: 100%; padding: 0 0 .2em 0; margin-top: -.5em; text-align: center; font-size: .765em;}
 
dl.row250L { width: 250px; float: left; background: #fff; margin: 0; padding: 0;}
dl.row250L dd { width: 100%; border-bottom: 1px solid #ddeaf3; padding: .2em 0 .2em 0; text-indent: 3em;}
dl.row250R { width: 250px; float: left; background: #ddeaf3; margin: 0; padding: 0;}
dl.row250R dd { width: 100%; border-bottom: 1px solid #fff; padding: .2em 0 .2em 0; text-indent: 3em;}
dl.row250R dd.none { background: none;}

dl.row50pL { width: 250px; float: left; background: #fff; margin: 0; padding: 0;}
dl.row50pR { width: 250px; float: right; background: #fff; margin: 0; padding: 0;}