* {
	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;
}


#wrapper {
	width					: 950px;
	margin				: 0 auto;
}

/* header */

#header {
	height				: 85px;
}

#header #logo {
	width					: 245px;
	padding-top			: 32px;
	float					: left;
}

#header table {
	float					: right;
	margin-top			: 40px;
}

#header table td {
	padding-left		: 15px;
	font-size			: 75%;
}

#header table td a {
	text-decoration	: none;
	padding-left		: 10px;
	padding-right		: 12px;
	color					: #666;
	background			: url(../images/icon_head_link.jpg) no-repeat right 2px;
}

/* gloNavi */

#gloNavi li {
	list-style			: none;
	float					: left;
}

#gloNavi .memberEnglish {
	text-align			: center;
	padding-top			: 10px;
}

#gloNavi .memberEnglish a {
	padding-right			: 20px;
}

/* contents */

#contents {
	padding					: 10px;
}

#contents .catch {
	height					: 25px;
	font-size				: 90%;
	color						: #8FBFC2;
}

/* main */

#main {
	width						: 650px;
	float						: left;
}

#main .topicsPickup {
	background				: url(../images/topic_bg.jpg) no-repeat left bottom #fff;
	padding					: 10px;
	width						: 620px;
}

#main .topicsPickup table {
	background				: #ddd;
	width						: 620px;
	margin-bottom			: 5px;
}

#main .topicsPickup td ,#main .topicsPickup th {
	background				: #fff;
	text-align				: left;
	font-size				: 75%;
	padding					: 5px;
}

#main .topicsPickup td {
	width						: 33%;
}

#main .topicsPickup td div {
	float						: right;
	width						: 120px;
}

#main .topicsPickup td div a {
	text-decoration		: none;
	font-weight				: bold;
	color						: #15534A;
}

.topics {
	border					: 1px solid #ddd;
	margin-bottom			: 5px;
	padding					: 5px;
	height					: 200px;
	background				: #fff;
	width						: 610px;
}

.topics dl {
	border-bottom			: 1px solid #ddd;
	padding-bottom			: 5px;
	margin-bottom			: 5px;
	font-size				: 75%;
}

.topics dt {
	width						: 110px;
	float						: left;
	color						: #5B8680;
	font-weight				: bold;
}

.topics dd {
	width						: 470px;
	float						: left;
}

.chishiki {
	background				: #fff;
	width						: 610px;
	padding					: 5px;
	height					: 125px;
	overflow					: hidden;
}


/* side */

#side {
	width						: 268px;
	float						: right;
}

#side .sidebox {
	background				: #EFEFEF;
	padding					: 5px;
	margin-bottom			: 5px;
}

#side .sidebox2 {
	background				: #A0C7CC;
	padding					: 5px;
	margin-bottom			: 5px;
}

.sidebox .sideContent{
	padding					: 5px 0;
	background				: #fff;
}

.sidebox2 .sideContent {
	padding					: 5px 0;
	background				: #fff;
	margin-bottom : 5px;
	min-height : 85px;
}

.sidebox2 .sideContent:last-child {
	margin-bottom : 0px;
}


.sideContent a {
	text-decoration		: none;
	color						: #666;
}

.sideTxt {
	padding					: 5px;
	font-size				: 75%;
}

.sideTxt a.bgArrow {
	display					: block;
	padding					: 2px 15px 2px 4px;
	background				: url(../images/link_arrow.jpg) no-repeat right top;
}

.sideTxt a:hover.bgArrow {
	color						: #fff;
	background				: url(../images/link_arrow_on.jpg) no-repeat right top #15544b;
}

.sideEvent {
	font-size				: 75%;
	border-top				: 1px solid #ddd;
	padding					: 3px 0;
}

.sideEvent strong {
	color						: #5B8680;
}

/* footer */

#footer {
	margin-top				: 10px;
	height					: 20px;
	background				: #8FBFC2;
	padding					: 10px;
}

