@charset "UTF-8";

/*----------------デフォルトCSS初期化------------------*/

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, address, options, select, table, tr, img { 
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
body {
	color: #333333;
	font-size: 100%;
	font-family: "メイリオ", meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	min-width:1200px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset , img { 
	border: 0;
	vertical-align: bottom;
}

address , caption , cite , code , dfn , em , strong , th , var {
	font-style: normal;
	font-weight: normal;
}

ol , ul {
	list-style: none;
}
li {
	list-style-type: none;
}
caption , th {
	text-align: left;
}

h1 , h2 , h3 , h4 , h5 , h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before , q:after {
	content: '';
}

abbr , acronym {
	border: 0;
}

textarea {
	font-size: 100%;
	font-family: "メイリオ", meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
a img.hover{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
a img.hover:hover{
	opacity: .65; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=65); /* IE lt 8 */
	-ms-filter: "alpha(opacity=65)"; /* IE 8 */
	-khtml-opacity: .65; /* Safari 1.x */
	-moz-opacity: .65; /* FF lt 1.5, Netscape */
}
/*----------------スタイルシート初期設定------------------*/
body,
html{
	width:100%;
	height:100%;
}
body{
	font-size:14px;
	color:#000000;
}
a{color:#020202;text-decoration:underline;}
a:hover{color:#020202;text-decoration:none;}
a:visited{color:#020202;}
a:active{color:#020202;}

a.red:hover{color:#FF0000;text-decoration:none;}
a.red:visited{color:#FF0000;}
a.red:active{color:#FF0000;}

img {height:auto;}
/* Hides from IE Mac */
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End Hack */
textarea {resize : none;}

/*--- font size ---*/
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f24{font-size:24px;}

/*--- font color ---*/
.pink{color:#e73b81;}
.y-green{color:#b2ac4e;}
.bold{font-weight:bold;}
.red{color:#FF0000;}
.yellow{color:#ffe518;}
.orange{color:#EF815B;}
.shu{color:#fa3b07;}
.gray{color:#a1a1a1;}
.aquablue{color:#287EBB;}
.gold{color:#EAC45E;}
.gray2{color:#5D5956;}
.beige{color:#fae4b0;}
/*--- paragraph ---*/
.txtC{text-align:center;}
.txtL{text-align:left;}
.txtR{text-align:right;}
.txtT{vertical-align:top;}
.txtM{vertical-align:middle;}
.txtB{vertical-align:bottom;}

.ib{display:inline-block;}

/*----------------layout------------------*/
#wrapper{background:#EEEEEE;}

.ie6 div.fb_edge_widget_with_comment{width:100px !important; }
.ie6 div.fb_edge_widget_with_comment span{width:100px !important; }
.ie6 div.fb_edge_widget_with_comment iframe{width:100px !important; }
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr { display: none !important; }
.ie6 .fb_edge_widget_with_comment span.fb_edge_comment_widget iframe{display:none !important;}
.fb_iframe_widget > span {vertical-align: baseline !important;}

/*#headerArea{
	padding-top:200px;
}

#infoArea,
#compArea,
#prodArea,
#acceArea{
	padding-top:190px;
	margin-top:-190px;
}*/
.headline_in{
	width:780px;
	margin:auto;
}
#infoArea_in,
#infoArea_in2,
#compArea_in,
#prodArea_in,
#acceArea_in{
	width:1100px;
	margin:auto;
}
.headline{
	background:#FFFFFF;
}
.headline_in{
	position:relative;
	text-align:center;
}

/*----------------------------------
 topMenuArea
----------------------------------*/
#topMenuArea{
	width:100%;
	background:#FFFFFF;
	/*
	height:200px;
	position:fixed;
	z-index:9999;
	top:0px;*/
}
#topMenuArea_in{
	position:relative;
	text-align:right;
	display:block;
}
#site_title{
	width:904px;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
#site_title .logo{
	float:left;
}
#site_title .address{
	float:right;
}
#site_title .address .f11{
	margin-top:5px;
	line-height:1.1;
}
#global_nav{
	background:#000000;
}
#global_nav ul{
	width:904px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
#global_nav li{
	float:left;
	height:60px;
}

#global_nav li a{
	display:inline-block;
	-webkit-backface-visibility: hidden; /* 追加 */
	backface-visibility: hidden; /* 追加 */
}
li.m_info{}
li.m_comp{margin-left:83px;}
li.m_prod{margin-left:81px;}
li.m_acce{margin-left:74px;}
li.m_recr{margin-left:74px;}
#global_nav li.m_cont{
	float:right;
	padding-top:19px;
	height:60px;
}

#headerArea_in{
	min-width:1199px;
	position:relative;
}
#headerArea_in img.main {
	width: 100%;
	min-width: 1199px;
}
#topicsArea{
	position:absolute;
	top:62.5%;
	width:100%;
}
#topicsArea_in{
	width:800px;
	height:146px;
	margin-left:auto;
	margin-right:auto;
	background:url(./images/bg_topics.png);
	display:table;
}
.title_topics{
	display:table-cell;
	vertical-align:middle;
	padding:0 44px 0 38px;
}
.title_topics img{
	vertical-align:middle;
}
.topics{
	padding-top:2px;
	display:table-cell;
	vertical-align:middle;
}
#topicsArea_in dl{
	overflow:hidden;
}
#topicsArea_in dt{
	float:left;
	width:112px;
	margin-top: 5px; /*add 1222*/
}
#topicsArea_in dd{
	margin-left:20px;
	float:left;
	width:402.05px;
	margin-top: 5px; /*add 1222*/
}
#topicsArea_in dl + dl{
	margin-top:5px;
}
/*----------------------------------
 information
----------------------------------*/
#infoArea_in,
#infoArea_in2{
	width:792px;
	margin:auto;
}
#infoArea_in .contents,
#infoArea_in2 .contents{
	margin:49px 0 56px;
	position:relative;
}
.info_list{
	display:table;
}
.info_time{
	display:table-cell;
	vertical-align:top;
	padding:0 26px 0 38px;
	font-weight:bold;
	width:200px;
	text-align:left;
}
.title_topics img{
	vertical-align:middle;
}
.info_contents{
	display:table-cell;
	vertical-align:middle;
}

.info_list .title{
	text-decoration:underline;
	margin-bottom:25px;
	font-weight:bold;
}
/*----------------------------------
 company
----------------------------------*/
#compArea_in{
	width:1199px;
	margin:auto;
	text-align:center;
	background:url(./images/bg_comp.png) top center no-repeat;
}
#compArea_in .contents{
	margin:56px 0 70px;
	position:relative;
	line-height:2;
	display:inline-block;
	text-align:left;
	padding-right: 3px;
}
/*----------------------------------
 product
----------------------------------*/
#prodArea{}
#prodArea_in{
	width:768px;
	margin:69px auto 74px;
}
.prodlist{
	margin-bottom:33px;
	overflow:hidden;
}
.prod_row1{float:left;width:322px;}
.prod_row2{float:right;width:322px;}
#prodArea_in .text{
	margin-left:74px;
	margin-top:18px;
	line-height:2.2;
}
.prod_contents + .prod_contents{
	margin-top:35px;
}
/*----------------------------------
 access
----------------------------------*/

