@charset "UTF-8";
@import url(common.css);


#contents_bg {
	float : left;
	background : #ABD3EF url(../images/EXPO2008logo_kai_2.3.gif) no-repeat;
	/* Y:7355px */
	width : 1000px;
	height : auto;
	border : none;
	padding-bottom : 0px;
}

#cloud {
	position : absolute;
	background : url(../images/simakumo01.gif) no-repeat;
	width : 360px;
	height : 245px;
	top : 50px;
	right : 25px;
	bottom : auto;
	left : auto;
	border : none;
	z-index : 0;
}

#contents_bg a:link, #contents_bg a:visited, #contents_bg a:hover, #contents_bg a:active {
	text-decoration : none;
}


/* Header MODOKI setting 
---------------------------------- */

#header {
	width : auto;
	height : 200px;
	background : transparent;
}


/* Navi extension 
---------------------------------- */

#contents_bg #navi {
	position : relative;
	top : 0px;
	left : 0px;
	width : 1000px;
	height : auto;
	z-index : 10;
}


/* Contents setting 
---------------------------------- */
.cobaco {
	float : left;
	width : 160px;
	height : 190px;
	margin : 10px 25px 30px 25px;
	_margin : 20px 18px 0px 18px;
}

.cobaco img {
	width : 160px;
	height : 120px;
	background : transparent;
	margin-bottom : 3px;
}

h2 {
	font-size : 200%;
	width : 400px;
	height : 50px;
	margin-bottom : 5px;
}

#page {
	position : relative;
	width : 450px;
	height : auto;
	top : 11px;
	_top : 40px;
	bottom : 0px;
	margin : 0 auto;
	/* margin-top : 0px;
	margin-bottom : 0px; */
	text-align : center;
	white-space : nowrap;
	clear : both;
	font-size : 10pt;
}

#page a:link, #page a:visited, #page a:hover, #page a:active {
	font-size : 10pt;
	text-decoration : underline;
}


/* Archive contents setting 
---------------------------------- */

#arc_box {
	position : relative;
	background : transparent;
	width : 900px;
	height : auto;
	top : 45px;
	left : auto;
	margin : 0 auto;
	margin-bottom : 0px;
	_margin-bottom : 80px;
	padding : 0px 20px 0px 20px;
	border : no-border;
}

/* Sub menubar setting */
#arc_menu {
	float : left;
	background : #BBBBBB;
	width : 160px;
	height : auto;
	top : auto;
	left : 10px;
	margin : 0px;
	padding : 0px;
	border-top : #DDDDEE 1px solid;
	border-left : #DDDDEE 1px solid;
	border-right : #DDDDEE 1px solid;
	text-align : center;
	z-index : 2;
}

#arc_menu ul li {
	font-size : 12px;
	padding : 0px;
	list-style : none;
	border : 0px;
	border-right : #DDDDEE 8px solid;
	border-bottom : #DDDDEE 1px solid;
}

#arc_menu ul li a {
	text-decoration : none;
	padding : 15px;
	display : block;
}

#arc_menu ul li a:hover {
	color : #F15A22;
	background : #CCCCCC;
}


/* Archive main setting */
#arc_main {
	float : right;
	background : transparent;
	width : 630px;
	height : 750px;
	top : auto;
	left : auto;
	margin : 0px 0px 150px 3px;
	_margin : 0px 0px 0px 3px;
	padding : 25px 30px 50px 30px;
	border : 1px solid #DDDDEE;
}

#arc_main_bg {
	position : absolute;
	background : #FFFFFF;
	width : 631px;
	height : 751px;
	top : 270px;
	left : 258px;
	margin-bottom : 150px;
	_margin-bottom : 0px;
	padding : 25px 30px 50px 30px;
	filter: alpha(opacity=20);
	-moz-opacity : 0.2;
	opacity : 0.2;
	z-index : 0;
}

#arc_main h2#archive_title {
	background : url(../images/arc.gif) no-repeat;
	text-indent : -9999px;
	width : 508px;
}