.footerContents {
	width						: 950px;
	text-align				: right;
	color						: #fff;
	font-size				: 75%;
	margin					: 0 auto;
	background				: url(../images/copyright.jpg) no-repeat;
}

.footerContents a {
	color						: #fff;
	text-decoration		: none;
}


/* slideshow */
div#slideshow {
	width: 650px; height: 320px;
	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */
	position: relative; z-index: 5;
}

div#slideshow ul#slides {
		list-style: none;
}

div#slideshow ul#slides li {
	margin: 0 0 20px 0;
}

/* custom scroll */

/* content block 1 */
#mcs_container{width:600px; height:180px; padding:0 10px;}
#mcs_container .customScrollBox{position:relative; height:100%; overflow:hidden;}

#mcs_container .customScrollBox .container{position:relative; width:590px; top:0; float:left;}
#mcs_container .customScrollBox .content{clear:both;}

#mcs_container .dragger_container{position:relative; width:9px; height:180px; float:left; background:#ddd; cursor:pointer; cursor:s-resize;}
/* 
#mcs_container .dragger{position:absolute; width:9px; height:40px; background:#5b867f; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer;}
 */

#mcs_container .dragger_pressed{position:absolute; width:9px; margin-left:-1px; height:60px; background:#5b867f; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:s-resize;}

#mcs_container .customScrollBox{position:relative; height:100%; overflow-y:scroll;}

/* content block 1 */
#mcs2_container{width:600px; height:180px; padding:0 10px;}
#mcs2_container .customScrollBox{position:relative; height:100%; overflow-y:scroll;}


/* content block 5 */
#mcs5_container{margin:0; width:620px; height:90px;}
#mcs5_container .customScrollBox{position:relative; width:570px; overflow:hidden; float:left;}
#mcs5_container .customScrollBox .horWrapper{position:relative; left:0;}
#mcs5_container .customScrollBox .container{position:relative; left:0; display:inline-block; *display:inline;}
#mcs5_container .customScrollBox .content{clear:both;}
#mcs5_container .customScrollBox .content p{padding:5px; margin:0 5px;}
#mcs5_container .customScrollBox .content p img{margin-right:5px;}
#mcs5_container .dragger_container{display:none;}
#mcs5_container .dragger{display:none;}
#mcs5_container .dragger_pressed{display:none;}
#mcs5_container .scrollDownBtn{ display:block; float:left; width:15px; margin-top:20px; margin-left:5px;}
#mcs5_container .scrollUpBtn{ display:block; float:left; width:15px; margin-top:20px; margin-right:5px}
#mcs5_container .scrollUpBtn:hover,#mcs5_container .scrollDownBtn:hover{color:#fff;}

/* content block 8 */
#mcs8_container{margin:0; width:620px; height:90px;}
#mcs8_container .customScrollBox{position:relative; width:570px; overflow:hidden; float:left;}
#mcs8_container .customScrollBox .horWrapper{position:relative; left:0;}
#mcs8_container .customScrollBox .container{position:relative; left:0; display:inline-block; *display:inline;}
#mcs8_container .customScrollBox .content{clear:both;}
#mcs8_container .customScrollBox .content p{padding:5px; margin:0 5px;}
#mcs8_container .customScrollBox .content p img{margin-right:5px;}
#mcs8_container .dragger_container{display:none;}
#mcs8_container .dragger{display:none;}
#mcs8_container .dragger_pressed{display:none;}
#mcs8_container .scrollDownBtn{ display:block; float:right; width:15px; margin-top:20px; margin-left:5px;}
#mcs8_container .scrollUpBtn{ display:block; float:left; width:15px; margin-top:50px; margin-right:5px}
#mcs8_container .scrollUpBtn:hover,#mcs5_container .scrollDownBtn:hover{color:#fff;}

#mcs8_container li {
	list-style : none;
	width : 190px;
	float : left;
	border : 1px solid #ddd;
	height : 70px;
	font-size : 12px;
	padding : 5px;
}

#mcs8_container li div a {
	text-decoration		: none;
	font-weight				: bold;
	color						: #15534A;
}