@charset "utf-8";

/*----------------------------------------------------------------------------------------------
 MHF Ver. 1.00.02
----------------------------------------------------------------------------------------------*/


/* column
----------------------------------------------------------------------------------------------*/
/* ========== mhfUnit ========== */
.mhfUnitA01{
margin-bottom:10px;
clear:both;
}

.mhfUnitA02{
margin-bottom:20px;
clear:both;
}

.mhfUnitA03{
margin-bottom:30px;
clear:both;
}

.mhfUnitA04{
margin-bottom:40px;
clear:both;
}



/* column
----------------------------------------------------------------------------------------------*/
/* ========== mhfColumn ========== */
.mhfColumnA01{
margin-left:-20px;
_margin-left:-40px;
zoom:1;
}
.mhfColumnA01:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.mhfColumnA01Inner01{
margin-left:20px;
width:225px;
float:left;
}

.mhfColumnB01{
letter-spacing:-0.4em;
word-spacing:-0.4em;
}
.mhfColumnB01Inner01{
display:inline-block;
/display:inline;
letter-spacing:0em;
word-spacing:0em;
vertical-align:top;
/zoom:1;
}


/* ========== mhfColumnImage ========== */
.mhfColumnImageA01{
width:100%;
display:table;
direction:rtl;
}
.mhfColumnImageA01 .imageColumn{
margin:0;
padding-bottom:10px;
display:table-cell;
vertical-align:top;
width:1%;
/width:auto;
/float:right;
direction:ltr;
}
.mhfColumnImageA01 .blockColumn{
padding:0 20px 1px 0;
display:table-cell;
vertical-align:top;
direction:ltr;
text-align:left;
/zoom:1;
}

.mhfColumnImageA01Float01{
/zoom:1;
}
.mhfColumnImageA01Float01:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
.mhfColumnImageA01Float01 .imageColumn{
margin-left:20px;
float:right;
}
.mhfColumnImageA01Float01 .blockColumn{
}

.mhfColumnImageB01{
width:100%;
display:table;
}
.mhfColumnImageB01 .imageColumn{
margin:0;
padding-bottom:10px;
display:table-cell;
width:1%;
/width:auto;
/float:left;
vertical-align:top;
}
.mhfColumnImageB01 .blockColumn{
padding:0 0 1px 20px;
display:table-cell;
vertical-align:top;
/zoom:1;
}

.mhfColumnImageB01Float01{
/zoom:1;
}
.mhfColumnImageB01Float01:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
.mhfColumnImageB01Float01 .imageColumn{
margin-right:20px;
float:left;
}
.mhfColumnImageB01Float01 .blockColumn{
}



/* block
----------------------------------------------------------------------------------------------*/
/* ========== mhfGeneralBlock ========== */
.mhfGeneralBlockA01{
margin-bottom:10px;
padding:10px 10px 1px;
background:#ddd;
}



/* list
----------------------------------------------------------------------------------------------*/
/* ========== mhfList ========== */
.mhfListA01{
margin-left:0;
padding-left:0;
list-style:none;
}
.mhfListA01 li{
padding-left:12px;
background:url(../n_images01/mod_mhf_ico_dot_01.gif) no-repeat left 0.5em;
}

.mhfListAAlignR{
/zoom:1;
}
.mhfListAAlignR:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
.mhfListAAlignR li{
float:right;
clear:right;
}

.mhfListB01{
margin-left:-20px;
letter-spacing:-0.4em;
word-spacing:-0.4em;
}
.mhfListB01 li{
margin-left:20px;
padding-left:12px;
display:inline-block;
/display:inline;
background:url(../n_images01/mod_mhf_ico_dot_01.gif) no-repeat left 0.5em;
letter-spacing:0em;
word-spacing:0em;
vertical-align:top;
/zoom:1;
}

.mhfListB02{
margin-left:-10px;
letter-spacing:-0.4em;
word-spacing:-0.4em;
}
.mhfListB02 li{
margin-left:10px;
border-left:1px solid #000;
padding-left:10px;
display:inline-block;
/display:inline;
letter-spacing:0em;
word-spacing:0em;
line-height:1;
vertical-align:top;
/zoom:1;
}
.mhfListB02 li:first-child{
padding-left:0;
border-left:none;
}

