@charset "utf-8";

/* ==================================================== */
/* base.css                                             */
/* update:070829                                        */
/* ==================================================== */


/*----------------------------------------------------
base setting
----------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
margin:0;
padding:0;
}

body {
background:#EBEBEB url(../img/bg_body.gif) repeat-x top;
}

table {
border-collapse:collapse;
border-spacing:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

q:before,q:after {
content:'';
}

hr {
display:none;
border:0;
height:0;
}

li img, dt img, dd img {
vertical-align:top;
}


/*----------------------------------------------------
font
----------------------------------------------------*/
body {
font-family:"ＭＳ Ｐゴシック", MS PGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, helvetica, arial, sans-serif;
font-size:100%;
line-height:1.4;
color:#333333;
}

h1,h2,h3,h4,h5,h6 {
font-size:inherit;
font-size:100%;
font-weight:normal;
}

table {
font-size:inherit;
font:100%;
}


/*----------------------------------------------------
links
----------------------------------------------------*/
fieldset,img {
border:0;
}


/*----------------------------------------------------
common setting
----------------------------------------------------*/

/*---------- clear ----------*/
.clr { clear:both; }

.clrFix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clrFix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clrFix {height: 1%;}
.clrFix {display: block;}
/* End hide from IE-mac */


/*---------- float ----------*/
.fLeft { float:left; }
.fRight { float:right; }


/*---------- text-align ----------*/
.txtRight { text-align:right; }
.txtCenter { text-align:center; }

/*---------- vertical-align ----------*/
.txtMiddle {vertical-align:middle;}
.txtBottom {vertical-align:bottom;}
.txtTop {vertical-align:top;}

/*---------- color ----------*/
.gray {color:#999;}
.red {color:#c00;}

/*---------- font-size ----------*/
.small { font-size:80%; }
.large { font-size:130%; }


/*---------- font-weight ----------*/
.normal { font-weight:normal; }
.bold { font-weight:bold; }


sub {
vertical-align: baseline;
position:relative;
top:0.1em;
font-size:80%;
}

sup {
vertical-align: baseline;
position:relative;
top:-0.5em;
font-size:80%;
}


/*----------------------------------------------------
link
----------------------------------------------------*/
a {
color:#295c9d;
text-decoration:underline;
}

a:hover {
color:#2eadfa;
text-decoration:none;
}


/*----------------------------------------------------
main area
----------------------------------------------------*/
div#content {
width:953px;
background:url(../img/shadow_body.gif) repeat-y right #FFF;
font-size:81.2%;
}


/*----------------------------------------------------
inner
----------------------------------------------------*/
div#inner {
padding:3px 30px 30px 25px;
background:url(../img/bg_product.gif) no-repeat left top;
}


/*----------------------------------------------------
local navigation
----------------------------------------------------*/
ul#lNav {
float:left;
padding:6px 7px 15px 7px;
width:189px;
background:#e2e9ef url(../img/bg_lnav.gif) no-repeat left bottom;
}

ul#lNav li {
background:#fff url(../img/bg_lnav01off.gif) no-repeat left bottom;
}

ul#lNav li.noProduct {
padding:2px 5px 2px 18px;
color:#FFF;
background:#fff url(../img/bg_lnav01off2.gif) no-repeat left bottom;
font-weight:bold;
}

ul#lNav li a {
display:block;
padding:1px 5px 1px 18px;
width:166px;
color:#333;
background:url(../img/arrow_lnav01off.gif) no-repeat 5px 0.5em;
text-decoration:none;
}
ul#lNav li a:hover {
text-decoration:underline;
}

ul#lNav li.on {
background:url(../img/bg_lnav01on.gif) repeat-y left top;
}
ul#lNav li.on a {
color:#fff;
background:url(../img/arrow_lnav01on.gif) no-repeat 5px 0.6em;
}
ul#lNav li.on ul li,
ul#lNav li.active ul li {
background:url(../img/bg_lnav02off.gif) repeat-y left top;
font-size:80%;
}
ul#lNav li.on ul li a,
ul#lNav li.active ul li a {
color:#285b9a;
background:url(../img/arrow_lnav02off.gif) no-repeat 5px 0.6em;
text-decoration:none;
}
ul#lNav li.on ul li a:hover,
ul#lNav li.active ul li a:hover {
text-decoration:underline;
}

ul#lNav li.active {
background:url(../img/bg_lnav01active.gif) repeat-y left top;
}
ul#lNav li.active a {
color:#285b9a;
background:url(../img/arrow_lnav01active.gif) no-repeat 5px 0.6em;
}

ul#lNav li.active ul li.on {
color:#fff;
background:url(../img/bg_lnav02on.gif) repeat-y left top;
}
ul#lNav li.active ul li.on a {
color:#fff;
background:url(../img/arrow_lnav02on.gif) no-repeat 5px 0.6em;
}


