
/*---- style.css; -------------------------------

	 0.   基本設定
	 1.   文字 - character
	 2.   見出し（h1〜h6）
	 3.   テーブル各種
	 
*/

/*----------------------------------------------------
0.基本設定
----------------------------------------------------*/
body {
	color:#444444;
	text-align : left;
	background: #000000;
}
/*--イメージ--*/
	.img-m {
		border : 0px;
		vertical-align:middle;
	}
/*--フローティングイメージ--*/
	.img-l {
		float:left;
		width:auto;
		margin:0 10px 10px 0;
	}
	
	.img-r {
		float:right;
		width:auto;
		margin:0 10px 10px 0;
	}
	
	.img-r2 {
		float:right;
		width:auto;
		margin:0 10px 0 0;
	}
	.img-r3 {
		float:right;
		width:auto;
		margin:0 0 0 0;
	}	
	
.paragraph
{
	padding : 10px 0px ;
}
/*----------------------------------------------------
1.文字 - character
----------------------------------------------------*/
p{
	margin: 0 ;
	line-height:1.5em;
	color:#444444;
	}
	
	.blue{
	color:#334d80;
	}

/*--右寄せ--*/
	.right{
		margin:0;	
		text-indent:1em;	
		line-height:1.7em;
		color:#444444;
		text-align:right;
		}
/*--右寄せ:会社案内＜ご挨拶--*/
	.right_president{
		margin-top:10px;	
		text-indent:1em;	
		line-height:1.7em;
		color:#444444;
		text-align:right;
		font-size: 85%;
		}

/*--白文字：TOPで使用--*/
	.white{
		margin:0;	
		text-indent:0em;	
		line-height:1.7em;
		color:#ffffff;
		}

/*--青文字：TOPで使用--*/
	.orange{
		margin:0;	
		text-indent:0em;	
		line-height:1.7em;
		color:#cc6600;
		}
		
/*--白文字：footerで使用--*/
	.footer{
		margin:0;	
		text-indent:0em;	
		line-height:1.7em;
		color:#ffffff;
		font-size:75%;
		}
/*--本文1：全角スペース--*/
	.honbun{
		color: #444444;
		font-family: 'ＭＳ ゴシック';
		font-size: 9pt;
		font-weight: nomal;
		text-indent:1em;	
		}
/*--本文2：全角スペースなし--*/
	.honbun_2{
		color: #444444;
		font-family: 'ＭＳ ゴシック';
		font-size: 9pt;
		font-weight: nomal;
		text-indent:0em;	
		}
/*--本文3：全角スペースなし--*/
	.honbun_3{
		color: #444444;
		font-family: 'ＭＳ ゴシック';
		font-size: 9pt;
		line-height:1.2em;
		font-weight: nomal;
		text-indent:0em;	
		}