.mhfListBAlignC{
text-align:center;
}
.mhfListBAlignC li{
text-align:left;
}

.mhfListBAlignR{
text-align:right;
}
.mhfListBAlignR li{
text-align:left;
}

/* ========== mhfNotesList ========== */
.mhfNotesListA01{
margin-left:0;
padding-left:0;
list-style:none;
}
.mhfNotesListA01 li{
padding-left:1em;
text-indent:-1em;
}
.mhfNotesListA01 li .notesMark{
}

.mhfNotesListB02{
margin-left:0;
padding-left:0;
list-style:none;
}
.mhfNotesListA02 li{
padding-left:2em;
text-indent:-1em;
}
.mhfNotesListA02 li .notesMark{
_margin-left:-2em;
padding-right:0.5em;
_text-indent:0;
display:inline-block;
/zoom:1;
}

/* ========== mhfOrderdedList ========== */
.mhfOrderedListA01{
margin-left:1.8em;
padding-left:0;
}

.mhfOrderedListB01{
list-style:none;
}
.mhfOrderedListB01 li{
padding-left:1.5em;
text-indent:-1.3em;
}
.mhfOrderedListB01 li .listMark{
/margin-left:-1.5em;
_padding-left:0;
padding-right:0.5em;
display:inline-block;
text-indent:0;
/zoom:1;
}

.mhfOrderedListB02{
list-style:none;
}
.mhfOrderedListB02 li{
padding-left:2em;
text-indent:-1.6em;
}
.mhfOrderedListB02 li .listMark{
/margin-left:-2em;
_padding-left:0;
padding-right:0.5em;
display:inline-block;
text-indent:0;
/zoom:1;
}

/* ========== mhfImageList ========== */
.mhfImageListA01{
}
.mhfImageListA01 li{
margin-bottom:10px;
}

.mhfImageListB01{
margin-left:-20px;
letter-spacing:-0.4em;
word-spacing:-0.4em;
}
.mhfImageListB01 li{
margin-bottom:10px;
margin-left:20px;
display:inline-block;
/display:inline;
letter-spacing:0em;
word-spacing:0em;
vertical-align:top;
/zoom:1;
}

/* ========== mhfIndexList ========== */
.mhfIndexListA01{
border-bottom:1px solid #ddd;
}
.mhfIndexListA01 li a{
padding:10px 30px 10px 10px;
border-top:1px solid #ddd;
display:block;
position:relative;
/zoom:1;
}
.mhfIndexListA01 li a:after{
margin-top:-9px;
position:absolute;
top:50%;
right:10px;
content:url(../n_images01/mod_mhf_ico_arrow_02_right.png);
}

.mhfIndexListB01{
border-bottom:1px solid #ddd;
}
.mhfIndexListB01 li a{
padding:10px 30px 10px 10px;
border-top:1px solid #ddd;
display:block;
position:relative;
/zoom:1;
}
.mhfIndexListB01 li a:after{
margin-top:-9px;
position:absolute;
top:50%;
right:10px;
content:url(../n_images01/mod_mhf_ico_arrow_02_right.png);
}
.mhfIndexListB01 li a .image{
padding-right:10px;
display:table-cell;
width:1%;
/width:auto;
/float:left;
vertical-align:top;
}
.mhfIndexListB01 li a .summary{
display:table-cell;
vertical-align:middle;
/zoom:1;
}



/* table
----------------------------------------------------------------------------------------------*/
/* ========== mhfTable ========== */
.mhfTableA01{
width:100%;
}
.mhfTableA01 th,
.mhfTableA01 td{
padding:10px;
border:1px solid #ccc;
}

.mhfTableA02{
border-bottom:1px solid #ccc;
width:100%;
}
.mhfTableA02 th,
.mhfTableA02 td{
padding:10px;
border-top:1px solid #ccc;
}



/* form
----------------------------------------------------------------------------------------------*/
/* ========== mhfInputList ========== */
.mhfInputListA01{
}
.mhfInputListA01 li input{
margin-right:0.5em;
display:inline-block;
/display:inline;
vertical-align:text-top;
/zoom:1;
}
.mhfInputListA01 li label{
display:inline-block;
/display:inline;
cursor:pointer;
/zoom:1;
}

