@charset "utf-8";
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td { margin: 0; padding: 0; }
body { overflow-x: hidden; background:url(../images/page_bg.jpg) top left repeat-x #FFF; font-weight:bold; color: #000; font-size:12px; line-height: 150%; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ ProN w6","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; }
ul { list-style: none; }
fieldset,
img { border: 0; vertical-align: middle; overflow: hidden; max-width:100%; width:auto;}
.YoutubeWrapper{position:relative;padding-bottom:56.25%;overflow: hidden ;}
.YoutubeWrapper iframe {position:absolute;top:0;left:0;height:100%;width:100% ;}
.w100 { width: 1000px; margin: 0 auto; }
/*********************************global css*********************************/
h1,
h2,
h3,
h4,
h5,
h6 { color: #000; }
a { color: #000; text-decoration: none; word-wrap: break-word; word-break: normal; }
a:hover { text-decoration: underline; }
.scroll{ overflow: hidden;}
.fl { float: left; }
.fr { float: right; }
.blue { color: #3366cc; }
.red { color: #FF0000; }
.gray { color: #737373; }
.yellow { color: #FFFF00; }
.white { color: #FFF; }
.fz10 { font-size: 10px; }
.fz11 { font-size: 11px; }
.fz12 { font-size: 12px; }
.fz13 { font-size: 13px; }
.fz14 { font-size: 14px; }
.fz16 { font-size: 16px; }
.fz18 { font-size: 18px; }
.fz20 { font-size: 20px; }
.fz22 { font-size: 22px; }
.fz28 { font-size: 28px; }
.fw_b{ font-weight:bold;}
.mart0_5 { margin-top: 5px; }
.mart1 { margin-top: 10px; }
.mart1_5 { margin-top: 15px; }
.mart2 { margin-top: 20px; }
.mart2_5 { margin-top: 25px; }
.mart3 { margin-top: 30px; }
.mart4 { margin-top: 40px; }
.marl1 { margin-left: 10px; }
.marl2 { margin-left: 20px; }
.marl3 { margin-left: 30px; }
.marl4 { margin-left: 40px; }
.marb1 { margin-bottom: 10px; }
.marb2 { margin-bottom: 20px; }
.marb3 { margin-bottom: 30px; }
.marb4 { margin-bottom: 40px; }
.marr0 { margin-right: 10px; }
.marr1 { margin-right: 10px; }
.marr2 { margin-right: 20px; }
.marr3 { margin-right: 30px; }
.marr4 { margin-right: 40px; }
.tuline { text-decoration: underline; }
.taright { text-align: right; }
.tacenter { text-align:center; }
.hide{ display:none;}
.pc_hide{ display:none;}
.mo_hide{ display:block;}
/*.m_hide{ display:block;}*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom:1;}
.clear { clear: both; display: block; height: 0; overflow: hidden; }
.alcenter{ text-align:center;}

.co_org{ color:#ff8700;}
.co_cl{ color:#3c1e1e;}
.co_gr{ color:#3cab2c;}
.co_ye{ color:#ffff00;}


/*********************************global css*********************************/


/*********************************header css start*********************************/
.header{ position:relative; }
.header .h_f{ position:absolute; top:18%; right:4.5%; width:4%; height:17%;}
.header .h_t{ position:absolute; top:18%; right:0.3%; width:4%; height:17%;}
.header .back_index{ position: absolute; top: 5%; left: 5%; width: 80%; height: 50%; display: block;}
/*********************************header css end*********************************/


/*********************************nav css start*********************************/
.nav .menu_node{ display:none; height:auto; overflow:hidden; opacity:0.85;}
.nav ul li{ padding:10px 0 10px 10px; border-top:1px #FFF solid;}
.nav ul li a{ font-size:14px; font-weight:bold;}
.nav ul li a:hover{text-decoration:none; color:#FF0;}
.nav .menu{ position:absolute; opacity:0;}
.nav .menu:hover img{ opacity: 0.5;}
.nav .menu ul{background:#464646;}
.nav .menu ul li{ position:relative;}
.nav .menu ul li i{ position:absolute; right:1px; bottom:0; font-style:normal; font-size:10px;}
.nav .menu1{ left:0%; top:56.36%; width:15%; z-index:99;}
.nav .menu2{ left:15%; top:56.36%; width:15.3%; z-index:99;}
.nav .menu3{ left:30.3%; top:56.36%; width:13.2%; z-index:99;}
.nav .menu4{  left:43.5%; top:56.36%; width:14.5%; z-index:99;}
.nav .menu5{ left:58%; top:56.36%; width:16.8%; z-index:99;}
.nav .menu6{ left:74.8%; top:56.36%; width:13.5%; z-index:98;}
.nav .menu7{ left:88.3%; top:56.36%; width:11.7%; z-index:98;}
.nav img{ width:100%;}
/*********************************nav css end*********************************/


/*********************************page css start*********************************/
.page .con{ position:relative;}
.Youtube{position:relative;padding-bottom:56.25%;overflow: hidden ;}
.Youtube iframe {position:absolute ;top:0;left:0;height:100%;width:100% ;}
/*********************************page css start*********************************/


/*********************************footer css start*********************************/
.footer{ background:#e60000;}
.foot .ic{ padding:15px 0 35px 15px; font-size:10px; line-height:12px; font-weight:bold; color:#FFF; width:985px; margin:0 auto;}
.logo1{ text-align:right;}
.logo1 img{ width:auto!important;}

.foot{position:relative; width: 1000px; margin: 0 auto;}
.foot .logo1{ position:absolute; right: 0; bottom: 0;}




/*********************************footer css end*********************************/
