@charset "utf-8";

/*ベースのCSSの設定
----------------------------------------------------------------*/

/*ベースの要素の設定をリセット*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
img {border:0;vertical-align: top;}
sub {vertical-align:bottom;}


/*Table*/
table {border-collapse:collapse;border-spacing:0;}  
table,th,td {margin:0;padding:0;font-weight:normal;}

/*サイト全体の基本情報の設定*/
body {
	font-size:62.5%;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height:1.6;
	color:#333;
}

/*リンクの装飾の設定*/
a {
	outline:none;
	text-decoration:underline;
}

a:link, a:visited, a:active {
	color:#00B3EA;
	text-decoration:underline;
}
a:hover {text-decoration: none;}

ul, ol {list-style: none;}

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

* html .clearfix {zoom:1;}
*:first-child+html .clearfix {zoom:1;}


/*レイアウトサイズの設定
----------------------------------------------------------------*/
body             {min-width:1140px;}

#header          {width:100%;}
#header_inner    {width:1140px;height:98px;}

#globalnav       {}
#globalnav_inner {}

#globalnav_inner ul li a {}


#mainimg  {width:100%;height:100%; margin:0 0 20px;}

#toppage #mainimg  {margin:0 0 40px;}

.mainimg_wrap,
.mainimg_inner,
.slideshow       {width:100%;}

#topicpath       {width:100%;}
.topicpath_inner {width:100%;}

#contents        {width:100%;}
#contents_inner  {width:1140px; padding-bottom:50px;}


#contents_main   {width:1140px;}
#contents_main02 {width:720px;float:right; margin:0 65px 0 0;}

#sidebar_l       {width:201px;float:left;}
#sidebar_r       {}

#footer          {width:100%;}
#footer_inner    {width:1140px;height:460px;}

#footer p.copyright small {width:1140px;}



/*コンテンツ内のフォントサイズの設定*/
#contents_main,
#contents_main02 {font-size:1.4em;}

#sidebar_l,
#sidebar_r {font-size:1.2em;}


/*ヘッダーエリアの設定
----------------------------------------------------------------*/

#header {
	background:url(../img/header-bg.png) repeat-x left top;
	}

#header_inner {
	background:url(../img/header-inner-bg.png) no-repeat left top;
	position:relative;
	margin:0 auto;
	}

#header_inner:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

/*ロゴ*/
#header_inner h1.logo {
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	width:320px;
	}

#header_inner h1.logo a {
	display:block;
	height:98px;
	text-indent:-9999px;
}

/*グローバルナビゲーションの設定
----------------------------------------------------------------*/

/*ナビゲーションの背景を設定*/
#globalnav {
	position:absolute;
	top:30px;
	right:20px;
	}

#globalnav_inner {overflow:hidden;}

#globalnav_inner:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

#globalnav_inner ul li {
	float:left;
	margin:0 0 0 18px;
	}

#globalnav_inner ul li a {
	display:block;
	text-indent:-9999px;
	height:38px;
	
	/*アニメーションの設定*/
	-moz-transition:0.25s linear;
	-webkit-transition:0.25s linear;
	-o-transition:0.25s linear;
	transition:0.25s linear;
	
	behavior: url(/common/PIE.htc);
	position:relative;
	
	}

#globalnav_inner ul li.menu-item-27 {width: 82px;}
#globalnav_inner ul li.menu-item-28 {width:103px;}
#globalnav_inner ul li.menu-item-29 {width:116px;}
#globalnav_inner ul li.menu-item-30 {width: 90px;}
#globalnav_inner ul li.menu-item-31 {width:113px;margin:0 0 0 13px;}

#globalnav_inner ul li.current-menu-item a {
	background-color:rgba(255,255,255,0.2);
	}

#globalnav_inner ul li a:link, #globalnav_inner ul li a:visited, #globalnav_inner ul li a:active {}

#globalnav_inner ul li a:hover {
	background-color:rgba(255,255,255,0.2);
	}


/*メインイメージの設定
----------------------------------------------------------------*/
#mainimg {
	position:relative;
	overflow:hidden;
	}

.mainimg_wrap {
	left:50%;
	position:relative;
	}

.mainimg_inner {
	left:-50%;
	position:relative;
	}

.slideshow .camera_wrap {}


/*パンクズの設定
----------------------------------------------------------------*/
#topicpath {
	margin:0 0 20px -35px;
	}

#topicpath .topicpath_inner {
	margin:0 auto 50px;
	font-size:0.857em;
	}

#topicpath .topicpath_inner p {
	margin:0;
	}


/*コンテンツエリアの設定
----------------------------------------------------------------*/
#contents {}
	
	#contents:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

#contents_inner {
	margin:0 auto;
}

#contents_inner:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

#contents_main   {}
#contents_main02 {}


/*コンテンツセクションの基本設定*/

#conbox {
	width:650px;
	}

*+html #conbox {
	width:685px;
	}

#conbox:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}

#contents_inner h1 {
	text-indent:-9999px;
	height:236px;
	margin:0 0 30px;
	}