.mhfInputListA02{
letter-spacing:-0.4em;
word-spacing:-0.4em;
}
.mhfInputListA02 li{
margin-right:2em;
display:inline-block;
/display:inline;
letter-spacing:0em;
word-spacing:0em;
vertical-align:top;
/zoom:1;
}
.mhfInputListA02 li input{
margin-right:0.5em;
display:inline-block;
/display:inline;
vertical-align:text-top;
/zoom:1;
}
.mhfInputListA02 li label{
display:inline-block;
/display:inline;
cursor:pointer;
/zoom:1;
}

/* ========== mhfInputName ========== */
.mhfInputNameA01{
margin-left:-20px;
}
.mhfInputNameA01 label{
margin-left:20px;
}
.mhfInputNameA01 label .labelText{
width:2em;
display:inline-block;
/display:inline;
/zoom:1;
}



/* semantic module
----------------------------------------------------------------------------------------------*/
/* ========== mhfPaging ========== */
.mhfPagingA01{
list-style:none;
text-align:center;
letter-spacing:-0.4em;
word-spacing:-0.4em;
}
.mhfPagingA01 li{
margin-right:1em;
display:inline-block;
/display:inline;
letter-spacing:0em;
word-spacing:0em;
vertical-align:middle;
/zoom:1;
}
.mhfPagingA01 li.prev{
}
.mhfPagingA01 li.next{
margin-right:0;
}

.mhfPagingA02{
list-style:none;
text-align:center;
letter-spacing:-0.4em;
word-spacing:-0.4em;
}
.mhfPagingA02 li{
margin-right:1em;
display:inline-block;
/display:inline;
letter-spacing:0em;
word-spacing:0em;
vertical-align:middle;
/zoom:1;
}
.mhfPagingA02 li a{
border:1px solid #000;
padding:0 1em;
display:block;
}
.mhfPagingA02 li.prev{
}
.mhfPagingA02 li.next{
margin-right:0;
}

.mhfPagingA03{
list-style:none;
text-align:center;
letter-spacing:-0.4em;
word-spacing:-0.4em;
}
.mhfPagingA03 li{
border-left:1px solid #000;
display:inline-block;
/display:inline;
letter-spacing:0em;
word-spacing:0em;
vertical-align:middle;
/zoom:1;
}
.mhfPagingA03 li a{
padding:0 1em;
display:block;
line-height:1;
}
.mhfPagingA03 li.prev{
border-left:none;
}
.mhfPagingA03 li.prev a{
padding-left:0;
}
.mhfPagingA03 li.next a{
padding-right:0;
}

/* ========== mhfTimeline ========== */
.mhfTimelineA01{
border-collapse:collapse;
border-spacing:0;
}
.mhfTimelineA01 td.date{
padding-right:1em;
vertical-align:top;
white-space:nowrap;
}
.mhfTimelineA01 td{
vertical-align:top;
}

/* ========== mhfTopicPath ========== */
.mhfTopicPathA01{
}
.mhfTopicPathA01 a{
margin-right:0.5em;
margin-left:0.5em;
}
.mhfTopicPathA01 a:first-child{
margin-left:0;
}
.mhfTopicPathA01 em{
margin-left:0.5em;
}



/* Javascript
----------------------------------------------------------------------------------------------*/
/* ========== mhfAccordion ========== */
.mhfAccordionA01{
}
.mhfAccordionA01 dt{
}
.mhfAccordionA01 dt a{
display:block;
padding:10px;
background:url(../n_images01/mod_mhf_ico_arrow_01_right.gif) no-repeat 98% center #eee;
}
.mhfAccordionA01 dt.accordionOpen a{
background-image:url(../n_images01/mod_mhf_ico_arrow_01_bottom.gif);
}
.mhfAccordionA01 dd{
padding:10px;
background-color:#ddd;
}

