@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);


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


textsetting.css
各ブラウザでのフォントサイズの違いをなくすcss

base.css
bodyの余白や、h1h2...の余白、clearfixなど、

【common.css】
上記cssのimportや、レイアウト（大枠）を記載したcss




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


/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

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

a p{
	cursor:pointer;
}

a span{
	cursor:pointer;
}


/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

body{
	font-family:"A-OTF 新ゴ Pro L","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

:root body { font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }  

#container{
	width:1016px;
	background:url(../img/common/bg_main.gif) right center repeat-y;
	margin:20px auto 0 auto;
	position:relative;
	clear:both;
}


/* 右レイアウト、左レイアウト */

#main-area{
	width:744px;
	float:left;
	margin:0 0 0 30px;
}

#submenu-area{
	width:210px;
	float:right;
}

/* コンテンツの枠 */
.section{
	
}

#top-pro-all{
	display:none;
}


/* ------------------------------------------------------------ */
/* コンテンツ大枠 */
/* ------------------------------------------------------------ */

#contents-area{
}

#contents-area .sitepath{
	font-size:77%;
	padding:5px;
	margin:0;
}

#contents-area .sitepath a:link,
#contents-area .sitepath a:visited{
	color:#080304;
}
#contents-area .sitepath a:hover,
#contents-area .sitepath a:active{
	color:#080304;
}

/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */

body { behavior:url("../css/csshover.htc"); }

#header-area{
	background:#080304;
	margin:0 0 0px 0;
	width: 100%;
	min-width:1150px;
}

.header-main{
	width:1015px;
	background:#080304;
	overflow:hidden;
	margin:0 auto;
	padding:0;
}

#identity{
	float:left;
	margin:6px 0 5px 30px;
}

#menu{
	float:right;
	font-size:77%;
	color:#fff;
	padding:10px 0 0 0;
}

#header-area .header-utility{
	float:right;
	padding:0 0 10px 0;
}
#header-area .header-utility li{
	float:left;
	margin:0 0 0 5px;
	background:#036EB8;
	padding:2px 0;
	width:100px;
	text-align:center;
}

ul.megamenu {
  margin: 0px auto;
  list-style: none;
  width:686px;
  font-size:122%;
}

ul.megamenu li {
  margin: 0px;
  padding: 0px;
}

.globalmenu{
	clear:both;
	float:right;
}

.globalmenu ul{
}

.globalmenu li span{
	border-left:1px solid #C9CACA;
	width:98px;
	padding:7px 0;
	display:block;
	cursor:pointer;
}

.bt_product span{
	border:none !important;
}

.bt_product,
.bt_business,
.bt_event,
.bt_contact,
.bt_company{
	float:left;
}

.globalmenu li span{
	margin:0 0 0 0;
}

.globalmenu .menu_left{
	border:none !important;
}

.submenuone{
	background:url(../img/common/bt_menu.jpg) left bottom repeat-x;
	width:98px;
	text-align:center;
	display:block;
	text-decoration:none !important;
	padding:0 0 0 0;
	float:left;
}

.submenuone:hover{
	background:url(../img/common/bt_menu_on.jpg) left bottom repeat-x;
	width:98px;
	text-align:center;
	display:block;
	text-decoration:none !important;
	padding:0 0 0 0;
}

/* ------------------------------------------------------------ */
/* サイドメニュー */
/* ------------------------------------------------------------ */

#submenu-area{
	width:227px;
	margin:0 auto;
}


#submenu-area .sub_top p {
	/padding:4px 15px 0 0 !important;
}

#submenu-area .submenu-title{
	border-top:1px solid #C9CACA;
	padding:2px 0 0 0;
	font-size:107%;
	font-weight:bold;
	margin:0 auto 10px auto;
	display:block;
	width:206px;
}

#submenu-area .submenu-title p {
	width:100%;
	padding:5px 15px 0 0;
	display:inline;
	/position:relative;
	/padding:3px 15px 0 0 !important;  
	border-top:2px solid #C9CACA;
	line-height:25px !important;  
}

html>/**/body #submenu-area .submenu-title p {
padding /*\**/: 5px 15px 0 0\9;
}

#submenu-area .submenu-title p span{
	line-height:normal;
}

#submenu-area .submenu_list{
	margin:0 0 20px 0;
	width:216px;
}

#submenu-area .submenu_list li{
	margin:0 0 2px 0;
	background:url(../img/common/icon_side.gif) left center no-repeat;
}