#about-us    #contents_inner h1 {background:url(../img/h1-about-us.png)    no-repeat left top;}
#about-dent  #contents_inner h1 {background:url(../img/h1-about-dent.png)  no-repeat left top;}
#performance #contents_inner h1 {background:url(../img/h1-performance.png) no-repeat left top;}
#company     #contents_inner h1 {background:url(../img/h1-company.png)     no-repeat left top;}
#contact     #contents_inner h1 {background:url(../img/h1-contact.png)     no-repeat left top;}
#news        #contents_inner h1 {background:url(../img/h1-about-us.png)    no-repeat left top;}

#conbox h2 {
	background:#F4F4F4 url(../img/h2-bg.png) no-repeat 20px 50%;
	font-size:1.5em;
	margin:0 -35px 20px;
	padding:5px 0 5px 60px;
	}

#conbox h3 {
	margin:0 0px 5px;
	font-size:1.1em;
}

#conbox h4 {
	margin:0 0px 5px;
	font-size:1em;
}

#conbox p {
	margin:0px 0px 1.8em;
}

#conbox table {
	width:100%;
	margin:0px 0px 50px;
	}

#conbox table th {
	padding:15px 10px;
	border:1px solid #CCC;
	text-align:left;
	
	box-shadow: 1px 1px 0px #FFF;
	-moz-box-shadow: 1px 1px 0px #FFF;
	-webkit-box-shadow: 1px 1px 0px #FFF;
	
	behavior: url(/common/PIE.htc);
	position:relative;	
	}

#conbox table th span {}

#conbox table td {
	padding:15px 10px;
	border:1px solid #CCC;
	
	box-shadow: 1px 1px 0px #FFF;
  -moz-box-shadow: 1px 1px 0px #FFF;
  -webkit-box-shadow: 1px 1px 0px #FFF;

	behavior: url(/common/PIE.htc);
	position:relative;	
	
	}

#conbox table td ol {
	margin-left:22px;
	}

#conbox ul {
	margin:0px 0px 10px;
	}

#conbox ul li {
	margin:0px 0px 10px;
	}

#conbox ol {
	margin:0px 0px 10px 25px;
	list-style-type:decimal;
	}

#conbox ol li {
	margin:0px 0px 10px;
	list-style-type:
	}


/*段落の間隔設定*/
#conbox p+h2 {
	margin-top:80px;
	}

#conbox p+h3 {
	margin-top:30px;
	}

#conbox ul+p,
#conbox ol+p {
	margin-top:30px;
	}


/*外部リンク*/
.external_link {
	background:url(../img/external-link.png) no-repeat left center;
	padding-left:20px;
	}


/*左カラム
----------------------------------------------------------------*/
#sidebar_l .info_area {
	background:url(../img/side-info-bg.png) no-repeat left top;
	width:201px;
	height:201px;
	margin:0 0 40px;
	text-indent:-9999px;
	}

#sidebar_l .map {
	border:5px solid #CCC;
}



/*フッターエリア
----------------------------------------------------------------*/
/*ページトップ*/
#pagetop {
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:100;
	}

/*レスポンシブ設定*/
@media screen and (max-width: 640px) {
	

}


/*フッターエリアの設定*/
#footer {
	background-color: #000;
	}

#footer_inner {
	position:relative;
	margin:0 auto;
	color:#FFF;
	}

#footer_inner:after {
	visibility:hidden;
	height:0;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
}


/*コピーライトの設定*/

#footer p.copyright small{
	position:absolute;
	bottom:10px;
	left:0px;
	text-align:center;
	font-size:100%;
	}

#footer_inner p {}

#footer_info {
	background:url(../img/footer-logo.png) no-repeat 0px 95px;
	width:305px;
	height:319px;
	padding:95px 0 0;
	margin:0 auto;
	text-indent:-9999px;
	
	-webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;

	behavior: url(/common/PIE.htc);
  position:relative;
	}

#footer_info h2 {
	background:none;
	margin:0;
	padding:0;
	}


/*基本設定
----------------------------------------------------------------*/
#conbox .right    {text-align:right;}
#conbox .center   {text-align:center;}
#conbox .f_left   {float:left;margin:0 10px 10px 0;}
#conbox .f_right  {float:right;margin:0 0 10px 10px;}
#conbox .m_center {margin-left:auto;margin-right:auto;}
#conbox .clr      {clear:both;}
#conbox .border_b {border-bottom:1px dashed #999;}

#conbox .caution {
	padding:10px;
	border:1px solid #FFF;
	color:#FFF;
	}

#conbox .arrow {
	background:url(../img/arrow.png) no-repeat 0px 3px;
	padding:0 0 0 15px;
	}

