﻿/* ---------------------------------------- */
/* --------------- ヘッダ画像 ------------- */
/* ---------------------------------------- */

div div#city{
	width:1000px;
	height:172px;
}

div div div.city_00{
	width:100px;
	height:100%;
	background:#cadff3;
	float:left;
}

div div div.city_01{
	width:210px;
	height:172px;
	background:url("img/city_01.png") no-repeat;
	float:left;
}

div div div.city_02{
	width:591px;
	height:172px;
	background:url("img/city_02.png") no-repeat;
	float:left;
}

div div div.city_03{
	width:99px;
	height:172px;
	background:#cadff3;
	float:left;
}

div div#office{
	width:1000px;
	height:122px;
}




/* ---------------------------------------- */
/* -------------- 中央カラム -------------- */
/* ---------------------------------------- */

div#middleColumn_01{
	width:801px;
	height:620px;
	position:relative;
	left:100px;
	float:left;
}

/* ---- コンテンツ（内容） ---- */

div.information{
	width:573px;
	height:548px;
	margin:23px 0 0 19px;
	background:#FFFFFF;
	float:left;
}

/* ---- コンテンツ（内容）・IE6ハック ---- */
* html body div.information{
	margin-left:9px !important;
}

/* -------- 最新情報、中身 -------- */

div div div ul.infoContents{
	margin:0 0 9px 10px;
	padding:0;
	text-align:left;
	font:normal 12px/25px "メイリオ","ＭＳ ゴシック","Osaka－等幅";
	float:left;
}

/* -------- 最新情報、中身・IE6ハック --------*/
* html body ul.infoContents{
	position:relative;
	left:-10px;
}

div div div ul.infoContents li{
	list-style:none;
	padding-left:10px;
	background:url("img/dot.png") no-repeat 0px 10px;
	float:left;
}

div div div ul.infoContents li.topic{
	background:none;
}

div div div ul.infoContents li a{
	width:450px;
	padding-left:0px;
	color:#0c5f95;
	float:left;
	display:block;
}

div div div ul.infoContents li a:hover{
	text-decoration:none;
}

/* -------- 最新製品情報（画面下部３コンテナ） -------- */

div.newProduct{
	height:251px;
	float:left;
}

/* -------- 最新製品情報（下部３コンテナ）・IE6ハック --------*/
* html body div.newProduct{
	margin:0 5px 0 -5px !important;
}

div.newProduct div{
	width:180px;
	margin-left:8px !important;
	float:left;
}

div.newProduct div div{
	margin:0 !important;
	text-align:left;
}

/* -------- 最新製品情報 > コンテナ最上段 --------*/
div.newProduct div div.npCol00{
	width:180px;
	height:7px;
	background:#EEEEEE url("img/npCol00.png") no-repeat;
}

/* -------- 最新製品情報 > コンテナ最上段・IE6ハック --------*/
* html body div.npCol00{
	line-height:7px;
}

/* -------- 最新製品情報 > コンテナ上段（リンク） --------*/
div.newProduct div div.npCol01{
	width:148px; /* 全体の大きさ（width:180px） - paddig分（30px） - border分（計2px）= 148px */
	height:40px;
	margin:0px;
	padding:0;
}

div.newProduct div div.npCol01 a{
	width:148px; /* 全体の大きさ（width:180px） - paddig分（30px） - border分（計2px）= 148px */
	height:40px;
	display:block;
	color:#0c5f95;
	background:#EEEEEE url("img/npColArrow01.png") no-repeat 10px 5px;
	margin:0px;
	padding:3px 0 0px 30px;
	font:normal 12px/16px "メイリオ","ＭＳ ゴシック","Osaka－等幅";
	border:solid #CCCCCC;
	border-width:0 1px 0 1px;
}

div.newProduct div div.npCol01 a:hover{
	background:#EEEEEE url("img/npColArrow02.png") no-repeat 8px 3px;
	text-decoration:none;
}

/* -------- 最新製品情報 > コンテナ中段 --------*/
div.newProduct div div.npCol02{
	height:184px;
	width:178px; /* のちに加えるborderの2px分widthを修正 */
	background:#FFFFFF !important;
	font:normal 10px/16px "メイリオ","ＭＳ ゴシック","Osaka－等幅";
	border:solid #CCCCCC;
	border-width:0px 1px 0px 1px;
}

div.newProduct div div.npCol02 p{
	padding:0 5px 0 5px;
	text-align:justify;
	text-justify:inter-ideograph;
}

/* -------- 最新製品情報 > コンテナ下段 --------*/
div.newProduct div div.npCol03{
	height:6px;
	background:url("img/npCol03.png") no-repeat;
}

