@charset "shift_jis";


/* =nav　グローバルナビゲーション用スタイル
----------------------------------------------- */
/* 基本指定 */

#imageArea { width: 100%; height: 240px; float:left; background: #fff url(../../img/bg_imagearea.jpg) left top repeat-x; }
#imageAreaBody { width: 960px; margin: 0 auto; background: url(../../img/bg_main_img.jpg) left top no-repeat; height: 240px; overflow: hidden; position:relative; text-align:left; }

.p-top15 { padding-top: 15px; }

#nav { width: 100%; background: #fff url(../../img/bg_nav.jpg) left top repeat-x; float:left; height: 48px; }

#nav #menu {
	width: 960px;
	height: 48px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#nav #menu a{
	background-color: transparent;
	position: absolute;
	display: block;
	height: 48px;
	margin: 0;
	padding: 0;
	top : 0;
}
#nav #menu #nav01 a {
	width: 80px;
	left: 0px;
}

#nav #menu #nav02 a{
	width: 220px;
	left: 80px;
}
#nav #menu #nav03 a{
	width: 220px;
	left: 300px;
}
#nav #menu #nav04 a{
	width: 220px;
	left: 520px;
}


/* トップページ イメージエリア */
#imageArea #imageAreaBody p { width: 684px; padding: 154px 0 0 10px; margin: 0; font-size: 94%; line-height: 1.5; float:left; }
#imageArea #imageAreaBody #liveMovie { position: absolute; width: 200px; height: 200px; top: 18px; left: 720px; }
#imageArea #imageAreaBody #liveMovie p { width:240px; padding:  3px 0 0; float:none; text-align:center;  }

/* メガドロップダウンメニュー */
#hidden-div { position: absolute; top: 0px; left:0; width: 960px; height: 200px; margin: -1px 0 0 0; display: none; z-index: 100; }
#hidden-div-menu { width: 930px !important; width: 960px;  margin: 0 auto; padding: 15px; background: #000; color: #fff; text-align:left; }

#index #col-ms #wrap #content #hidden-div { top: -240px; z-index: 1000; }

#hidden-menu01, #hidden-menu02, #hidden-menu03 { float:left; width: 300px; }
#hidden-menu01, #hidden-menu02 { margin-right: 12px; }
#hidden-div-menu h2 { background-color: #2b7f0c; padding: 5px 10px; font-weight: normal; font-size: 14px; margin-bottom: 12px; }
#hidden-div-menu ul li { font-size: 12px; margin-bottom: 10px; background: url(../../img/icon_hmenu_list.gif) 0px 3px no-repeat; padding-left: 12px; }
#hidden-div-menu ul li a { color: #fff; }
#hidden-div-menu ul li a:hover { color: #227de5; }


/* ツーリー構造の指定 */
div.chart { margin-bottom:25px; text-align:left; }
#hidden-div-menu ul ul { margin-top:5px; background: url("../../img/bg_chart_line.gif") repeat-y 5px 0; }
#hidden-div-menu ul ul li { font-size: 100%; padding-left:30px; }
#hidden-div-menu ul ul li.chartList-last { background:url("../../img/icon_li_chart_bottm.gif") no-repeat 25px 1px; }
#hidden-div-menu ul ul li.chartList { background:url("../../img/icon_li_chart.gif") no-repeat 5px 3px; }
#hidden-div-menu ul ul li .chartList-first { background:url("../../img/icon_li_chart_top.gif") no-repeat 25px 0px; }
#hidden-div-menu ul ul li.chartList-last { background:url("../../img/icon_li_chart_bottm.gif") no-repeat 5px 1px; }
#hidden-div-menu ul ul li.root { padding-left:20px; }
#hidden-div-menu ul ul li.root ul { margin-left:20px; }
#hidden-div-menu ul ul li.root span { width: 8em; border:solid 1px #ddd; background:#eee; display:block; }


/* Things To =Hide
----------------------------------------------- */
/* Things To =Show
----------------------------------------------- */