@charset "utf-8";

/* =======================================

	E2 WEBSITE TopPageElements

======================================= */

/* ------------------------------------
	description[Propaty]
------------------------------------ */
.description {
	margin-bottom: 12px;
	width: 100%;
	line-height: 180%;
	position: relative;
}

.description img {
	margin-bottom: 3px;
}

.description span.morelink {
	padding-top: 1px;
	width: 100%;
	text-align: right;
	display: block;
}



/* ------------------------------------
	SpanType
------------------------------------ */
span.type01 {
	padding: 0 7px 0 0;
	float: left;
	color: #0000ff;
	font-size: 35px;
	line-height: 34px;
	vertical-align: text-top;
}
span.type02 {
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: text-top;
}


/* ------------------------------------

	Column[Release]

------------------------------------ */
#column_release {
	width: 200px;
	position: relative;
	float: left;
	display: inline;
}

#column_release h3 {
	margin-bottom: 5px;
	width: 200px;
	text-indent: -9999px;
}


#column_release .newrelease h3 {
	height: 22px;
	background: transparent url(../img/top/column_release/title_new_release.jpg) no-repeat top left;
}
#column_release .mserv h3 {
	height: 11px;
	background: transparent url(../img/top/column_release/title_mserv.jpg) no-repeat top left;
}
#column_release .mform h3 {
	height: 11px;
	background: transparent url(../img/top/column_release/title_mform.jpg) no-repeat top left;
}
#column_release .mobilesite h3 {
	height: 11px;
	background: transparent url(../img/top/column_release/title_mobilesite.jpg) no-repeat top left;
}
#column_release .binpara h3 {
	height: 13px;
	background: transparent url(../img/top/column_release/title_binpara.jpg) no-repeat top left;
}

.newrelease a:link { color: #63a700;}
.newrelease a:visited { color: #63a700;}
.newrelease a:active { color: #63a700;}
.newrelease a:hover { color: #63a700;}

.mserv a:link { color: #009ece;}
.mserv a:visited { color: #009ece;}
.mserv a:active { color: #009ece;}
.mserv a:hover { color: #009ece;}

.mform a:link { color: #eb3765;}
.mform a:visited { color: #eb3765;}
.mform a:active { color: #eb3765;}
.mform a:hover { color: #eb3765;}

.mobilesite a:link { color: #732fa5;}
.mobilesite a:visited { color: #732fa5;}
.mobilesite a:active { color: #732fa5;}
.mobilesite a:hover { color: #732fa5;}

.binpara a:link { color: #e25417;}
.binpara a:visited { color: #e25417;}
.binpara a:active { color: #e25417;}
.binpara a:hover { color: #e25417;}



/* ------------------------------------

	Column[Introduce]

------------------------------------ */
#column_introduce {
	margin-left: 30px;
	width: 440px;
	position: relative;
	float: left;
	display: inline;
}

#column_introduce pre {
	display: none
}


/* KeyVisualArea
------------------------------------*/
#column_introduce #key_visual {
	margin-bottom: 10px;
	width: 440px;
}

#column_introduce #key_visual h3 {
	margin-bottom: 15px;
	width: 440px;
	height: 67px;
	text-indent: -9999px;
	background: transparent url(../img/top/column_introduce/introduce_key_catch.jpg) no-repeat top left;
}

#column_introduce #key_visual div.description {
	width: 210px;
	float: left;
}

#column_introduce #key_visual .keyimg {
	width: 210px;
	height: 157px;
	overflow: hidden;
	float: right;
}

#column_introduce #key_visual a:link { color: #0015de;}
#column_introduce #key_visual a:visited { color: #0015de;}
#column_introduce #key_visual a:active { color: #0015de;}
#column_introduce #key_visual a:hover { color: #0015de;}



/* ContentsBanner
------------------------------------*/
#column_introduce #contents_banner {
	width: 440px;
}

#column_introduce #contents_banner ul {
	width: 440px;
}

#column_introduce #contents_banner ul li {
	padding-bottom: 15px;
}

#column_introduce #contents_banner ul li.column_left {
	float: left;
}
#column_introduce #contents_banner ul li.column_right {
	float: right;
}


/* ContentsBanner
------------------------------------*/
#column_introduce ul.introduce {
	margin-bottom: 10px;
	width: 440px;
}

#column_introduce ul.introduce li {
	width: 210px;
	display: inline;
}

#column_introduce ul.introduce li img {
	margin: 0 0 3px 5px;
	float: right;
}

#column_introduce ul.introduce li.recruit { float: left;}
#column_introduce ul.introduce li.recruit span.type01 { color: #ff8400;}
#column_introduce ul.introduce li.recruit a:link { color: #ff8400;}
#column_introduce ul.introduce li.recruit a:visited { color: #ff8400;}
#column_introduce ul.introduce li.recruit a:active { color: #ff8400;}
#column_introduce ul.introduce li.recruit a:hover { color: #ff8400;}

#column_introduce ul.introduce li.aboutus { float: right;}
#column_introduce ul.introduce li.aboutus span.type01 { color: #50b300;}
#column_introduce ul.introduce li.aboutus a:link { color: #50b300;}
#column_introduce ul.introduce li.aboutus a:visited { color: #50b300;}
#column_introduce ul.introduce li.aboutus a:active { color: #50b300;}
#column_introduce ul.introduce li.aboutus a:hover { color: #50b300;}

#column_introduce ul.introduce li.attention { float: left;}
#column_introduce ul.introduce li.attention span.type01 { color: #fe0032;}
#column_introduce ul.introduce li.attention a:link { color: #fe0032;}
#column_introduce ul.introduce li.attention a:visited { color: #fe0032;}
#column_introduce ul.introduce li.attention a:active { color: #fe0032;}
#column_introduce ul.introduce li.attention a:hover { color: #fe0032;}

#column_introduce ul.introduce li.privacy { float: right;}
#column_introduce ul.introduce li.privacy span.type01 { color: #8b5122;}
#column_introduce ul.introduce li.privacy a:link { color: #8b5122;}
#column_introduce ul.introduce li.privacy a:visited { color: #8b5122;}
#column_introduce ul.introduce li.privacy a:active { color: #8b5122;}
#column_introduce ul.introduce li.privacy a:hover { color: #8b5122;}



/* ------------------------------------

	Column[Product]

------------------------------------ */
#column_product {
	margin-left: 30px;
	width: 200px;
	position: relative;
	float: left;
	display: inline;
}

#column_product h3 {
	margin-bottom: 5px;
	width: 200px;
	text-indent: -9999px;
}

#column_product .topics h3 {
	height: 24px;
	background: transparent url(../img/top/column_product/title_topics.jpg) no-repeat top left;
}
#column_product .access h3 {
	height: 24px;
	background: transparent url(../img/top/column_product/title_access.jpg) no-repeat top left;
}
#column_product .project h3 {
	height: 28px;
	background: transparent url(../img/top/column_product/title_project.jpg) no-repeat top left;
}
#column_product .event h3 {
	height: 23px;
	background: transparent url(../img/top/column_product/title_event.jpg) no-repeat top left;
}
#column_product .blog h3 {
	height: 23px;
	background: transparent url(../img/top/column_product/title_blog.jpg) no-repeat top left;
}
#column_product .mobile h3 {
	height: 24px;
	background: transparent url(../img/top/column_product/title_mobile.jpg) no-repeat top left;
}

