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

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

/* ClearFix
----------------------------------------------------*/
/* modern browsers */
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
line-height:0;
visibility: hidden;
}

/* IE7 */

.clearfix {
display: inline-block;
}

/* legacy IE \*/

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

/* End of ClearFix */	

/* heading
----------------------------------------------------*/
div.product h2,
div.dictionary h2,
div.faq h2  {
margin-bottom:30px;
}

div.dictionary h3,
div.faq h3 {
margin-bottom:4px;
}

/* text
----------------------------------------------------*/
.accentA01 {color:red;}

.weakA01 {font-size:85%;}

.weakA02 {font-size:93%;}

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

p.noteA01,
ul.noteA01 li {
padding-left:1.8em;
text-indent:-1.8em;
}

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

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

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

div.separateA01,
p.separateA01 {
margin-bottom:1.2em;
}

div.separateA02,
p.separateA02 {
margin-bottom:1.6em;
}

div.separateB01,
p.separateB01 {
margin-top:1.2em;
}

div.separateB02,
p.separateB02 {
margin-top:1.2em;
}

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

/* 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;}
/*----------------------------------------------------
separator
----------------------------------------------------*/
div.separator{
background:url(../images/tmp_lineA01.gif) repeat-x 0 100%;
padding-top:0;
height:1px;
margin:14px 0;
}

div.separator hr{
visibility:hidden;
}

/*----------------------------------------------------
spread(アコーディオン)
----------------------------------------------------*/
div.spread_content{
width:650px;
}

div.spread_body{
padding-bottom:1px;
background:#FFF url(../images/tmp_lineA01.gif) repeat-x 0 100%;
}

.faq div.spread_content h4{
font-weight:bold;
font-size:93%;
color:#CC3300;
background:#FFF url(../../faq/images/faq_ico01.gif) no-repeat 8px 8px;
padding:14px 0 12px 58px;
width:592px;
/width:649px;
}

.faq div.spread_content h4.over{
display:block;
background:#FFF url(../../faq/images/faq_ico01-over.gif) no-repeat 8px 10px;
cursor:pointer;
}

.faq div.spread_content h4.selected{
background:#FFF url(../../faq/images/faq_ico01-selected.gif) no-repeat 8px 10px;
cursor:pointer;
}

.dictionary div.spread_content h4{
font-weight:bold;
font-size:93%;
color:#CC3300;
background:#FFF url(../images/tmp_bulletA01.gif) no-repeat 15px 20px;
padding:15px 0 12px 28px;
width:592px;
/width:650px;
}

.dictionary div.spread_content h4.over{
display:block;
background:#FFF url(../images/tmp_bulletA01-over.gif) no-repeat 15px 20px;
cursor:pointer;
}

.dictionary div.spread_content h4.selected{
background:#FFF url(../images/tmp_bulletA01-selected.gif) no-repeat 15px 20px;
cursor:pointer;
}

div.spread_main{
margin-bottom:10px;
border:1px solid #CCC;
background:#F4F4F4;
}
/*
div.spread_main p{
margin-bottom:16px;
line-height:1.6;
}

div.spread_main p.last-child{
margin-bottom:0;
line-height:1.6;
}
*/