@charset 'UTF-8';

/*********************************************************************
 * 共通
*********************************************************************/
* { margin:0px; padding:0px; }

html,body { width:100%; height:100%; }

div,h1,h2,h3,h4,h5,p,li,th,td,dt,dd,address{
	color:#333333;
	font-size:100%;
	font-weight:normal;
/*	font-family: 'ＭＳ Ｐゴシック', sans-serif; */
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

body { background-color:#ffffff; }

.clear{ clear:both; }


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


a { color:#152c70; }
a:hover { color:#b32222; }


/*********************************************************************
 * COLOR 
*********************************************************************/
.red  { color: red; }
.blue { color:#0154a2; }
.gold { color:#948600; }
.gold2{ color:#766b00; }
.glay { color:#999999; }
.white{ color:#ffffff; }


/*********************************************************************
 * FONT
*********************************************************************/
.b { font-weight:bold; }
.minchou { font-family:"ＭＳ 明朝"; }

.left  { text-align:left; }
.center{ text-align:center; }
.right { text-align:right;  }

.px8h14{ font-size:8px; line-height:14px; }

.px10h14{ font-size:10px; line-height:14px; }
.px10h16{ font-size:10px; line-height:16px; }
.px10h18{ font-size:10px; line-height:18px; }
.px10h20{ font-size:10px; line-height:20px; }

.px12h16{ font-size:12px; line-height:16px; }
.px12h18{ font-size:12px; line-height:18px; }
.px12h20{ font-size:12px; line-height:20px; }
.px12h24{ font-size:12px; line-height:24px; }

.px14h16{ font-size:14px; line-height:16px; }
.px14h18{ font-size:14px; line-height:18px; }
.px14h20{ font-size:14px; line-height:20px; }
.px14h22{ font-size:14px; line-height:22px; }
.px14h24{ font-size:14px; line-height:24px; }
.px14h26{ font-size:14px; line-height:26px; }

.px16h20{ font-size:16px; line-height:20px; }
.px16h24{ font-size:16px; line-height:24px; }

.px18h26{ font-size:18px; line-height:26px; }
.px20h26{ font-size:20px; line-height:26px; }


/*********************************************************************
 * LINE
*********************************************************************/
.dotline { border-bottom:1px dotted #333333; }
.dotline2 { border-top:1px dotted #333333; }


/*********************************************************************
 * MARGIN
*********************************************************************/
.mgn5  { margin-top:5px; }
.mgn10 { margin-top:10px; }
.mgn20 { margin-top:20px; }
.mgn30 { margin-top:30px; }
.mgn40 { margin-top:40px; }
.mgn50 { margin-top:50px; }

.mgn_b { margin-bottom:80px; }

/*********************************************************************
 * PADDING
*********************************************************************/
.pdg5  { padding-top:5px; }
.pdg10 { padding-top:10px; }
.pdg20 { padding-top:20px; }
.pdg30 { padding-top:30px; }
.pdg40 { padding-top:40px; }
.pdg50 { padding-top:50px; }

.pdg5b { padding-top:5px; padding-bottom:5px; }

/*********************************************************************
 * 共通ページコンテンツ
*********************************************************************/
div#container{
	width:100%;
}

div#contents{
	padding-top:10px;
	margin:0px auto;
	width:980px;
}

div#contents_left{
	float:left;
	width:650px;
}

div#contents_right{
	float:right;
	width:300px;
}

/* header */
div#header{
	width:100%;
/*	height:178px; */
	height:157px;
	background:url(../img/header_bg.jpg) repeat left top;
}

div#hd_line{
	font-size:2px;
	width:100%;
	height:3px;
	background:url(../img/header_top_line.gif) repeat left top;
}

div#hd_wrapper{
	width:980px;
/*	height:117px; */
	height:100px;
	margin:0px auto;
}

div#hd_logo{
	width:980px;
}

div#logo{
	width:331px;
/*	padding-top:40px; */
	padding-top:30px;
	float:left;
}

div#logo h1{
	width:331px;
	height:58px;
	background:url(../img/logo_main.png) no-repeat left top;
}

div#logo h1 a{
	display:block;
	width:331px;
	height:58px;
}

div#logo h1 span{
	display:none;
}

div#header_contact{
/*	padding-top:20px; */
	padding-top:10px;
	width:566px;
	float:right;
}

div#header_contact_box{
	width:566px;
	height:81px;
	background:url(../img/bg_contact.png) no-repeat left top;
}

p#submenu_access {
	padding:5px 0px 0px 140px;
}

p#submenu_access a{
	display:block;
	width:97px;
	height:12px;
	background:url(../img/submenu_access.png) no-repeat left bottom;
}

p#submenu_access a:hover{
	background-position:top;
}

p#submenu_access span{
	display:none;
}

div#header_contact h2 {
	margin:0px 20px 0px 277px;
	width:269px;
	padding-top:23px;
}

div#header_contact h2 a{
	display:block;
	width:269px;
	height:30px;
	/*background:url(../img/btn_contact.png) no-repeat left bottom;*/
}
/*
div#header_contact h2 a:hover{
	background-position:top;
}
*/
div#header_contact h2 span{
	display:none;
}

/* navi */
div#main_navi{
	width:100%;
	height:59px;
	background:url(../img/navi_bg.png) repeat-x left top;
}

ul#navi{
	width:980px;
	height:59px;
	margin:0px auto;
	list-style:none;
}

ul#navi li span{
	display:none;
}

li#navi01,
li#navi02,
li#navi03,
li#navi04,
li#navi05 {
	height:59px;
	float:left;
}

