@charset "utf-8";

/* Reset Default Setting ++++++++++++++
+++++++++++++++++++++++++++++++++++++++ */


body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,tr,td,span,a,img,button,hr,form{ margin:0;padding:0;border:0;}
input,label{ margin:0;padding:0;}

html{
overflow: scroll;
overflow: -moz-scrollbars-vertical;
overflow-x: scroll;
}

body{
width:100%;
padding-bottom:40px;
color:#333;
line-height:1;
text-align:center;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}


/* link color for each parts ++++++++++

+++++++++++++++++++++++++++++++++++++++ */
a:link{ 	color:#333;text-decoration:none; }
a:visited{ 	color:#333;text-decoration:none; }
a:active{	color:#333;text-decoration:none;}
a:hover{ 	color:#333;text-decoration:underline;}


.mainBox a:link{ 	color:#ed8804;text-decoration:none; }
.mainBox a:visited{ color:#ed8804;text-decoration:none; }
.mainBox a:active{	color:#ed8804;text-decoration:none;}
.mainBox a:hover{ 	color:#ed8804;text-decoration:underline;}


.utilBox a:link{ 	color:#308f53;text-decoration:none; }
.utilBox a:visited{ color:#308f53;text-decoration:none; }
.utilBox a:active{	color:#308f53;text-decoration:none;}
.utilBox a:hover{ 	color:#308f53;text-decoration:underline;}


.naviBox a:link{ 	color:#333;text-decoration:none; }
.naviBox a:visited{ color:#333;text-decoration:none; }
.naviBox a:active{	color:#333;text-decoration:none;}
.naviBox a:hover{ 	color:#333;text-decoration:underline;}


.ftrBox a:link{ 		color:#fff;text-decoration:none; }
.ftrBox a:visited{	color:#fff;text-decoration:none; }
.ftrBox a:active{	color:#fff;text-decoration:none;}
.ftrBox a:hover{ 	color:#ff;text-decoration:underline;}



/* Page Structuring Elements ++++++++++++++++++++++++++++++++++++++++
   
   For regular pages ONLY.
   As for popup page, see "Page Structuring Elements For Popup" below
   
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.utilBox{
clear:both;
width:960px;
margin:0 auto;
padding:1.1em 0 9px;
font-size:75%;
text-align:left;
}



.wrapBox{
width:960px;
margin:0 auto;
padding:12px 0 38px;
text-align:left;
font-size:75%;
}

.ctsBox{
width:760px;
float:left;
position:relative;
zoom:1;
}


.sideBox{
width:180px;
float:right;
line-height:1.5;
text-align:left;
}


.naviBox{
float:left;
width:200px;
line-height:1.5;
}

.mainBox{
width:540px;
float:right;
line-height:1.5;
text-align:left;
padding-bottom:8px;
}

.ftrBox{
width:930px;
margin:0 auto 12px;
padding:7px 20px 5px 10px;
background:#308f53;
color:#fff;
font-size:75%;
line-height:1.8;
text-align:left;
}

.btmBox{
width:930px;
margin:0 auto;
padding:0 20px 0 10px;
position:relative;
text-align:left;
}




/* elements in header ++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++ */
.summaryBoxBG{
width:100%;
background:#308f53;
}

.summaryBox{
width:960px;
margin:0 auto;
position:relative;
}

.summaryBox strong{
display:block;
width:721px;
max-width:721px;
float:left;
padding:5px 0;
font-size:60%;
line-height:1;
color:#f0f4f2;
font-weight:normal;
text-align:left;
}



dl.fSize{
width:216px;
padding:4px 7px 5px 15px;
height:24px;
list-style:none;
font-size:0;
line-height:0;
background:url(../cmn_img/fsize_bg.gif) no-repeat right bottom;
position:absolute;
left:721px;
top:0;
}

dl.fSize img{ vertical-align:bottom; }

dl.fSize dt{
float:left;
width:64px;
height:24px;
text-align:left;
}

dl.fSize dd{
float:right;
width:152px;
height:24px;
float:right;
}

dl.fSize ul{ list-style:none; }
dl.fSize li{ float:left; }

.member dl.fSize{ display:none; }





.utilBox strong.logo{
display:block;
width:440px;
float:left;
}

.utilBox ul.utilnavi{
width:520px;
padding:0.9em 0 2px;
float:right;
list-style:none;
line-height:2;
}

.utilBox ul.utilnavi li{
float:right;
padding-left:16px;
}

.utilBox ul.popnavi{
display:none;
width:300px;
float:right;
padding:16px 0 0;
font-size:0;
line-height:0;
list-style:none;
}

.utilBox ul.popnavi li{ float:right;padding-left:5px; }



.swfBox{
width:960px;
height:25px;
margin:0 auto;
padding:7px 0;
text-align:left;
background:url(../cmn_img/swfbox_bg.gif) repeat-x left top;
}

.swfBox span{
display:block;
float:left;
width:495px;
height:25px;
}

.swfBox strong{
display:block;
width:452px;
padding-right:10px;
float:right;
}

.home .swfBox{ display:none; }








/* elements in ftrBox ++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++ */

.ftrBox ul{
width:38%;
float:right;
list-style:none;
}

.ftrBox ul li{
float:right;
padding-left:10px;
}


.ftrBox strong{
display:block;
float:left;
width:62%;
font-weight:normal;
}


.btmBox address{
display:block;
width:300px;
font-size:75%;
color:#333;
font-style:normal;
text-align:left;
position:relative;
left:0px;
top:-78px;
}


.btmBox span.sslBnr{
width:100px;
height:50px;
position:relative;
left:300px;
top:-24px;
}

.btmBox a.jpca{
width:104px;
height:45px;
position:relative;
left:305px;
top:-35px;
}

.btmBox a.iso1400{
width:115px;
height:75px;
position:relative;
left:310px;
top:0;
}


.btmBox a.iso9100{
width:112px;
height:75px;
position:relative;
left:312px;
top:0;
}


.btmBox a.pmarkH75{
width:67px;
height:75px;
position:relative;
left:315px;
top:0px;
}


.btmBox a.jadma{
width:120px;
height:45px;
position:relative;
left:317px;
top:-35px;
}


/* Page Structuring Elements For Popup ++++++++++
   
   For Popup(/guide/) Only   
   
+++++++++++++++++++++++++++++++++++++++++++++++++ */
.popup .util{ border-bottom:1px solid #4fa06d; }

.popup .summaryBox{ width:740px; }
.popup .summaryBox strong{ width:501px;max-width:501px; }
.popup  dl.fSize{ left:501px; }

.popup .utilBox{ width:740px; }
.popup .utilBox ul.utilnavi{ display:none; }
.popup .utilBox ul.popnavi{ display:block; }

.popup .swfBox{ display:none; }
.popup .mainBox{
width:570px;
margin:0 auto;
padding:7px 0 46px; 
float:none;
font-size:75%;
}

.no_print .utilBox ul.popnavi li:last-child{ display:none; }







/* topicPath ++++++++++++++++++++++++++++++++++

+++++++++++++++++++++++++++++++++++++++++++++++ */
ol.topicPath{
clear:both;
list-style:none;
}

ol.topicPath li{
display:inline;
margin-right:11px;
}

ol.topicPath li a{
padding:0 19px 0 0;
background-position:right 0.2em;
background-repeat:no-repeat;
}

ol.topicPath li a[href]{ background-image:url(../cmn_img/arrow_topic_path.gif); }


ol.topicPath li a:link{ 	color:#ed8804;text-decoration:none; }
ol.topicPath li a:visited { color:#ed8804;text-decoration:none; }
ol.topicPath li a:active {	color:#ed8804;text-decoration:none; }
ol.topicPath li a:hover { 	color:#ed8804;text-decoration:underline; }






/* headline ++++++++++++++++++++++++++++++++++

+++++++++++++++++++++++++++++++++++++++++++++++ */
.mainBox h1{
margin-bottom:16px;
padding:0.7em 0 1em;
background:url(../cmn_img/headline01_bg.gif) repeat-x left bottom;
font-size:150%;
}


.mainBox h2{
margin-bottom:1.2em;
padding-bottom:0.35em;
background:url(../cmn_img/line_dashed_grn.gif) repeat-x left bottom;
font-size:117%;
line-height:1.43;
color:#1a6a42;
}


.mainBox h3{ font-size:100%; }
.mainBox h4{ font-size:100%; }

.mainBox p{  margin-bottom:23px; }
.mainBox ul{ margin:0 0 23px 18px;list-style:disc; }






/* BackTop ++++++++++++++++++++++++++++++++++++
	
	pgStartEnd -- unique for each page
	
+++++++++++++++++++++++++++++++++++++++++++++++ */

ul.pgStartEnd{
clear:both;
position:relative;
right:0;
bottom:0;
line-height:1.8;
list-style:none;
z-index:10;
}

ul.pgStartEnd li{
text-align:right;
font-size:80%;
list-style:none;
}

ul.pgStartEnd li a{
padding:0 0 5px 17px;
background:url(../cmn_img/icon_arrow_pgtop.gif) no-repeat left 2px;
}

ul.pgStartEnd li a:link{ 	color:#333;text-decoration:none; }
ul.pgStartEnd li a:visited{ 	color:#333;text-decoration:none; }
ul.pgStartEnd li a:active{	color:#333;text-decoration:none;}
ul.pgStartEnd li a:hover{ 	color:#ed8804;text-decoration:none;}


ul.pgStart{
clear:both;
margin-bottom:28px;
line-height:1.8;
list-style:none;
}

ul.pgStart li{
text-align:right;
font-size:80%;
list-style:none;
}

ul.pgStart li a{
padding:0 0 5px 17px;
background:url(../cmn_img/icon_arrow_pgtop.gif) no-repeat left 2px;
}

ul.pgStart li a:link{ 	color:#333;text-decoration:none; }
ul.pgStart li a:visited{ 	color:#333;text-decoration:none; }
ul.pgStart li a:active{	color:#333;text-decoration:none;}
ul.pgStart li a:hover{ 	color:#ed8804;text-decoration:none;}







/* Common Elements ++++++++++++++++++++++++++++++++++

+++++++++++++++++++++++++++++++++++++++++++++++++++++ */

dl.frame{ margin-bottom:27px; background:url(../cmn_img/frame.gif) repeat left top; }
dl.frame dt{
width:510px;
padding:11px 15px 0;
background:url(../cmn_img/frame_head.gif) no-repeat left top;
}

dl.frame dd{
width:516px;
padding:0 10px 10px 14px;
background:url(../cmn_img/frame_foot.gif) no-repeat left bottom;
border:none;
}

dl.frame dd dl dt{ background:none; width:auto;padding:0; }
dl.frame dd dl dd{ background:none; width:auto;padding:0; }

dl.frame dd img{ vertical-align:middle;}

dl.links ul{
width:516px;
margin:6px 0 0;
padding:0;
font-size:0;
line-height:0;
list-style:none;
overflow:hidden;
}

dl.links li{
float:left;
margin-bottom:6px;
padding-right:10px;
list-style:none;
}

.links li:last-child{ padding-right:0; }




ul.fourOneOne{ margin:4px 0 23px 0; list-style:none; }
ul.fourOneOne{ list-style:none; }
ul.fourOneOne li a{	padding-left:15px;  background:url(../cmn_img/icon_arrow_right_org.gif) no-repeat left 2px; }
ul.fourOneOne li a:link{ color:#333;text-decoration:none; }
ul.fourOneOne li a:visited{ color:#333;text-decoration:none; }
ul.fourOneOne li a:active{	color:#333;text-decoration:none;}
ul.fourOneOne li a:hover{ 	color:#ed8804;text-decoration:none;}




.mainBox ul.asterList{ margin-left:0; list-style:none;zoom:1; }
.mainBox ul.asterList li{ margin-left:1em; }
.mainBox ul.asterList li:first-letter{ margin-left:-1em;}
.mainBox ul.asterList li.symbol_org:first-letter{ color:#ff5503; }


.mainBox dl.asterList{ zoom:1; }
.mainBox dl.asterList dt{ margin-left:1em; }
.mainBox dl.asterList dt:first-letter{ margin-left:-1em;}


.mainBox ol.digitList{ margin-bottom:23px; list-style:none;zoom:1; }
.mainBox ol.digitList li{ padding: 0 0 0 1.7em; list-style:none; }
.mainBox ol.digitList li span{ margin-left:-1.5em; }

.mainBox ol.digitList .listInside li{list-style:disc;margin-left:0;padding:0;}


span.pdf{ background:url(../cmn_img/icon_pdf.gif) no-repeat right bottom;margin-right:5px;padding:5px 19px 0 0.5em; line-height:1.1; }
span.excel{ background:url(../cmn_img/icon_xls.gif) no-repeat right 5px;margin-right:5px;padding:5px 19px 0 0.5em; line-height:1.1; }
span.zip{ background:url(../cmn_img/icon_zip.gif) no-repeat right 3px;margin-right:5px;padding:5px 19px 0 0.5em; line-height:1.1; }
span.new{ background:url(../cmn_img/icon_new.gif) no-repeat right 4px;margin-right:5px;padding:5px 33px 0 0.5em; line-height:1.1; }
span.movie{ background:url(../cmn_img/icon_movie.gif) no-repeat left 4px;padding:5px 0 3px 17px; margin-left:13px;  }







img.pmark{
float:right;
margin:0 20px 5px 15px;
display:inline;
}


.clr_red{ color:#ee4027; }
.clr_org{ color:#ff5503; }
.clr_white{ color:#fff; }
.notice{ font-size:90%; font-style:normal; }
.mag{ font-size:133%; }
.min{ font-size:90%; }


hr{
clear:both;
line-height:0;
font-size:0;
height:0;
width:auto;
border:none;
visibility:hidden;
zoom:1;
}

*:first-child+html hr{ display:none;} /* ie7 */

hr:after { /* for modern browser */ 
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
} 



.clrFlt{ zoom:1; /* for IE 5.5-7 */ }
.clrFlt:after { /* for modern browser */ 
content:".";
clear:both;
display:block;
height:0;
visibility:hidden;
} 



#noneJS{ 
display:block;
width:50em;
padding:1em;
margin:1.5em auto;
font-size:90%;
line-height:1.6;
color:#c00;
background:#fff5fa;
border:3px double #c00;
}