@import url('common.css');
@import url('default.css');
/* body */
body {background:url('../images/main/main_visual.jpg') no-repeat;}

/* wrap */
#wrap {margin-bottom:10px;}

#header {height:85px;}

/* visual */
#visual {height:225px;}
#flash_menu {padding:72px 0 0 32px; float:left; width:312px; height:144px;}
#visual_text {margin:10px 0 0 295px; float:left;}

/* container ***************************************/
#container {padding:0 0 0 31px; clear:both;}

/* colgroup_1 *************************************/
#colgroup_1 {height:190px;}

#colgroup_1_left {width:309px; padding:13px 0 0 3px; float:left; position:relative;}
#public {float:left; padding-right:45px; width:119px; height:76px;}
#public h2 {position:absolute; left:-10px; top:2px;}
#ecology {float:left; width:119px; height:76px; }
#ecology h2 {position:absolute; left:170px; top:7px;}
#picture {clear:left; padding:21px 0 0 0; height:40px;}
#picture li {float:left; padding:0 10px 0 10px; background:url(../images/main/picture_line.gif) no-repeat left 1px;}
#picture li.first {padding-left:0; background:none;}


#colgroup_1_center {width:313px; float:left; position:relative;}
/* popup */
#popup {clear:both;}
#popup_stop {position:absolute; left:10px; top:-1px;}
#popup_right {position:absolute; left:26px; top:-1px;}
#popup_nb {position:absolute; left:45px; top:-1px;}
#popup_nb li {float:left; padding-right:3px;}
#popup_cts {padding:13px 0 0 0;}


#colgroup_1_right {width:320px; float:left; padding:13px 0 0 0; position:relative; }
#security {width:135px; height:76px; }

#story {width:80px; height:76px;}


/* search */
#search { position:absolute; left:0px; top:95px; padding:18px 0 0 11px;}
#search form {width:300px;}
#search form div * {font-size:1em; line-height:20px;}
#search form div select { width:80px; height:20px;}
#search form div span input {width:150px; background:url(../images/main/search_box.gif) no-repeat; height:20px; border:0; margin:0 -3px 0 -2px;}
#search form div input {vertical-align:top;}


/* colgroup_2 *************************************/
#colgroup_2 {height:150px;}

/* board */
#board {position:relative; width:292px; height:120px; margin:0; background:url('../images/main/board_bg.gif') repeat-x left top; float:left; margin: 4px 30px 0 0;}
#board ul {padding:0 0 0 0;}
#board ul li { float: left; display: inline; padding-right:3px;}
#board ul li img {vertical-align:top;}
#board ul li a { float: left; display: block;}
#board ul div.tabcontent { position: absolute; top: 30px; left: 0; width: 280px; display: none; }
#board ul ul { width: 280px;}
#board ul ul li {float: left; display: inline; width: 100%; padding-left:10px; line-height: 1.6em; background:url('../images/main/board_bul.gif') no-repeat 1px 7px; margin-top:2px;}
#board ul ul li a { float: left; display: block; white-space: nowrap; }
#board ul ul li .ico_new {vertical-align:middle;}
#board ul ul li span { float: right; color:#767676;}
#board div.tab1more {position:absolute; right:5px; top:6px;}

/* experience */
#experience {width:316px; float:left; height:120px;}
#experience h2 {height:23px;}
#experience em {width:0; height:0; overflow:hidden; display:block;}
	#experience_photoslide{ width:291px; height:68px; position:relative; float:left; overflow:hidden; }
		#experience_photo01, #experience_photo02, #experience_photo02, #experience_photo04 { width:291px; height:68px; position:relative; }
		#experience_photoslide a { width:291px; height:68px; display:block; }
		
	#experience_slidemenu { width:300px; height:21px; position:relative; float:left; overflow:hidden;}
		#experience_slidemenu li {float:left; padding-right:3px;}
		#experience_slidemenu a { width:69px; height:20px; display:block; margin:1px 0 3px 0;}
		#experience_slidemenu #experience_link01 { background:url(../images/main/experience_tab01_off.gif) no-repeat; }
		#experience_slidemenu #experience_link01:active, #experience_slidemenu #experience_link01:focus, #experience_slidemenu #experience_link01:hover { background:url(../images/main/experience_tab01_on.gif) no-repeat; }
		#experience_slidemenu #experience_link02 { background:url(../images/main/experience_tab02_off.gif) no-repeat; }
		#experience_slidemenu #experience_link02:active, #experience_slidemenu #experience_link02:focus, #experience_slidemenu #experience_link02:hover { background:url(../images/main/experience_tab02_on.gif) no-repeat; }
		#experience_slidemenu #experience_link03 { background:url(../images/main/experience_tab03_off.gif) no-repeat; }
		#experience_slidemenu #experience_link03:active, #experience_slidemenu #experience_link03:focus, #experience_slidemenu #experience_link03:hover { background:url(../images/main/experience_tab03_on.gif) no-repeat; }
		#experience_slidemenu #experience_link04 { background:url(../images/main/experience_tab04_off.gif) no-repeat; margin-bottom:1px; }
		#experience_slidemenu #experience_link04:active, #experience_slidemenu #experience_link04:focus, #experience_slidemenu #experience_link04:hover { background:url(../images/main/experience_tab04_on.gif) no-repeat; }



/* map */
#map {width:300px; float:left; height:120px; padding-top:5px;}
#map dd {padding-top:3px;}
#map_1 {float:left; width:100px; background:url(../images/main/map_img01.gif) no-repeat left 53px; height:120px;}
#map_2 {float:left; width:100px; background:url(../images/main/map_img02.gif) no-repeat left 53px; height:120px;}
#map_3 {float:left; width:100px; background:url(../images/main/map_img03.gif) no-repeat left 53px; height:120px;}



/* banner */
#banner {position:relative; clear:both; height:72px; background:url('../images/main/banner_bg.gif') no-repeat left top; margin:0 0 0 31px; width:919px;}
#banner * {float:left;}
#banner #banner_list {padding:23px 0 0 25px;}
#banner #banner_list li {padding:0 11px; background:url('../images/main/banner_line.gif') no-repeat left 4px;}
#banner #banner_list li.first {background:none;}
#banner #banner_control {}
#banner #banner_control li.first {position:absolute; top:1px; left:443px; }
#banner #banner_control li.second {position:absolute; left:443px; top:51px;}
#banner #banner_control li.last {position:absolute; right:3px; top:20px;}
* html #banner #banner_control li.last {right:2px;}

#footer {margin-top:20px;}