li#navi01 a,
li#navi02 a,
li#navi03 a,
li#navi04 a,
li#navi05 a {
	background-position:left bottom;
	background-repeat:no-repeat;
	height:59px;
	display:block;
}

ul#navi li a.current{
	background-position:left top;
}

li#navi01 a { width:190px; background-image:url(../img/navi_home.png);}
li#navi02 a { width:191px; background-image:url(../img/navi_profile.png);}
li#navi03 a { width:218px; background-image:url(../img/navi_product.png);}
li#navi04 a { width:191px; background-image:url(../img/navi_equipment.png);}
li#navi05 a { width:190px; background-image:url(../img/navi_contact.png);}

li#navi01 a:hover {background-position:left top;}
li#navi02 a:hover {background-position:left top;}
li#navi03 a:hover {background-position:left top;}
li#navi04 a:hover {background-position:left top;}
li#navi05 a:hover {background-position:left top;}

ul#navi03_sub {
	position: absolute;
	display:none;
	width:219px;
	list-style:none;
	z-index:99;
}

li#navi03_1,
li#navi03_2,
li#navi03_3,
li#navi03_4,
li#navi03_5,
li#navi03_6,
li#navi03_7 {
	height:49px;
}
li#navi03_1 a,
li#navi03_2 a,
li#navi03_3 a,
li#navi03_4 a,
li#navi03_5 a,
li#navi03_6 a,
li#navi03_7 a {
	background-position:left top;
	dispaly:block;
	width:219px;
	height:49px;
}

li#navi03_1 a{ background-image:url(../img/submenu_02.png);}
li#navi03_2 a{ background-image:url(../img/submenu_03.png);}
li#navi03_3 a{ background-image:url(../img/submenu_04.png);}
li#navi03_4 a{ background-image:url(../img/submenu_05.png);}
li#navi03_5 a{ background-image:url(../img/submenu_06.png);}
li#navi03_6 a{ background-image:url(../img/submenu_07.png);}
li#navi03_7 a{ background-image:url(../img/submenu_01.png);}

li#navi03_1 a:hover { background-position:right top;}
li#navi03_2 a:hover { background-position:right top;}
li#navi03_3 a:hover { background-position:right top;}
li#navi03_4 a:hover { background-position:right top;}
li#navi03_5 a:hover { background-position:right top;}
li#navi03_6 a:hover { background-position:right top;}
li#navi03_7 a:hover { background-position:right top;}

/* footer */
div#footer{
	width:100%;
	height:170px;
	background:url(../img/header_bg.jpg) repeat left top;
}

div#footer_line{
	font-size:3px;
	width:100%;
	height:5px;
	background:url(../img/footer_bg_top.png) repeat-x left top;
}

div#footer_wrapper{
	width:980px;
	margin:0px auto;
}

table#footer_menu{
	margin:35px auto 15px;;
	height:34px;
}

table#footer_menu td{
	font-size:12px;
	padding:0px 25px;
}

table#footer_menu td.sp{
	background:url(../img/footer_separator.png) no-repeat right top;
}

address {
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

/*********************************************************************
 * 右カラム
*********************************************************************/
div.contents_right_box{
	margin-bottom:20px;
}

div.banner_box{
	padding:10px 0px;
	width:300px;
	background:url(../img/box02_bg02.jpg) repeat-y left top;
}

ul.banner_list{
	list-style:none;
	width:215px;
	margin:0px auto;
}

ul.banner_list li{
	padding-bottom:20px;
	text-align:center;
}

p#banner_1908a a,
p#banner_1908b a {
	text-indent:-9999px;
	background-position:left bottom;
	background-repeat:no-repeat;
	height:150px;
	display:block;
}
p#banner_1908a a { width:300px; background-image:url(../banner/banner_1908a.jpg);}
p#banner_1908b a { width:300px; background-image:url(../banner/banner_1908b.jpg);}

p#banner_1908a a:hover { background-position:left top;}
p#banner_1908b a:hover { background-position:left top;}

/* その他の共通 */

/* 各ページ見出し */
div#title_bg{
	width:980px;
	height:90px;
	margin-bottom:30px;
}

/* 会社概要 */
h3.company_title01{
	background:url(../img/csr_midashi01.jpg) no-repeat left top;
}
h3.company_title02{
	background:url(../img/csr_midashi02.jpg) no-repeat left top;
}

table.company{
	width:650px;
	border:1px solid #a1a1a1;
}

table.company th,
table.company td{
	padding:15px 0px;
	font-size:12px;
	line-height:20px;
}

table.company th.bd{
	background-color:#EDF7FF;
	text-align:center;
	width:180px;
	border-right:1px solid #a1a1a1;
	border-bottom:1px dotted #a1a1a1;
}

table.company th.br{
	background-color:#EDF7FF;
	text-align:center;
	width:180px;
	border-right:1px solid #a1a1a1;
}

table.company td{
	padding-left:15px;
}

table.company td.bd{
	border-bottom:1px dotted #a1a1a1;
}

table.company table.table12 th,
table.company table.table12 td{
	text-align:left;
	background-color:#ffffff !important;
	padding:0px !important;
}

img.bd {
	border:1px solid #ccc;
}

p.pagetop{
	margin-top:8px;
	font-size:12px;
	text-align:right;
}

ul.bannerS{
	list-style:none;
	margin-bottom:20px;
}

ul.bannerS li{
	text-align:center;
}

ul.bannerS li.banner_blog a{
	margin:0px auto;
	display:block;
	width:280px;
	height:100px;
	background:url(../banner/banner_blogB.jpg) no-repeat left bottom;
}

ul.bannerS li.banner_blog a:hover{
	background-position:top;
}

ul.bannerS li.banner_blog span{
	display:none;
}