@charset "utf-8";

/*-----css id class--------------------------------------------

		Style Reset
		link
		body
		+ container
		+ header01
		+ header02
		+ header03
		+ menu
		+ main_contents
		+ footer
		+ floatclear

-------------------------------------------------------------*/


/*  Style Reset
 ----------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

img {
	border-width: 0;
	vertical-align: top;
}

ul, dl {
	list-style: none;
}

table {
	border: 0;
}


/*  link
 ----------------------------------------------------------- */
a { text-decoration: none; }
a:link {color: #669999;}
a:visited {color: #669999;}
a:active {color: #336699;}
a:hover {color: #996600;}

/*  通常リンク
 ----------------------------------------------------------- */

div#c_info_h2 a {
	font-weight: bold;
}



/*  body
 ----------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	background: #FFFFFF;
	text-align: center;
}

/*  bg_image
 ----------------------------------------------------------- */
#bg_image {
	width: 800px;
	margin: 0px auto 0px auto;
	background: url(../common/bg_image.gif) repeat-y;
}


/*  bg_image clearFix
 ----------------------------------------------------------- */

#bg_image:after{
font-size:1px;
visibility: hidden;
content:".";
display:block;
height:0px;
line-height: 0;
clear:both
}

#bg_image{
zoom:1;
}



/*  container
 ----------------------------------------------------------- */
#container {
	width: 760px;
	margin: 0px auto 0px auto;
	position: relative;
	text-align: center;
}

/*  header01
 ----------------------------------------------------------- */
#header01 {
	height: 60px;
	margin: 0px;
	padding: 0px;
	position: relative;
	top:0px;}

/*  header02
 ----------------------------------------------------------- */
#header02 {
	background-color: #000000;
}

/*  header03
 ----------------------------------------------------------- */
#header03 {
	height: 7px;
	margin: 0px;
	padding: 0px;
}

/*  menu
 ----------------------------------------------------------- */
ul#menu {
	display: block;
	width:760px;
	float: left;
}

ul#menu li {
	float: left;
	text-align: center;
	list-style-type: none;
	width: 110px;
	font-size:13px;
}

ul#menu li#menu_left { width: 25px; }


ul#menu li a#m_home { background-image: url(../common/menu_bg_01_01.gif); }
ul#menu li a#m_home:hover {	background-image: url(../common/menu_bg_02_01.gif);}

ul#menu li a#m_company { background-image: url(../common/menu_bg_01_02.gif); }
ul#menu li a#m_company:hover { background-image: url(../common/menu_bg_02_02.gif); }

ul#menu li a#m_products { background-image: url(../common/menu_bg_01_03.gif); }
ul#menu li a#m_products:hover { background-image: url(../common/menu_bg_02_03.gif); }

ul#menu li a#m_inquiry { background-image: url(../common/menu_bg_01_04.gif); }
ul#menu li a#m_inquiry:hover { background-image: url(../common/menu_bg_02_04.gif); }


#menu a, #menu a:link, #menu a:visited {
	display: block;
	height: 26px;
	line-height: 26px;
	color: #FFFFFF;
	text-decoration: none;
	white-space: nowrap;
}

#menu a:hover {
  color: #330000;
  text-decoration: none;
}

#menu a:active {
  color: #000;
}

#menu li#menu_right {
  display: block;
	width: 215px;
	height: 26px;
	background-image: url(../images/header_02_right.gif);
}

/*  menu_map
 ----------------------------------------------------------- */
#menu li#menu_map {
	width: 80px;
	text-align: center;
	font-size: 10px;
	background-image: url(../images/header_02_map.gif);
}

#menu li#menu_map a, #menu li#menu_map a:link, #menu li#menu_map a:visited {
	height: 26px;
	line-height: 26px;
	color: #FFFFFF;
	text-decoration: none;
}





/*  main_contents
 ----------------------------------------------------------- */
#main_contents {
	width: 760px;
	margin: 0px;
	padding: 0px;
	position: relative;
	top:0px;
}



/*  footer
 ----------------------------------------------------------- */
#footer {
	clear: both;
	height: 26px;
	width: 760px;
	line-height: 26px;
	font-size: 10px;
	color: #ffffff;
	text-align: center;
	background: url(../images/footer.gif) no-repeat;
	margin: 0px;
}


/*  float
 ----------------------------------------------------------- */
.float_l{ 
	display: block;
	float: left;
	margin-right: 10px;
}

.float_r{ 
	display: block;
	float: right;
	margin-left: 15px;}


/*  floatclear
 ----------------------------------------------------------- */
.floatclear { clear: both;
 }

/*  print
 ----------------------------------------------------------- */
@media print {
	#main_contents {
		overflow: visible !important;
		width: 761px;
	}
	body { 
		zoom: 0.7;
	}

	#menu li#menu_lang {
			width: 49px;
}
#top_right {
	width: 239px;
	margin-top: 0px;
	vertical-align: top;
}
}