@charset "utf-8";
/* トップページにのみ反映されます */

/*------------------------------------------------------------

	index.css
	2010.02.19 last update

	01.レイアウト
	02.見出し
	03.画像切替
	
	更新履歴------------------------------------------
	XX.XX.XXs

------------------------------------------------------------*/

/*------------------------------------------------------------

	レイアウト

------------------------------------------------------------*/

#contentsChildwrap{
	float:left;
	width:770px;
}

#main-col{
	width:560px;
}

#right-col{
	float:right;
	width:200px;
}

.banner{
	margin: 0 0 10px;
}

#left-col .banner{
	margin:10px 0 0;
}

/*------------------------------------------------------------

	見出し

------------------------------------------------------------*/

h3{
	display:block;
	width:560px;
	height:45px;
	text-indent:-10000px;
}

/*------------------------------------------------------------

	画像切替

------------------------------------------------------------*/

#image-box{
	width: 980px;
	margin: 20px auto;
	padding: 0;
	background: #FFF;	
	

}

h2 {
margin: 0;	
padding: 10px 0 0 0;
font-size: 16px;
text-transform: uppercase;
line-height:2em;
font-weight:bold
}

ul#tabs li p{
	margin:0;
	padding:0;
	text-align:left;
}

div#feature_list {
width: 980px;
height: 240px;
overflow: hidden;
position: relative;
}

div#feature_list ul {
position: absolute;
top: 0;
list-style: none;	
padding: 0;
margin: 0;
}



ul#tabs {
left: 0;
z-index: 2;
width: 200px;
}

ul#tabs li {
font-size: 12px;
font-family: Arial;
}
		


ul#tabs li a {
color: #222;
text-decoration: none;	
display: block;
padding: 10px;
background:#DEF;
height: 60px;
outline: none;
}

ul#tabs li a:hover {
text-decoration: underline;
}

ul#tabs li a.current {
background:#09C;
color: #FFF;
}

ul#tabs li a.current:hover {
text-decoration: none;
cursor: default;
}

ul#output {
left:-190px;
width: 780px;
height: 240px;
position: relative;
}

html>body ul#output{
	left:200px;
	}
	
*:first-child+html ul#output {
	left:-190px;

}



ul#output li {
position: absolute;
width: 780px;
height: 240px;
}

	


.cell-shift{
	width:550px;
	height:310px;
	margin:10px auto;
	overflow:auto;
}

.cell-shift table{
	background:#FFF;
}
