@charset "utf-8";

@import url("base/framework.css");

/* Table of Contents + ---------------------------------- *//* 

     0.share
     1.home
     2.promo
	 3.sub_navi
	 4.subjective_navi
	 5.topics
	 6.article
	 7.sample_web_site
	 8.client_web_site

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

/* 0.share configuration
=========================================================== */
#global_navi {
	height: 35px;
}
#top_page #sub_contents {
	position: relative;
	z-index: 10;
}

/* 1.home configuration
=========================================================== */
/* service_discription */
#top_page h1 span {
	position: absolute;
	top: 33px;
	left: 27px;
	font-size: 0.45em;
}

/* 2.promo configuration
=========================================================== */
#top_page #promo {
	position: relative;
	height: 301px;
	width: 850px;
	background: url(/img/top_page/main_visual_bg.jpg) no-repeat 0 0;
}
#top_page #promo .service dt {
	position: absolute;
	height: 0;
	overflow: hidden;
	text-indent: -9999px;
}
#top_page #promo .service dd a {
	height: 301px;
	width: 850px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	border: #f00 solid 1px;
}

/* 3.sub_navi configuration
=========================================================== */
/* purpose_navi */
#top_page #sub_contents .purpose_navi {
	height: 180px;
	width: 202px;
	border-top: 3px solid #d9d9d9;
	border-left: 3px solid #d9d9d9;
	border-right: 3px solid #d9d9d9;
	margin: 0 0 2px;
}
#top_page #sub_contents .purpose_navi dt {
	position: absolute;
	/*\*/overflow: hidden;/**/
	text-indent: -9999px;
	height: 0;
	width: 0;
}
#top_page #sub_contents .purpose_navi ul {
	margin: 0;
}
#top_page #sub_contents .purpose_navi li {
	height: 45px;
	width: 202px;
	text-indent: -9999px;
	background: none;
	border: none;
	padding: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#top_page #sub_contents .purpose_navi li.apply {
	background-image: url(/img/top_page/purpose_navi_apply.jpg);
}
#top_page #sub_contents .purpose_navi li.contact {
	background-image: url(/img/top_page/purpose_navi_contact.jpg);
}
#top_page #sub_contents .purpose_navi li.faq {
	background-image: url(/img/top_page/purpose_navi_faq.jpg);
}
/*add090406*/
#top_page #sub_contents .purpose_navi li.support {
	background-image: url(/img/top_page/purpose_navi_sup.jpg);
}
/**/
#top_page #sub_contents .purpose_navi li a {
	height: 42px;
	width: 202px;
	overflow: hidden;
	display: block;
	background: none;
}
#top_page #sub_contents .purpose_navi li a:hover {
	background: none;
}

#top_page #sub_contents .banner_area {
	width: 208px;
}

/* 4.pr configuration
=========================================================== */
#top_page #pr {
	padding: 4px 0 0;
	margin: 0 0 8px;
	text-align: right;
}

/* 4.subjective_navi configuration
=========================================================== */
#top_page #subjective_navi {
	height: 52px;
	width: 628px;
	margin: 0 0 0 auto;
	text-indent: -9999px;
	background: url(/img/top_page/m_subjective_navi_bg.jpg) no-repeat 0 0;
}
#top_page #subjective_navi dt {
	position: absolute;
	/*\*/overflow: hidden;/**/
	text-indent: -9999px;
}
#top_page #subjective_navi dd {
	padding: 6px 0 0;
}
#top_page #subjective_navi dd li {
	float: left;
	margin: 0 2px 0 0;
}
#top_page #subjective_navi dd li a {
	height: 36px;
	width: 148px;
	overflow: hidden;
	display: block;
}
#top_page #subjective_navi .first a {
	margin: 0 0 0 7px;
}
#top_page #subjective_navi .layout a,
#top_page #subjective_navi .design a,
#top_page #subjective_navi .tool a {
	margin: 0 0 0 5px;
}

/* 5.topics configuration
=========================================================== */
#top_page #main_contents .topics {
	text-align: left;
}
#top_page .topics .news {
	position: relative;
	width: 622px;
	float: left;
	border: 3px solid #D9D9D9;
	padding: 0;
}
#top_page .topics .topic {
	margin: 0 4px 0 0;
}
#top_page .topics h2 {
	height: 33px;
	width: 622px;
	text-indent: -9999px;
}
#top_page .topics .topic h2 {
	background: url(/img/top_page/topics_h2_topics_bg.jpg) no-repeat 0 0;
}

#top_page .topics .news h2 {
	background: url(/img/top_page/topics_h2_news_bg.jpg) no-repeat 0 0;
}

