@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;}

img.roBtn:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}

.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;}


.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;
position:relative;
margin:0 auto;
padding:12px 0 38px;
text-align:left;
font-size:75%;
zoom:1;
}

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



.mainBox{
width:760px;
float:left;
line-height:1.4;
text-align:left;
}



.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:960px;
margin:0 auto;
padding:5px 0;
font-size:60%;
line-height:1;
color:#f0f4f2;
font-weight:normal;
text-align:left;
}

.member dl.fSize{ display:none; }

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

.utilBox ul.utilnavi{
/*width:475px;*/
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:327px;
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;
}


ul.member_navi{
margin-bottom:8px;
padding-top:1px;
padding-bottom:7px;
background:url(../cmn_img/member_navi_bg.gif) repeat-x left bottom;
list-style:none;
}


ul.member_navi li{ 
float:left;
padding:1px 25px 12px;
background-position:left top;
background-repeat:no-repeat;
}
/*
ul.member_navi li:first-child{ background-image:url(../cmn_img/navi_icon01.gif);}
ul.member_navi li:nth-child(2){ background-image:url(../cmn_img/navi_icon02.gif);}
ul.member_navi li:nth-child(3){ background-image:url(../cmn_img/navi_icon03.gif);}
ul.member_navi li:nth-child(4){ background-image:url(../cmn_img/navi_icon04.gif);}
*/

p.members{
margin-bottom:8px;
vertical-align:middle;
padding:6px 0 9px 35px;
background:url(../cmn_img/icon_member.gif) no-repeat 5px top;
border-bottom:1px solid #52ac73;
}



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


.ftrBox ul{
display:block;
list-style:none outside none;
margin-left:60px;
clear:both;
}

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


.ftrBox strong{
display:block;
float:left;
width:58%;
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:395px;
top:-24px;
}

.btmBox a.jpca{
width:104px;
height:45px;
position:relative;
left:0px;
top:-30px;
margin-left:520px;
}

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


.btmBox a.iso9100{
width:112px;
height:75px;
position:relative;
left:403px;
top:0;
}
*/
.btmBox a.iso {
	position:relative;
	left:0px;
	top:0px;
}

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


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


/* Page Structuring Elements For Popup ++++++++++
   
   For Popup(/customer_support/guide.html) 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; }




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

+++++++++++++++++++++++++++++++++++++++ */
.mainBox h1{
margin-bottom:10px;
background:url(../cmn_img/h1_bg.gif) repeat-x left bottom;
}
.mainBox h1 img{
padding-right:7px;
background:#fff;}


.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 p{  margin-bottom:17px; }




/* BackTop ++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++ */

ul.pgStartEnd{
clear:both;
position:relative;
right:200px;
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:#333;text-decoration:underline;}


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:#333;text-decoration:underline;}



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

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

.clrFlt{ zoom:1;/* for IE 5.5-7 */ }
.clrFlt:after { /* for modern browser */ 
content:".";
clear:both;
display:block;
line-height:0;
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;
}