@charset "shift_jis";

/* サイト全体に適用======================================== ＯＫ*/

body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;		/*全体的な文字サイズ設定箇所*/
	line-height: 2;
	color: #333333;		/*全体的な文字色設定箇所*/
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #f5f6f7 url(images/bg.gif) repeat-x top;	/*壁紙と背景色。imagesフォルダに入っているbg.gifを横並び(repeat-x)で上部(top)に配置させる。*/
}

h1,h2,h3,h4,p,ul,li,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

.fla {
	text-align: center;
	height: 200px;
	background: #000102;
	padding-top: 100px;
	color: #999999;
}

.color1 {
	color: #0D3F69;
}

.look {
	background: #e8edf1;
}



/* コンテナー（HP全体の枠組み）========================================ＯＫ*/

#container {
	width: 900px;		/*HPの幅*/
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF url(images/container_bg.gif) repeat-y;	/*背景色を白に。imagesフォルダに入っているcontainer_bg.gifを縦にリピート(repeat-y)。*/
}


/* ヘッダー========================================ＯＫ*/

#header {
	position: relative;
	background: #003561 url(images/header_bg.gif) no-repeat;	/*ヘッダーの背景色と壁紙。imagesフォルダのheadder_bg.gifを配置させている。*/
}

#header h1 {
	font-size: 10px;	/*h1タグの文字サイズ*/
	color: #fafafa;		/*文字色*/
	line-height: 1.2;
	position: absolute;	/*ヘッダーに対して絶対配置させる指示*/
	left: 20px;			/*ヘッダーに対しての横からの位置指定*/
	top: 5px;			/*ヘッダーに対しての上からの位置指定*/
	font-weight: normal;
}

#header img {
	vertical-align: top;
	padding-top: 18px;
}




/* ナビメニュー（xml入れると消える）========================================*/
#nav {
	position: absolute;	/*ヘッダーに対して絶対配置させる指示*/
	top: 72px;			/*ヘッダーに対しての上からの位置指定*/
	right: 0px;			/*ヘッダーに対しての右からの位置指定*/
	line-height: 26px;
	background: url(images/nav_bg.gif);
	padding-left: 50px;
	font-size: 11px;	/*ナビメニューの文字サイズ*/
}

#nav li {
	float: left;
	width: 10em;		 /*IE7のメイリオフォントだと8em（8文字）分にしか表示されないので注意*/
	overflow: hidden;
	height: 21px;
}

#nav li a {
	color: #FFFFFF;		/*文字色*/
	text-decoration: none;	/*通常リンクの下線を外す指定。下線を出したいならこの１行を丸ごと削除。*/
	background: url(images/arrow1.gif) no-repeat left center;	/*左の赤い矢印設定。*/
	padding-left: 13px;
}

#nav a:hover {
	color: #e60012;		/*カーソルを乗せた時の文字色*/
	background: url(images/arrow1.gif) no-repeat 2px center;	/*カーソルを乗せた時に矢印を2pxだけ動かす設定。*/
}



/* メインメニュー（Indexと他は異なる）========================================ＯＫ*/


#head_menu{
        font-size:18px;
	height:66px;
	}
#head_menu:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#head_menu ul *{
	list-style-type:none;
	display:block;}	
#head_menu ul li{
	width:150px;
	height:66px;
	position:relative;
	float:left;
	}
#head_menu ul li a{
	width:150px;
	height:66px;
	text-align:center;
	color:#FFFFFF;
	line-height:66px;
	text-decoration:none;
	}
#head_menu ul li a:hover{
	color:#FF9900;
	text-decoration:underline;
	}
#head_menu ul li.off{
	overflow:hidden;
	width:150px;
	}
#head_menu ul li.off ol.sub{
	left:0px; top:-999px;
	}
#head_menu ul ol.sub{
	position:absolute;
	left:0px; top:66px;
	width:150px;
	border:1px solid #999999;
	text-align:center;
	}
#head_menu ul li.on{
	width:150px;
	}
#head_menu ul>li.on{
	overflow:visible;/*×*/
	}
#head_menu ul ol.sub li{
	width:150px;
	height:42px;
	line-height:42px;
	border-bottom:1px solid #999999;
	text-align:center;
	float:none;
	}
