@charset "utf-8";
/* CSS Document */
 
<!--
/* All  */
html {font-size:62.5%}
body {font-size:14px;font-size:1.4rem} /* 14px */
h1 {font-size:24px;font-size:2.4rem} /* 24px */
body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form {margin:0;padding:0}
body {background-color:#000}
ul, ol, dl, li {list-style:none}
img {vertical-align:top}
em {font-style:normal}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
img {max-width:100%;height:auto;border:0}
html, body {min-height:100%;height:100%}
a {cursor:pointer;text-decoration:none}
a, img {border: none;border:0;outline:none}
strong {font-weight: bold}

@font-face{ 
font-family:"titillium";
font-weight:100;
src:url('//web.softnyx.com/Font/titillium-regular-webfont.eot'); 
src:url('//web.softnyx.com/Font/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'), 
url('//web.softnyx.com/Font/titillium-regular-webfont.woff') format('woff'), 
url('//web.softnyx.com/Font/titillium-regular-webfont.ttf') format('truetype'); 
url('//web.softnyx.com/Font/titillium-regular-webfont.svg#titillium') format('svg') 
src:local(※), url('//web.softnyx.com/Font/titillium-regular-webfont.woff') format('woff');
}

body, table, input, button, textarea, select, li, a, ul, p, div, h1, h2, h3, h4, h5, span  {font-family:titillium, tahoma, Geneva, sans-serif}



.main_title {background:url(../image/img01.jpg) center top no-repeat; height:826px; width:100%;}
.main_menu {background:url(../image/menu_bg_all.jpg) center top no-repeat; height:105px;}
.fixedMenu {z-index:997; position:fixed; top:0; width:100%}
.main_menu ul {width:997px; margin:0 auto}
.main_menu ul li {display:inline-block; zoom:1; *display:inline; float:left}
.main_menu ul li a {display:block; width:249px; height:105px; text-align:center; font-size:42px; font-weight:bold; color:#fff; text-shadow:5px 5px 8px #000; line-height:100px; background:url(../image/menu_bg.jpg) no-repeat;
-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.main_menu ul li a:hover {background:url(../image/menu_bg_on.jpg) no-repeat;}

.weapon01 {background:url(../image/img02.jpg) center top no-repeat; height:815px; clear:both}

.weapon02 {background:url(../image/img03.jpg) center top no-repeat; height:735px}
.weapon02 div {margin:0 auto; width:996px;}
.weapon02 div ul {width:300px; padding:360px 0 0 590px}
.weapon02 div ul li {color:#fff; font-size:18px; padding-bottom:4px; font-weight:bold; line-height:24px}
.weapon02 div p {color:#c1c1c1; font-size:15px; font-weight:bold; padding:6px 0 0 68px; width:890px; word-break:break-word; line-height:16px}

.weapon03 {background:url(../image/img04.jpg) center top no-repeat; height:801px}
.weapon03 div {margin:0 auto; width:996px;}
.weapon03 div ul {width:300px; padding:408px 0 0 590px}
.weapon03 div ul li {color:#fff; font-size:18px; padding-bottom:4px; font-weight:bold; line-height:24px}
.weapon03 div p {color:#c1c1c1; font-size:15px; font-weight:bold; padding:19px 0 0 68px; width:890px; word-break:break-word; line-height:16px}

.box01 {background:url(../image/img05.jpg) center top no-repeat; height:859px;}
.box02 {background:url(../image/img06.jpg) center top no-repeat; height:573px;}
.box02 div p {color:#c1c1c1; font-size:16px; font-weight:bold; padding:450px 50px 0 68px}

.character01 {background:url(../image/img07.jpg) center top no-repeat; height:815px; clear:both}

.character02 {background:url(../image/img08.jpg) center top no-repeat; height:860px}
.character02 div {margin:0 auto; width:996px;}
.character02 div ul.human {width:234px; padding:264px 0 0 398px; float:left}
.character02 div ul.wolf {width:234px; padding:264px 0 0 78px; float:left}
.character02 div ul li {color:#fff; font-size:18px; padding-bottom:4px; font-weight:bold; line-height:24px}
.character02 div p {color:#c1c1c1; font-size:16px; font-weight:bold; padding:198px 50px 0 68px; clear:both}

.character03 {background:url(../image/img09.jpg) center top no-repeat; height:960px}
.character03 div {margin:0 auto; width:996px;}
.character03 div ul.human {width:234px; padding:366px 0 0 398px; float:left}
.character03 div ul.wolf {width:234px; padding:366px 0 0 78px; float:left}
.character03 div ul li {color:#fff; font-size:18px; padding-bottom:4px; font-weight:bold; line-height:24px}
.character03 div p {color:#c1c1c1; font-size:16px; font-weight:bold; padding:196px 50px 0 68px; clear:both}

.character04 {background:url(../image/img10.jpg) center top no-repeat; height:799px; clear:both}

.character05 {background:url(../image/img11_1.jpg) center top no-repeat; height:985px}
.character05 div {margin:0 auto; width:996px;}
.character05 div ul.human {width:234px; padding:244px 0 0 518px;}
.character05 div ul.wolf {width:234px; padding:92px 0 0 518px;}
.character05 div ul li {color:#fff; font-size:18px; padding-bottom:4px; font-weight:bold; line-height:24px}
.character05 div p {color:#c1c1c1; font-size:16px; font-weight:bold; padding:25px 0 0 538px; width:402px}

.character06 {background:url(../image/img12_1.jpg) center top no-repeat; height:1101px}
.character06 div {margin:0 auto; width:996px;}
.character06 div ul.human {width:234px; padding:340px 0 0 518px;}
.character06 div ul.wolf {width:234px; padding:104px 0 0 518px;}
.character06 div ul li {color:#fff; font-size:18px; padding-bottom:4px; font-weight:bold; line-height:24px}
.character06 div p {color:#c1c1c1; font-size:16px; font-weight:bold; padding:16px 0 0 538px; width:402px}

.tattoo {background:url(../image/img13.jpg) center top no-repeat; height:1061px}
.tattoo div {margin:0 auto; width:996px;}
.tattoo div ul{width:240px; padding:210px 0 0 624px;}
.tattoo div ul li {color:#fff; font-size:18px; padding-bottom:14px; font-weight:bold; line-height:30px}
.tattoo div p.tattoo_ex {color:#c1c1c1; font-size:16px; font-weight:bold; padding:154px 0 0 68px;}