@charset "iso-8859-1";

/* Link style */
a:link{
color: #003A91;
text-decoration: none;
}
a:visited{
text-decoration: none;
color: #8B1DB9;
}
a:hover{
text-decoration: underline;
color: #5378C6;
}


.letter{
color: #003A91;
text-decoration: none;
}



/* "Header" area
-----------------------------------------------	*/
div#topwrap {
width: 967px;
margin: 10px auto 0; /* for re-design in 2014 Header Footer: old-design: margin: 0 auto; */
text-align: left;
}

div#topwrap .hide {
overflow: hidden;
zoom: 1;
}

#topwrap .glclear {
clear: both;
height: 1px;
}

/* 20140919 add for simtemap only*/
div#topwrap h2.smap{
width:770px;
border-bottom: 2px #cccccc solid;
margin:0px 0px 10px 0px;
font-size:110%;
font-weight:bold;
display:block;
}



/* clearfix */
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
display: inline-block;
/*overflow: hidden;*/
}
/* exlude MacIE5 \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* end MacIE5 */

#clearfix h1{
margin: 0;
padding: 0;
}

/* g_navi */
div#clearfix div#GnaviMenu {
width: 967px;
float: left;
}

div#clearfix ul {
margin: 0px 0px 0px 0px;
padding: 0;
list-style: none;
width: 967px;
/* for Mac IE 5 \*//*/
height: 23px;
/* */
}
div#clearfix ul li {
margin: 0;
padding: 0;
display: block;
float: left;
}

/* "Global navigation" area
-----------------------------------------------	*/
div#clearfix div#GnaviMenu{
margin: 5px 0px 0px 0px;
float:left;
width:967px;
}

div#clearfix div#GnaviMenu ul{
margin: 0px 0px 0px 0px;
padding: 0;
list-style: none;
width: 967px;
}

div#clearfix div#GnaviMenu  ul li{
margin: 0px 0px 15px 0px;
padding: 0;
display: block;
float: left;
}

div#clearfix div#GnaviMenu div.clear{
width:967px;
background:#fff;
}


div#GnaviMenu .top_menu_1 a:link,
div#GnaviMenu .top_menu_1 a:visited{
  background:url(../../top/img/head_bg01.gif) no-repeat 0px 0px;
  width:193px;
  height:25px;
  display:block;
  text-indent:-9999px;
}
div#GnaviMenu .top_menu_1 a:hover{
  background:url(../../top/img/head_bg01_a.gif) no-repeat 0px 0px;
}

div#GnaviMenu .top_menu_2 a:link,
div#GnaviMenu .top_menu_2 a:visited{
  background:url(../../top/img/head_bg02.gif) no-repeat 0px 0px;
  width:193px;
  height:25px;
  display:block;
  text-indent:-9999px;
}
div#GnaviMenu .top_menu_2 a:hover{
  background:url(../../top/img/head_bg02_a.gif) no-repeat 0px 0px;
}
div#GnaviMenu .top_menu_3 a:link,
div#GnaviMenu .top_menu_3 a:visited{
  background:url(../../top/img/head_bg03.gif) no-repeat 0px 0px;
  width:193px;
  height:25px;
  display:block;
  text-indent:-9999px;
}
div#GnaviMenu .top_menu_3 a:hover{
  background:url(../../top/img/head_bg03_a.gif) no-repeat 0px 0px;
}
div#GnaviMenu .top_menu_4 a:link,
div#GnaviMenu .top_menu_4 a:visited{
  background:url(../../top/img/head_bg04.gif) no-repeat 0px 0px;
  width:194px;
  height:25px;
  display:block;
  text-indent:-9999px;
}
div#GnaviMenu .top_menu_4 a:hover{
  background:url(../../top/img/head_bg04_a.gif) no-repeat 0px 0px;
}
div#GnaviMenu .top_menu_5 a:link,
div#GnaviMenu .top_menu_5 a:visited{
  background:url(../../top/img/head_bg05.gif) no-repeat 0px 0px;
  width:194px;
  height:25px;
  display:block;
  text-indent:-9999px;
}
div#GnaviMenu .top_menu_5 a:hover{
  background:url(../../top/img/head_bg05_a.gif) no-repeat 0px 0px;
}


