@charset "utf-8";
/* CSS Document */

/* GDPR */
.cc-banner .cc-message,.cc-window .cc-message{text-align: left;}
*{
	/* Universal reset: */
	margin:0;
	padding:0;
}

/* ### レイアウト ### */
body {
	font-family: "メイリオ","Meiryo","Arial","ＭＳ Ｐゴシック","MS PGothic",Osaka;
	line-height: 1.7;
	color: #FFF;
	font-size: 80%;
	text-align: center;
	background-color:#000;
	-webkit-text-size-adjust: 100%;
}
a img{
	border:none;
}

#wrapper{
	position:relative;
	background:#000;
	min-width:1100px;
	width:100%;
}


header,footer,nav,
orochi{
	/* Giving a display value to the HTML5 rendered elements: */
	display:block;
}

#container{
	background:#000;
	background-image:url(../common/images/bg_body_top.png);
	background-position:top center;
	background-repeat:no-repeat;
	width:980px;
	margin:0 auto;
	position:relative;
}
body#news-page #container,
body#show-page #container{
	background-image:none;
}

/* The clearfix hack to clear the floats: */

.clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


h1 {
	font-size:12px;
	font-weight:normal;
	float:left;
	padding-top:5px;
}

h2 {
	float:left;
	margin-top:15px;
	margin-right:40px;
	width:318px;
}
h2 img{
	width:100%;
}

/* Hyperlink Styles: */

a, a:visited {
	color:#eb6100;
	text-decoration:none;
	border:none;
	outline:none;
}

a:hover{
	text-decoration:none;
	color:FC6;
}

li{
	list-style-type: none;
}


/* top_bar Styles------------------------------: */
#top_bar{
	background-color: #151515;
	height: 60px;
	border-bottom: 1px dotted #333;
	width: 100%;
}

#top_bar_content{
	height:30px;
	width:980px;
	margin: 0 auto;
	text-align:left;
	max-width:980px;
}

/*nav:lang: */
#lang{
	float:right;
	padding-top:5px;
}

#lang a, a:visited{
	color:#666;
	text-decoration:none;
}

#lang a:hover{
	color:#FF6600;
	text-decoration:none;
}

/* menu Styles------------------------------: */
#menu{
	background-color:#180a00;
	height:110px;
	width:100%;
}
#menu_content{
	width:980px;
	margin: 0 auto;
}
#orochi{
	float:left;
	width:980px;
}

/* global Nav styles: */

nav{
	float:left;
	width:622px;
}

#global	{
	z-index:7;
}

#globalNavi, #globalNavi ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#globalNavi	{
	position:relative;
	z-index:6;
}
#globalNavi li	{
	float:left;
	position:relative;
	margin-top:50px;
}

#globalNavi li.sub_menu	{
	float:left;
	position:relative;
	margin:0;
}

#globalNavi li.trial{
	float:right;
	width:114px;
	margin:0;
}
#globalNavi li.trial a{
	float:right;
	width:114px;
	margin:0;
}

#globalNavi li.line{
	float:left;
	margin-top:30px;
	width:1px;
}
#globalNavi ul {
	position:absolute;
	top:20px;
	left:3px;
	display:none;
}
#globalNavi ul li a	{
	width:143px;
	display:block;
	/*background:url(../common/images/icon.png) no-repeat;*/
	padding:7px 5px 8px 10px;
	border-bottom:1px dotted #FFF;
	color:#FFF;
	text-decoration:none;
	background-color:#f60;
}
#globalNavi ul li a:hover	{
	background:#FFF url(../common/images/icon_on.gif) no-repeat;
	color:#F60;
}

#globalNavi ul li ul {
	top:0px;
	left:175px;
}
#globalNavi ul ul{
display:none;
}

#globalNavi li.trial img{

}
/* Topics Styles------------------------------: */

#topics {
	margin:20px 0 0px 0;
}

#topics img {
	border:1px solid #151515;
}

#topics article {
	width:470px;
	float:left;
	text-align:left;
}

#topics article.last {
	margin-left:40px;
}

#topics article li {
	list-style-type: none;
	padding:5px 0;
}

#topics article li.hhight {
	height:80px;
	display:block;
}

#topics a, a:visited {
	text-decoration:none;
	color:#FF6600;
}

#topics a:hover{
	text-decoration:underline;
	color:#FF6600;
}


/*product_link ------------------------------------*/

.product_link{
	width:100%;
	padding-bottom:50px;
	padding-top:30px;
}
.product_link p{
	margin-bottom:20px;
	font-size:1.6rem;
	font-size:16px;
	color:#FFF;
}
.product_link li{
	float:left;
	width:32%;
	margin-right:2%;

}

.product_link li:last-child{
	margin-right:0;
}
/*.product_link li a{
	display:table-cell;
	height:80px;
	vertical-align:middle;
	font-size:1.6rem;
	font-size:16px;
	line-height:27px;
	width:330px;
	background-color:#ff7300;
	color:#fff;
	border-radius:3px;	
	background-image:url(../images/new_top/arrow_2_off.png);
	background-repeat:no-repeat;
	background-size: 12.4px 20px;
	transition: all 0.4s ease-in-out 0s;
}
.product_link li a:hover{	
	color:#ff7300;
	background-color:#fff;	
	background-image:url(../images/new_top/arrow_2.png);
	transition: all 0.4s ease-in-out 0s;
}*/

.product_link li a{
	background-position:10% center;
}

/* Trademark styles------------------------------: */

#trademark{
	width:980px;
	margin:0 auto;
	font-size:11px;
	line-height: 1.8;
	padding-bottom: 10px;
	color:#9fa0a0;
	text-align:left;
	border-bottom:1px dotted #333;
}

#trademark li.bigTxt{
	font-size: 12.8px;
}


/* Footer styles------------------------------: */

footer{
	background-image:url(../common/images/bg_footer.png);
	background-repeat:repeat-x;
	bottom:0;
	margin-top:50px;
}
body#show-page footer,
body#news-page footer{
	background-image:none;
}

#footernav{
	width:980px;
	margin:0 auto;
	padding-top:10px;
	height:30px;
}

#footernav li{
	float:left;   
	list-style-type: none;
	margin:0 20px 0 0;  
	padding:0;
	color:#eb6100;
}

#footernav a, a:visited {
	color:#fff;
	text-decoration:none;
}

#footernav a:hover{
	text-decoration:none;
	color:#eb6100;
}

#copyright{
	height:100px;
	background-color:#151515;
	bottom:0;
}

#copyright ul{
	width:980px;
	margin:0 auto;
}

#copyright li{
	float:left;   
	list-style-type: none;
	margin:30px 0 0 0;  
	padding:0;  
}
#copyright li:first-child{
	margin-top: 15px;
}
#copyright li.odd{
	
}	
#copyright li.odd a{
	font-size:16px;
	color:#009fe6;
}

#copyright li.copyright{  
	float:right;    
	list-style-type: none;
	margin:45px 0 0 0;
	color:#9fa0a0;
	text-align:right;
	width:300px;
}

#container #toPageTop {
	position: fixed;
	bottom: 100px;
	right: 30px;
}
#container #toPageTop a {
	display: block;
	width: 60px;
	background: url(/middleware/orochi/common/images/btn_to-page-top_ov.gif) no-repeat;
}
#container #toPageTop a:hover img {
	visibility: hidden;
}

/* toPage TOP styles------------------------------: */

#toPageTop {
    bottom: 80px;
    float: none;
    height: 30px;
    position: fixed;
    right: 40px;
    width: 30px;
    z-index: 999999;
	display:none;
}