/*----------------------------------------------------
main contents
----------------------------------------------------*/
div#main {
float:right;
padding:26px 0 0 0;
width:662px;
}

div#main h2.subTtl{
padding:6px 7px 6px 23px;
color:#fff;
background:url(../img/bg_sttl01.gif) no-repeat;
font-weight:bold;
}


/*----------------------------------------------------
pagetop
----------------------------------------------------*/
div.pagetop {
margin:30px 0 0 0;
text-align:right;
}



/*----------------------------------------------------
common setting - Spacer
----------------------------------------------------*/
.mg1 { margin:1px; }
.mg2 { margin:2px; }
.mg3 { margin:3px; }
.mg4 { margin:4px; }
.mg5 { margin:5px; }
.mg6 { margin:6px; }
.mg7 { margin:7px; }
.mg8 { margin:8px; }
.mg9 { margin:9px; }
.mg10 { margin:10px; }
.mg15 { margin:15px; }
.mg20 { margin:20px; }
.pd1 { padding:1px; }
.pd2 { padding:2px; }
.pd3 { padding:3px; }
.pd4 { padding:4px; }
.pd5 { padding:5px; }
.pd6 { padding:6px; }
.pd7 { padding:7px; }
.pd8 { padding:8px; }
.pd9 { padding:9px; }
.pd10 { padding:10px; }
.pd15 { padding:15px; }
.pd20 { padding:20px; }

.mgt1 { margin-top:1px; }
.mgt2 { margin-top:2px; }
.mgt3 { margin-top:3px; }
.mgt4 { margin-top:4px; }
.mgt5 { margin-top:5px; }
.mgt6 { margin-top:6px; }
.mgt7 { margin-top:7px; }
.mgt8 { margin-top:8px; }
.mgt9 { margin-top:9px; }
.mgt10 { margin-top:10px; }
.mgt15 { margin-top:15px; }
.mgt20 { margin-top:20px; }
.mgt25 { margin-top:25px; }
.mgt30 { margin-top:30px; }
.mgt35 { margin-top:35px; }
.mgt40 { margin-top:40px; }
.mgt45 { margin-top:45px; }
.mgt50 { margin-top:50px; }

.mgb1 { margin-bottom:1px; }
.mgb2 { margin-bottom:2px; }
.mgb3 { margin-bottom:3px; }
.mgb4 { margin-bottom:4px; }
.mgb5 { margin-bottom:5px; }
.mgb6 { margin-bottom:6px; }
.mgb7 { margin-bottom:7px; }
.mgb8 { margin-bottom:8px; }
.mgb9 { margin-bottom:9px; }
.mgb10 { margin-bottom:10px; }
.mgb15 { margin-bottom:15px; }
.mgb20 { margin-bottom:20px; }
.mgb25 { margin-bottom:25px; }
.mgb30 { margin-bottom:30px; }
.mgb35 { margin-bottom:35px; }
.mgb40 { margin-bottom:40px; }
.mgb45 { margin-bottom:45px; }
.mgb50 { margin-bottom:50px; }

.mgl1 { margin-left:1px; }
.mgl2 { margin-left:2px; }
.mgl3 { margin-left:3px; }
.mgl4 { margin-left:4px; }
.mgl5 { margin-left:5px; }
.mgl6 { margin-left:6px; }
.mgl7 { margin-left:7px; }
.mgl8 { margin-left:8px; }
.mgl9 { margin-left:9px; }
.mgl10 { margin-left:10px; }
.mgl15 { margin-left:15px; }
.mgl20 { margin-left:20px; }
.mgl25 { margin-left:25px; }
.mgl30 { margin-left:30px; }
.mgl35 { margin-left:35px; }
.mgl40 { margin-left:40px; }
.mgl45 { margin-left:45px; }
.mgl50 { margin-left:50px; }

.mgr1 { margin-right:1px; }
.mgr2 { margin-right:2px; }
.mgr3 { margin-right:3px; }
.mgr4 { margin-right:4px; }
.mgr5 { margin-right:5px; }
.mgr6 { margin-right:6px; }
.mgr7 { margin-right:7px; }
.mgr8 { margin-right:8px; }
.mgr9 { margin-right:9px; }
.mgr10 { margin-right:10px; }
.mgr15 { margin-right:15px; }
.mgr20 { margin-right:20px; }
.mgr25 { margin-right:25px; }
.mgr30 { margin-right:30px; }
.mgr35 { margin-right:35px; }
.mgr40 { margin-right:40px; }
.mgr45 { margin-right:45px; }
.mgr50 { margin-right:50px; }