/* Unit version */
#unit_main {
	float : right;
	background : transparent;
	width : 630px;
	height : 980px;
	top : auto;
	left : auto;
	margin : 0px 0px 150px 3px;
	_margin : 0px 0px 0px 3px;
	padding : 25px 30px 50px 30px;
	border : 1px solid #DDDDEE;
}

#unit_main_bg {
	position : absolute;
	background : #FFFFFF;
	width : 631px;
	height : 981px;
	top : 270px;
	left : 258px;
	margin-bottom : 150px;
	_margin-bottom : 0px;
	padding : 25px 30px 50px 30px;
	filter: alpha(opacity=20);
	-moz-opacity : 0.2;
	opacity : 0.2;
	z-index : 0;
}

#unit_main h2 {
	width : 600px;
}

#unit_main h2#a_title {
	background : url(../images/unit_a.gif) no-repeat;
	text-indent : -9999px;
}

#unit_main h2#b_title {
	background : url(../images/unit_b.gif) no-repeat;
	text-indent : -9999px;
}

#unit_main h2#c_title {
	background : url(../images/unit_cd.gif) no-repeat;
	text-indent : -9999px;
	width : 610px;
	height : 90px;
}

#unit_main h2#d_title {
	background : url(../images/unit_d.gif) no-repeat;
	text-indent : -9999px;
}

#unit_main h2#dc_title {
	background : url(../images/communication.gif) no-repeat;
	/* background : url(../images/communication_corp.gif) no-repeat; */
	text-indent : -9999px;
}

#unit_main h2#dc_u_title {
	background : url(../images/communication_univer.gif) no-repeat;
	text-indent : -9999px;
}

#unit_main h2#info_title {
	background : url(../images/station.gif) no-repeat;
	text-indent : -9999px;
}

#unit_main h2#sonota_title {
	background : url(../images/sonota.gif) no-repeat;
	text-indent : -9999px;
}

/* banner width="150" height="39" */
/* CM contents setting 
---------------------------------- */

#cm_main {
	position : relative;
	background : transparent;
	width : 840px;
	height : 500px;
	top : 45px;
	left : auto;
	margin : 0 auto;
	margin-bottom : 150px;
	padding : 25px 30px 50px 30px;
	border : #DDDDEE 1px solid;
}

#cm_main_bg {
	position : absolute;
	background : #FFFFFF;
	width : 840px;
	height : 500px;
	top : 270px;
	left : 50px;
	margin-bottom : 150px;
	padding : 25px 30px 50px 30px;
	filter: alpha(opacity=20);
	-moz-opacity : 0.2;
	opacity : 0.2;
}

#cm_main h2 {
	background : url(../images/cm.gif) no-repeat;
	text-indent : -9999px;
}


/* Movie page setting 
---------------------------------- */

#movie_main {
	position : relative;
	background : transparent;
	width : 840px;
	height : 400px;
	top : 45px;
	left : auto;
	margin : 0 auto;
	margin-bottom : 130px;
	padding : 50px 30px 30px 30px;
	border : 1px solid #DDDDEE;
}

#movie_main_bg {
	position : absolute;
	background : #FFFFFF;
	width : 840px;
	height : 400px;
	top : 270px;
	_top : 270px;
	left : 50px;
	margin-bottom : 130px;
	padding : 50px 30px 30px 30px;
	filter: alpha(opacity=20);
	-moz-opacity : 0.2;
	opacity : 0.2;
	z-index : 0;
}

#movie_main h1 {
	font-size : 200%;
}

#movie_main hr {
	color : #888;
	padding : 0px;
}

#movie_main #presentBox {
	position : relative;
	width : 700px;
	height : 390px;
	margin : 0 auto;
}

#presentBox #movie {
	float : left;
	width : 330px;
	height : 300px;
	margin : 20px 5px 20px 15px;
	_margin : 20px 5px 20px 10px;
}

#presentBox #comment {
	float : right;
	width : 300px;
	height : 200px;
	margin : 50px 15px 20px 5px;
	_margin : 50px 10px 20px 5px;
	background : transparent;
	_font-size : 10pt;
}

/* サンプル用 */
#movie img {
	width : 320px;
	height : 260px;
}