html,body {
	min-width:100%;
	height:100%;
}
html{
	background:url(../image/background.gif) repeat 0 0;
	position:relative;
}	
body{ background:url(../image/backgroundTop.jpg) repeat-x 0 0; }

.wrapper{
	width:900px;
	margin:0 auto;	
}

/*--------------------------------------------------------------------------------------------------------*/
/*-ヘッダー-----------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/

h1 a{
	display:block;
	font-size:12px;
	color:yellow;
	background:url(../image/headerH1Icon.gif) no-repeat 0 center;
	padding:5px;
	text-indent:1em;
	margin-left:10px;
}


#header{
	background:url(../image/headerBG.png) no-repeat 10px bottom;
	width:100%;
	position:relative;
}
#header a.logo{
	display:block;
	float:left;
	margin-left:10px;
}
#header img#headerQR{
	display:block;
	float:right;
	margin-right:-20px;
	margin-top:15px;
}
#header ul li{
	display:block;
	position:absolute;
	top:10px;
}
#header ul li a{
	display:block;
	height:60px;
	overflow:hidden;	
}
#header ul li a:hover img{ margin-top:-60px; }

#header ul li#headerBookmark{ left:610px; }
#header ul li#headerInquiry{ left:673px; }

/*-オマケ-----------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
p#terop{
	background:url(../image/headLineBG.png) no-repeat 0 0;	
	padding:10px 15px;
}



/*--------------------------------------------------------------------------------------------------------*/
/*-メイン-----------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
#Container{
	margin-top:10px;
	width:880px;
	padding:10px;
	background:white;
	padding-bottom:140px;
}

#mainContainer{
	width:670px;
	float:right;
}

#footerCBtn{ margin-top:20px; }
#footerCBtn ul{
	 margin-top:10px;
}
#footerCBtn ul li{
	display:block;
	float:left;
	width:219px;
	height:120px;
	margin-bottom:5px;
	overflow:hidden;
}
#footerCBtn ul li.middle{ margin:0 5px 5px 5px; }

#footerCBtn ul li:hover a{
	display:block;
	margin-top:-120px;	
}

/*--------------------------------------------------------------------------------------------------------*/
/*-サイドコンテナ-----------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
#sideContainer{
	float:left;
	width:200px;
}



#mainMenu{
	background:url(../image/sideMainBG.png) no-repeat 0 0;
	width:194px;
	height:330px;
	margin-left:-34px;
	padding:10px 0 0 40px;
	margin-bottom:15px;
}
#mainMenu li{
	display:block;
	margin-bottom:1px;
	line-height:0;
	font-size:1%;
}
#mainMenu li a{
	display:block;
	height:44px;
	overflow:hidden;
}
#mainMenu li a:hover img{ margin-top:-44px; }



#otherLinks li{
	display:block;
	overflow:hidden;
	margin-bottom:5px;
}

li#sideLogin{ height:211px; }  li#sideLogin a:hover img{ margin-top:-211px; }
li.SSbtn{ height:58px;}  li.SSbtn a:hover img{ margin-top:-58px; }
li#sideMailmaga{ height:87px; margin-top:-10px; } li#sideMailmaga a:hover img{ margin-top:-87px; }



li#sideRecruit{
	width:209px;
	height:324px;
}
li#sideRecruit a:hover img{ margin-top:-324px; }
li.skype{
	margin-top:-5px;
	height:34px;
	text-align:center;
	padding-top:182px;
	font-size:16px;
	font-weight:bolder;
	color:#28aede;
}
li#onLine{ background:url(../image/sideMenu_Skype.gif) no-repeat 0 0; }
li#offLine{ background:url(../image/sideMenu_Skype.gif) no-repeat 0 bottom; }

a#sideMobile{
	display:block;
	overflow:hidden;
	height:141px;
	width:222px;
	margin-left:-22px;
	margin-bottom:10px;	
}
a#sideMobile:hover img{ margin-top:-141px; }
a#sideBookMark{
	display:block;
	overflow:hidden;
	height:37px;
}
a#sideBookMark:hover img{ margin-top:-37px; }





ul#outLink{
	margin-top:20px;
	padding-top:10px;
	border-top:1px solid #cccccc;
	text-align:center;	
}
ul#outLink li{
	display:block;
	margin-bottom:10px;	
}







/*--------------------------------------------------------------------------------------------------------*/
/*-フッター-----------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
#footer{
	width:100%;
	background:url(../image/footerBG.png) repeat-x 0 0;	
	height:100px;
	padding-top:118px;
	z-index:30;
	margin-top:-118px;
}
#footer ul{
	text-align:center;
	margin-bottom:28px;
}
#footer ul li a{
		font-size:12px;
		color:white;
		margin:0 5px;
}
#footer ul li a:hover{ text-decoration:underline; }
address{
	text-align:center;
	font-size:12px;
	font-weight:normal;
	color:yellow;
	background:#ff3e5f;
	padding:5px;
}
#footer p{
	background:#ff3e5f;	
	margin-top:10px;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	padding:5px;
}
#footer ul:first-child {
	margin-bottom:0;
}



/*--------------------------------------------------------------------------------------------------------*/
/*-その他共有クラス---------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/

.scrollArea{
	overflow:auto;
	height:100%;
}

.pager{
	border-top:1px dotted #9e999d;
	text-align:center;
	font-size:12px;
	padding:5px;
	color:#999999;
}
.pager a{ color:#ff3366; }
.pager a:hover{ color:#FC3; }



////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$('slideshow').style.display='none';
$('wrapper').style.display='block';
var slideshow=new TINY.slideshow("slideshow");
window.onload=function(){
	slideshow.auto=true;
	slideshow.speed=5;
	slideshow.link="linkhover";
	slideshow.info="information";
	slideshow.thumbs="slider";
	slideshow.left="slideleft";
	slideshow.right="slideright";
	slideshow.scrollSpeed=4;
	slideshow.spacing=5;
	slideshow.active="#fff";
	slideshow.init("slideshow","image","imgprev","imgnext","imglink");
}