/*----------------------------------------------------
2.見出し
----------------------------------------------------*/
h1{	width:630px;
	height:32px;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	color: #000000;
	background-color: #ffffff;
	background-image: url(images/img-h1.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	margin: 10px 0px 15px 0px;
	padding:5px 5px 0px 10px;}
	
h2{ width:630px;
	height:30px;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	color: #092e71;
	background-color: #ffffff;
	background-image: url(images/img-h2.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding : 5px 5px 0px 10px ;
	margin: 20px 0px 10px 0px;}
	
.title1 { 
height:51px;
background-image: url(images/img-h2-title1.gif);
} 


h3{font-family: 'ＭＳ ゴシック';
	text-align:left;
	font-size: 10pt;
	font-weight: bold;
	background-image: url(images/pochi.gif);
	background-repeat: no-repeat;
	padding : 0px 5px 0px 20px ;
	margin: 10px 0px 10px 0px;}

.h4{width:550px;
	height:30px;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	font-weight: bold;
	color: #092e71;
	background-color: #ffffff;
	background-image: url(images/img-h4.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	padding : 5px 5px 0px 0px ;
	margin: 10px 0px 15px 0px;}

h5 {background-color:#fff;
	font-size:1em;
	color:#334d80;
	font-weight: bold;
	margin-top:10px;
	margin-bottom:0px;
	padding-left:11px;
	background:url(images/circle.gif) no-repeat;}
	
h6{ width:490px;
	height:32px;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	color: #000000;
	background-color: #ffffff;
	background-image: url(images/img-h6.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	margin: 10px 0px 15px 0px;
	padding:8px 5px 0 10px;}
	
/*----------------------------------------------------
3.テーブル各種
----------------------------------------------------*/

table {
	margin : auto ;
	border-collapse : separate ;
}

td.class-f
{
	background-color: #000000;
	vertical-align: super;
	border-right : 1px solid #dddddd ;
	border-left : 1px solid #dddddd ;
	border-top : 1px solid #dddddd ;
	padding : 0px 0px 0px 10px ;
}

td.class-i
{
	padding : 0px 0px 0px 35px ;
}

td.class1
{
	background-color: #000000;
	font-family: 'ＭＳ ゴシック';
	width: 120px;
	color: #ffffff;
	font-size: 10pt;
	font-weight: nomal;
	line-height: 1.5;
	text-align: bottom;
	vertical-align: top;
	border-left : 1px solid #dddddd ;
	border-bottom : 1px solid #dddddd ;
	padding : 15px 30px 30px 30px ;
}
td.class2
{
	background-color: #000000;
	font-family: 'ＭＳ ゴシック';
	color: #ffb3e6;
	font-size: 9pt;
	font-weight: normal;
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
	border-right : 1px solid #dddddd ;
	border-bottom : 1px solid #dddddd ;
	padding : 15px 25px 30px 0px ;
}

td.class3
{
	width:20%;
	background-color: #000000;
	font-family: 'ＭＳ ゴシック';
	color: #ffffff;
	font-size: 9pt;
	font-weight: normal;
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
	padding : 10px 15px 15px 35px ;
}
td.class3-2
{
	background-color: #000000;
	font-family: 'ＭＳ ゴシック';
	color: #ffffff;
	font-size: 9pt;
	font-weight: normal;
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
	padding : 10px 15px 15px 35px ;
}
td.class4
{
	background-color: #0A1B3F;
}

td.class4-c
{
	background-color: #0A1B3F;
	text-align: center;
}
td.white
{
	background-color: #ffffff;
}

td.white_b {
	padding: 3px;
	vertical-align:middle;
	border-right: solid 1px #cccccc;
	background-color: #ffffff;
	text-align:left;
		}
		
	/*製品情報ページ：テーブル・背景：グレイ*/
	
td.format01-l {
	padding: 5px;
	vertical-align:middle;
	border-bottom: solid 1px #dddddd;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #ffffff;
	background:#eeeeee;
	text-align:left;
	white-space: nowrap;
	font-size: 80%;
	color:#444444;
	width:150px;
	}
	
td.format01-2 {
	padding: 5px;
	vertical-align:middle;
	border-bottom: solid 1px #dddddd;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #ffffff;
	background:#eeeeee;
	text-align:left;
	white-space: nowrap;
	font-size: 80%;
	color:#444444;
	width:250px;
	}
	
	/*背景：白*/

td.format02-l {
	padding: 5px;
	vertical-align:top;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #ffffff;
	background:#ffffff;
	text-align:left;
	font-size: 80%;
	color:#444444;
	}

td.format02-l1 {
	padding: 5px;
	vertical-align:middle;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #ffffff;
	background:#ffffff;
	text-align:left;
	font-size: 80%;
	color:#444444;
	}
	
td.format02-2 {
	padding: 5px;
	vertical-align:middle;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #ffffff;
	background:#ffffff;
	text-align:left;
	font-size: 75%;
	color:#444444;
	}
	
td.format03 {
	padding: 5px;
	vertical-align:middle;
	background:#ffffff;
	text-align:left;
	font-size: 75%;
	color:#444444;
	}
	/*左メニュー用*/
td.b-haikei
{
	width:150px;
	background-color: #ffffff;
	background-image: url(images/img01.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	background-position: 100% 0%;
	padding : 10px 10px 0px 0px ;

}

td.b-haikeiue
{
	width:150px;
	height:15px;
	background-color: #ffffff;
	background-image: url(images/img01-1.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	background-position: 100% 100%;
	padding : 25px 10px 0px 0px ;

}
td.b-haikeisita
{
	width:150px;
	height:15px;
	background-color: #ffffff;
	background-image: url(images/img01-3.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	background-position: 100% 0%;
	padding : 25px 10px 0px 0px ;

}
td.honbun
{
	width:590px;
	background-color: #ffffff;
	color: #000000;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	font-weight: nomal;
	line-height: 1.5;
	text-align: justify;
	vertical-align: top;
	padding : 10px 10px 0px 30px ;
}

td.section
{
	width:630px;
	background-color: #ffffff;
	color: #000000;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	font-weight: nomal;
	line-height: 1.5;
	text-align: justify;
	vertical-align: top;
	padding : 0px 10px 0px 30px ;
}
/*テーブル*/

/*背景グレー ボーダーなし 左側100px*/
td.center1
{
	width:50px;
	background-color: #e5f7ff;
	color: #000000;
	border-collapse : collapse ;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	font-weight: nomal;
	line-height: 1.2;
	text-align: center;
}

td.left1
{
	width:100px;
	background-color: #dcdcdc;
	color: #000000;
	border-collapse : collapse ;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	font-weight: nomal;
	line-height: 1.2;
	text-align: bottom;
	padding : 5px 5px 5px 10px ;
}

td.right1
{
	width:auto;
	background-color: #ffffff;
	color:#444444;
	font-family: 'ＭＳ ゴシック';
	font-size:80%;
	font-weight: nomal;
	line-height:1.2em;
	padding : 5px 5px 5px 5px ;
	border-bottom:1px sorid #cccccc;
	margin:5px 0 ;
}

/*ボーダー点線上のみ 150px*/
td.right1-bor
{
	background-color: #ffffff;
	color: #444444;
	border-collapse : collapse ;
	font-family: 'ＭＳ ゴシック';
	font-size:80%;
	font-weight: nomal;
	border-bottom:1px sorid #444444;
	border-top:0px;
	border-right:0px;
	border-left:0px;
	border-style: dashed;
	padding : 10px 5px 10px 5px ;
	line-height: 1.4em;
}
c/*ボーダー点線上のみ 150px*/
td.left2
{
	width:150px;
	background-color: #ffffff;
	color: #000000;
	border-collapse : collapse ;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	font-weight: bold;
	border-top:2px sorid #cccccc;
	border-bottom:0px;
	border-right:0px;
	border-left:0px;
	border-style: dashed;
	padding : 10px 5px 10px 5px ;
}

td.right2
{
	width:150px;
	background-color: #ffffff;
	color: #000000;
	border-collapse : collapse ;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	font-weight: bold;
	border-top:2px sorid #cccccc;
	border-bottom:0px;
	border-right:0px;
	border-left:0px;
	margin-left:0px;
	border-style: dashed;
	padding : 10px 5px 10px 5px ;
}
/*ボーダー点線上下 150px*/
td.right3
{
	width:150px;
	background-color: #ffffff;
	color: #000000;
	border-collapse : collapse ;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	font-weight: bold;
	border-top:2px sorid #cccccc;
	border-bottom:2px sorid #cccccc;
	border-right:0px;
	border-left:0px;
	border-style: dashed;
	padding : 10px 5px 10px 5px ;
}

td.left3
{
	width:150px;
	background-color: #ffffff;
	color: #000000;
	border-collapse : collapse ;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	font-weight: bold;
	border-top:2px sorid #cccccc;
	border-bottom:2px sorid #cccccc;
	border-right:0px;
	border-left:0px;
	border-style: dashed;
	padding : 10px 5px 10px 5px ;
}
/*背景グレー ボーダー下*/
td.right4
{
	width:100%;
	background-color: #ffffff;
	color: #000000;
	border-collapse : collapse ;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	font-weight: nomal;
	border-bottom: solid 1px #cccccc;
	padding : 2px 3px 4px 10px ;
}

td.right4-1
{
	width:550px;
	background-color: #ffffff;
	color: #000000;
	border-collapse : collapse ;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	font-weight: nomal;
	border-bottom: solid 1px #cccccc;
	padding : 2px 3px 4px 3px ;
}
td.left4
{
	width:auto;
	background-color: #334d80;
	color: #ffffff;
	border-collapse : collapse ;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	font-weight: nomal;
	border-bottom: solid 1px #cccccc;
	padding : 5px 5px 5px 5px ;
}
/*背景白 ボーダー下真ん中 左側180px*/
td.right5
{
	background-color: #ffffff;
	color: #000000;
	border-collapse : collapse ;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	font-weight: nomal;
	border-bottom: solid 1px #cccccc;
	padding : 5px 5px 5px 5px ;
}

td.left5
{
	background-color:#f2f2f2;
	color: #000000;
	border-collapse : collapse ;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	font-weight: nomal;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	padding : 5px 5px 5px 5px ;
}

td.left5-180
{	
	width:180px;
	background-color:#f2f2f2;
	color: #000000;
	border-collapse : collapse ;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	font-weight: nomal;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	padding : 5px 5px 5px 5px ;
}

/*背景グレー ボーダーあり 地図*/
td.right6
{
	width:auto;
	background-color: #ffffff;
	color: #000000;
	border-collapse : collapse ;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	font-weight: nomal;
	line-height: 1.1;
	border-bottom: solid 1px #dcdcdc;
	border-top: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
	border-left: solid 1px #dcdcdc;
	padding : 5px 10px 5px 10px ;
}

td.left6
{
	width:180px;
	background-color: #dcdcdc;
	color: #000000;
	border-collapse : collapse ;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	font-weight: nomal;
	border-bottom: solid 1px #dcdcdc;
	border-top: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
	border-left: solid 1px #dcdcdc;
	padding : 5px 5px 5px 5px ;
}
/*--------------------------*/
.box1
{
	width:550px;
	background-color: #def3f8;
	color: #000000;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	font-weight: nomal;
	border:1px solid #0089be;
	padding : 10px 15px 10px 5px ;
	margin:30px 0px 10px 0px;
}


td.link
{
	width:275px;
	background-color: #ffffff;
	color: #000000;
	font-family: 'ＭＳ ゴシック';
	font-size: 9pt;
	font-weight: nomal;
	line-height: 1.2;
	border-bottom : 1px solid #dddddd ;
	padding : 10px 5px 10px 5px ;
}

td.link-top
{
	width:275px;
	background-color: #cccccc;
	color: #000000;
	font-family: 'ＭＳ ゴシック';
	font-size: 10pt;
	font-weight: nomal;
	text-align: bottom;
	padding : 10px 5px 10px 5px ;
}

.link-t
{
	color: #092e71;
	font-family: 'ＭＳ ゴシック';
	font-size: 9pt;
	background-image: url(images/sankaku.gif); 
	background-repeat: no-repeat;
	background-position: 5% 0%;
	font-weight: nomal;
	line-height: 1.5;
	text-align: left;
	padding : 0px 5px 0px 20px ;
}

.link-t2
{
	color: #092e71;
	font-family: 'ＭＳ ゴシック';
	font-size: 9pt;
		background-image: url(images/sankaku2.gif); 
	background-repeat: no-repeat;
	background-position: 5% 0%;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
	padding : 0px 5px 0px 20px ;
}

.link-t3
{
	color: #092e71;
	font-family: 'ＭＳ ゴシック';
	font-size: 9pt;
	font-weight: nomal;
	line-height: 1.2;
	padding : 0px 5px 0px 20px ;
}

.link-t3on
{
	color: #092e71;
	background-color:#dcdcdc;
	font-family: 'ＭＳ ゴシック';
	font-size: 9pt;
	font-weight: nomal;
	line-height: 1.2;
	text-align: left;
	padding : 0px 5px 0px 20px ;
}
/*そのた*/

div.botan
{
	background-image: url(images/img01-4.gif); 
	background-repeat: no-repeat;
	background-position: 95% 50%;
	color: #000000;
	font-family: 'ＭＳ ゴシック';
	font-size: 9pt;
	font-weight: nomal;
	vertical-align: top;
	padding : 5px 5px 5px 0px ;
}

.botan-selecton
{
	background-image: url(images/img01-4.gif); 
	background-repeat: no-repeat;
	background-position: 95% 50%;
	color: #cccccc;
	font-family: 'ＭＳ ゴシック';
	font-size: 9pt;
	font-weight: bold;
	vertical-align: top;
	padding : 5px 5px 5px 0px ;
}

.botan-selecton2
{
	background-image: url(images/img01-4.gif); 
	background-repeat: no-repeat;
	background-position: 95% 50%;
	color: #cccccc;
	font-family: 'ＭＳ ゴシック';
	font-size: 9pt;
	font-weight: bold;
	vertical-align: top;
	padding : 5px 5px 5px 0px ;
	
}

.impact{
	font-size:15px ;
	font-weight: bold ;
	color:#000000 ;
}


.impact2{
	background-image: url(images/circle.gif); 
	background-repeat: no-repeat;
	background-position: 0% 50%;
	font-size:12px ;
	font-weight: bold ;
	color:#000000 ;
	padding : 5px 0px 5px 12px ;
}

/*リスト ライン*/
ul{
	list-style-image: url(images/circle.gif);
	margin-left:0px:
	padding:0;
	color:#444444;
}

ul.list{
	list-style-image: url(images/pochi2.gif);
	margin-left:0px:
	padding:5px 0px 5px 0px;
	color:#444444;
}

ul.list2{
	list-style-image: url(images/circle5.gif);
	margin-left:20px;
	margin-top:0px;
	padding:0px;
	color:#444444;
}

hr.dashed{
	width:300px;
	border:1px solid #cccccc;
	border-style: dashed;
	margin-left:0px;
}

.dashed-link{
	background-image: url(images/linkhr.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;
	padding : 0px 0px 2px 0px ;
}

/*---------------------------*/

.select{
	color: #cccccc;
}

/*フロート*/
.float-r{
	width:500px;
	float:left;
	}

.float-l{
	width:50px;
	float:left;
	}
	
.float-r2{
	width:150px;
	float:left;
	margin: 10px 0px 0px 10px;
	}

.float-l2{
	width:400px;
	float:left;
	}

.floatclear
      {
         clear: both;
      }
/*トップへ戻る*/
.top{
	width:630px;
	position:relative;
	top:10px;
	text-align:right;
	font-family: 'ＭＳ ゴシック';
	font-size: 8pt;
	padding : 30px 0px 0px 0px ;
	}


.pa
{
	padding:5px 5px 5px 5px;
}

/*パンくずリスト*/

#PAN{
	width:100%;
	text-align:left;
	margin:0;
	padding:5px 0px 0px 30px;
	color:#555;
	font-size:0.7em;
}

#PAN a{
		text-decoration:underline;
		color:#666;
}

.surround {
		margin-top:20px;
		padding:3px;
		border:1px solid #cccccc;
		background-color:#e8efff;
		text-align:left;
		width:60%;
	}
	
.surround2 {
		margin:10px 0;
		padding:3px 0 3px 12px;
		border-bottom:1px solid #dddddd;
		border-top:1px solid #dddddd;
		background-color:#334d80;
		text-align:left;
		width:100%;
		color:#ffffff;
	}
	
A { TEXT-DECORATION: none}
A:link{color:#000000}
A:visited{color:#092e71} 
A:hover{color:#0089be}
A:active{color:#ff9900}