@charset "Shift_JIS";
/* 初期設定 */

*{
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,p,ul,ol,li,dt,dl,dd {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

p{
	font-size:12px;
	line-height:140%;
}

p.clear {
	clear:both;
 }


.red {
	color: red;
}

.blue {	
 	font-weight: bold;
	color:#002084;
}


/* ボディー */
body {
	width:100%;
	height:100%;
	font-size: 100%;
	color: #333333;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0;
	background:url(../images/bg.jpg);
	background-repeat:repeat-y;
	background-position:center top;
	background-color:#ffffff;
}

html {
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
	width:100%;
	height:100%;
}

/* 画像ボーダー */
img {
border-style: none;
}

form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

/* 読み飛ばし */
.skip{
	position: absolute;
	left: -9999px;
}
/* 非表示 */
.none{
	display: none;
}
/* 区切り */
hr {
	display: none;
}


/* ベース */
div#mainarea{
	width:800px;
	margin:0 auto 0 auto;
	padding:0;
}



/* ヘッダー */
div#mainarea div#head{
	width:800px;
	height:67px;
	margin:0 auto 0 auto;
	padding:0;
}


/* ロゴ */
div#mainarea div#head h1{
	width:104px;
	height:46px;
	background-image: url(../images/logo.jpg);
	background-repeat: none;
	margin:20px 20px 0 10px;
	float:left;
	text-indent: -9999px;
}


div#mainarea div#head p{
	width:500px;
	margin:20px 0 0 0;
	_margin:10px 0 10px 0;
	float:left;
	text-align:left;
}

div#mainarea div#head ul{
	width:145px;
	height:18px;
	margin: 0 10px 0 0;
	padding: 0;
	float:right;
}

div#mainarea div#head li{
	float:left;
	list-style-type: none;
}

div#mainarea div#head li#navi01 a{
	width:52px;
	height:18px;
	background-image: url(../images/navi01.jpg);
	background-repeat: no-repeat;
	background-position:top;
	margin:10px 0 0 0;
	text-indent: -9999px;
	float:left;
}
div#mainarea div#head li#navi02 a{
	width:80px;
	height:18px;
	background-image: url(../images/navi02.jpg);
	background-repeat: no-repeat;
	background-position:top;
	margin:10px 0 0 5px;
	text-indent: -9999px;
	float:left;
}
/* タイトル*/
	
div#mainarea h4 {
	width:760px;
	float: left;
	margin:5px 0 0 5px;
	padding:0;
}

/* 更新情報 */
	
div#mainarea #mainspace {
	width:800px;
	float: left;
	margin:0;
	padding:0;
}
div#mainarea h2 {
	height:17px;
	width:500px;
	_width:480px;
	background-image:url(../image/news_tit.gif);
	background-repeat:repeat-x;
	margin:10px 0 1px 0;
	font-size:14px;
	color:#002084;
	padding:5px;
}

div#mainarea #newsArea {
	width:500px;
	_width:480px;
	margin:0 0 0 10px;
	float:left;
	text-align:left;
}

div#mainarea ul#news {
	width:500px;
	_width:480px;
	padding:5px;
	float: left;
	background-color:#EEF2FB;
	}
	
div#mainarea ul#news li {
	font-size:14px;
	margin:10px 0;
	list-style-type: none;
	}


div#mainarea #newsArea img {
	margin:10px 10px 0 0;
	float:left;
	}

div#mainarea #newsArea p {
	margin:10px 0 0 0;
	}


/* 関連サイト */
#topics{
	width:256px;
	margin:10px 15px 10px 0;
	_margin:10px 3px 10px 0;
	float:right;
	border:1px solid #CCCCCC;
}

div#mainarea div#topics ul{
	width:145px;
	margin: 5px 3px 5px 5px;
}

div#mainarea div#topics li{
	margin:0 0 5px 0;
	list-style-type: none;
}

div#mainarea div#topics img{
	margin:5px;
}


/* 技術資料ダウンロード */
div#mainarea div#gijyutsu{
	width:770px;
	margin:10px 0 0 14px;
	border:1px solid #CCCCCC;
}

div#mainarea div.mailmaga{
	width:407px;
	margin:10px auto 10px auto;
	padding:10px 10px 10px 10px;
	background-color:#FFFF99;
	border:1px solid #FFCC66;
}

div#mainarea div#gijyutsu_cata{
	width:760px;
	_width:770px;
	margin:10px auto 0 auto;
	float:left;
}

div#mainarea div#gijyutsu_cata p{
	width:106px;
	margin:0 10px 0 10px;
	float:left;
	text-align:left;
}

div#mainarea p#technicaltit{
	width:746px;
	margin:20px 0 0 6px;
	padding:5px 0 5px 10px;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	text-align:left;
}

div#mainarea div#technical{
	width:746px;
	margin:0 auto 0 auto;
}


