@charset "utf-8";

a, a:visited { text-decoration: none!important; }
a:hover { text-decoration: underline!important; }

#slideshow { width: 100%; height: auto; background: #f7f7f7; }
#sliderInner { width: 5000px; margin-left: -2500px; height: 350px; position: relative; left: 50%; }
#sliderInner li { width: 1000px; }
#slideFilterL, #slideFilterR { position: absolute; top: 0; width: 1000px; height: 300px; opacity: 0.8; filter: alpha(opacity=80); -ms-filter:"alpha(opacity=80)"; background: #fff; }
#slideFilterL { left: 0; }
#slideFilterR { right: 0; }

#infoPanel h1 { background: url("img/toppage/infoPanel_title.png") 0 0 no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }
#wsPanel h1 { background: url("img/toppage/wsPanel_title.png") 0 0 no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }
#infoPanel dl#postLists,
#wsPanel .ws-list dl { font-size: 14px; }
#ws-reg h1 { background: url("img/toppage/ws-reg.png") 0 0 no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }
#pc-fa h1 { background: url("img/toppage/pc-fa_short.png") 0 0 no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }
#info_wrap .main_wrap-footer { width: 100%; background: #f6f6f6; }
#info_wrap .main_wrap-more-list { width: 76%; font-size: 80%; float: left; padding: 1%; }
#info_wrap .main_wrap-more-list ul { margin: 0px; }
#info_wrap .main_wrap-more-list ul li { list-style: disc url("img/common/listArrow01H.png") inside; /*float: left;*/ }
#info_wrap .main_wrap-more-list ul li ul { margin-top: 0.2em; font-size: 90%; float: right; }
#info_wrap .main_wrap-more-list ul li ul li { margin-left: 1em; list-style: disc url("img/common/listArrow02H.png") inside; }
#info_wrap .main_wrap-more { width: 20%; font-size: 80%; float: right; text-align: right; padding: 1%; }

#main_wrap .main_wrap-more { font-size: 80%; text-align: right; padding: 5px; background: #f6f6f6; }
#main_wrap .main_wrap-more-list { font-size: 80%; float: left; padding: 5px; }
#main_wrap .main_wrap-more-list ul { margin: 0px; }
#main_wrap .main_wrap-more-list ul li { list-style: disc url("img/common/listArrow01H.png") inside; float: left; }
#main_wrap .main_wrap-more-list ul li ul { margin-top: 0.2em; font-size: 90%; float: right; }
#main_wrap .main_wrap-more-list ul li ul li { margin-left: 1em; list-style: disc url("img/common/listArrow02H.png") inside; }