#acceArea_in .contents{
	width:984px;
	margin:60px auto 96px;
	overflow:hidden;
	text-align:center;
}
#acceArea_in .contents iframe{
	border:none;
	float:left;
}
#acceArea_in .map{
	width:984px;
	overflow:hidden;
	margin-top:50px;
}
.img_comp{
	float:right;
}
/*----------------------------------
 recruit
----------------------------------*/

#recrArea_in{
	width:683px;
	margin:67px auto 67px;
}
/*#recrArea_in .contents{
	width:683px;
}*/
/*----------------------------------
 contact
----------------------------------*/
#footer{background:#FFFFFF;}
#footer_in .contents{
	text-align:center;
	padding:30px 0;
}

/*----------------------------------
 sidemenu
----------------------------------*/
#sidemenuArea{
	display:none;
	position:fixed;
	top:100px;
	right:0px;
	z-index:9999;
	-webkit-transform: translateZ(0);
}
#sidemenuArea_in{
	padding:18px 12.5px;
	background:url(./images/bg_topics.png);
}
#sidemenuArea_in{
	padding:18px 12.5px;
	background:url(./images/bg_topics.png);
}
#sidemenuArea_in img{
	display: inline-block;
	backface-visibility: hidden;
}

.success{
	text-align:center;
	color:#23a00b;
	margin-top:10px;
	font-size:14px;
}
.error{

	margin-bottom:0px;
}
.error input,
.error textarea{
	background:#fff4f8;
}