#head_menu ul ol.sub li a{
	background:none;
	background-color:#FFFFFF;
	text-decoration:none;
	color:#000000;
	vertical-align:middle;
	font-size:12px;
	height:42px;
	line-height:42px;
	text-align:center;
	}
#head_menu ul ol.sub li a:hover{
	color:#000000;
	background:none;
	background-color:#FF9900;
	}

#head_menu ul li.a01 a{ background:url(images/menu_01.gif) no-repeat;}
#head_menu ul li.a01 a:hover{ background:url(images/menu_over_01.gif) no-repeat;}
#head_menu ul li.a02 a{ background:url(images/menu_02.gif) no-repeat;}
#head_menu ul li.a02 a:hover{ background:url(images/menu_over_02.gif) no-repeat;}
#head_menu ul li.a03 a{ background:url(images/menu_03.gif) no-repeat;}
#head_menu ul li.a03 a:hover{ background:url(images/menu_over_03.gif) no-repeat;}
#head_menu ul li.a04 a{ background:url(images/menu_04.gif) no-repeat;}
#head_menu ul li.a04 a:hover{ background:url(images/menu_over_04.gif) no-repeat;}
#head_menu ul li.a05 a{ background:url(images/menu_05.gif) no-repeat;}
#head_menu ul li.a05 a:hover{ background:url(images/menu_over_05.gif) no-repeat;}
#head_menu ul li.a06 a{ background:url(images/menu_06.gif) no-repeat;}
#head_menu ul li.a06 a:hover{ background:url(images/menu_over_06.gif) no-repeat;}


/* コンテンツ========================================ＯＫ*/

#contents {
	clear: left;	/*メインメニューのfloat解除*/
	width: 100%;
}


/* メインコンテンツ（左側ブロック)========================================ＯＫ*/

#main {
	float: left;
	width: 570px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 100px;
	display: inline;
}

#main h2 {
	background: #00539A url(images/h2_bg.gif) no-repeat;	/*h2見出しの背景画像と背景色設定。*/
	height: 45px;
	font-size: 110%;	/*文字サイズ*/
	color: #FFFFFF;		/*文字色*/
	padding-left: 15px;
	line-height: 45px;
	overflow: hidden;
}

/* 追加h3とh4メインコンテンツ（追加左側ブロック)========================================ＯＫ*/
#main h3 {
	text-indent:13px;
        font-size:120%;
	color:#333333;
	margin:3px 1px 3px 1px;
	line-height:1.5em;
	}

#main h4 {
	text-indent:13px;
        font-size:110%;
	color:#333333;
	margin:3px 1px 3px 1px;
	line-height:1.5em;
	}

#main p {
	padding: 0.1em 10px 0.1em;
}

#main a {
	color: #000000;	/*メインコンテンツのリンク色設定*/
}

#main a:hover {
	color: #e60012;	/*メインコンテンツのリンクのカーソルがのった時の色*/
}



/* ========================================ＯＫ　.ta1流れ用テーブル枠*/
.ta1 {
	border: 1px solid #999999;
	width: 570px;
	margin-top: 0.5em;
	margin-bottom: 1em;
	
}

.ta1 td {
	padding: 5px;
	vertical-align: top;
}

.ta1 h3 {
	color: #002e73;
	border-bottom: 1px dotted #999999;
	font-size: 100%;
	background: url(images/arrow2.gif) no-repeat left 5px;
	padding-left: 18px;
	line-height: 24px;
}

.ta1 h4 {
	color: #002e73;
	font-size: 100%;
	padding-right: 10px;
        text-align: right;
	line-height:20px;
}
.ta1 p {
	line-height: 1.4em;
}

/* ========================================ＯＫメール、法律の　.setAテーブル枠*/

/*テーブルセット*/
.setA{
   border-spacing: 0px;   /* セルの間隔をなくす */
   font-family: Verdana,sans-serif;   /* フォントの指定 */
   font-size:  100%;   /* 文字サイズを小さめに */
}

/* セルのデザインのうちヘッダと中身の共通部分 */
.setA th, .setA td {
   border-width: 1px;   /* セルの枠線は太さ1ピクセル */
   border-style: solid;   /* セルの枠線は実線 */
   padding: 2px;   /* セル内側の余白は2ピクセル */
}