.pdt1 { padding-top:1px; }
.pdt2 { padding-top:2px; }
.pdt3 { padding-top:3px; }
.pdt4 { padding-top:4px; }
.pdt5 { padding-top:5px; }
.pdt6 { padding-top:6px; }
.pdt7 { padding-top:7px; }
.pdt8 { padding-top:8px; }
.pdt9 { padding-top:9px; }
.pdt10 { padding-top:10px; }
.pdt15 { padding-top:15px; }
.pdt20 { padding-top:20px; }
.pdt25 { padding-top:25px; }
.pdt30 { padding-top:30px; }
.pdt35 { padding-top:35px; }
.pdt40 { padding-top:40px; }
.pdt45 { padding-top:45px; }
.pdt50 { padding-top:50px; }

.pdb1 { padding-bottom:1px; }
.pdb2 { padding-bottom:2px; }
.pdb3 { padding-bottom:3px; }
.pdb4 { padding-bottom:4px; }
.pdb5 { padding-bottom:5px; }
.pdb6 { padding-bottom:6px; }
.pdb7 { padding-bottom:7px; }
.pdb8 { padding-bottom:8px; }
.pdb9 { padding-bottom:9px; }
.pdb10 { padding-bottom:10px; }
.pdb15 { padding-bottom:15px; }
.pdb20 { padding-bottom:20px; }
.pdb25 { padding-bottom:25px; }
.pdb30 { padding-bottom:30px; }
.pdb35 { padding-bottom:35px; }
.pdb40 { padding-bottom:40px; }
.pdb45 { padding-bottom:45px; }
.pdb50 { padding-bottom:50px; }

.pdl1 { padding-left:1px; }
.pdl2 { padding-left:2px; }
.pdl3 { padding-left:3px; }
.pdl4 { padding-left:4px; }
.pdl5 { padding-left:5px; }
.pdl6 { padding-left:6px; }
.pdl7 { padding-left:7px; }
.pdl8 { padding-left:8px; }
.pdl9 { padding-left:9px; }
.pdl10 { padding-left:10px; }
.pdl15 { padding-left:15px; }
.pdl20 { padding-left:20px; }
.pdl25 { padding-left:25px; }
.pdl30 { padding-left:30px; }
.pdl35 { padding-left:35px; }
.pdl40 { padding-left:40px; }
.pdl45 { padding-left:45px; }
.pdl50 { padding-left:50px; }

.pdr1 { padding-right:1px; }
.pdr2 { padding-right:2px; }
.pdr3 { padding-right:3px; }
.pdr4 { padding-right:4px; }
.pdr5 { padding-right:5px; }
.pdr6 { padding-right:6px; }
.pdr7 { padding-right:7px; }
.pdr8 { padding-right:8px; }
.pdr9 { padding-right:9px; }
.pdr10 { padding-right:10px; }
.pdr15 { padding-right:15px; }
.pdr20 { padding-right:20px; }
.pdr25 { padding-right:25px; }
.pdr30 { padding-right:30px; }
.pdr35 { padding-right:35px; }
.pdr40 { padding-right:40px; }
.pdr45 { padding-right:45px; }
.pdr50 { padding-right:50px; }


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

table#formTbl{
margin:0 0 30px 0;
}

table#formTbl th{
padding:12px 15px;
width:120px;
color:#295c9d;
background:#eff4f8 url(../../exhibit/img/bg_exhibit_line.gif) repeat-x left bottom;
font-weight:bold;
line-height:1;
text-align:right;
vertical-align:top;
white-space:nowrap;
}

table#formTbl td{
padding:12px 15px;
width:482px;
background:url(../../exhibit/img/bg_exhibit_line.gif) repeat-x left bottom;
vertical-align:top;
word-break:break-all;
}

table#formTbl td input.fieldType01{
width:350px;
vertical-align:middle;
}

table#formTbl td input.fieldType02{
width:40px;
vertical-align:middle;
}

table#formTbl td input.fieldType03{
width:300px;
vertical-align:middlep;
}

table#formTbl td input.fieldType04{
width:200px;
vertical-align:middle;
}

table#formTbl td textarea{
width:400px;
height:100px;
}

table#formTbl td table.checkTbl{
margin:0 0 0 0;
width:482px;
}
table#formTbl td table.checkTbl td{
padding:0 0 5px 0;
width:50%;
background:none;
}
table#formTbl td table.checkTbl td input{
margin:0 5px 0 0;
vertical-align:middle;
}


/*----------------------------------------------------
caution
----------------------------------------------------*/

.caution {
margin:0 0 5px 0;
padding:1px 0 1px 24px;
color: #c00;
background:url(../../common/img/arrow_caution.gif) no-repeat left center;
font-weight:bold;
}

.caution2 {
margin:0 0 5px 0;
color: #c00;
font-weight:bold;
}


/*----------------------------------------------------
caution
----------------------------------------------------*/

p.acrobat {
margin-right:10px;
margin-left:10px;
padding:10px 20px;
border:solid 1px #ddd;
background:#f5f5f5;
}