#submenu-area .submenu_list li a:link,
#submenu-area .submenu_list li a:visited{
	display:block;
	line-height:39px;
	padding:0 0 0 15px;
	background:#036EB8;
	margin:0 0 0 10px;
}

#submenu-area .submenu_list li a:hover,
#submenu-area .submenu_list li a:active{
	display:block;
	line-height:39px;
	padding:0 0 0 15px;
	background:#036EB8;
	margin:0 0 0 10px;
}

.submenu_searches{
	text-align:right;
	margin:0 11px 10px 0;
	}

.submenu_searches li{
	margin:0 0 5px 0;
}

.submenu_searches li a img:hover{
	filter:alpha(opacity=70);
opacity:0.7;
}

#submenu-area .submenu_support{
	margin:0 0 20px 0;
	width:216px;
}

#submenu-area .submenu_support li{
	margin:0 0 2px 0;
	background:url(../img/common/icon_side.gif) left center no-repeat;
}

#submenu-area .submenu_support li a:link,
#submenu-area .submenu_support li a:visited{
	display:block;
	line-height:39px;
	padding:0 0 0 15px;
	margin:0 0 0 10px;
	color:#080304;
	border-top:1px solid #C9CACA;
}

#submenu-area .submenu_support li a:hover,
#submenu-area .submenu_support li a:active{
	display:block;
	line-height:39px;
	padding:0 0 0 15px;
	margin:0 0 0 10px;
	color:#080304;
}

#submenu-area .submenu_support .bottom a{
	border-bottom:1px solid #C9CACA;
}


.keyword{
	margin:0 0 0 10px;
	width:207px;
	padding:0;
	clear:both;
	background:url(../img/common/bg_keyword.jpg) left top repeat-x #d9d9d9;
	border:1px solid #EFEFEF;
}

.keyword td p{
	margin:0 0 8px 0;
	padding:0;
}

.keyword td{
	padding:10px 5px 0 5px;
	text-align:left;
}

.keyword .width_140{
	width:120px;
	vertical-align:top;
}

.keyword a img:hover{
	filter:alpha(opacity=70);
opacity:0.7;
}

.keyword a img{
	cursor:pointer !important;
}

.p_box{
	text-align:right;
	margin:0 11px 10px 0;
	}


.p_box a img:hover{
	filter:alpha(opacity=70);
opacity:0.7;
}

	
/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */
#main-area{
	
}

#main-area .pagetitle{
	margin:0 0 30px 0;
}

.sub_vi{
	font-size:174%;
	color:#fff;
	padding:100px 0 0 40px;
}

.sub_vi p{
	font-size:67%;
}

.main_all{
	margin:20px 0 0 20px;
	padding:0 0 10px 20px;
	border-left:1px solid #C9CACA;
	width:704px;
	overflow:hidden;
}

.main_all .pan{
	color:#036EB8;
	font-size:77%;
}

.main_all .pan span{
	color:#080304;
}

.main_all .pan a{
	color:#080304;
}

h3{
	border-bottom:1px solid #C9CACA;
	margin:0 0 15px 0;
	padding:0 0 7px 0;
	font-size:107%;
	color:#080304;
	clear:both;
}

h3 span{
	border-left:5px solid #1D2088;
	padding:5px 0 5px 5px;
}

:root h3 span{
	padding:0 0 0 5px \0/;
}  /* IE9 */

.section{
	margin:0 0 15px 0;
	width:702px;
	overflow:hidden;
	clear:both;
}

.section a{
	color:#00A0E9;
}

.list .section{
	border-left:1px solid #C9CACA;
	border-bottom:1px solid #C9CACA;
	margin:0 0 15px 0;
	width:702px;
	overflow:hidden;
}

.list .section a{
	color:#00A0E9 !important;
	padding:0 0 10px 10px;
	display:block;
	width:692px;
	overflow:hidden;
}

.list .section h4{
	font-size:122%;
	margin:0;
	border:none;
	background:none;
	padding:0;
}

.list .section a .text{
	font-size:92%;
	margin:0 10px 0 0;
	padding:0;
	color:#fff;
	width:640px;
	overflow:hidden;
	text-decoration:underline;
	cursor:pointer;
}

.list .section a .text span{
	color:#080304;
}

.list .section .details{
	font-size:100%;
	margin:0;
	padding:0;
	display:block;
	text-align:right;
	clear:both;
	position:relative;
	top:-15px;
	line-height:0;
}

.list .link_no{
	padding:0 0 10px 10px;
}

.list .link_no .text{
	font-size:92%;
	margin:0 10px 0 0;
	padding:0;
	color:#080304;
	width:640px;
	overflow:hidden;
}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */

.pagetop{
	width:1000px;
	margin:20px auto 0 auto;
	clear:both;
}

.pagetop a{
	margin:0 10px 0 0;
	float:right;
	background:url(../img/common/icon_top.gif) 5px center no-repeat #DCDDDD;
	font-size:92%;
	padding:5px 10px 5px 20px;
	color:#231815;
	font-weight:bold;
}

#footer-area{
	background:#DCDDDD;
	color:#595757;
	clear:both;
	overflow:auto;
	width: 100%;
	min-width:1150px;
}

.footer-all{
	width:1000px;
	margin:0 auto;
	padding:20px 0 20px 30px;
}

.footer_menu{
	margin:0 0 20px 0;
	font-size:92%;
}

.footer_menu ul{
	border-right:1px solid #9FA0A0;
	border-top:1px solid #9FA0A0;
	border-bottom:1px solid #9FA0A0;
	width:1000px;
	overflow:hidden;
	
}

.footer_menu li{
	float:left;
	border-left:1px solid #9FA0A0;
}

.footer_menu li a{
	width:185px;
	padding:10px 0;
	display:block;
	text-align:center;
}

.bt_inquiry a{
	background:url(../img/common/icon_inquiry.gif) 10px center no-repeat;
	padding:10px 0 10px 30px !important;
}
.bt_catalog a{
	background:url(../img/common/icon_catalog.gif) 10px center no-repeat;
	padding:10px 0 10px 10px !important;
}
.bt_cad a{
	background:url(../img/common/icon_cad.gif) 10px center no-repeat;
	padding:10px 0 10px 30px !important;
}
.bt_stock a{
	background:url(../img/common/icon_stock.gif) 10px center no-repeat;
}
.bt_store a{
	background:url(../img/common/icon_store.gif) 10px center no-repeat;
}

.footer_site{
	clear:both;
	margin:0 0 40px 0;
	width:1000px;
	overflow:hidden;
	font-size:77%;
}


.footer_site ul{
	float:left;
	border-left:1px solid #9FA0A0;
	margin:0 70px 0 0;
}

.footer_site li h5{
	border-left:2px solid #9FA0A0;
	font-size:129%;
}

.footer_site li{
}

.footer_site li a{
	padding:0 0 0 10px;
	color:#595757 !important;
}

.no_left{
	float:left;
}

.no_left ul{
	border-left:1px solid #9FA0A0;
	margin:0 60px 20px 0;
	float:none !important;
	
}

.cla{
	border:none !important;
	margin:0 !important;
	padding:0 !important;
}

.cla ul{
	border:none !important;
	margin:0 !important;
	padding:0 !important;
}

.cla ul li{
	border:none !important;
	margin:10px 0 0 0 !important;
	padding:0 !important;
}

#footer_logo_area{
	background:#000;
	color:#fff;
	clear:both;
	overflow:auto;
	width: 100%;
	min-width:1150px;
}

.footer_logo_center{
	clear:both;
	width:580px;
	width:590px\9; /* IE8 */
	/width:590px;
	overflow:hidden;
	margin:10px auto 10px auto;
}

.footer_logo{
	float:left;
	margin:0 0 0 0;
}

.address{
	float:right;
}

.address p{
	margin:0;
	padding:0;
	font-size:85%;
}

.tel,
.fax{
	font-size:85%;
	line-height:20px;
}
 
.copyright{
	background:#fff;
	padding:10px;
}


.copyright p{
	clear:both;
	text-align:center;
	margin:0;
}


/* ------------------------------------------------------------ */
/* デザインパーツ */
/* ------------------------------------------------------------ */

.section h3{
	margin:0 0 0 0;
	font-size:122%;
	color:#080304;
}

.dotto_top{
	border-top:1px dotted #CCC;
}
.dotto_bottom{
	border-bottom:1px dotted #CCC;
}


.section table{
	border-collapse: collapse;
}

.section table th{
	background:#F0F0F0;
	font-weight:normal;
	padding: 5px 5px 5px 0;
}

.section table td{
	padding: 5px;
}

img.left {
	float: left;
	margin: 0 12px 5px 0;
}

img.right {
	float: right;
	margin: 0 0 5px 12px;
}

.border_no{
	border:none !important;
}

.border-right_no{
	border-right:none !important;
}

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
	width:702px;
	overflow:hidden;
}

.font_77{
	font-size:77%;
}


.imges .left{
	margin:0 10px 0 0;
	font-size:85%
}

h4{
	margin:0 0 5px 0;
}