/* ヘッダセルのデザイン */
.setA thead th {
   border-color: #ccffcc #7ca866 #7ca866 #ccffcc;   /* ※1 */
   background-color: #bceaa8;   /* ※1 */
   line-height: 22px;
   text-align: center;
}
/* フッタセルのデザイン */
.setA tfoot th,  .setA tfoot td {
   border-color: #ccffcc #7ca866 #7ca866 #ccffcc;   /* ※1 */
   background-color: #bceaa8;   /* ※1 */
   text-align: center;
}


.setA tbody th {
   border-color: #ffffcc #aca866 #aca866 #ffffcc;   /* ※2 */
   background-color: #eceaa8;   /* ※2 */
   text-align: center;
}

/* セルのデザイン */
.setA td {
   border-color: #ffffff #aca899 #aca899 #ffffff;   /* ※3 */
   background-color: #ecead8;   /* ※3 */
}


/* ========================================ＯＫサイトマップページ用*/

#main  div.typeC{
	}

#main  div.typeC h3{
	background: url(images/map.gif) no-repeat;	/*h2見出しの背景画像と背景色設定。*/
	height: 30px;
	font-size: 130%;	/*文字サイズ*/
	color: #333333;		/*文字色*/
        text-indent:40px;
	padding-top: 2px;
	line-height: 30px;
	overflow: hidden;
}

#main  div.typeC h4{
	background: url(images/map1.gif) no-repeat;	/*h2見出しの背景画像と背景色設定。*/
	height: 25px;
	font-size: 120%;	/*文字サイズ*/
	color: #333333;		/*文字色*/
        text-indent:60px;
	padding-top: 2px;
	line-height: 30px;
	overflow: hidden;
}


#main  div.typeC p{
	background: url(images/map2.gif) no-repeat;	/*h2見出しの背景画像と背景色設定。*/
	height: 25px;
	font-size: 120%;	/*文字サイズ*/
	color: #333333;		/*文字色*/
        text-indent:80px;
	padding-top: 2px;
	line-height: 25px;
	overflow: hidden;
}



/* メインコンテンツ（左側ブロックの２段組み)========================================ＯＫ*/

#main  div.typeA{
	clear: left;	/*typeBのfloat解除*/
        width: 100%;
	}

#main  div.typeA p{
	margin:5px 3px 5px 3px;
	line-height:1.4em;
	}

#main  div.typeB{
	margin:5px 3px 5px 3px;
	line-height:1.4em;
	}

#main  div.typeB p{
	margin:5px 3px 5px 3px;
	line-height:1.4em;
	}	
	
#main  div.typeB div.left{
	float:left;
	width:260px;
	}

#main  div.typeB div.right{
	float:right;
	width:260px;
	margin:0 0 0 5px;
	}


/* ========================================ＯＫメインコンテンツ内の「What's New」部分*/

#main dl.new {
	width: 548px;		/*What's Newボックスの幅*/
	height: 100px;		/*What's Newボックスの高さ*/
	overflow: auto;		/*この設定でiframe風に見える*/
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	border-right: 1px solid #0060B2;	/*What's Newのフチの右ライン。*/
	border-bottom: 1px solid #0060B2;	/*What's Newのフチの下ライン。*/
	border-left: 1px solid #0060B2;		/*What's Newのフチの左ライン。*/
	background: #e8edf1;	/*What's Newボックスの背景色*/
}

#main dt {
	font-weight: bold;	/*日付を太字に。通常の太さがいいなら、この1行を丸ごと削除。*/
	color: #0D3F69;		/*日付の文字色を青（#0D3F69）に*/
}

#main dd {
	border-bottom: 1px dotted #1D5F87;	/*説明文の下に1pxの点線(dotted)を#1D5F87の色で入れる。*/
}



/* ========================================サブコンテンツ（右側ブロック）*/
#sub {
	float: right;
	width: 270px;
	color: #FFFFFF;		/*サブコンテンツの文字色*/
	background: #003561;
	margin: 15px 15px 100px;
	display: inline;
}

#sub a {
	color: #FFFFFF;		/*サブコンテンツのリンクの文字色*/
	background: #003561;
}

#sub a:hover {
	color: #e60012;		/*サブコンテンツのリンクにカーソルがのった時の文字色*/
}

