@charset "UTF-8";
/*
-----------------------------------------------
Honda Miso Honten Web Site ver.1 Typography CSS
Author:   Hideyuki Koyama -MONTAGE lab.(http://www.montagelab.jp)
Version:  2011, April
----------------------------------------------- */

body{
margin:0;
padding:0;
font:10pt/1.8 "Times New Roman", Times, serif;
color:#444;
}


/*-- text class
----------------------------------------------- */
p{
clear:both;
padding:0 3em 1.8em 0;
}
.column p,
#subcol p{
clear:both;
padding:0 0 1.8em 0;
}
p.right{text-align:right;}


/*-- text decoration class
----------------------------------------------- */
.small{
font-size:86%;
}
.attention{ color:#E03728;}
.num{ color:#960;}
.caption{ color:#9d9994;}
.italic{font-style:italic;}
h3 .price{padding-left:1em;font-size:90%; color:#666;}
cite{font-size:90%; font-style:normal; color:#ccc;}
cite a{color:#ccc;}
cite a:hover{color:#999;}

/*-- headline class
----------------------------------------------- */
h2, h3, h4, h5, h6{
font-family:"Times New Roman", Times, serif;
line-height:1.4;
}
h3{
margin:1.8em 0 1.4em 0;
color:#222;
font-weight:normal;
}
h4{
margin:1.6em 0 1.4em 0;
color:#222;
font-weight:normal;
}
h5{
margin:0.5em 0 0.5em 0;
color:#222;
font-size:110%;
font-weight:bold;
}


/*-- list style class
----------------------------------------------- */
ul{
margin:0;
padding:0;
list-style:none;
}
ol{
margin:0;
padding:0 0 0 1.5em;
list-style-position:outside; 
}
dl, dl dt, dl dd{
margin:0;
padding:0;
}
#maincol ul{
}
#maincol ul li{
}


/*-- list style decoration class
----------------------------------------------- */
dl.dtdd dt{
clear:both;
float:left;
width:160px;
display:block;
}
dl.dtdd dd{
display:block;
padding:0 0 0 160px;
}

/*-- headline replace class
----------------------------------------------- */
/*-- h2 置き換え
----------------------------------------------- */
h2#h_un_history,
h2#h_un_greeting,
h2#h_un_profile,
h2#h_saikyomiso,
h2#h_aesthetic,
h2#h_location,
h2#h_aa_kasaneru,
h2#h_aa_mitateru,
h2#h_aa_wasu,
h2#h_aa_awaseru,
h2#h_aa_shikiru,
h2#h_aboutmiso,
h2#h_am_history,
h2#h_am_type,
h2#h_healthy,
h2#h_he_wonder,
h2#h_he_power,
h2#h_processed,
h2#h_recipe,
h2#h_gifts{
margin:0 0 0 -20px;
width:210px;
height:175px;
text-indent:-9000px;
}
h2#h_un_history{
width:300px;
background:url(../img/headline/h_un_history.gif) no-repeat 0 0;
}
h2#h_un_greeting{
background:url(../img/headline/h_un_greeting.gif) no-repeat 0 0;
}
h2#h_un_profile{
background:url(../img/headline/h_un_profile.gif) no-repeat 0 0;
}
h2#h_saikyomiso{
width:240px;
background:url(../img/headline/h_saikyomiso.gif) no-repeat 0 0;
}
h2#h_aesthetic{
width:450px;
background:url(../img/headline/h_aesthetic.gif) no-repeat 0 0;
}
h2#h_location{
background:url(../img/headline/h_location.gif) no-repeat 0 0;
}


h2#h_aa_kasaneru{
height:255px;
background:url(../img/headline/h_aa_kasaneru.gif) no-repeat 0 0;
}
h2#h_aa_mitateru{
height:255px;
background:url(../img/headline/h_aa_mitateru.gif) no-repeat 0 0;
}
h2#h_aa_wasu{
height:255px;
background:url(../img/headline/h_aa_wasu.gif) no-repeat 0 0;
}
h2#h_aa_awaseru{
height:255px;
background:url(../img/headline/h_aa_awaseru.gif) no-repeat 0 0;
}
h2#h_aa_shikiru{
height:255px;
background:url(../img/headline/h_aa_shikiru.gif) no-repeat 0 0;
}

