@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 author     :DOT ACCESS
=================================================================== */

/* -----------------------------------------------------------
	メインヴィジュアル
----------------------------------------------------------- */
#mvWrap {
	background: #ffe9a7 url(/images/home/mv01.jpg) no-repeat center 0;
}
#mvWrap #mv {	
	background: url(/images/home/mv02.jpg) no-repeat center 80px;
	height: 270px;
}
#mvWrap #mv .register2Wrap {
	background: url(/images/home/mv03.jpg) no-repeat center 170px;
	height: 270px;
}
#mvWrap #mv .register2Wrap_login {
	background: url(/images/home/mv03_login.jpg) no-repeat center 170px;
	height: 270px;
}
#mvWrap #mv .register2 {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#mvWrap #mv .register2 a {
	position: absolute;
	top: 198px;
	left: 436px;
}


/*----------------------------------------------------
	#container
----------------------------------------------------*/
#container {
	background: url(/images/home/bg01.gif) repeat-y 0 0;
}


/*----------------------------------------------------
	メイン
----------------------------------------------------*/
.main01 {
	width: 345px;
	float: left;
	display: inline;
}
.main02 {
	width: 345px;
	float: left;
	display: inline;
	margin: 0 0 0 11px;
}
.main03 {
	width: 238px;
	float: right;
	display: inline;
}

.contents {
	border-bottom: 1px #ccc dotted;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

h2 {
	border-bottom: 1px #ccc dotted;
	margin-bottom: 5px;
}

#newsletterWrap {
	width: 345px;
}
#newsletterWrap #newsletterL {
	width: 175px;
	float: left;
	display: inline;
}
#newsletterWrap #newsletterR {
	width: 155px;
	float: right;
	display: inline;
	margin: 10px 0 0 0;
}
#newsletterWrap #newsletterR li {
	margin: 17px 0 0 0;
	border: 1px #ccc dotted;
}
#newsletterWrap #newsletterR li:hover {
	margin: 17px 0 0 0;
	border: 1px #f30 solid;
}

#register2 {
	width: 345px;
	height: 100px;
	background: url(/images/home/register2/bg01.gif) no-repeat 0 0;
}
#register2 img {
	margin: 10px 0 0 210px;
}

.seo-tool li {
	width: 345px;
	height: 160px;
	border-bottom: 1px #ccc dotted;
	margin-bottom: 5px;
	padding-bottom: 5px;
	background: url(/images/home/seo-tool/arrow01.gif) no-repeat right 0;
}
.seo-tool a img, .seo-tool a {
	border: none;
	overflow: hidden;
	float: left;
}
.seo-tool a:hover {
	border: 3px #fc0 solid;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.seo-tool a:hover img {
	margin: -3px;
}

.eventWrap {
	width: 345px;
	border-bottom: 1px #ccc dotted;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.eventL {
	width: 173px;
	float: left;
	display: inline;
	background: url(/images/home/bg02.gif) repeat-y 0 0;
}
.eventR {
	width: 167px;
	float: right;
	display: inline;
}
.eventWrap a img, .eventWrap a {
	border: none;
	overflow: hidden;
	float: left;
}
.eventWrap a:hover {
	border: 3px #fc0 solid;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.eventWrap a:hover img {
	margin: -3px;
}

.videoarchivesWrap {
	width: 345px;
	border-bottom: 1px #ccc dotted;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.videoarchivesL {
	width: 173px;
	float: left;
	display: inline;
	background: url(/images/home/bg02.gif) repeat-y 0 0;
}
.videoarchivesR {
	width: 167px;
	float: right;
	display: inline;
}
.videoarchivesWrap a img, .videoarchivesWrap a {
	border: none;
	overflow: hidden;
	float: left;
}
.videoarchivesWrap a:hover {
	border: 3px #fc0 solid;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.videoarchivesWrap a:hover img {
	margin: -3px;
}

/*.whatnew {
	overflow-y: scroll;
	height: 500px;
}*/
.whatnew dt {
	font-weight: 700;
}
.whatnew dd {
	border-bottom: 1px #ccc dotted;
	margin-bottom: 5px;
	padding-bottom: 5px;
}