#column_product .calendar h3 {
	margin-top: 7px;
	height: 13px;
	background: transparent url(../img/top/column_product/title_e2calendar.jpg) no-repeat top left;
}


.topics a:link { color: #e70000;}
.topics a:visited { color: #e70000;}
.topics a:active { color: #e70000;}
.topics a:hover { color: #e70000;}

.access a:link { color: #009cdb;}
.access a:visited { color: #009cdb;}
.access a:active { color: #009cdb;}
.access a:hover { color: #009cdb;}

.project a:link { color: #0fb487;}
.project a:visited { color: #0fb487;}
.project a:active { color: #0fb487;}
.project a:hover { color: #0fb487;}

.event a:link { color: #01afb5;}
.event a:visited { color: #01afb5;}
.event a:active { color: #01afb5;}
.event a:hover { color: #01afb5;}

.blog a:link { color: #eb2a5e;}
.blog a:visited { color: #eb2a5e;}
.blog a:active { color: #eb2a5e;}
.blog a:hover { color: #eb2a5e;}

.mobile a:link { color: #303fda;}
.mobile a:visited { color: #303fda;}
.mobile a:active { color: #303fda;}
.mobile a:hover { color: #303fda;}

.calendar a:link { color: #1fb8bd;}
.calendar a:visited { color: #1fb8bd;}
.calendar a:active { color: #1fb8bd;}
.calendar a:hover { color: #1fb8bd;}


#column_product .topics dl {
	width: 200px;
}

#column_product .topics dl dt {
	padding-left: 1em;
	text-indent: -1.2em;
	width: 190px;
}
:root #column_product .topics dl dt {
	text-indent: -1em;
}

#column_product .topics dl dd {
	margin-bottom: 10px;
	padding-left: 1em;
	position: relative;
}

#column_product .topics dl dt span {
	color: #e70000;
	text-decoration: underline;
}

#column_product .topics dl dt span:hover {
	cursor: pointer;
	text-decoration: none;
}

#column_product iframe {
	margin-bottom: 7px;
	width: 200px;
	height: 3.4em;
	overflow: hidden;
}


/* ------------------------------------

	TOP BANNER

------------------------------------ */
#top_banner {
	clear: both;
}

#top_banner ul li {
	margin-right: 8px;
	float: left;
}

#top_banner ul li.lastChild {
	margin-right: 0!important;
}