* {

	margin		: 0;

	padding		: 0;

}



#wrapper {

	width			: 910px;

	padding		: 0 20px;

	margin		: 0 auto;

}



* {

	margin				: 0;

	padding				: 0;

}



span.cl {

	display				: block;

	clear					: both;

	height				: 1px;

	overflow				: hidden;

}



.center {

	text-align			: center;

}



.right {

	text-align			: right;

}



.imLeft {

	float					: left;

	padding-right		: 5px;

}



.imRight {

	float					: right;

	padding-left		: 5px;

}



a img {

	border				: 0;

}



body {

	background			: url(../images/main_bg.jpg) repeat-x;

	font-family			: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

}







#topContent {

	background			: url(../images/top_img.jpg) no-repeat;

	width					: 910px;

	height				: 470px;

	margin-bottom		: 30px;

}



.menu {

	width					: 217px;

	background			: url(../images/menu_bg.jpg) no-repeat right #fff;

	padding-top			: 140px;

	height				: 330px;

}





#footer {

	margin-top				: 10px;

	height					: 20px;

	background				: #a2bbb8;

	padding					: 10px;

}



.footerContents {

	width						: 950px;

	text-align				: right;

	color						: #fff;

	font-size				: 75%;

	margin					: 0 auto;

	background				: url(../images/footer.jpg) no-repeat;

}



.footerContents a {

	color						: #fff;

	text-decoration		: none;

	padding-right			: 10px;

}









.boxgrid{ 

	width: 910px; 

	height: 470px; 

	overflow: hidden; 

	position: relative; 

	margin-bottom	: 30px;

}

.boxgrid .cover{ 

		position: absolute; 

		top: 0; 

		left: 0; 

		border: 0; 

}





/* 2nd */

.mainContent {

	margin-top	: 45px;

	margin-bottom	: 30px;

}



.mainContent p {

	margin-bottom	: 15px;

	font-size		: 75%;

}



.subMenu {

	margin			: 40px 0;

}





.contentMenu {

	margin			: 10px 0;

}



.subMenu a , .contentMenu a {

	padding			: 0px 10px 0 15px;

	background		: url(../images/link_bullet.jpg) no-repeat 0 2px;

	font-size		: 75%;

	text-decoration	: none;

	font-weight		: bold;

	color				: #BFBFBF;

}



.subMenu a:hover , .subMenu a.on {

	color				: #000;

}



.main {

	width				: 600px;

	margin			: 0 auto;

	background		: url(../images/content_border.jpg) repeat-x;

	padding-top		: 10px;

}









table.normal {

	font-size		: 75%;

	margin			: 10px auto;

}





.normal th {

	padding			: 5px 15px 5px 0;

	text-align		: left;

}



.normal td {

	padding			: 5px 10px;

}



a.linkOut {

	font-weight		: bold;

	background		: url(../images/link_out.jpg) no-repeat 0 2px;

	padding-left	: 15px;

	color				: #000;

	text-decoration	: none;

}



.connectLink {

	height			: 16px;

	background		: url(../connect/images/link_bg.jpg) no-repeat;

	color				: #fff;

	text-decoration	: none;

	width				: 215px;

	padding-left	: 25px;

	padding-top		: 5px;

	padding-bottom	: 5px;

	display			: block;

	font-size		: 75%;

	margin-bottom	: 10px;

}







.leftContet {

	width				: 400px;

	float				: left;

}



.rightContent {

	width				: 490px;

	float				: right;

}















/* this makes it possible to add next button beside scrollable */

div.scrollable {

	width:520px;

	float:left;

}

/* prev, next, prevPage and nextPage buttons */

a.prev, a.next, a.prevPage, a.nextPage {



}

/* mouseover state */

/* disabled navigational button */

a.disabled {

	visibility:hidden !important;

}

/* next button uses another background image */

a.next, a.nextPage {

	background:transparent url("jquery_scrollable101/right.png") no-repeat 0 0;

	clear:right;

}

/*********** navigator ***********/

/* position and dimensions of the navigator */

div.navi {

	display	: none;

}

/* items inside navigator */

div.navi a {

	float:left;

	width:8px; height:8px;

	margin:3px;

	background:transparent url("jquery_scrollable101/navigator.png") no-repeat 0 0;

	cursor:pointer;	

}

/* mouseover state */

div.navi a:hover {

	background-position:0 -8px;

}

/* active state (current page state) */

div.navi a.active {

	background-position:0 -16px;

}



/*********** root element ***********/

/* root element for the whole scrollable setup */

.scrollable {

	position:relative;

	overflow:hidden;

	width:490px; height:240px; /* 逕ｻ蜒上?蟷?3 */

}

/* 

root element for scrollable items. It is 

absolutely positioned with large width. 

*/

#thumbs {

position:absolute;

	width:490px;

	clear:both;

}

/* custom positioning for navigational links */

a.prev, a.next {

	margin-top:175px;

}

/* single item */

#thumbs div {

	position:relative;

	width:490px; height:240px;

	color:#666;

	background:#fff;

	cursor:pointer;

	line-height:1.5;

}

/* style when mouse is over the item */





/* slideshow */

div#slideshow {

	width: 531px; height: 229px;

	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */

	position: relative; z-index: 5;

	float:right;

}



div#slideshow ul#slides {

		list-style: none;

}



div#slideshow ul#slides li {

	margin: 0 0 0px 0;

}