#top_page .topics ul {
	padding: 0 4px;
}

#top_page .topics .topic li,
#top_page .topics .news li {
	padding: 7px 0 6px;
	height: 100%;
	clear: both;
	background: url(/img/top_page/topics_border_bg.jpg) no-repeat left top;
}

#top_page .topics li.first-child {
	background: none;
}

#top_page .topics .topic li span,
#top_page .topics .news li span {
	padding: 0 10px;
	display: block;
	width: 68px;
	float: left;
}
#top_page .topics .topic li p,
#top_page .topics .news li p {
	float: left;
	width: 526px;
}

#top_page .topics .topic li span a,
#top_page .topics .topic li span a:visited,
#top_page .topics .news li span a,
#top_page .topics .news li span a:visited {
	color: #0066CB;
}

#top_page .topics .topic .list,
#top_page .topics .news .list {
	position: absolute;
	top: 14px;
	right: 60px;
	font-size: 0.9em;
	padding: 0 0 0 8px;
	background: url(/img/share/arrow_icon.gif) no-repeat left center;
}

#top_page .topics .topic .rss,
#top_page .topics .news .rss {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0.9em;
	text-indent: -9999px;
	top: 17px;
	right: 10px;
	padding: 0 0 0 8px;
	border-left: 1px solid #CCC;
}
#top_page .topics .topic .rss a,
#top_page .topics .news .rss a {
	background: url(../img/top_page/topics_rss_btn.jpg) no-repeat 0 0;
	height: 10px;
	width: 33px;
	display: block;
	overflow: hidden;
}


/* 6.article configuration
=========================================================== */
#top_page .article {
	position: relative;
	padding: 1px 1px 0;
	margin: 0;
	border: 3px solid #d9d9d9;
}

#top_page .article h2 {
	height: 32px;
	width: 620px;
	margin: 0 0 12px;
	border-bottom: 1px solid #ccc;
	text-indent: -9999px;
}

#top_page .article div {
	padding: 0 19px;
}
*html #top_page .article div {
	padding: 0 0 0 19px;
}
*:first-child+html #top_page .article div {
	padding: 0 0 0 26px;
}

#top_page .article dl {
	width: 120px;
	display: inline;
}

#top_page .article dl,
#top_page .article .page dl dt,
#top_page .article .fee dl dt {
	float: left;
}

#top_page .article .page dl dt,
#top_page .article .fee dl dt {
	margin: 0 8px 0 0;
}

#top_page .article .fee dd {
	margin: 0 0 8px;
}

#top_page .article dl {
	margin: 0 34px 17px 0;
	text-align: left;
}
*html #top_page .article dl {
	margin: 0 10px 0 0;
	padding-bottom: 17px;
}
*:first-child+html #top_page .article dl {
	padding-bottom: 17px;
}
#top_page .article dl.end {
	margin: 0;
}

#top_page .article .page dl,
#top_page .article .fee dl {
	float: none;
	margin: 0;
}
/*  */
#top_page .article dd {
	width: 130px;
}
#top_page .article dd a {
	padding: 0 0 0 8px;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
	color: #0066CB;
	margin: 0;
	padding-left: 10px;
	background: url(/img/share/arrow_icon2.gif) no-repeat 0px 4px;
}
#top_page .article dd a:hover {
	text-decoration: none;
}
#top_page .article dd img {
	vertical-align: middle;
	margin: 0 0 0 5px;
}

#top_page .article a {
	padding: 0;
	margin: 5px 0;
	font-weight: bolder;
	text-decoration: none;
	color: #333;
}
#top_page .article dt {
	margin-bottom: 4px;
}
#top_page .article dt a {
	padding: 0;
	margin: 0;
	background: none;
}

#top_page .article .more {
	position: absolute;
	top: 15px;
	right: 10px;
	line-height: 0;
	font-size: 0.9em;
}

#top_page .article .more a {
	padding: 0 0 0 8px;
	font-weight: normal;
	text-decoration: underline;
	color: #0066CB;
	margin: 0;
	background: url(/img/share/arrow_icon.gif) no-repeat 0px 3px;
}
#top_page .article .more a:hover {
	text-decoration: none;
}

/*add090422*/
#top_page .articlebanner {
	position: relative;
	padding: 0;
	margin: 0;
	border: 3px solid #d9d9d9;
}


/* 7.sample_web_site configuration
=========================================================== */
#top_page .sample_web_site {
	margin: 0 0 6px;
}

#top_page .sample_web_site h2 {
	background: url(/img/top_page/h2_sample_web_site_bg.jpg) no-repeat 0 0;
}

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