/* main
----------------------------------------------- */
p{
margin-bottom:10px;
}

p.dust{
margin:0;
}

/* hx
----------------------------------------------- */
#main h1{
background:url(../../images/hybrid/title_hybrid.gif) no-repeat;
width:728px;
height:60px;
}

#main h2{
margin:10px 0px 5px 0px;
padding:5px 0px 5px 5px;
color:#626B1F;
font-size:14px;
border-left:8px solid #A5B534;
border-bottom:1px solid #A5B534;
clear:both;
}

#main h3{
clear:both;
margin:10px 0 5px 0;
padding:15px 0 2px 0;
font-size:12px;
border-bottom:1px dotted #A5B534;
}

#main h4{
clear:both;
margin:0 0 5px 0;
padding:0 0 0 5px;
font-size:12px;
border-left:4px solid #A5B534;
}

#main h3.h4-style{
clear:both;
margin:0 0 5px 0;
padding:0 0 0 5px;
font-size:12px;
border-left:4px solid #A5B534;
border-bottom:none;
}

/* inside navi
----------------------------------------------- */
#inside-navi ul{
width:728px;
height:22px;
font-weight:bold;
list-style:none;
background:url(../../images/hybrid/navi-back.gif) no-repeat;
}

#inside-navi li{
border-right:1px solid #cccccc;
float:left;
}

#inside-navi li a{
display:block;
width:140px;
height:19px;
background:url(../../images/hybrid/navi.gif) no-repeat;
margin:0 1px 0 0;
padding:3px 0 0 14px;
}

#inside-navi li a:hover{
background:url(../../images/hybrid/navi.gif) no-repeat 0 -23px;
}

.on{
display:block;
width:106px;
height:20px;
background:url(../../images/hybrid/navi.gif) no-repeat 0 -23px;
margin:0 1px 0 0;
padding:3px 0 0 14px;
}

#lineup, #feature, #appli{
position:absolute;
left:155px;
top:103px;
width:150px;
background-color:#E2E2E2;
border:solid 1px #CCCCCC;
padding:2px;
visibility:hidden;
z-index:3;
font-size:11px;
}

*html #lineup{
left:141px;
width:143px;
}

#feature{
left:311px;
}

*html #feature{
left:284px;
width:143px;
}

#appli{
left:467px;
}

*html #appli{
left:425px;
width:153px;
}


#lineup{
background-color:#ffffff;
}

#lineup ul{
list-style:none;
}

.menu{
list-style:none;
background-color:#E2E2E2;
}

.menu a, .stay{
display: block;
line-height:120%;
width:142px;
color:#000000;
border:solid 1px #CCCCCC;
padding:3px;
margin:0 0 2px 0;
}

.menu a:hover, .stay{
background-color:#E4F1D8;
color:#666666;
}

*html .menu a, .stay{
width:146px;
}

/* text navi
----------------------------------------------- */
#pro-list{
padding:5px;
}

#pro-list dt{
font-weight:bold;
}

#pro-list .dl{
padding:0 0 5px 0;
}

.dl, .dl-nomar{
width:728px;
min-height:36px;
margin:0 0 10px 0;
padding:10px 0 55px 0;
list-style:none;
}

*html .dl, .dl-nomar{
border-bottom:#e2e2e2 1px solid;
padding:10px 0 5px;
}

.adjust-height{
min-height:19px;
padding:10px 0 0 0;
}

.dl-nomar{
margin:0;
}

*html .dl, *html .dl-nomar{
height:19px;
/*\*//*/
margin:-6px 0 10px 0;
height:25px;
/**/
}

.dl li, .dl-nomar li{
float:left;
width:350px;
}

.dl a, .dl-nomar a, .txt-menu a{
display:inline;
margin:0 10px 0 0;
padding:0 0 0 14px;
background:url(../../images/next.gif) no-repeat 0 -1px;
}

*html .dl a, *html .dl-nomar a, *html .txt-menu a{
float:left;
background:url(../../images/next.gif) no-repeat 0 1px;
}

*html .dl a.marr01{
margin:0 230px 0 0;
}

.dl a.marr02{
margin:0 60px 0 0;
}

.this{
padding-left:14px;
background:url(../../images/next.gif) no-repeat 0 -1px;
width:336px !important;

}

*html .this{
background:url(../../images/next.gif) no-repeat 0 1px;
padding-left:14px;
width:350px !important;
}

.txt-menu{
float:right;
}




/* contents
----------------------------------------------- */
.fig{
text-align:center;
}

#main h3.ring-green{
color:#6D772B;
border-bottom: 1px solid #A7B735;
margin-top:10px;
}

#main h3.ring-orange{
color:#D94600;
border-bottom: 1px solid #D94600;
margin-top:10px;
}

#main h3.ring-blue{
color:#0085B0;
border-bottom: 1px solid #0085B0;
margin-top:10px;
}

.list-green, .list-orange, .list-blue{
list-style:none;
}