/* Bread List */
p#breadlist {
width: 967px;
margin: 0px 0px 0px 0px;
text-align: left;
font-size:75%;
line-height:130%;
}



/* head_navi area */
#head_navi_area{
	margin: 0px 0px 0px 0px;
	float: center;
}




#head_navi_area h1 {
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	margin: 0px 0px 0px 0px;
}


/* "ContentArea" area
-----------------------------------------------	*/

div#ContentArea{
width:967px;
margin: 0px 0px 0px 0px;
}

div#ContentArea div.clear{
width:967px;
background:#fff;
}




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







/* "Sitemap" area
-----------------------------------------------	*/
div.sitemap_b{
margin: 0px 0px 0px 0px;
padding:0;
width:967px;
display: block;
float:right;
}

div.sitemap_b1{
margin: 0px 0px 0px 0px;
padding:0;
width:967px;
display: block;
float:right;
}

div.sitemap_b1 a:link,
div.sitemap_b1 a:visited{
  background:url(../../top/img/sitemap1.gif) no-repeat 0px 0px;
  width:309px;
  height:12px;
  float:right;
  display:block;
  text-indent:-9999px;
}
div.sitemap_b1 a:hover{
  background:url(../../top/img/sitemap2.gif) no-repeat 0px 0px;
  float:right;
}



.menu{
font-size:75%;
line-height:130%;
}

.menu_s{
font-size:70%;
line-height:120%;
}



/* "layout" area
-----------------------------------------------	*/

/* (376:375) */
.ProductBlock_n .grid_2l {
	width: 376px;
	margin-left: 0px;
	float: left;
	display: inline;
}
.ProductBlock_n .grid_2r {
	width: 375px;
	margin-left: 18px;
	float: right;
	display: inline;
}

/* (244:507) */
.ProductBlock_n .grid_3l {
	width: 244px;
	margin-left: 0px;
	float: left;
	display: inline;
}
.ProductBlock_n .grid_3r {
	width: 507px;
	margin-left: 18px;
	float: right;
	display: inline;
}

/* (278:474) */
.ProductBlock_n .grid_4l {
	width: 278px;
	margin-left: 0px;
	float: left;
	display: inline;
}
.ProductBlock_n .grid_4r {
	width: 474px;
	margin-left: 18px;
	float: right;
	display: inline;
}


/* (474:278) */
.ProductBlock_n .grid_5l {
	width: 474px;
	margin-left: 0px;
	float: left;
	display: inline;
}
.ProductBlock_n .grid_5r {
	width: 278px;
	margin-left: 18px;
	float: right;
	display: inline;
}


/* (244:507) */
.ProductBlock_n .grid_6l {
	width: 244px;
	margin-left: 0px;
	float: left;
	display: inline;
}
.ProductBlock_n .grid_6m {
	width: 244px;
	margin-left: 18px;
	float: left;
	display: inline;
}
.ProductBlock_n .grid_6r {
	width: 244px;
	margin-left: 18px;
	float: right;
	display: inline;
}


/*---------------------------------------------
          2013.9.3 Yamaguchi add
-----------------------------------------------*/
/* brochure PDF style */
#brocher img.cat_img{
	border:1px solid #110000;
}

#brocher .cat_title{
	color:#000099;
	padding:0;
	margin:0;
	font-weight:bold;
}

#brocher .cat_title span{
	color:#000099;
	padding:0;
	margin:0;
	font-weight:normal;
}

#brocher .pro_title{
	background-color:#003b6e;
	color:#FFF;
	font-size:80%;
	line-height:130%;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

#brocher .pro_subtitle{
	background-color:#EEE;
	color:#333;
	font-size:80%;
	line-height:130%;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}