@charset "utf-8";

/* common 
*****************************************/
body {
	margin: 0 auto;
	width: 900px;
	color: #333333;
	line-height: 1.6;
	font-family: Verdana,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
	font-size: 75%;
}

.right {
	text-align: right !important;
}

.center {
	text-align: center !important;
}
.mt00 {
	margin-top: 0 !important;
}
.mt05 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt80 {
	margin-top: 80px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.ml05 {
	margin-left: 5px !important;
}
.ml20 {
	margin-left: 20px !important;
}

.notes {
	font-size: 84% !important;
}

.color01 {
	color: #ff0000 !important;
}

.color02 {
	color: #990000 !important;
}

.pdf {
	padding: 0 0 5px 19px;
	background: url(../images/ic01.gif) no-repeat 0 0;
}

.new {
	margin-top: 0 !important;
	color: #ff0000;
	font-size: 84%;
}

.upcoming {
	margin-top: 0 !important;
	color: #ff0000;
	font-size: 84%;
}

.current {
	margin-top: 0 !important;
	color: #0000ff;
	font-size: 84%;
}

.caption {
	margin-top: 8px !important;
	font-size: 84%;
}

.displayNone {
	display: none !important;
}

.hover02 {
	background-color: #ffffff;
}

.hover02:hover img,
.hover02:hover input {
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.img02 {
	margin: 0 auto;
}

.font01 {
	font-size: 75%;
	color: #999999;
}

.moretext {
	font-size: 84%;
}

/* Link 
*****************************************/
a:link,
a:visited {
	color: #000000;
	text-decoration: none;
}
 
a:hover,
a:active {
	color: #999999;
	text-decoration: none;
}

.stay a:link,
.stay a:visited {
	color: #999999;
	text-decoration: none;
}

/* header 
*****************************************/
#header {
	margin-top: 30px;
}

#logo {
	float: left;
	width: 276px;
	margin-top: 11px;
}

.relationNavi {
	float: right;
	width: 180px;
}

.window01 {
	float: left;
	padding: 5px 5px;
	width: 108px;
	height: 13px;
	border: #dddddd solid 1px;
	font-size: inherit;
}

#contener .window01 {
	width: 208px;
}

.search01 {
	float: left;
	width: 60px;
	vertical-align: middle;
}

.screen-reader-text {
	display: none;
}

.language {
	float: left;
	width: 130px;
	margin-top: 20px;
}

.language ul {
	margin-left: 2px;
}

.language ul li {
	float: left;
	margin-right: 13px;
}

#header .btn {
	float: right;
	margin-top: 13px;
}

#globalNavi {
	margin-top: 35px;
}

#globalNavi ul li {
	float: left;
	margin-left: 48px;
	font-size: 0;
}

#globalNavi ul li:first-child {
	margin-left: 0;
}


/* main 
*****************************************/
#contents {
	margin-top: 53px;
}

#contener {
	margin-top: 55px;
}

.heading2 {
	margin-top: 50px;
	font-size: 134%;
	font-weight: bold;
}

.heading2-2 {
	margin-top: 30px;
	font-weight: bold;
}

.heading2-2:first-child {
	margin-top: 0;
}

.column {
	display: none;
	width: 900px;
	height: 570px;
	margin: 0 auto;
	text-align: center;
	font-size: 84%;
	overflow: hidden;
}

.column:first-child {
	display: block;
}

.column h2 {
	margin-top: 15px;
	font-weight: bold;
}

.column p {
	margin: 5px auto 0;
}

.wrap3 {
	width: 900px;
	overflow: hidden;
}

.wrap3.line {
	margin-top: 35px;
	border-top: #dddddd solid 1px;
}

.wrap3Inner {
	width: 930px;
}

.wrap3 .col1 {
	float: left;
	width: 280px;
	height: 215px;
	margin: 30px 30px 0 0;
	font-size: 84%;
	overflow: hidden;
}