div#mainarea div#technical01 p{
	width:248px;
	margin:20px 0 0 0;
	float:left;
	text-align:left;
}

div#mainarea div#technical02 p{
	width:248px;
	margin:20px 0 10px 0;
	float:left;
	text-align:left;
}

/* 関連サイトのPDFダウンロード */
div#mainarea div#kanren{
	width:770px;
	margin:10px 0 0 14px;
	border:1px solid #CCCCCC;
	float:left;
}

div#mainarea div#kanren img{
	margin:0 10px 0 0;
	float:left
}

div#mainarea div#kanren_l{
	width:354px;
	_width:350px;
	margin:5px 2px 5px 5px;
	padding:5px 10px;
	border:1px solid #CCCCCC;
	text-align:left;
	float:left;
}
	
div#mainarea div.kanren_r{
	width:354px;
	_width:350px;
	margin:5px 5px 5px 2px;
	padding:5px 10px;
	border:1px solid #CCCCCC;
	text-align:left;
	float:right;
}
div#mainarea div#kanren_l img.kojyoimg{
	margin:15px 10px 10px 0;
	float:left;
}
div#mainarea div#kanren_l p.l_text{
	width:240px;
	margin:15px 10px 0 0;
	float:left;
}
div#mainarea div.kanren_r img.traceimg{
	margin:15px 10px 10px 0;
	_margin:15px 0px 10px 0;
	float:left;
}
div#mainarea div.kanren_r p.r_text{
	width:230px;
	margin:15px 20px 0 0;
	float:left;
}


/* カタログダウンロード */
div#mainarea div#catalog{
	width:770px;
	margin:10px 0 0 14px;
	border:1px solid #CCCCCC;
	font-size:12px;
	float:left;
}


div#mainarea div#mailmaga{
	width:407px;
	margin:10px 0 10px 5px;
	padding:10px 10px 10px 10px;
	background-color:#FFFF99;
	border:1px solid #FFCC66;
}

div#mainarea div#mailmaga span{
	width:407px;
	margin:10px 0 10px 5px;
	padding:10px 10px 10px 10px;
	background-color:#FFFF99;
	border:1px solid #FFCC66;
}

div#mainarea div#catalogArea{
	width:762px;
	_width:765px;
	margin:10px auto 10px auto;
	text-align:left;
}

div#mainarea div#catalogArea h2{
	font-size:14px;
	color:#333333;
	font-weight:bold;
	margin:20px 0 0 0;
	float:left;
}

.tit01{
	width:735px;
	height:20px;
	background-image:url(../images/tit_a.gif);
	background-repeat: none;
	margin:0 0 10px 0;
	font-size:14px;
	font-weight: bold;
	color:#002084;
	padding:5px 0 5px 25px;
}

.tit02{
	width:478px;
	height:20px;
	background-image:url(../images/tit_b.gif);
	background-repeat: none;
	margin:0 0 10px 0;
	font-size:14px;
	font-weight: bold;
	color:#002084;
	padding:5px 0 5px 25px;
}

.tit03{
	width:225px;
	height:20px;
	background-image:url(../images/tit_c.gif);
	background-repeat: none;
	margin:0 0 10px 0;
	font-size:14px;
	font-weight: bold;
	color:#002084;
	padding:5px 0 5px 25px;
}

.tit04{
	width:140px;
	height:20px;
	background-image:url(../images/tit_d.gif);
	background-repeat: none;
	margin:10px 0 5px 0;
	font-size:14px;
	font-weight: bold;
	color:#002084;
	padding:5px 0 5px 25px;
	text-align:left;
}

.tit05{
	width:565px;
	height:20px;
	background-image:url(../images/tit_e.gif);
	background-repeat: none;
	margin:10px 0 5px 0;
	font-size:14px;
	font-weight: bold;
	color:#002084;
	padding:5px 0 5px 25px;
	text-align:left;
}


div#mainarea div#catalogArea div.item{
	margin:0 0 0 3px;
	float:left;
}


div#mainarea div#catalogArea div.item p{
	width:250px;
	margin:0 0 15px 0;
	float:left;
}

div#mainarea div#catalogArea div.item img{
	margin-right:5px;
	float:left;
}

/* その他 */
div#mainarea div#others{
	width:770px;
	margin:10px 0 30px 14px;
	border:1px solid #CCCCCC;
	font-size:12px;
	float:left;
}

div#mainarea div#others div#othersArea{
	width:760px;
	margin:10px auto 10px auto;
}

div#mainarea div#others div#othersArea div.item01{
	margin:0 3px 0 0;
	float:left;
}

div#mainarea div#others div#othersArea div.item02{
	float:left;
}

div#mainarea div#others div#othersArea div.item01 p{
	width:93px;
	margin:0 0 0 32px;
	_margin:0 0 0 20px;
	float:left;
}

div#mainarea div#others div#othersArea div.item02 p{
	width:93px;
	margin:0 2px 0 2px;
	float:left;
}