﻿@charset "utf-8";
/* CSS Document */


#main_back      { background-image: url(/img/main/main_bg.gif); background-repeat: repeat-x; }
div#wrap {width:1100px;margin:0px auto; position:relative; }
div#wrap #header {width:1px; margin:0px auto; position:absolute; z-index:50;}
/*div#wrap #header #search {position:absolute;width:300px;top:50px;left:770px;z-index:300;}
div#wrap #header #search p.indox {float:left;width:130px;padding-left:22px;padding-right:10px;padding-top:5px; }
div#wrap #header #search p.but {float:left;width:50px;padding-right:22px;}*/

div#wrap #header #menu  {width:1100px; height:80px; position:relative;  clear:both;}

div#wrap #container {width:1100px; padding-top:80px; position:relative; z-index:1;}
div#wrap #container #visual {width:1100px; height:450px;position:absolute;}
div#wrap #container #visual #main_visual {width:1100px; height:450px; position:relative; float:left;}
div#wrap #container #visual #line {width:1100px; height:26px; margin-top:15px; position:relative; float:left;}

div#wrap #container #contents_01 {width:1100px; height:126px; padding-top:500px; position:relative;}
div#wrap #container #contents_01 #board_a {width:286px; height:116px;padding-left:58px; position:relative; float:left;}
div#wrap #container #contents_01 #board_a p.title {width:286px; height:18px; margin-bottom:5px; position:relative; float:left; background:url(/img/main/new_bg.gif);}
div#wrap #container #contents_01 #board_a #box { height:75px; position:relative; float:right; background:url(/img/main/new_bg.gif);}
div#wrap #container #contents_01 #board_a ul li.icon {width:10px; height:18px; padding-right:5px; background:url(../img/main/dot.gif) no-repeat 5px; position:relative; float:left;}
div#wrap #container #contents_01 #board_a ul li.text {width:165px; height:18px; padding:0px 10px; position:relative; float:left; padding-right:5px;}
div#wrap #container #contents_01 #board_a ul li.date {width:64px; height:18px; position:relative; float:right;}
div#wrap #container #contents_01 #banner01 {width:286px; height:116px;padding-left:44px; position:relative; float:left; z-index:2;}
div#wrap #container #contents_01 #banner02 {width:292px; height:116px;padding-left:42px; position:relative; float:left;z-index:4;}

div#wrap #container #contents_02 {width:1100px; height:126px;  position:relative;}
div#wrap #container #contents_02 #banner01 {width:286px; height:116px;padding-left:58px; position:relative; float:left;}
div#wrap #container #contents_02 #banner02 {width:292px; height:116px;padding-left:44px; position:relative; float:left;}
div#wrap #container #contents_02 #banner02 p.title {width:93px; height:18px; position:relative; float:left;}
div#wrap #container #contents_02 #banner02 p.txt {width:190px; height:18px; position:relative; float:left;}
div#wrap #container #contents_02 #banner02 p.date {width:170px; height:18px; position:relative; float:left;}

div#wrap #container #contents_02 #banner03 {width:291px; height:10px;;padding-left:42px; position:relative; float:left;}
div#wrap #container #contents_02 #banner03 p.ban1 {width:143px; height:166px; position:relative; float:left;z-index:3;}
div#wrap #container #contents_02 #banner03 p.ban2 {width:143px; height:166px; position:relative; float:left;z-index:1;}


div#wrap #footer {width:1200px; height:78px; margin-top:0px; position:relative;}
div#wrap #footer #footer01 {position:relative;width:300px;height:20px;.top:50px; top:20px;left:840px;}
div#wrap #header #footer01 p.but {float:left;width:50px;padding-right:22px; top:20px;z-index:6;}