/* ========== mhfFontSizeChange ========== */
.mhfFontSizeChangeA01{
}
.mhfFontSizeChangeA01 #fontSizeChange{
letter-spacing:-0.4em;
word-spacing:-0.4em;
}
.mhfFontSizeChangeA01 #fontSizeChange dt,
.mhfFontSizeChangeA01 #fontSizeChange dd{
display:inline-block;
/display:inline;
letter-spacing:0em;
word-spacing:0em;
vertical-align:middle;
/zoom:1;
}
.mhfFontSizeChangeA01 #fontSizeChange dt{
margin-right:5px;
}
.mhfFontSizeChangeA01 #fontSizeChange dd{
line-height:0;
}
.mhfFontSizeChangeA01 #fontSizeChange dd a{
display:block;
overflow:hidden;
background-image:url(../n_images01/mod_mhf_font-size-change_bg_01.gif);
text-indent:-9999px;
/zoom:1;
}
.mhfFontSizeChangeA01 #fontSizeChange dd#switchFontSizeSmall a,
.mhfFontSizeChangeA01 #fontSizeChange dd#switchFontSizeLarge a{
width:24px;
height:24px;
}
.mhfFontSizeChangeA01 #fontSizeChange dd#switchFontSizeMedium a{
width:25px;
height:24px;
}
.mhfFontSizeChangeA01 #fontSizeChange dd#switchFontSizeSmall a{ background-position:left center; }
.mhfFontSizeChangeA01 #fontSizeChange dd#switchFontSizeMedium a{ background-position:center center; }
.mhfFontSizeChangeA01 #fontSizeChange dd#switchFontSizeLarge a{ background-position:right center; }
.mhfFontSizeChangeA01 #fontSizeChange dd#switchFontSizeSmall a:hover{ background-position:left top; }
.mhfFontSizeChangeA01 #fontSizeChange dd#switchFontSizeMedium a:hover{ background-position:center top; }
.mhfFontSizeChangeA01 #fontSizeChange dd#switchFontSizeLarge a:hover{ background-position:right top; }
.mhfFontSizeChangeA01 #fontSizeChange dd#switchFontSizeSmall.active a{ background-position:left bottom !important; }
.mhfFontSizeChangeA01 #fontSizeChange dd#switchFontSizeMedium.active a{ background-position:center bottom !important; }
.mhfFontSizeChangeA01 #fontSizeChange dd#switchFontSizeLarge.active a{ background-position:right bottom !important; }

.mhfFontSizeChangeB01{
}
.mhfFontSizeChangeB01 #fontSizeChange{
letter-spacing:-0.4em;
word-spacing:-0.4em;
}
.mhfFontSizeChangeB01 #fontSizeChange dt,
.mhfFontSizeChangeB01 #fontSizeChange dd{
display:inline-block;
/display:inline;
letter-spacing:0em;
word-spacing:0em;
/zoom:1;
}
.mhfFontSizeChangeB01 #fontSizeChange dt{
margin-right:5px;
}
.mhfFontSizeChangeB01 #fontSizeChange dd a{
padding:2px 5px;
border:1px solid #ccc;
display:inline-block;
/display:inline;
background:#fff;
color:#000;
font-weight:bold;
text-decoration:none;
/zoom:1;
}
.mhfFontSizeChangeB01 #fontSizeChange dd:nth-child(3) a{
border-right:none;
border-left:none;
}
.mhfFontSizeChangeB01 #fontSizeChange dd.active a,
.mhfFontSizeChangeB01 #fontSizeChange dd a:hover{
background:#000;
color:#fff;
}

/* ========== mhfSlideshow ========== */
.mhfSlideshowA01{
padding-bottom:10px;
position:relative;
overflow:hidden;
}
.mhfSlideshowA01 .slides{
margin-bottom:15px;
position:relative;
/zoom:1;
}
.mhfSlideshowA01 .slides:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
.mhfSlideshowA01 .slides li{
float:left;
display:none;
}
.mhfSlideshowA01 .crossfade .slides li{
position:absolute;
float:none;
}
.mhfSlideshowA01 .slides li:first-child{
display:block;
}
.mhfSlideshowA01 .slideControl{
padding:0 15px;
display:none;
position:relative;
clear:both;
}
.mhfSlideshowA01 .active{
position:absolute;
top:-16px;
left:16px;
z-index:999;
text-align:center;
}
.mhfSlideshowA01 .cursor{
display:none;
}
.mhfSlideshowA01 .cursor li{
position:absolute;
top:0;
z-index:10;
}
.mhfSlideshowA01 .cursor li.prev{
left:0;
}
.mhfSlideshowA01 .cursor li.next{
right:0;
}
.mhfSlideshowA01 .cursor li a{
display:block;
background:#ddd;
}
.mhfSlideshowA01 .select{
position:relative;
letter-spacing:-0.4em;
word-spacing:-0.4em;
overflow:hidden;
white-space:nowrap;
}
.mhfSlideshowA01 .select li{
padding-left:5px;
display:inline-block;
/display:inline;
letter-spacing:0em;
word-spacing:0em;
/zoom:1;
}

