@charset "utf-8";
/*------------------------------------------------------------------------------
CSS Information

File name:component.css
- Adjustment + component
------------------------------------------------------------------------------*/


/* ClearFix
----------------------------------------------------*/
.clearfix:after,
#nav:after,
#contents:after,
#main:after,
#footer-utilityNav:after,
div#footer-referenceArea:after,
dl dd.columnAreaA01:after {
content : ''; 
display : block; 
clear : both;
}

.clearfix,
#nav,
#contents,
#main,
#footer-utilityNav,
div#footer-referenceArea,
dl dd.columnAreaA01 {
/zoom :1;
}

/* text
----------------------------------------------------*/
.accentA01 {color:#FF3300;}

.accentB01 {font-size:108%}

.weakA01 {font-size:85%;}

.weakA02 {font-size:93%;}

a.img-over:hover img {
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
-ms-filter: "alpha(opacity=70)"; 
/zoom: 1; 
}

ul.linkLiA01 li {}

a img.linkA01 {
display:inline;
text-decoration:none !important;
vertical-align:middle;
margin-left:3px;
position:relative;
margin-bottom:-2px;
}

a.link-externalA01 {
position:relative;
display:block;
}

a.link-externalA01 img {
position:absolute;
margin:6px 0 0 4px;
/margin-top:2px;
}



p.note,
ul.note li {
padding-left:1em;
text-indent:-1em;
}

p.noteA01,
ul.noteA01 li {
padding-left:1.3em;
text-indent:-1.3em;
padding-bottom:2px;
}

ul.noteA01 li.bold{
	font-weight:bold;
}

p.noteA02,
ul.noteA02 li,
ol.noteA02 li {
padding-left:1.3em;
text-indent:-1.3em;
}

p.noteA03,
ul.noteA03 li,
ol.noteA03 li {
padding-left:6em;
text-indent:-6em;
}


.marginA01 {margin-top:10px;}

.marginA02 {margin-top:20px;}

.marginA03 {margin-top:6px;}

.marginB01 {margin-bottom:10px;}

.marginB01 {margin-bottom:20px;}
/* text-align
----------------------------------------------------*/
.alignLeft {text-align: left;}

.alignRight {text-align: right;}

.alignCenter {text-align: center;}

/* vertical-align
----------------------------------------------------*/
.alignTop {vertical-align: top;}

.alignMiddle {vertical-align: middle;}

.alignBottom {vertical-align: bottom;}



/*----------------------------------------------------
btn
----------------------------------------------------*/
.btnA01 {margin-top:10px;}

.btnA02 {margin:10px 0 14px;}

.btnB01 {margin-top:20px;}

.btnB02 {margin-top:30px;}

.btnC01 {margin-bottom:10px;}
.pad5 {
	padding: 5px;
}
.pad10 {
	padding: 10px;
}




/*----------------------------------------------------
section,heading
----------------------------------------------------*/

/*-----sectionlv1-----*/
div.sectionlv1-A01{}
/*-----sectionlv2-----*/
div.sectionlv2-A01{}
/*-----sectionlv3-----*/
div.sectionlv3-A01{}


/*-----headinglv1-----*/
h1.headinglv1-A01{}

h1.headinglv1-A01 span{}

h1.headinglv1-A01-img{}

/*-----headinglv2-----*/
/*-----headinglv3-----*/
h2.headinglv2A,
h2.headinglv2B {
background:#DFDED2;
padding:18px 22px 16px;
font-size:124%;
}

h2.headinglv2A {
margin-bottom:40px;
}

h2.headinglv2B {
margin-bottom:30px;
}


h2.headinglv2A01,
h2.headinglv2A02,
h3.headinglv3A01,
h3.headinglv3A02,
div.headinglv3-blockA01,
div.headinglv3-blockA02 {
clear:both;
margin-top:30px;
}

h2.headinglv2A01.first-child,
h2.headinglv2A02.first-child,
h3.headinglv3A01.first-child,
h3.headinglv3A02.first-child,
div.headinglv3-blockA01.first-child,
div.headinglv3-blockA02.first-child {
margin-top:0;
}

h2.headinglv2A02,
h3.headinglv3A02,
div.headinglv3-blockA02 {margin-bottom:20px;}

/*h3.headinglv3A01.first-child {
margin-top:-10px;
}*/

div.headinglv3-blockA01 p.iconA01 img,
div.headinglv3-blockA02 p.iconA01 img {margin:0 6px 10px 0;}


h2.headinglv2A01,
h2.headinglv2A02,
h3.headinglv3A01,
h3.headinglv3A02,
div.headinglv3-blockA01 h3,
div.headinglv3-blockA02 h3 {
clear:both;
padding:2px 20px 14px;
border-bottom:5px solid #DFDED2;
background:url(../images/tmp_heading_bg01.gif) no-repeat 0 100%;
font-size:108%;
/zoom:1;
}


div.headinglv3-blockA01,
div.headinglv3-blockA02 {
position:relative;
}

div.headinglv3-blockA01 ul.product-icon01,
div.headinglv3-blockA02 ul.product-icon01 {
display:block;
position:absolute;
top:0;
right:0;
}

div.headinglv3-blockA01 ul.product-icon01 li,
div.headinglv3-blockA02 ul.product-icon01 li {
display:inline;
float:left;
margin-left:10px;
}

div.separatorA01 {
clear:both;
height:0;
margin:0 0 20px;
padding-top:5px;
background:url(../images/tmp_separator_line01.gif) repeat-x 0 100%;
}

div.separatorA01 hr{
visibility:hidden;
}

/*----------------------------------------------------
figureBlockA01
----------------------------------------------------*/

.figureBlockA01 {
width:100%;
}

.figureBlockA01 .imageBoxA01 {
float:right;
}

.figureBlockA01 .textBoxA01 {
overflow:hidden;
padding-right:20px;
}

.figureBlockA01 .textBoxA02 {
overflow:hidden;
padding-right:10px;
}

.figureBlockA01 .textBoxA03 {
overflow:hidden;
padding-right:30px;
}


* html .figureBlockA01 .textBoxA01,
* html .figureBlockA01 .textBoxA02,
* html .figureBlockA01 .textBoxA03 {
zoom:1;
}


/*----------------------------------------------------
figureBlockB01
----------------------------------------------------*/

.figureBlockB01 {width:100%;}

.figureBlockB01 .imageBoxB01 {
float:left;
}

.figureBlockB01 .textBoxB01 {
overflow:hidden;
padding-left:30px;
}

.figureBlockB01 .textBoxB02 {
overflow:hidden;
padding-left:10px;
}

.figureBlockB01 .textBoxB03 {
	overflow:hidden;
	padding-left: 20px;
}
.figureBlockA01 .textBoxB04 {
overflow:hidden;
}

* html .figureBlockB01 .textBoxB01,
* html .figureBlockB01 .textBoxB02,
* html .figureBlockB01 .textBoxB03 {
zoom:1;
}


/*----------------------------------------------------
first-childA01
----------------------------------------------------*/





/*----------------------------------------------------
tableA01
----------------------------------------------------*/
.dataA01 {width:100%;}

.dataA01 th,
.dataA01 td {
border-bottom:1px solid #D0C7BF;
border-top:1px solid #D0C7BF;
color:#653E18;
font-weight:normal;
padding:10px 12px;
vertical-align:top;
}

.dataA01 th {
background:#FFF7DF;
}

.table-dataA01 td {
padding:10px 12px 0;
}



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



/*----------------------------------------------------
FormA01
----------------------------------------------------*/

#inputForm{}

#inputForm table.formA01-table th,
#inputForm table.formA01-table td{
padding:20px;
}

