@charset "UTF-8";

@media screen and (min-width: 641px) {

html{width: 100%; height: 100%;
font-size: 14px;
/*?*/
_font-size: 100%;
/**/
}

*{ margin: 0px; padding: 0px;}

body{height: 100%;
background-color: #fff;
color: #555;
margin: 0;padding: 0;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align: left;font-size: 14px;
_display: inline;
_zoom: 1;
}


img{ border: 0px; vertical-align: top; }
ul ol{list-style: none; margin:0; padding: 0;}
p{line-height: 1.4em; font-size: 12px;}

.clear{ clear: both; visibility: hidden; height: 0;}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
ul ol li{list-style: none; margin:0; padding: 0;list-style-type: none;}
li{list-style: none;list-style-type: none;}
.clearfix { display: inline-block; }
/* exlude MacIE5 ?*/
* html .clearfix { height: 1% }
.clearfix {display: block;}
/* end MacIE5 */
/*
Module ----------------------------------------*/

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 ?*/
* html .clearfix { height: 1% }
.clearfix {display: block;}
/* end MacIE5 */

.smp {display: none !important;}

a:hover img {
opacity: 0.7;
filter: alpha(opacity=7);
-ms-filter: "alpha(opacity=70)";
}

.line a:hover img {
opacity: 1.0;
filter: alpha(opacity=10);
-ms-filter: "alpha(opacity=100)";
}

.search{
float: right;
}

.search input[type="text"]{
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border:1px solid #cccccc;
height: 20px;
}

.dir a:hover img {
opacity: 0.7;
filter: alpha(opacity=7);
-ms-filter: "alpha(opacity=70)";
}
.logo a:hover img {
opacity: 1;
filter: alpha(opacity=10);
-ms-filter: "alpha(opacity=100)";
}

.ft_logo a:hover img {
opacity: 10;
filter: alpha(opacity=10);
-ms-filter: "alpha(opacity=100)";
}

.pmark a:hover img {
opacity: 100;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
}

#pp_mainvisual{
    width:100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-image:url(/hdd/miofone/homemnp/img/img_mnp.png);
    padding-top:578px;
}

.innerWidth {
    margin: 0 auto;
    width: 960px;
    padding-top:50px;
    padding-bottom:70px;
}

/*
clearfix ----------------------------------------*/
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 ?*/
* html .clearfix { height: 1% }
.clearfix {display: block;}
/* end MacIE5 */


#contents:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#contents { display: inline-block; }
/* exlude MacIE5 ?*/
* html #contents { height: 1% }
#contents {display: block;}
/* end MacIE5 */


/*
Module ----------------------------------------*/


.tac{text-align: center !important;}
.tar{ text-align: right;}

.rtbnr{padding-bottom: 11px;}

.rtbnr2{padding-bottom: 11px; margin-right:11px; text-align: center;}

.bnr{padding-bottom:6px;}

.red{color:#e23333;}

.fontChanger p{display: inline;}

.small { font-size: 70%;}
.medium {font-size: 80%;}
.large { font-size: 110%;}

.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}

.to-hdc {
    background: #F8F7F3;
    padding: 0 0 2rem;
}
.to-hdc p{
    width: 715px;
    margin: auto;
    text-align: right;
}


}/*end*/

@media screen and (max-width: 640px) {
    .to-hdc {
        background: #F8F7F3;
        padding: 0 0 2rem;
    }
    .to-hdc p{
        text-align: center;
        margin-right: 5px;
    }
}