.category span.info a { width: 68px; height: 20px; display: block; background: url("img/common/cateBnr_infoS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }
.category span.update a { width: 68px; height: 20px; display: block; background: url("img/common/cateBnr_updateS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }
.category span.ws-region a { width: 68px; height: 20px; display: block; background: url("img/common/cateBnr_ws-regionS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }
.category span.ws-fa a { width: 68px; height: 20px; display: block; background: url("img/common/cateBnr_ws-faS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }
.category span.info a:hover,
.category span.update a:hover,
.category span.ws-region a:hover,
.category span.ws-fa a:hover { opacity: 0.6; }

.ws-list .license a { width: 68px; height: 20px; display: block; background: url("img/common/cateBnr_licenseS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }
.ws-list .intro a { width: 68px; height: 20px; display: block; background: url("img/common/cateBnr_introS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }
.ws-list .basic a { width: 68px; height: 20px; display: block; background: url("img/common/cateBnr_basicS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }
.ws-list .special a { width: 68px; height: 20px; display: block; background: url("img/common/cateBnr_specialS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }
.ws-list .brushup a { width: 68px; height: 20px; display: block; background: url("img/common/cateBnr_brushupS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }
.ws-list .forcompany a { width: 68px; height: 20px; display: block; background: url("img/common/cateBnr_forcompanyS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }
.ws-list .getsurei a { width: 68px; height: 20px; display: block; background: url("img/common/cateBnr_getsureiS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }
.ws-list .hidamari a { width: 68px; height: 20px; display: block; background: url("img/common/cateBnr_hidamariS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }
.ws-list .others a { width: 68px; height: 20px; display: block; background: url("img/common/cateBnr_othersS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; }
.ws-list .license a:hover,
.ws-list .intro a:hover,
.ws-list .basic a:hover,
.ws-list .special a:hover,
.ws-list .brushup a:hover,
.ws-list .forcompany a:hover,
.ws-list .getsurei a:hover,
.ws-list .hidamari a:hover,
.ws-list .others a:hover { opacity: 0.6; }

.events-holding-time { display: none; }

/*#topics { margin: 0 auto; }*/
.invisible { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; }
.topic { width: 300px; height: 200px; margin: 5px; padding: 10px; border: 1px solid #dedede; border-radius: 5px; box-shadow:2px 2px 5px #eaeaea; }
.topic a { width: 300px; height: 200px; display: block; }
.topic_hover25:hover, .topic_hover50:hover, .topic_hover75:hover { opacity: 0.8; }
.topic_hover25 { width: 280px; height: 175px; padding: 25px 10px 0 10px; position: absolute; z-index: 1; background: url("img/toppage/toppageTopic_hoverBg.png"); background-color: transparent; color: #fff; font-weight: 800; text-align: center; -webkit-font-smoothing: antialiased; opacity: 0;
-webkit-transition: opacity 600ms ease-in-out;
-moz-transition: opacity 600ms ease-in-out;
-o-transition: opacity 600ms ease-in-out;
-ms-transition: opacity 600ms ease-in-out;
transition: opacity 600ms ease-in-out; }
.topic_hover50 { width: 280px; height: 150px; padding: 50px 10px 0 10px; position: absolute; z-index: 1; background: url("img/toppage/toppageTopic_hoverBg.png"); background-color: transparent; color: #fff; font-weight: 800; text-align: center; -webkit-font-smoothing: antialiased; opacity: 0;
-webkit-transition: opacity 600ms ease-in-out;
-moz-transition: opacity 600ms ease-in-out;
-o-transition: opacity 600ms ease-in-out;
-ms-transition: opacity 600ms ease-in-out;
transition: opacity 600ms ease-in-out; }
.topic_hover75 { width: 280px; height: 125px; padding: 75px 10px 0 10px; position: absolute; z-index: 99; background: url("img/toppage/toppageTopic_hoverBg.png"); background-color: transparent; color: #fff; font-weight: 800; text-align: center; -webkit-font-smoothing: antialiased; opacity: 0;
-webkit-transition: opacity 600ms ease-in-out;
-moz-transition: opacity 600ms ease-in-out;
-o-transition: opacity 600ms ease-in-out;
-ms-transition: opacity 600ms ease-in-out;
transition: opacity 600ms ease-in-out; }

.topic_Hfree { width: 300px; height: auto; margin: 5px; padding: 10px; border: 1px solid #dedede; border-radius: 5px; box-shadow:2px 2px 5px #eaeaea; }
#ws-reg h1, #pc-fa h1 { margin: 0; }
#ws-reg ul, #pc-fa ul { margin: 0; }
#ws-reg ul li, #pc-fa ul li { padding: 5px 0; font-size: 14px; list-style: disc url("img/common/listArrow01H.png") inside; border-bottom: 1px dotted #ccc; }
#ws-reg ul li:last-child, #pc-fa ul li:last-child { border: none; padding-bottom: 0; }
#ws-reg .nopost, #pc-fa .nopost { padding: 0; font-size: 14px; font-weight: 700; line-height: 1.5em; }


@media print {
	#sslSiteSeal { text-align: right; }
	#largePanel .main_wrap-more, #largePanel .main_wrap-more-list { display: none; }
	#infoPanel h1, #wsPanel h1 { text-indent: 1em!important; font-size: 1.5em; height: 50px; line-height: 50px; text-indent: 0; border: 2px solid #ccc; }
	#infoPanel #postLists dt { padding-top: 0.5em; border-top: 1px dotted #c1c1c1; }
	#infoPanel #postLists dt:first-child { border-top: none; }
	.category { margin-bottom: -1em; }
	.category span.info:before { content: url("img/common/cateBnr_infoS.jpg") }
	.category span.update:before { content: url("img/common/cateBnr_updateS.jpg") }
	.category span.ws-region:before { content: url("img/common/cateBnr_ws-regionS.jpg") }
	.category span.ws-fa:before { content: url("img/common/cateBnr_ws-faS.jpg") }

	#wsPanel .ws-list dt, #wsPanel .ws-list dd { float: none; }
	#wsPanel .ws-list dt { width: 100%; min-height: 0; padding-bottom: 0; border: none; }
	#wsPanel .ws-list dd { width: 100%; padding-top: 0; }
	#wsPanel .ws-list a { margin-left: -5em; }
	.ws-list .license { margin-left: 5em; display: list-item!important; list-style-image: url("img/common/cateBnr_licenseS.jpg") }
	.ws-list .intro { margin-left: 5em; display: list-item!important; list-style-image: url("img/common/cateBnr_introS.jpg") }
	.ws-list .basic { margin-left: 5em; display: list-item!important; list-style-image: url("img/common/cateBnr_basicS.jpg") }
	.ws-list .special { margin-left: 5em; display: list-item!important; list-style-image: url("img/common/cateBnr_specialS.jpg") }
	.ws-list .brushup { margin-left: 5em; display: list-item!important; list-style-image: url("img/common/cateBnr_brushupS.jpg") }
	.ws-list .getsurei { margin-left: 5em; display: list-item!important; list-style-image: url("img/common/cateBnr_getsureiS.jpg") }
	.ws-list .hidamari { margin-left: 5em; display: list-item!important; list-style-image: url("img/common/cateBnr_hidamariS.jpg") }
	.ws-list .others { margin-left: 5em; display: list-item!important; list-style-image: url("img/common/cateBnr_othersS.jpg") }

	.topic_Hfree { width: 100%; margin: 0; padding: 0; border: none; box-shadow: none; }
	#ws-reg h1, #pc-fa h1 { text-indent: 1em!important; font-size: 1.5em; height: 50px; line-height: 50px; text-indent: 0; border: 2px solid #ccc; }
	#pc-fa h1 { margin-top: 1em; }

	#topics ul { max-width: 800px!important; }
	.topic_hover25, .topic_hover50, .topic_hover75 { display: none; }

}