.mhfSlideshowB01{
position:relative;
overflow:hidden;
}
.mhfSlideshowB01 .slides{
margin-bottom:10px;
position:relative;
/zoom:1;
}
.mhfSlideshowB01 .slides:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
.mhfSlideshowB01 .slides li{
float:left;
display:none;
}
.mhfSlideshowB01 .crossfade .slides li{
position:absolute;
float:none;
}
.mhfSlideshowB01 .slides li:first-child{
display:block;
}
.mhfSlideshowB01 .slideControl{
display:none;
clear:both
}
.mhfSlideshowB01 .cursor{
}
.mhfSlideshowB01 .cursor li{
position:absolute;
top:24px;
}
.mhfSlideshowB01 .cursor li.prev{
left:0;
}
.mhfSlideshowB01 .cursor li.next{
right:0;
}
.mhfSlideshowB01 .cursor li img{
}
.mhfSlideshowB01 .select{
letter-spacing:-0.4em;
word-spacing:-0.4em;
}
.mhfSlideshowB01 .select li{
margin-right:2px;
display:inline-block;
/display:inline;
letter-spacing:0em;
word-spacing:0em;
/zoom:1;
}
.mhfSlideshowB01 .select li a{
padding:5px;
border:1px solid #ccc;
display:block;
background:#ddd;
text-decoration:none;
}
.mhfSlideshowB01 .select li.active a,
.mhfSlideshowB01 .select li a:hover{
background:#eee;
}

.mhfSlideshowC01{
padding-bottom:10px;
position:relative;
overflow:hidden;
}
.mhfSlideshowC01 .slideControl{
padding:0 15px;
position:relative;
clear:both;
}
.mhfSlideshowC01 .cursor{
display:none;
}
.mhfSlideshowC01 .cursor li{
position:absolute;
top:0;
z-index:10;
}
.mhfSlideshowC01 .cursor li.prev{
left:0;
}
.mhfSlideshowC01 .cursor li.next{
right:0;
}
.mhfSlideshowC01 .cursor li a{
display:block;
background:#ddd;
}
.mhfSlideshowC01 .select{
position:relative;
letter-spacing:-0.4em;
word-spacing:-0.4em;
overflow:hidden;
white-space:nowrap;
}
.mhfSlideshowC01 .select li{
padding-left:5px;
display:inline-block;
/display:inline;
letter-spacing:0em;
word-spacing:0em;
/zoom:1;
}



/* generic style
----------------------------------------------------------------------------------------------*/
/* ========== mhfAlig ========== */
.mhfAlignL,
.mhfAlignC .mhfAlignL,
.mhfAlignR .mhfAlignL{
text-align:left !important;
}

.mhfAlignC,
.mhfAlignL .mhfAlignC,
.mhfAlignR .mhfAlignC{
text-align:center !important;
}

.mhfAlignR,
.mhfAlignC .mhfAlignR,
.mhfAlignL .mhfAlignR{
text-align:right !important;
}

.mhfValignT,
.mhfValignM .mhfValignT,
.mhfValignB .mhfValignT{
vertical-align:top !important;
}

/* ========== mhfValign ========== */
.mhfValignM,
.mhfValignT .mhfValignM,
.mhfValignB .mhfValignM{
vertical-align:middle !important;
}

.mhfValignB,
.mhfValignT .mhfValignB,
.mhfValignM .mhfValignB{
vertical-align:bottom !important;
}

/* ========== mhfFontSize ========== */
.mhfFontSizeLargeA01{
font-size:14px;
/font-size:116%;
}

.mhfFontSizeSmallA01{
font-size:10.5px;
/font-size:87.5%;
}

/* ========== mhfIndent ========== */
.mhfIndentA01{
text-indent:1em;
}