@charset "utf-8";

/*
-----------------------------------------------------
CSS Skin Settings
Version: 2008.07/08
-----------------------------------------------------
*/

/* = body
----------------------------------------------- 
*/

#header {
	width: 100%;
	min-width: 700px;
	height: 262px;
	position: fixed;
	_position: absolute;
	top: 0px;
	left: 0px;
	background: url("../images/bg.jpg") repeat-x;
	z-index: 2;
}

#container {
	width: 100%;
	min-width: 700px;
	padding-bottom: 30px;
	z-index: 1;
	_overflow: auto;
}


/* = #header
----------------------------------------------- 
*/

#BasicInformation {
	position: absolute;
	top: 15px;
	right: 10px;
	text-align: right;
}

h1 {
	position: absolute;
	top: 138px;
	left: 19px;
}

#control {
	width: 400px;
	height: 19px;
	position: absolute;
	top: 245px;
	right: 5px;
}

#control li {
	float: left;
	margin-left: 20px;
}

#control li img {
	cursor: pointer;
}

#sound {
	width: 160px;
	height: 22px;
	position: absolute;
	top: 76px;
	right: 5px;
}


/* = #container
----------------------------------------------- 
*/

#catch {
	width: 100%;
	height: 262px;
}

#main {
	margin: 27px 0px;
}

#main .contentslist {
	clear: both;
	margin-bottom: 9px;
}


/* = menu top
----------------------------------------------- 
*/

#menu01, #menu02, #menu03, #menu04, #menu05 {
	height: 14px;
	border: none;
	padding: 3px 0px;
	cursor: pointer;
}

#menu01 {
	background: url("../images/bg_menu01.jpg") left center repeat-x;
}

#menu02 {
	background: url("../images/bg_menu02.jpg") left center repeat-x;
}

#menu03 {
	background: url("../images/bg_menu03.jpg") left center repeat-x;
}

#menu04 {
	background: url("../images/bg_menu04.jpg") left center repeat-x;
}

#menu05 {
	background: url("../images/bg_menu05.jpg") left center repeat-x;
}

#menu01:after, #menu02:after, #menu03:after, #menu04:after, #menu05:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #menu01, * html #menu02, * html #menu03, * html #menu04, * html #menu05 {
	height: 1em;
	overflow: visible;
}
/**/


/* = menu second
----------------------------------------------- 
*/

#menu1 {
	background: url("../images/menu01b.jpg") 22px 0px no-repeat;
}

#menu2 {
	background: url("../images/menu02b.jpg") 22px 0px no-repeat;
}

#menu3 {
	background: url("../images/menu03b.jpg") 22px 0px no-repeat;
}

#menu4 {
	background: url("../images/menu04b.jpg") 22px 0px no-repeat;
}

#menu5 {
	background: url("../images/menu05b.jpg") 22px 0px no-repeat;
}

#menu1, #menu2, #menu3, #menu4, #menu5 {
	padding-left: 48px;
	overflow: hidden;
}

#menu1:after, #menu2:after, #menu3:after, #menu4:after, #menu5:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #menu1, * html #menu2, * html #menu3, * html #menu4, * html #menu5 {
	height: 1em;
	overflow: visible;
}
/**/

#menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li {
	float: left;
	margin: 0px 50px 0px 14px;
}

#menu1 a:link, #menu2 a:link, #menu3 a:link, #menu4 a:link, #menu5 a:link, #menu1 a:visited, #menu2 a:visited, #menu3 a:visited, #menu4 a:visited, #menu5 a:visited, #menu1 a:active, #menu2 a:active, #menu3 a:active, #menu4 a:active, #menu5 a:active, #menu1 a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu5 a:hover {
	display: block;
	padding: 0px 3px 5px;
}

.linktext {
	cursor: pointer;
}


/* = menu third
----------------------------------------------- 
*/

#c11menu, #c21menu, #c23menu, #c31menu, #c32menu {
	margin: 10px 0px;
	padding-left: 62px;
	overflow: hidden;
	background-repeat: repeat-x;
	background-position: left center;
}

#c11menu li, #c21menu li, #c23menu li, #c31menu li, #c32menu li {
	float: left;
	margin-right: 50px;
}

