h1.siteupper{font-size:10pt;font-weight:normal;color:#949494;margin-top:3px;}

/* header
-------------------------------------------------------------------*/
#topbar {/*background:url(../images/framework/bg_header01.gif);*/height:78px;}

/* top スライダー
-------------------------------------------------------------------*/
.slider-pro {font-family: "メイリオ", Meiryo, "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",  serif;}
#top-slider {background-color:#F0F3F7;}
#top-slider p{padding:0.6em;}
#top-slider h1{padding:0.2em 0.5em;}
#top-slider img {display: block;}
@media screen and (max-width:399px)  {
#top-slider h1.scene01 { font-size:3.5em;width:230%;} 
#top-slider p.scene01 { font-size:2.8em;width:230%;} 
#top-slider h1.scene02 { font-size:3em;width:250%; } 
#top-slider p.scene02 { font-size:2.8em;width:250%; }
#top-slider h1.scene03 { font-size:3.5em;width:230%; } 
#top-slider p.scene03 { font-size:2.8em;width:230%; } 
#top-slider .btn { font-size:1.2em; } 
}
@media screen and (min-width:400px) {
#top-slider h1.scene01 { font-size:3.5em;width:140%;} 
#top-slider p.scene01 { font-size:2.8em;width:140%;} 
#top-slider h1.scene02 { font-size:3em;width:150%; } 
#top-slider p.scene02 { font-size:2.8em;width:150%; }
#top-slider h1.scene03 { font-size:3.5em;width:140%; } 
#top-slider p.scene03 { font-size:2.8em;width:140%; } 
#top-slider .btn { font-size:1.2em; } 
}
@media screen and (min-width:600px) {
#top-slider h1.scene01 { font-size:3.5em;width:100%;} 
#top-slider p.scene01 { font-size:2.5em;width:100%;} 
#top-slider h1.scene02 { font-size:3em;width:110%; } 
#top-slider p.scene02 { font-size:2.5em;width:110%; }
#top-slider h1.scene03 { font-size:3.5em;width:100%; } 
#top-slider p.scene03 { font-size:2.5em;width:100%; } 
#top-slider .btn { font-size:0.9em; } 
}
@media screen and (min-width:850px) {
#top-slider h1.scene01 { font-size:3.5em;width:80%;} 
#top-slider p.scene01 { font-size:2.5em;width:80%;} 
#top-slider h1.scene02 { font-size:3em;width:80%; } 
#top-slider p.scene02 { font-size:2.5em;width:80%; }
#top-slider h1.scene03 { font-size:3.5em;width:70%; } 
#top-slider p.scene03 { font-size:2.5em;width:70%; } 
#top-slider .btn { font-size:0.9em; } 
}
@media screen and (min-width:992px) {
#top-slider h1.scene01 { font-size:3.5em;width:65%;} 
#top-slider p.scene01 { font-size:2.5em;width:65%;} 
#top-slider h1.scene02 { font-size:3em;width:75%; } 
#top-slider p.scene02 { font-size:2.5em;width:75%; }
#top-slider h1.scene03 { font-size:3.5em;width:65%; } 
#top-slider p.scene03 { font-size:2.5em;width:65%; }
#top-slider .btn { font-size:0.7em; } 
}
@media screen and (min-width:1200px) {
#top-slider h1.scene01 { font-size:3.5em;width:55%; } 
#top-slider p.scene01 { font-size:2.5em;width:55%; }
#top-slider h1.scene02 { font-size:3em;width:60%; } 
#top-slider p.scene02 { font-size:2.5em;width:60%; }
#top-slider h1.scene03 { font-size:3.5em;width:50%; } 
#top-slider p.scene03 { font-size:2.5em;width:50%; }   
#top-slider .btn { font-size:0.7em;font-weight:bold; } 
}


/* コンテンツmain
-------------------------------------------------------------------*/
#contents-main {background-color:#F0F3F7;}
#contents-main h2{background: url("/images/framework/point_toptitle.jpg") no-repeat;background-position: 0px 3px;padding:0px 0px 0px 20px;margin:20px 0px 10px 0px;color:#333333;letter-spacing:0.1em;}
@media screen and (max-width:780px) {#contents-main h2{font-size:1.8em;}}
@media screen and (max-width:500px) {#contents-main h2{font-size:1.4em;}}
#contents-main p.read{font-size:medium;margin:0px 0px 10px 0px;}
#contents-main .rightcolumn{text-align:center; }

/* ログイン */
#loginarea {background-color:#89C8CE;margin:10px auto;padding:15px 0px;max-width:300px;}
#loginarea .btn{width:80%;margin:4px 0px;}
/* おすすめ */
#recommend img{border:#b5bfd1 solid 3px;}
#recommend a:hover img{opacity:0.6;filter:alpha(opacity=60);-ms-filter: “alpha( opacity=60 )”;}
#recommend .text{margin-bottom:15px;line-height:1.2em;margin-top:5px;}
#recommend .text a:link{color:#333;}
#recommend .text a:visited {color:#333;}
#recommend .text a:hover {color:#45ade9;}
#recommend .lg.col-sm-6{margin:0px;padding:0px}
#recommend .lg{list-style-type:none;}
#recommend .lg li{margin-bottom:6px;}
#recommend .lg h3{font-size:1.25em;margin-top:4px;background: url("/images/top/recommend/arrow_L01.jpg") no-repeat;padding-left:24px;line-height:1.2em;}
#recommend .sm.col-sm-3{margin:0px;padding:0px}
#recommend .sm.col-xs-6{margin:0px;padding:0px}
#recommend .sm{list-style-type:none;}
#recommend .sm li{margin-bottom:6px;}
#recommend .sm h3{font-size:1em;margin-top:4px;background: url("/images/top/recommend/arrow_S01.jpg") no-repeat;padding-left:20px;line-height:1.2em;}


/* コンテンツsub（中央の緑背景）
-------------------------------------------------------------------*/
/*#contents-sub {background-color:#89C8CE;}
#contents-sub h2{background: url("/images/framework/point_toptitle.jpg") no-repeat;background-position: 0px 3px;padding:0px 0px 0px 20px;margin:20px 0px 10px 0px;color:#333333;letter-spacing:0.1em;}
#contents-sub p.read{font-size:medium;margin:0px 0px 10px 0px;color:#333333;}*/
/* メーカー用紙テンプレート */
#brands {list-style-type:none;margin:0px;padding:0px;text-align:center;margin-top:15px;}
#brands li{display: inline;margin-bottom:6px;line-height:1.4em;}
#brands li a{color:#333333;text-decoration:underline;}
#brands li a:hover{color:#45ade9;}
#brands img{border:1px solid #a7a7a7;}
#newtemplate {background-color:#efefef;margin:0px 15px 30px 15px;border:4px double  #A5CA39;padding:10px 15px;}
#newtemplate ul{list-style-type:none;margin:0px;padding:0px;}
#newtemplate li{margin-top:4px;}
/* 特集 */
#features {background-color:#efefef;padding:0px 15px;margin-bottom:30px}
#features p{margin:10px 0px;}
#features dl{margin-top:10px;}
#features dd a{color:#333333;}
#features dd a:hover{color:#45ade9;}
#features dt{border-bottom:3px solid #b5bfd1;padding-bottom:2px;margin-bottom:5px;}
/* 新着情報 */
#news {background-color:#efefef;padding:10px 15px;overflow-y:scroll;height:150px;}
#news-btn {text-align:right;}
#news-btn li{display: inline-block;margin-top:6px;}