@charset "Shift_JIS";

/*=========================================================================
 全てに適用 
=========================================================================*/
* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
}

body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color : #CCCCCC;
	font-size : 12px;
	color:#666666;
	line-height:1.5;
}

img{
	border:0;
}

address {
	margin:24px 0 0 12px;
}

/*=========================================================================
 基本
=========================================================================*/
.clear{
	clear:both;
}

.list_decimal{
	list-style-position:inside;
	list-style-type:decimal;
}

.list_disc{
	list-style-position:inside;
	list-style-type:disc;
}

.list_none{
	list-style-position:outside;
	list-style-type:none;
}

.error{
	color:#CC0000;
}

/*=========================================================================
 テーブル
=========================================================================*/
table#table01{
	margin:12px;
        margin-left:40px;
	width:550px;
	background-color:#999999;
}

#table01 tr{}

#table01 th{
	padding:5px;
	background-color:#ffffff;
	text-align:left;
	vertical-align:top;
	background-color:#EEEEEE;
}

#table01 td{
	padding:5px;
	background-color:#ffffff;
}


table#table02{
	margin:12px;
	width:550px;
	background-color:#999999;
	font-size:10px;
}

#table02 tr{}

#table02 th{
	padding:5px;
	background-color:#ffffff;
	text-align:left;
	vertical-align:top;
	background-color:#EEEEEE;
}

#table02 td{
	padding:5px;
	background-color:#ffffff;
}

/*=========================================================================
 構造
=========================================================================*/
#wrapper {
	width :780px;
	margin:0 auto;
	background-color:#FFFFFF;
}

#header {
	position:relative;
	width:780px;
	height:62px;
	background-color : #FFFFFF;
	background-image:url(img/header_bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

#pagebody {
	background:url(img/pagebody_bg.gif) 0 0 repeat-y;
}

#pagebody #bn {
	width:780px;
	height:165px;
	border-bottom:4px solid #3D3D3D;	
}

#pagebody #content {
}

#content #side_block {
	float:left;
	width:146px;
}

#side_block #lnavi{
	width:146px;
}

#content #main_block {
	float:right;
	width:633px;
}

#footer {
	clear : both;
	height:50px;
	background-color : #666666;
	border-top:5px solid #5E5E5E;
}

/*=========================================================================
 リンク
=========================================================================*/
a:link {
	color:#0000FF;
	background:transparent;
}

a:visited {
	color:#FF0000;
	background:transparent;
}

a:hover, a:active {
	color :#FF0000;
	background:transparent;
}

/*=========================================================================
 ヘッダー
=========================================================================*/
#header .logo{
	position:absolute;
	top:12px;
	left:11px;
	width:123px;
	height:38px;
}

#header #navigation{
	position:absolute;
	top:29px;
	left:153px;
	width:429px;
	height:40px;
}

/*=========================================================================
 ナビゲーション
=========================================================================*/
#navigation ul{	
	list-style:none;
}

#navigation ul li{
	display:block;
	float:left;
	height:20px;
	text-indent:-9999px;
}

#navigation li a{
	display:block;
	height:20px;
	text-decoration:none; /* Firefoxで線が表示されないようにする */
}

#navigation li#menu01{
	width:54px;
	background:url(img/navi.gif) no-repeat 0 0;	
}

#navigation li#menu02{
	width:63px;
	background:url(img/navi.gif) no-repeat -54px 0;	
}

#navigation li#menu03{
	width:63px;
	background:url(img/navi.gif) no-repeat -117px 0;	
}

#navigation li#menu04{
	width:110px;
	background:url(img/navi.gif) no-repeat -180px 0;		
}

#navigation li#menu05{
	width:80px;
	background:url(img/navi.gif) no-repeat -290px 0;	
}

#navigation li#menu06{
	width:59px;
	background:url(img/navi.gif) no-repeat -370px 0;	
}

#navigation li#menu01 a:hover {
	width:54px;
	background:url(img/navi.gif) no-repeat 0 -20px;	
}

#navigation li#menu02 a:hover {
	width:63px;
	background:url(img/navi.gif) no-repeat -54px -20px;	
}

#navigation li#menu03 a:hover {
	width:63px;
	background:url(img/navi.gif) no-repeat -117px -20px;	
}

#navigation li#menu04 a:hover {
	width:110px;
	background:url(img/navi.gif) no-repeat -180px -20px;	
}

#navigation li#menu05 a:hover {
	width:80px;
	background:url(img/navi.gif) no-repeat -290px -20px;	
}

#navigation li#menu06 a:hover {
	width:59px;
	background:url(img/navi.gif) no-repeat -370px -20px;	
}

/*=========================================================================
 コンテンツ
=========================================================================*/
#content #breadcrumbs {
	/*display:none;*/
	height:22px;
	margin:0;
	text-align:left;
	font-size:10px;
	letter-spacing:1px;
	color:#FFFFFF;
	line-height:1.0;
}

/*=========================================================================
 サイドブロック
=========================================================================*/
#side_block #lnavi ul{	
	list-style:none;
}

#lnavi ul li{
	width:146px;
	text-indent:-9999px;
}

#lnavi li a{
	display:block;
	width:146px;
	text-decoration:none; /* Firefoxで線が表示されないようにする */
}

#lnavi li#sub_menu01{
	height:32px;
	background:url(img/lnavi.gif) no-repeat 0 0;	
}

#lnavi li#sub_menu02{
	height:25px;
	background:url(img/lnavi.gif) no-repeat 0 -32px;	
}