#conbox .mt5{margin-top:5px;}#conbox .mt10{margin-top:10px;}#conbox .mt15{margin-top:15px;}#conbox .mt20{margin-top:20px;}#conbox .mt25{margin-top:25px;}#conbox .mt30{margin-top:30px;}#conbox .mt35{margin-top:35px;}#conbox .mt40{margin-top:40px;}#conbox .mt45{margin-top:45px;}#conbox .mt50{margin-top:50px;}#conbox .mt55{margin-top:55px;}#conbox .mt60{margin-top:60px;}
#conbox .mb5{margin-bottom:5px;}#conbox .mb10{margin-bottom:10px;}#conbox .mb20{margin-bottom:20px;}#conbox .mb25{margin-bottom:25px;}#conbox .mb30{margin-bottom:30px;}#conbox .mb35{margin-bottom:35px;}#conbox .mb40{margin-bottom:40px;}#conbox .mb45{margin-bottom:45px;}#conbox .mb50{margin-bottom:50px;}#conbox .mb55{margin-bottom:55px;}#conbox .mb60{margin-bottom:60px;}
#conbox .pt5{padding-top:5px;}#conbox .pt10{padding-top:10px;}#conbox .pt20{padding-top:20px;}#conbox .pt25{padding-top:25px;}#conbox .pt30{padding-top:30px;}#conbox .pt35{padding-top:35px;}#conbox .pt40{padding-top:40px;}#conbox .pt45{padding-top:45px;}#conbox .pt50{padding-top:50px;}#conbox .pt55{padding-top:55px;}#conbox .pt60{padding-top:60px;}
#conbox .pb5{padding-bottom:5px;}#conbox .pb10{padding-bottom:10px;}#conbox .pb15{padding-bottom:15px;}#conbox .pb20{padding-bottom:20px;}#conbox .pb25{padding-bottom:25px;}#conbox .pb30{padding-bottom:30px;}#conbox .pb35{padding-bottom:35px;}#conbox .pb40{padding-bottom:40px;}#conbox .pb45{padding-bottom:45px;}#conbox .pb50{padding-bottom:50px;}#conbox .pb55{padding-bottom:55px;}#conbox .pb60{padding-bottom:60px;}
#conbox .ml5{margin-left:5px;}#conbox .ml10{margin-left:10px;}#conbox .ml15{margin-left:15px;}#conbox .ml20{margin-left:20px;}#conbox .ml25{margin-left:25px;}#conbox .ml30{margin-left:30px;}#conbox .ml35{margin-left:35px;}#conbox .ml40{margin-left:40px;}#conbox .ml45{margin-left:45px;}#conbox .ml50{margin-left:50px;}#conbox .ml55{margin-left:55px;}#conbox .ml60{margin-left:60px;}
#conbox .mr5{margin-right:5px;}#conbox .mr10{margin-right:10px;}#conbox .mr15{margin-right:15px;}#conbox .mr20{margin-right:20px;}#conbox .mr25{margin-right:25px;}#conbox .mr30{margin-right:30px;}#conbox .mr35{margin-right:35px;}#conbox .mr40{margin-right:40px;}#conbox .mr45{margin-right:45px;}#conbox .mr50{margin-right:50px;}#conbox .mr55{margin-right:55px;}#conbox .mr60{margin-right:60px;}
#conbox .pl5{padding-left:5px;}#conbox .pl10{padding-left:10px;}#conbox .pl15{padding-left:15px;}#conbox .pl20{padding-left:20px;}#conbox .pl25{padding-left:25px;}#conbox .pl30{padding-left:30px;}#conbox .pl35{padding-left:35px;}#conbox .pl40{padding-left:40px;}#conbox .pl45{padding-left:45px;}#conbox .pl50{padding-left:50px;}#conbox .pl55{padding-left:55px;}#conbox .pl60{padding-left:60px;}
#conbox .pr5{padding-right:5px;}#conbox .pr10{padding-right:10px;}#conbox .pr15{padding-right:15px;}#conbox .pr20{padding-right:20px;}#conbox .pr25{padding-right:25px;}#conbox .pr30{padding-right:30px;}#conbox .pr35{padding-right:35px;}#conbox .pr40{padding-right:40px;}#conbox .pr45{padding-right:45px;}#conbox .pr50{padding-right:50px;}#conbox .pr55{padding-right:55px;}#conbox .pr60{padding-right:60px;}
#conbox .ml1em{margin-left:1em;}#conbox .ml2em{margin-left:2em;}#conbox .ml3em{margin-left:3em;}#conbox .ml4em{margin-left:4em;}#conbox .ml5em{margin-left:5em;}#conbox .ml6em{margin-left:6em;}#conbox .ml7em{margin-left:7em;}#conbox .ml8em{margin-left:8em;}#conbox .ml9em{margin-left:9em;}#conbox .ml10em{margin-left:10em;}#conbox .ml11em{margin-left:11em;}
#conbox .ml12em{margin-left:12em;}#conbox .ml13em{margin-left:13em;}#conbox .ml14em{margin-left:14em;}#conbox .ml15em{margin-left:15em;}#conbox .ml16em{margin-left:16em;}#conbox .ml17em{margin-left:17em;}#conbox .ml18em{margin-left:18em;}#conbox .ml19em{margin-left:19em;}#conbox .ml20em{margin-left:20em;}


#conbox .w200{width:200px;}