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

h2{margin:0; padding:0; font-size:1em; line-height:0; font-weight:normal;}
h2 img{margin:0; padding:0; border:0;}
/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	/*background:#e5e5e5;*/
	height:380px;
	width:960px;
	#width:962px;
	padding:0;
	position:relative;

}

/* accordion header */
#accordion h2{
	float:left;
	cursor:pointer;
}

/* currently active header */
#accordion h2.current {
	cursor:default;
}

/* 
	accordion pane. should initially have zero width and display:none.
	the first pane should override these with inline style
*/
#accordion div {
	width:801px;
	height:380px;
	float:left;	
	display:none;		
	overflow:hidden;
}

/* content inside a pane should have fixed width */
#accordion div h3 {

}
	
#accordion div p {	

}

h2.current img.top_btn{display:none;}
.top_btn{position:absolute; left:4px; bottom:3px;}

/* pane_setting */
#accordion .pane_ph01{
	background: url("../images/html/main02_img.jpg") no-repeat 0 0;
}

#accordion .pane_ph02{
	background: url("../images/html/main03_img.jpg") no-repeat 0 0;
}

#accordion .pane_ph03{
	background: url("../images/html/main04_img.jpg") no-repeat 0 0;
}

#accordion ul {
	padding-left: 100px;
	padding-top: 320px;
}

#accordion ul li {
	float: left;
	margin-right: 10px;
}

#accordion .pane_ph01 ul {
	padding-left: 90px;
	padding-top: 320px;
	width: 632px;
	/width: 750px;/* ie6_7 */
}

#accordion .pane_ph02 ul {
	padding-left: 70px;
	padding-top: 320px;
	width: 672px;
	/width: 750px;/* ie6_7 */
}

#accordion .pane_ph03 ul {
	padding-left: 70px;
	padding-top: 320px;
	width: 672px;
	/width: 750px;/* ie6_7 */
}

#accordion .pane_ph01 ul li.pane_btn01 a {
	background: url("../images/html/pane_btn01.png") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 194px;
	height: 47px;
}

#accordion .pane_ph01 ul li.pane_btn01 a:hover {
	background: url("../images/html/pane_btn01.png") no-repeat 0 -47px;
}

#accordion .pane_ph01 ul li.pane_btn02 a {
	background: url("../images/html/pane_btn02.png") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 194px;
	height: 47px;
}

#accordion .pane_ph01 ul li.pane_btn02 a:hover {
	background: url("../images/html/pane_btn02.png") no-repeat 0 -47px;
}

#accordion .pane_ph01 ul li.pane_btn03 a {
	background: url("../images/html/pane_btn03.png") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 214px;
	height: 47px;
}

#accordion .pane_ph01 ul li.pane_btn03 a:hover {
	background: url("../images/html/pane_btn03.png") no-repeat 0 -47px;
}

#accordion .pane_ph02 ul li.pane_btn04 a {
	background: url("../images/html/pane_btn04.png") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 194px;
	height: 47px;
}

#accordion .pane_ph02 ul li.pane_btn04 a:hover {
	background: url("../images/html/pane_btn04.png") no-repeat 0 -47px;
}

#accordion .pane_ph02 ul li.pane_btn05 a {
	background: url("../images/html/pane_btn05.png") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 214px;
	height: 47px;
}

#accordion .pane_ph02 ul li.pane_btn05 a:hover {
	background: url("../images/html/pane_btn05.png") no-repeat 0 -47px;
}

#accordion .pane_ph02 ul li.pane_btn06 a {
	background: url("../images/html/pane_btn06.png") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 234px;
	height: 47px;
}

#accordion .pane_ph02 ul li.pane_btn06 a:hover {
	background: url("../images/html/pane_btn06.png") no-repeat 0 -47px;
}

#accordion .pane_ph03 ul li.pane_btn07 a {
	background: url("../images/html/pane_btn07.png") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 214px;
	height: 47px;
}

#accordion .pane_ph03 ul li.pane_btn07 a:hover {
	background: url("../images/html/pane_btn07.png") no-repeat 0 -47px;
}

#accordion .pane_ph03 ul li.pane_btn08 a {
	background: url("../images/html/pane_btn08.png") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 214px;
	height: 47px;
}

#accordion .pane_ph03 ul li.pane_btn08 a:hover {
	background: url("../images/html/pane_btn08.png") no-repeat 0 -47px;
}

#accordion .pane_ph03 ul li.pane_btn09 a {
	background: url("../images/html/pane_btn09.png") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 214px;
	height: 47px;
}

#accordion .pane_ph03 ul li.pane_btn09 a:hover {
	background: url("../images/html/pane_btn09.png") no-repeat 0 -47px;
}