.wrap3 .col1 h2 {
	margin-top: 10px;
	font-weight: bold;
}

.wrap3 .col1 p {
	margin-top: 5px;
}

#main {
	float: right;
	width: 700px;
}

#main02 {
	float: left;
	width: 530px;
	margin-right: 50px;
}

#main03 {
	margin-top: 20px;
}

.wrap01 {
	margin-top: 30px;
	padding-left: 9px;
	border-left: #eeeeee solid 1px;
}

.wrap01:first-child {
	margin-top: 0;
}

.imgArea01 {
	float: left;
	width: 200px;
	margin-right: 16px;
	text-align: center;
}

.textArea01 {
	float: left;
	width: 474px;
}

.textArea01 h2 {
	margin-top: 5px;
	font-weight: bold;
}

.textArea01 h2:first-child {
	margin-top: 0;
}

.textArea01 p {
	margin-top: 5px;
}

.pagination {
	margin-top: 50px;
}

#main03 .pagination {
	margin-top: 0;
}

.pagination ul {
	text-align: center;
}

.pagination ul li {
	margin-left: 5px;
	display: inline-block;
	background-color: #ffffff;
}

*:first-child+html .pagination ul li {
	display: inline;
}

.pagination ul li a {
	display: inline-block;
	padding: 2px 7px;
	border: #dddddd solid 1px;
	background-color: #ffffff;
}

*:first-child+html .pagination ul li a {
	display: inline;
}

.pagination ul li span {
	display: inline-block;
	padding: 2px 7px;
	border: #373737 solid 1px;
	background-color: #373737;
	color: #ffffff;
}

*:first-child+html .pagination ul li span {
	display: inline;
}

.pagination a:hover,
.pagination a:active {
	border: #373737 solid 1px;
	background-color: #373737;
	color: #ffffff;
}

.list01 {
	float: right;
	width: 460px;
}

.list01 li {
	float: left;
	width: 230px;
	margin-bottom: 5px;
}

.list02 {
	margin-left: 18px;
}

*:first-child+html .list02 {
	margin-left: 25px;
}

.list02 li {
	margin-top: 10px;
	list-style: decimal outside;
	font-size: 84%;
}


.gallery {
	margin-top: 4px;
}

.gallery li {
	float: left;
	width: 70px;
	margin: 0 5px 0 0;
}

#aside02 .gallery li {
	font-size: 0;
	margin: 5px 5px 0 0;
}

.gallery li p.caption01 {
	margin-bottom: 5px;
	border-bottom: #eeeeee solid 1px;
}

#main03 .gallery {
	width: 900px;
	overflow: hidden;
}

#main03 .gallery ul {
	width: 930px;
}

#main03 .gallery li {
	float: left;
	width: 100px;
	height: 130px;
	margin: 15px 30px 0 0;
}

#main03 .gallery li p.caption01 {
	height: 19px;
	overflow: hidden;
}

.imgArea02 {
	float: left;
	width: 90px;
	margin: 10px 15px 0 0;
	text-align: center;
}

.textArea02 {
	float: left;
	width: 200px;
	margin-top: 10px;
	font-size: 75%;
}

.textArea02 h3 {
	font-weight: bold;
}

.textArea02 p {
	margin-top: 5px;
}

.wrap2 {
	margin-top: 50px;
}

.wrap2:first-child {
	margin-top: 0;
}

.wrap2 .col1 {
	float: left;
	width: 450px;
}

.wrap2 .col1 h2 {
	font-weight:bold;
}

.wrap2 .col1 p {
	margin-top: 10px;
}

.wrap2 .col1 p:first-child {
	margin-top: 0;
}

.section {
	margin-top: 20px;
}

.section.borderBottom {
	padding-bottom: 20px;
	border-bottom: #cccccc solid 1px;
}

.section h2 {
	font-weight: bold;
}

.section p {
	margin-top: 5px;
}