h2#h_aboutmiso{
width:360px;
background:url(../img/headline/h_aboutmiso.gif) no-repeat 0 0;
}
h2#h_am_history{
width:220px;
background:url(../img/headline/h_am_history.gif) no-repeat 0 0;
}
h2#h_am_type{
background:url(../img/headline/h_am_type.gif) no-repeat 0 0;
}

h2#h_healthy{
width:370px;
background:url(../img/headline/h_healthy.gif) no-repeat 0 0;
}
h2#h_he_wonder{
background:url(../img/headline/h_he_wonder.gif) no-repeat 0 0;
}
h2#h_he_power{
height:210px;
background:url(../img/headline/h_he_power.gif) no-repeat 0 0;
}

h2#h_processed{
width:220px;
background:url(../img/headline/h_processed.gif) no-repeat 0 0;
}


h2#h_recipe{
background:url(../img/headline/h_recipe.gif) no-repeat 0 0;
}
#recipe h2#h_recipe{
position:absolute; top:-290px; left:660px;
}

h2#h_gifts{
background:url(../img/headline/h_gifts.gif) no-repeat 0 0;
}
#gift h2#h_gifts{
position:absolute; top:-290px; left:660px;
}

/*--  h3 置き換え
----------------------------------------------- */
h3#h_process_komemiso{
margin:0;
height:44px;
text-indent:-9000px;
background:url(../img/headline/h_process_komemiso.gif) no-repeat 0 0;
}
h3#h_process_mugimiso{
margin:1.8em 0 0 0;
height:44px;
text-indent:-9000px;
background:url(../img/headline/h_process_mugimiso.gif) no-repeat 0 0;
}
h3#h_process_mamemiso{
margin:1.8em 0 0 0;
height:44px;
text-indent:-9000px;
background:url(../img/headline/h_process_mamemiso.gif) no-repeat 0 0;
}



/*-- hr
----------------------------------------------- */
hr{ clear:both; margin:8px 0; height:1px; border:none; background:#ddd; color:#ddd; }

.hr,
.hryellow,
.hrbrown,
.hrred,
.hrblue{
clear:both;
margin:8px 0;
height:26px;
background:url(../img/common/hr_yellow.gif) no-repeat center top;
}
.hryellow{
background:url(../img/common/hr_yellow.gif) no-repeat center top;
}
.hrbrown{
background:url(../img/common/hr_brown.gif) no-repeat center top;
}
.hrred{
background:url(../img/common/hr_red.gif) no-repeat center top;
}
.hrblue{
background:url(../img/common/hr_blue.gif) no-repeat center top;
}



/*--  
----------------------------------------------- */
table {
margin:20px 0;
width:580px;
border-collapse:collapse;
}
table tr{
border:solid #ddd;
border-width:1px 0;
}
table th, table td{
padding:4px 8px;
line-height:1.2;
}
table th{
width:100px;
}
table td{
border-left:1px solid #ddd;
}

table.process{margin:0;border:1px solid #ccc;}
table.process th{border:solid #ccc;border-width:0 0 1px 1px;}
table.process td{border:solid #ccc;border-width:0 0 1px 1px;}
table.process tr{border:none;}
table.process td.pale{border-bottom:1px solid #ddd;}
table.process td.dot{border-bottom:1px dotted #ccc;}
table.process td.dott{border-bottom:1px dotted #ddd;}

/*--  footer
----------------------------------------------- */
#footer p#copyright{
position:absolute; right:0;
margin:6px 0 0 0;
padding:0;
width:293px;
height:20px;
font-size:10px;
overflow:hidden;
text-indent:-9000px;
background:url(../img/common/copyright.gif) no-repeat 0 0;
}