@charset "utf-8";
/* トップページにのみ反映されます */

#contentsChildwrap{
	float:left;
	width:750px;
}

#main-col{
	width:520px;
	
}


h3{
	width:520px;
	margin-bottom:10px;
}

/*------------------------------------------------------------

	members

------------------------------------------------------------*/

dl.members{
	width:220px;

	margin:0 0 10px;
	padding:0 0 5px;
	background:url(../images/dl_members.jpg) 0 bottom no-repeat;
}

dl.members dt{
	display:block;
	width:220px;
	height:35px;
	background:url(../images/dl_members-dt.jpg) no-repeat;
	text-indent:-10000px;
}

dl.members dd table{
	width:190px;
	margin:0 auto;
	font-size:90%;
	line-height:2em
}

dl.members dd table,
dl.members dd table th,
dl.members dd table td{
	background:none;
	padding:2px 0 3px;
}

dl.members dd table td{
	text-align:right;
}



iframe#info{
	width:500px;
	height:350px;

}

iframe{
	margin:5px auto;
}

.cell-shift iframe{
	text-align:left;
	}

.cell-shift{
	width:500px;
	height:350px;
	margin:10px auto;
	text-align:left;
	overflow:auto;
}

.cell-shift table{
	background:#FFF;
}


.cell-shift-btn{
	width:500px;
	margin:10px auto;
	background:#FFCE84;
	border:1px solid #FFC46A
}

.cell-shift-btn strong{
	display:block;
	width:500px;
	height:40px;
	background:url(../images/btn-shift.jpg) 0 -130px no-repeat;
	text-indent:-10000px;
}

ul.shift-btn{
	width:500px;
	margin:0 auto 15px;
	text-indent:-10000px;
}

ul.shift-btn li{
	float:left;
	display:block;
	width:250px;
	height:40px;
}

ul.shift-btn li a{
	display:block;
	width:220px;
	height:40px;
	margin:0 auto;
}

ul.shift-btn li.sb1{
	background:url(../images/btn-shift.jpg) 0 -15px no-repeat;
}

ul.shift-btn li.sb2{
	background:url(../images/btn-shift.jpg) -250px -15px no-repeat;
}

ul.shift-pdf{
	width:480px;
	margin:0 auto 15px;
	text-indent:-10000px;
}

ul.shift-pdf li{
	float:left;
	display:block;
	width:160px;
	height:30px;
}

ul.shift-pdf li a{
	display:block;
	width:160px;
	height:30px;
	margin:0 auto;
}

ul.shift-pdf li.sp1{
	background:url(../images/btn-shift.jpg) -10px -85px no-repeat;
}

ul.shift-pdf li.sp2{
	background:url(../images/btn-shift.jpg) -170px -85px no-repeat;
}

ul.shift-pdf li.sp3{
	background:url(../images/btn-shift.jpg) -330px -85px no-repeat;
}



/*------------------------------------------------------------

	バナーリスト 

------------------------------------------------------------*/

ul.banner-list{
	width:220px;
	text-indent:-10000px;
}

ul.banner-list li,
ul.banner-list li a{
	display:block;
	width:220px;
	height:40px;
}

ul.banner-list li{
	margin:0 0 10px;
}


ul.banner-list li.bl01 a{
	background:url(../images/banner.jpg) 0 0;
}

ul.banner-list li.bl01 a:hover{
	background:url(../images/banner.jpg) -220px 0;
}

ul.banner-list li.bl02 a{
	background:url(../images/banner.jpg) 0 -40px;
}

ul.banner-list li.bl02 a:hover{
	background:url(../images/banner.jpg) -220px -40px;
}

ul.banner-list li.bl03 a{
	background:url(../images/banner.jpg) 0 -80px;
}

ul.banner-list li.bl03 a:hover{
	background:url(../images/banner.jpg) -220px -80px;
}

ul.banner-list li.bl04 a{
	background:url(../images/banner.jpg) 0 -120px;
}

ul.banner-list li.bl04 a:hover{
	background:url(../images/banner.jpg) -220px -120px;
}

ul.banner-list li.bl05 a{
	background:url(../images/banner.jpg) 0 -160px;
}

ul.banner-list li.bl05 a:hover{
	background:url(../images/banner.jpg) -220px -160px;
}




/*------------------------------------------------------------

	画像スライド

------------------------------------------------------------*/

#imagewrap{
	width:220px;
	margin:0 auto 10px;

	background:url(../images/loader.gif) center center #000 no-repeat;
	text-align:left;
	
}

#slider {
    width: 220px; /* important to be same as image width */
    height: 255px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}



#sliderContent {
    width: 210px; /* important to be same as image width or wider */
    position: absolute;
	top: 5px;
	margin-left: 5px;
}




.sliderImage {
    float: left;
    position: relative;
	display: none;
}




.sliderImage span {
    position: absolute;
	font-size:80%;
    padding: 10px 13px;
    width: 194px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	line-height:1.6em;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}

.left {
	top: 0;
    left: 0;
	width: 175px !important;
	height: 260px;
	
}


ul { list-style-type: none;}

/*------------------------------------------------------------

	検索ボックス

------------------------------------------------------------*/

#curve{
	background:#FFCE84;
	margin:0 0 10px;
}
.searchbox{
	
	padding:5px 0 4px;
	
}

.searchbox div{
	display:block;
	padding:5px 0 5px 8px;
	font-size:120%;
	text-align:left;
	line-height:1.5em
}

input#inputarea{
	width:196px;
	margin:5px 0;
	padding:2px;
	font-size:140%;
	font-weight:bold;
	line-height:1.5em;
}

input#inputarea { 
	border: 1px solid #CCC;
	color: #999;
	font: inherit;

}

input#inputarea:focus, input#inputarea.focused 
{ border-color:#333; color: #333; }