#sub p {
	padding-top: 0.5em;
	padding-bottom: 1em;
}

#sub h3 {
	background: #000203 url(images/h3_bg.gif) repeat-x top;
	line-height: 31px;
	text-align: center;		/*文字をセンタリング。左よせでいいならこの１行を丸ごと削除。*/
	letter-spacing: 0.2em;	/*文字間隔を少し広げる設定。*/
	font-size: 100%;
}

/* ========================================追加　バナー用（右側ブロック）*/

#sub div#bnr_sps1{}
#sub div#bnr_sps1 p{
	width:270px;
	height:60px;
	margin:2px 0px 0 0px;
	}
#sub div#bnr_sps1 p a{
	background:url(images/bnr-tel.gif) no-repeat;
	display:block;
	width:270px;
	height:60px;
	line-height:60px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	text-indent:90px;
	}
#sub div#bnr_sps1 p a:hover{
	font-size:16px;
	}

#sub div#bnr_sps2{}
#sub div#bnr_sps2 p{
	width:270px;
	height:60px;
	margin:2px 0px 0 0px;
	}
#sub div#bnr_sps2 p a{
	background:url(images/bnr-mail.gif) no-repeat;
	display:block;
	width:270px;
	height:60px;
	line-height:60px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	text-indent:90px;
	}
#sub div#bnr_sps2 p a:hover{
	font-size:16px;
	}


#sub div#bnr_sps3{}
#sub div#bnr_sps3 p{
	width:270px;
	height:60px;
	margin:2px 0px 0 0px;
	}
#sub div#bnr_sps3 p a{
	background:url(images/bnr-syutu.gif) no-repeat;
	display:block;
	width:270px;
	height:60px;
	line-height:60px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	text-indent:90px;
	}
#sub div#bnr_sps3 p a:hover{
	font-size:16px;
	}


#sub div#bnr_sps4{}
#sub div#bnr_sps4 p{
	width:270px;
	height:60px;
	margin:2px 0px 0 0px;
	}
#sub div#bnr_sps4 p a{
	background:url(images/bnr-area.gif) no-repeat;
	display:block;
	width:270px;
	height:60px;
	line-height:60px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	text-indent:90px;
	}
#sub div#bnr_sps4 p a:hover{
	font-size:16px;
	}


#sub div#bnr_sps5{}
#sub div#bnr_sps5 p{
	width:270px;
	height:60px;
	margin:2px 0px 0 0px;
	}
#sub div#bnr_sps5 p a{
	background:url(images/bnr-takuhai.gif) no-repeat;
	display:block;
	width:270px;
	height:60px;
	line-height:60px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	text-indent:90px;
	}
#sub div#bnr_sps5 p a:hover{
	font-size:16px;
	}


#sub div#bnr_sps6{}
#sub div#bnr_sps6 p{
	width:270px;
	height:60px;
	margin:2px 0px 0 0px;
	}
#sub div#bnr_sps6 p a{
	background:url(images/bnr-set.gif) no-repeat;
	display:block;
	width:270px;
	height:60px;
	line-height:60px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	text-indent:90px;
	}
#sub div#bnr_sps6 p a:hover{
	font-size:16px;
	}

#sub div#bnr_sps7{}
#sub div#bnr_sps7 p{
	width:270px;
	height:60px;
	margin:2px 0px 0 0px;
	}
#sub div#bnr_sps7 p a{
	background:url(images/bnr-paking.gif) no-repeat;
	display:block;
	width:270px;
	height:60px;
	line-height:60px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	text-indent:90px;
	}
#sub div#bnr_sps7 p a:hover{
	font-size:16px;
	}


/* ========================================フッター*/

#footer {
	clear: both;
	width: 100%;
	text-align: center;
	background: #000102;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
	background: #000102;
}

/* ========================================追加ok　アンダーメニュー*/



#under_menu{
        width:890px;
        text-align:center;
        font-size:10px;
	color:#FFFFFF;
	padding:2px;
	clear:left;
	}
#under_menu a{
	color:#FFFFFF;
	font-size:12px;
	letter-spacing:1px;
	text-decoration:none;
	height:14px;
	margin:0 4px 0 4px;
	}
#under_menu a:hover{
        text-decoration:underline;
	color:#e60012;
	}



/* ========================================westfield*/