.list-green li{
padding:0 0 0 20px;
background: url(../../images/hybrid/topics/circle-green.gif) no-repeat left center;
}

.list-orange li{
padding:0 0 0 20px;
background: url(../../images/hybrid/topics/circle-orange.gif) no-repeat left center;
}

.list-blue li{
padding:0 0 0 20px;
background: url(../../images/hybrid/topics/circle-blue.gif) no-repeat left center;
}

table{
empty-cells:show;
clear:both;
font-size:12px;
line-height:130%;
border-collapse : collapse ;
border-width : 1px 0 0 1px ;
border-style : solid ;
border-color : black ;
}

th{
font-weight:normal;
padding:3px;
border-collapse : collapse ;
border-width : 1px;
border-style : solid ;
border-color : black ;
}

td{
border-width : 0 1px 1px 0 ;
border-style : solid ;
padding:3px;
}

td.a-left{
padding:0 0 0 30px;
text-align:left;
}

.center , .table-full{
text-align:center;
}

.right{
text-align:right;
}

.table-full{
width:100%;
}

.marb15{
margin:0 0 15px 0;
}

.img-box , .img-box-after{
margin-bottom:10px;
padding:10px;
text-align:center;
border: 1px solid #CCCCCC;
}

.img-box-after{
margin-bottom:10px;
}


/* navi
----------------------------------------------- */

.clr{
display:none;
}

.category{
margin:5px 0 -10px 0;
}

/* point.html
----------------------------------------------- */
.point-ul{
list-style:none;
margin:10px 0;
}

.point-ul:after{
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}

.point-ul li{
padding-left:12px;
width:60px;
float:left;
background: url(../../images/hybrid/link-mark.gif) no-repeat left center;
}

.point-back{
text-align:right;
margin:20px 0 20px 0;
}

.point-green{
color:#626B1F;
font-size:16px;
}

.point-img-box{
float:left;
margin:0 30px 10px 0;
}

.point-5-box01{
float:left;
margin:0 13px 0px 0px;
width:48%;
}

.point-5-box02{
float:left;
margin:0 0 0px 0px;
width:50%;
}

.flt-right{
margin:10px 20px 0 10px;
padding:10px;
float:right;
text-align:center;
border: 1px solid #CCCCCC;
}

.clear{
clear:both;
}

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

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

.top{
padding-top:0px !important;
}


/* structure.html
----------------------------------------------- */
.table-full{
width:100%;
}

.tr-green{
background-color:#D6DF8E;
}

.tr-gray{
background-color:#eeeeee;
}

.w90{
width:90px;
}

.w100{
width:100px;
}

.w110{
width:110px;
}

.w140{
width:140px;
}

.w155{
width:155px;
}

.w200{
width:200px;
}

.w300{
width:300px;
}

.img-box01{
width:48%;
height:209px;
float:left;
margin-right:10px;
padding:10px 0;
text-align:center;
border: 1px solid #CCCCCC;
}

*html .img-box01{
height:234px;
}

.img-box02{
width:50%;
float:left;
padding:10px 0;
text-align:center;
border: 1px solid #CCCCCC;
}

.contents-box01{
width:48%;
float:left;
margin-right:10px;
}

.contents-box02{
width:50%;
float:left;
}

.contents-box03{
width:50%;
float:left;
margin-right:10px;
}

.contents-box04{
width:48%;
float:left;
}

.contents-box01 span , .contents-box02 span{
width:90%;
padding:10px;
text-align:center;
}

/* field1�`5.html
----------------------------------------------- */
.field-box01{
margin:0;
float:left;
width:48%;
}

.field-box02{
margin:5px 0 10px 10px;
float:left;
width:23%;
}

.field-dl{
margin:15px 0;
}

.field-dl dt{
font-weight:bold;
color:#626B1F;
}

.field-dl ul{
margin-left:15px;
}

/* package.html
----------------------------------------------- */
.pk-box01{
width:93%;
float:left;
}

.pk-box02{
width:7%;
float:left;
}


/* audio
----------------------------------------------- */
.to-audio{
position:absolute;
top:118px;
right:10px;
}

.to-audio a{
display:block;
padding:0 0 0 20px;
width:212px;
height:43px;
line-height:43px;
background:url(../../images/hybrid/to-audio.jpg) no-repeat;
}

*html .to-audio a{
width:232px;
}

/* pfc
----------------------------------------------- */
.pfc_prod{
font-weight:bold;
margin:5px 10px;
}

.pfc{
width:418px;
float:left;
}

.pfc-feature{
padding:0 0 0 5px;
border-bottom:2px dotted #A5B534;
}

.pfc-feat{
list-style:none;
margin:0 0 10px 0;
}

.pfc-feat li{
padding:0 0 0 20px;
margin-bottom:5px;
background: url(../../images/hybrid/topics/circle-green.gif) no-repeat;
}

.pfc-pkg{
border:1px solid #A5B534;
float:right;
}

.pfc-lineup{
margin:0 0 -5px 394px;
}