.img01 {
	margin-top: 23px !important;
}

#main02 .socialBtn {
	margin: 20px 0 0 auto;
	width: 51px;
}

#main02 .socialBtn li {
	float: left;
	width: 12px;
	margin: 0 0 0 5px;
	list-style: none;
	font-size: 0;
}

/* aside 
*****************************************/
#aside {
	float: left;
	width: 200px;
}

#aside p {
	margin-bottom: 5px;
}

#aside ul li {
	margin-bottom: 5px;
}

#aside02 {
	float: left;
	width: 320px;
}

#aside02 h2 {
	margin-top: 30px;
}

#aside02 h2:first-child {
	margin-top: 0;
}

#aside02 .gallery {
	width: 220px;
	overflow: hidden;
	margin: 0 0 0 50px;
}

#aside02 .gallery ul {
	width: 230px;
}

/* scroll 
*****************************************/
.scroll {
	width: 320px;
	margin-top: 5px;
}

#aside02 .gallery.scroll {
	width: 320px;
	margin: 8px 0 0 0;
}

#aside02 .gallery.scroll ul {
	width: 300px;
}

.scroll .viewport {
	width: 312px;
	height: 210px;
	overflow: hidden;
	position: relative;
}

#aside02 .gallery.scroll .viewport {
	height: 225px;
}

#aside02 .gallery .overview img {
	width: 70px !important;
	height: 70px !important;
}

.scroll .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}

.scroll .scrollbar {
	background: url(../images/bg-scrollbar-track-y.png) no-repeat 0 0;
	position: relative;
	background-position: 0 0;
	float: right;
	width: 8px;
}

.scroll .track {
	background: url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
	height: 98%;
	width: 6px;
	position: relative;
	padding: 0 1px;
}

.scroll .thumb {
	background: url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
	height: 20px;
	width: 20px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -6px;
}

.scroll .thumb .end {
	background: url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
	overflow: hidden;
	height: 5px;
	width: 20px;
}

.scroll .disable {
	display: none;
}

/* editor 
*****************************************/
#main02 p,
#main03 p {
	margin-top: 20px;
}

em {
	font-style: italic;
}

strong em {
	font-weight: bold;
}

#main02 ul {
	margin: 20px 0 0 18px;
}

#main02 ol {
	margin: 20px 0 0 30px;
}

#main02 ul li {
	margin-top: 5px;
	list-style: disc outside;
}

#main02 ol li {
	margin-top: 5px;
	list-style: decimal outside;
}


#main02 table {
	margin-top: 20px;
	width: 100%;
}

#main02 table th,
#main02 table td {
	padding: 5px;
}

#main02 blockquote {
	margin: 20px 0 0 30px;
	font-style: italic !important;
}

#main02 blockquote strong {
	font-style: italic !important;
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

#main02 p:first-child,
#main03 p:first-child,
#main02 ul:first-child,
#main03 ul:first-child,
#main02 ol:first-child,
#main03 ol:first-child,
#main02 table:first-child,
#main03 table:first-child {
	margin-top: 0;
}

/* footer 
*****************************************/
#footer {
	margin-top: 46px;
	padding-bottom: 20px;
}

#copyright {
	font-size: 84%;
}

/* Clearfix
*****************************************/
*:first-child+html #globalNavi ul,
*:first-child+html #contener,
*:first-child+html .wrap,
*:first-child+html .wrap01,
*:first-child+html .wrap2,
*:first-child+html .wrap3,
*:first-child+html .language ul
*:first-child+html .list01,
*:first-child+html .gallery ul,
*:first-child+html #main02 .socialBtn {
	display:inline-table;
	zoom:1;
}

#globalNavi ul:after,
#contener:after,
.wrap:after,
.wrap01:after,
.wrap2:after,
.wrap3:after,
.language ul:after,
.list01:after,
.gallery ul:after,
#main02 .socialBtn:after {
	content: ".";
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}