@charset "UTF-8";
@import "reset5.css";

body { color:#111; line-height:1; background-color: #fff; padding: 0; position: relative; min-height: 100%; text-align: center; overflow: hidden }
html { min-height: 100%; }

* html body { font-family: "Linotype Univers", "Lino Univers", Univers, "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }
*:first-child+html body { font-family:Univers, "Linotype Univers", "Lino Univers", "Helvetica Neue","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }

* {word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; }
/* !font-size 12px default setting */
body { font-size:13px; line-height: 1 }
body p { line-height: 1.8em; letter-spacing: 0.08em; }
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}

iframe { overflow: hidden }

/* !clearfix */
hr { display: none; }

.cfix { /zoom : 1; }
.cfix:after { content : ''; display : block; clear : both; }

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}

/* margin-bottom
=========================================*/
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb80 { margin-bottom:80px !important; }

.tx9 { font-size: 9px !important; }
.tx10 { font-size: 10px !important; }
.tx11 { font-size: 11px !important; }
.tx12 { font-size: 12px !important; }
.tx13 { font-size: 13px !important; }
.tx14 { font-size: 14px !important; }
.tx15 { font-size: 15px !important; }
.tx16 { font-size: 16px !important; }
.tx18 { font-size: 18px !important; }
.tx20 { font-size: 20px !important; }
.tx24 { font-size: 24px !important; }

.fltR { float: right; }
.fltL { float: left; }

.txtR { text-align: right; }
.txtL { text-align: left; }
.txtC { text-align: center; }

/* !Links */
a:link { color: #111; text-decoration: none }
a:visited { color: #111; text-decoration: none }
a:hover { color: #333; text-decoration: underline }
a:active { color: #c24603; text-decoration: none }
html { margin: 0; padding: 0}
body { margin: 0; padding: 0 }

#wrapper { text-align: center; }
#wrapper .cv { width: 100%; height: 100%; position: fixed; left:0; top:0; background-color: #fff; z-index: 100 }
#wrapper .cv .loader { position: absolute; left: 50%; top: 280px; margin: 0 0 0 -10px }
.content { margin: 0 auto; filter: alpha(opacity=0);
  -moz-opacity:0;
  opacity:0; }

#wrapper .content .loader { position: absolute; left: 50%; top: 280px; margin: 0 0 0 -10px } 

.bg { position: fixed; left: 0; top: 0; z-index: -1; filter: alpha(opacity=0);
  -moz-opacity:0;
  opacity:0; }

#home h1 { margin: 100px 0 20px }
#home h2 { margin: 0 0 40px }
#mov_cont { padding: 0 0 20px; }
#flashContent { width:853px; height:480px; z-index: 0; margin: 0 auto 20px; position: relative; display: block; cursor: pointer; background-color: #e7e7e7 }

#menu_btn { position: fixed; left: 85px; top: 20px; cursor: pointer; z-index: 1000 }
#up_btn { cursor: pointer; z-index: 1000 }
#down_btn { cursor: pointer; z-index: 1000; margin: 70px 0 0 }

#index { display: none; padding: 0 0 140px }
.info_mn { padding: 60px 0 0 20px; margin: 0 auto 120px; width: 384px } 
.info_mn li { float: left; margin: 0 20px 0 0 }
.info_mn li a { display: block; padding: 5px 3px; border-bottom: solid 3px #000; }
.cont_mn { }
.cont_mn li { margin: 0 auto 70px; padding-top: 60px }
.cont_mn li a.bb { display: block; padding: 8px 5px 4px; border-bottom: solid 5px #000 }

.cont_mn li.pc { width: 100% }
.cont_mn li a.pc { display: block; padding: 8px 5px; border-bottom: solid 5px #000; margin: 0 auto 20px }
.cont_mn li a.bl { padding: 8px 5px 4px; font-size: 15px; border: none }
#index p { letter-spacing: 0.08em; font-size: 13px; }

nav { position: fixed; left: -380px; top: 0; background: url(../img/blk80.png); width: 380px; padding: 50px 0; }
nav li { text-align: left; background: url(../img/nav_line.png) repeat-x bottom; }
nav li a { display: block; color: #fff; line-height: 1; letter-spacing: 0.08em; font-size: 13px; font-weight:400; padding: 36px; }
nav li a:link { color: #fff; text-decoration: none }
nav li a:visited { color: #fff; text-decoration: none }
nav li a:hover { color: #fff; text-decoration: none }
nav li a:active { color: #fff; text-decoration: none }
nav li ul { }
nav li ul li { width: 190px; float: left }
nav li ul li a {}
nav li ul li.ver { width: 190px; background: url(../img/nav_line2.png) no-repeat bottom right; }

nav li ul.pc li { width: auto; float: none; background: url(../img/nav_line.png) repeat-x top; padding: 3px 0 1px }
nav li ul.pc li a { border-left: 36px solid #5b5b5b; font-size: 12px; letter-spacing: 0.1em; padding: 18px 14px; }

nav .cir { position: absolute; right: 0; top: 20px; opacity: 0 }


.bigtit { height: 88px; padding: 52px 0 0; }
.bigtit h1 { text-align: center }

.content section { margin: 0 auto 120px; width: 880px; /zoom : 1; text-align: left }
.content section:after { content : ''; display : block; clear : both; }

.content section p { line-height: 1.8em; letter-spacing: 0.05em; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","MS PMincho", "ＭＳ Ｐ明朝",  serif }

#thums { width: 100%; height: 103px; margin: 0 0 120px; overflow: hidden; }
#thums li { float: left }

footer { width: 880px; height: 50px; padding: 20px 0 0; margin: 50px auto 0 }
footer li { float: left; letter-spacing: 0.08em; font-size: 13px; font-weight:400; padding-right: 30px; background: url(../img/sep.png) no-repeat right top }
footer li.cur { background: none }

#home_btn { position: fixed; left: 20px; top: 20px; cursor: pointer; z-index: 1000 }
#idx_btn { position: fixed; left: 20px; bottom: 20px; cursor: pointer; z-index: 1000 }
#trans_nav { position: fixed; right: 20px; bottom: 20px; width: 195px; z-index: 1000 }
#trans_nav li { float: left; margin-left: 15px; cursor: pointer; }
#trans_nav li .none { opacity: 0.4 }

span.sans { font-family:"Linotype Univers", "Lino Univers", Univers, "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif  }
span.srf { font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","MS PMincho", "ＭＳ Ｐ明朝",  serif  }

@media screen and (max-width: 768px){


}
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

}