#c11menu:after, #c21menu:after, #c23menu:after, #c31menu:after, #c32menu:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #c11menu, * html #c21menu, * html #c23menu, * html #c31menu, * html #c32menu {
	height: 1em;
	overflow: visible;
}
/**/

#c11menu {
	background-image: url("../images/bg_menu01.jpg");
}

#c21menu, #c23menu {
	background-image: url("../images/bg_menu02.jpg");
}

#c31menu, #c32menu {
	background-image: url("../images/bg_menu03.jpg");
}

.linktext2 {
	cursor: pointer;
}


/* = contents list
----------------------------------------------- 
*/

.lists li {
	margin: 15px 0px;
}

.lists li p {
	padding-left: 76px;
}

.lists li p.basic {
	padding-left: 85px;
}

.lists li p.img1 {
	margin: 7px 0px 22px 76px;
	padding: 0px 9px;
}

.lists li p.img2 {
	margin: 7px 0px 15px 76px;
	padding: 0px 9px;
	background: #010341 url("../images/bg_img2.jpg") no-repeat;
}

.lists li p.imgeco {
	height: 40px;
	margin: 7px 0px 15px 0px;
	padding: 0px 0px 0px 22px;
	background: #070707 url("../images/news/bg_eco.jpg") repeat-x -34px 0px;
}


/* = contents list2
----------------------------------------------- 
*/

div.outline {
	padding: 7px 0px 0px 0px;
}

div.outline p {
	padding: 0px 0px 0px 76px;
}

div.outline p.exul {
	padding: 10px 0px 0px 76px;
}

div.outline ul {
	padding: 0px 0px 0px 76px;
}

div.outline ul li {
	list-style-type: disc;
	margin-left: 15px;
}

.noconstruction {
	padding: 0px 0px 0px 76px;
	margin: 15px 0px 0px;
}

.explain {
	padding: 0px 0px 0px 76px;
	margin: 15px 0px 0px;
}


/* = contents list3
----------------------------------------------- 
*/

.dtplists li {
	margin: 15px 0px;
	padding: 5px 0px;
	background-color: #070707;
}

.dtplists li p {
	padding-left: 76px;
}

ul.dtpimg {
	height: 110px;
	padding: 0px 0px 0px 76px;
}

.dtpimg li {
	float: left;
	margin: 0px;
	padding: 8px 25px 5px 0px;
}


/* = contents list2
----------------------------------------------- 
*/

.lists2 li {
	padding-left: 90px;
	margin: 5px 0px;
}


/* = initialization
----------------------------------------------- 
*/

.structurizing {
	display: none;
}

#menu1 {
	display: none;
}

#menu2 {
	display: none;
}

#menu3 {
	display: none;
}

#menu4 {
	display: none;
}

#menu5 {
	display: none;
}

#contents01 {
	display: none;
}

#contents02 {
	display: none;
}

#contents03 {
	display: none;
}

#contents04 {
	display: none;
}

#contents05 {
	display: none;
}

#contents11 {
	display: none;
}

#contents12 {
	display: none;
}

#contents13 {
	display: none;
}

#contents14 {
	display: none;
}

#contents21 {
	display: none;
}

#contents22 {
	display: none;
}

#contents23 {
	display: none;
}

#contents24 {
	display: none;
}

#contents31 {
	display: none;
}

#contents32 {
	display: none;
}

#contents41 {
	display: none;
}

#contents42 {
	display: none;
}

#contents51 {
	display: none;
}

#contents52 {
	display: none;
}

#contents53 {
	display: none;
}

#c11c1 {
	display: none;
}

#c11c2 {
	display: none;
}

#c11c3 {
	display: none;
}

#c12c1 {
	display: none;
}

#c12c2 {
	display: none;
}

#c12c3 {
	display: none;
}

#c21c1 {
	display: none;
}

#c21c2 {
	display: none;
}

#c23c1 {
	display: none;
}

#c23c2 {
	display: none;
}

#c31c1 {
	display: none;
}

#c31c2 {
	display: none;
}

#c32c1 {
	display: none;
}

#c32c2 {
	display: none;
}