#lnavi li#sub_menu03{
	height:25px;
	background:url(img/lnavi.gif) no-repeat 0 -57px;	
}

#lnavi li#sub_menu04{
	height:25px;
	background:url(img/lnavi.gif) no-repeat 0 -82px;	
}

#lnavi li#sub_menu05{
	height:25px;
	background:url(img/lnavi.gif) no-repeat 0 -107px;
}

#lnavi li#sub_menu06{
	height:25px;
	background:url(img/lnavi.gif) no-repeat 0 -132px;
}

#lnavi li#sub_menu07{
	height:25px;
	background:url(img/lnavi.gif) no-repeat 0 -157px;
}

#lnavi li#sub_menu08{
	height:25px;
	background:url(img/lnavi.gif) no-repeat 0 -182px;
}

#lnavi li#sub_menu09{
	height:32px;
	background:url(img/lnavi.gif) no-repeat 0 -207px;
}

#lnavi li#sub_menu10{
	height:31px;
	background:url(img/lnavi.gif) no-repeat 0 -239px;
}

#lnavi li#sub_menu01 a:hover {
	height:32px;
	background:url(img/lnavi.gif) no-repeat -146px 0;
}

#lnavi li#sub_menu02 a:hover {
	height:25px;
	background:url(img/lnavi.gif) no-repeat -146px -32px;		
}

#lnavi li#sub_menu03 a:hover {
	height:25px;
	background:url(img/lnavi.gif) no-repeat -146px -57px;
}

#lnavi li#sub_menu04 a:hover {
	height:25px;
	background:url(img/lnavi.gif) no-repeat -146px -82px;	
}

#lnavi li#sub_menu05 a:hover {
	height:25px;
	background:url(img/lnavi.gif) no-repeat -146px -107px;
}

#lnavi li#sub_menu06 a:hover {
	height:25px;
	background:url(img/lnavi.gif) no-repeat -146px -132px;
}

#lnavi li#sub_menu07 a:hover {
	height:25px;
	background:url(img/lnavi.gif) no-repeat -146px -157px;
}

#lnavi li#sub_menu08 a:hover {
	height:25px;
	background:url(img/lnavi.gif) no-repeat -146px -182px;
}

#lnavi li#sub_menu09 a:hover {
	height:32px;
	background:url(img/lnavi.gif) no-repeat -146px -207px;
}

#lnavi li#sub_menu10 a:hover {
	height:31px;
	background:url(img/lnavi.gif) no-repeat -146px -239px;
}

/*=========================================================================
 メインブロック
=========================================================================*/
#main_block h1{
	width:633px;
	height:53px;
	font-size:24px;
}

#main_block h2 {
	margin:18px 12px 0 12px;
	font-size:18px;
}

#main_block h3 {
	width:95%;
	margin-top:18px;
	margin-left:12px;
	font-size:12px;
	font-weight:bold;
	color:#79A1A9;
	border-bottom:1px dotted #999999;
}

#main_block p {
	margin:12px;
	line-height:1.8;
}

#main_block strong {
	font-weight:bold;
}

#main_block .gototop{
	margin-top:4px;
	margin-bottom:8px;
	width:95%;
	text-align:right;
	font-size:12px; /* font-size : small; */
	color:#666666;
}

/* 最新情報
-------------------------------------------------------------------------*/
#main_block #news{}

#news ul{
	margin:8px;
	list-style-position:outside;
	list-style-type:none;
}

#news ul li{
	line-height:1.8;
	padding-left:10px;
	background:url(img/news_arrow_bg.gif) 0 8px no-repeat;
}

/* 注目の品目
-------------------------------------------------------------------------*/
#main_block #special_item{
	background-color:#EEFFCB;
}

#special_item #item_block{
	margin:0 20px 0px 20px;
	padding-bottom:12px;
	width:593px;
}

#item_block .block{
	float:left;
	width:296px;
}

#item_block .label{
	margin-top:12px;
	line-height:1.8;
	font-weight:bold;
}

#item_block .block_left{
	float:left;
	width:170px;
	text-align:center;
}

#item_block .block_right{
	float:right;
	text-align:left;
	width:126px;
}

#item_block div.explain{
	padding-left:8px;
}

/* 会社概要
-------------------------------------------------------------------------*/
#main_block #company{}

#company .map{
	margin:18px auto;
	width:500px;
	height:282px;
}

/* 商品情報
-------------------------------------------------------------------------*/
#main_block #product{}

#product .block{
	margin:8px 0px 8px 2em;
	line-height:1.8;
}

/* テクニカルサポート
-------------------------------------------------------------------------*/
#main_block #support{}

#support .support_img{
	margin:18px auto;
	width:396px;
	height:290px;
}

/* お問い合わせ
-------------------------------------------------------------------------*/
#main_block #contact{}

#contact div.submit{
	padding:0 12px 12px 12px;
	width:550px;
}
#contact textarea{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size : 12px;
	color:#333333;
	line-height:1.5;
}

/* 関連会社
-------------------------------------------------------------------------*/
#main_block #links{}

#links ul{
	margin:0 12px;
}

#links .link_name{
	color:#000099;
}

#links .link_explain{
	padding-bottom:12px;
}

/*=========================================================================
 フッター
=========================================================================*/
#footer .copyrights {
	font-size:12px; /* font-size:x-small; */
	text-align:center;
	color : #eeeeee;
	line-height : 1.5;
	margin : 10px 0;
}