#inputForm table.formA01-table th{
vertical-align:top;
background:#F5F5F5;
border:1px solid #999;
white-space:nowrap;
}

#inputForm table.formA01-table td{
border:1px solid #999;
width:100%;
}

#inputForm table.formA01-table th em{color:#FF0000;}

#inputForm td label{
padding:0 2px;
zoom:1;
}

#inputForm label,
#inputForm input,
#inputForm select{
vertical-align:middle;
}

#inputForm td span.example{}

#inputForm textarea#comments{
width:99%;
height:10em;
}

#inputForm .textA01{width:30%;}

#inputForm .textA02{width:50%;}

#inputForm .textA03{width:99%;}

#inputForm .textA04{width:28%;}

#inputForm p.submit{
text-align:center;
margin:20px 0 0;
}

#inputForm p.submit input{
width:100px;
}

#inputForm td.checkboxA01 label{padding-right:10px;}

.ascii{ime-mode:disabled;}

.hiragana,
.katakana{
ime-mode:active;
}


/*----------------------------------------------------
spread(アコーディオン)
----------------------------------------------------*/
.main div.spread_content{
width:980px;
margin-bottom:10px;
}

.side-main01 div.spread_content{
width:750px;
margin-bottom:10px;
}

.main div.spread_content h4,
.side-main01 div.spread_content h4 {
font-weight:bold;
color:#336699;
text-decoration:underline;
border-bottom:1px solid #D0C7BF;
padding:10px 0 8px 46px;
}

.main div.spread_content h4 {background:#FFF url(../images/tmp_accordion_bg03.gif) no-repeat 0 0;}

.side-main01 div.spread_content h4 {background:#FFF url(../images/tmp_accordion_bg01.gif) no-repeat 0 0;}

.main div.spread_content h4.over,
.side-main01 div.spread_content h4.over {
display:block;
text-decoration:none;
cursor:pointer;
}

.main div.spread_content h4.selected,
.side-main01 div.spread_content h4.selected  {
text-decoration:underline;
cursor:pointer;
}

.main div.spread_content h4.selected {
background:#FFF url(../images/tmp_accordion_bg04.gif) no-repeat 0 0;
}

.side-main01 div.spread_content h4.selected {
background:#FFF url(../images/tmp_accordion_bg02.gif) no-repeat 0 0;
}

.main div.spread_main,
.side-main01 div.spread_main{
border-right:1px solid #D0C7BF;
border-bottom:1px solid #D0C7BF;
border-left:1px solid #D0C7BF;
padding:19px;
}

.main div.spread_main{
width:940px;
}

.side-main01 div.spread_main{
width:710px;
}

/* float */
.floatleft {float:left}
.floatright {float:right}

/* margin */
.ml20 {margin-left:20px;}
.clear {
	clear: both;
}