@charset "shift_jis";

/********************************************************** 表示領域 */
#container {
	width: 780px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 

/********************************************************** メインコンテンツ */
#Content {
	margin: 5px 0 5px 0;
}

/* トップページ本文部分 */
#mainContent {
	margin: 0 0 0 205px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	width:575px;
}
* html #mainContent{
	display:inline;
}
/* トップページ本文左側 */
#main-l{
	width: 355px;
	float: left;
	margin-right: 5px;
	margin-left: 10px;
	_display:inline;
}

/* トップページ本文右側 */
#main-r{
	width: 185px;
	float: left;
	text-align: center;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	border: 1px dashed #64AA2B;
	_display:inline;
}
/* 本文ヘッダーのグリーンのバー */
#content-top{
	background-image: url(../images/back-t1.gif);
	background-repeat: repeat-x;
	padding: 10px;
}
/* トップページ用イメージ写真 */
#main-r img{
	border: 1px solid #CCC;
	margin-bottom: 4px;
}
/* トップページ本文ヘッダータイトル　例：我々は… */
#content-top .main-title{
	font-size: 180%;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #A69700;
}


/* トップページ本文ヘッダータイトル　例：より一層の技術向上に… */
#content-top .main-text{
	line-height: 1.2em;
}
/* 回り込み解除 */
div#contents:after {
   content: "";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
/* ニュース＆トピックス */
#mainContent .news{
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 85%;
	background-image: url(../images/news.gif);
	background-repeat: no-repeat;
	text-align: right;
	height: 26px;
}
/* インフォメーション */
#mainContent .info{
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 85%;
	background-image: url(../images/info.gif);
	background-repeat: no-repeat;
	text-align: right;
	height: 26px;
}

/********************************************************** 全ページ共通本文 */
/* 本文部分 */
#content-top .Kategorie-title {
	font-size: 90%;
	color: #333;
	margin-top: 35px;
}
#content-top hr {
	height:1px;
	color:#063;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-style: dotted;
	margin-top: 3px;
	margin-bottom: 0px;
}
#content-main {
	margin-right: 10px;
	margin-left: 10px;
}
#content-main img {
	margin-left: 8px;
	margin-bottom: 8px;
	border: 1px solid #666;
}
#content-main .title {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 20px;
}

#content-main .title img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0;
}
#content-main .date {
	/* news&topicsとinformationで使う日付 */
	font-size: 80%;
	margin-bottom: 5px;
	font-weight: bold;
	text-align: right;
}
#content-main .text {
	padding-bottom: 10px;
}
#content-main ol.m4 {
	list-style-type: circle;	
}

#content-main .text2 {
	padding-top: 10px;
	padding-left: 260px;
}


/********************************************************** 組合概要 */


/********************************************************** イメージマップ */
img.f-map{display: none;}
dl#imagemap{
	width: 387px;
	height: 301px;
	position: relative;
	background-color: transparent;
	background-image: url(../images/map.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: -40px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
dt{
	margin: 0;
	padding: 0;
	position: 
	absolute; 
	font-size: 85%; 
	display: none;
}
dd{
	margin: 0; 
	padding: 0; 
	position: absolute; 
	font-size: 85%;
}
dd#fukusima{top: 0; left: 219px;}
dd#fukusima a{position: absolute; width: 105px; height: 130px; text-decoration: none;}
dd#fukusima a span{display: none;}
dd#fukusima a:hover{position: absolute; background: transparent url(../images/fukusima.gif) 0 0 no-repeat; top: 0; left: 0;}
dd#fukusima1{position: absolute; width: 105px; height: 130px; background: transparent url(../images/fukusima.gif) 0 0 no-repeat; top: 0; left: 219px;}

dd#kennan{top: 181px; left: 163px;}
dd#kennan a{position: absolute; width: 131px; height: 120px; text-decoration: none;}
dd#kennan a span{display: none;}
dd#kennan a:hover{position: absolute; background: transparent url(../images/kennan.gif) 0 0 no-repeat; top: 0; left: 0;}
dd#kennan1{position: absolute; width: 131px; height: 120px; background: transparent url(../images/kennan.gif) 0 0 no-repeat; top: 181px; left: 163px;}

dd#sousou{top: 19px; left: 305px;}
dd#sousou a{position: absolute; width: 82px; height: 183px; text-decoration: none;}
dd#sousou a span{display: none;}
dd#sousou a:hover{position: absolute; background: transparent url(../images/sousou.gif) 0 0 no-repeat; top: 0; left: 0;}
dd#sousou1{position: absolute; width: 82px; height: 183px; background: transparent url(../images/sousou.gif) 0 0 no-repeat; top: 19px; left: 305px;}

dd#iwaki{top: 166px; left: 289px;}
dd#iwaki a{position: absolute; width: 90px; height: 118px; text-decoration: none;}
dd#iwaki a span{display: none;}
dd#iwaki a:hover{position: absolute; background: transparent url(../images/iwaki.gif) 0 0 no-repeat; top: 0; left: 0;}
dd#iwaki1{position: absolute; width: 90px; height: 118px; background: transparent url(../images/iwaki.gif) 0 0 no-repeat; top: 166px; left: 289px;}

dd#kooriyama{top: 88px; left: 161px;}
dd#kooriyama a{position: absolute; width: 188px; height: 163px; text-decoration: none;}
dd#kooriyama a span{display: none;}
dd#kooriyama a:hover{position: absolute; background: transparent url(../images/kooriyama.gif) 0 0 no-repeat; top: 0; left: 0;}
dd#kooriyama1{position: absolute; width: 188px; height: 163px; background: transparent url(../images/kooriyama.gif) 0 0 no-repeat; top: 88px; left: 161px;}

dd#aidu{top: 36px; left: 0;}
dd#aidu a{position: absolute; width: 231px; height: 234px; text-decoration: none;}
dd#aidu a span{display: none;}
dd#aidu a:hover{position: absolute;	background: transparent url(../images/aidu.gif) 0 0 no-repeat; top: 0; left: 0;}
dd#aidu1{position: absolute; width: 231px; height: 234px; background: transparent url(../images/aidu.gif) 0 0 no-repeat; top: 36px; left: 0;}

/* 地区・支部のリンク */
#tiikilink{
	font-size: 90%;
	margin-bottom: 20px;
}
#tiikilink a{
	color:#666;
	text-decoration:none;
}
#tiikilink a:hover {
	color: #F99;
	text-decoration:underline;
}
#tiikilink .tiku{
	font-size: 130%;
	font-weight: bold;
	color: #F60;
}


#googlemap{
	margin-bottom: 2em;
	border: 1px solid #CCC;
	height: 200px;
	width: 300px;
	text-align: center;
	margin-top: 2em;
}

#content-middle {
	text-align: left;
	background-color: #F2FFD8;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #D8E5C1;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
}

#content-middle > div {
	width: 500px;
	margin: 0 auto;
}

/* メニュー・バナー */
#menu-banner {
	margin: 5px;
	text-align: center;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	border: 1px dashed #64AA2B;
}

#menu-banner img {
	border: 1px solid #CCC;
	margin-bottom: 4px;
}