@charset "utf-8";

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

	Title: top.css
	Created: 2010-5-18
	Created: 2010-7-08
	
=========================================================== */

div.tmain {
	float: left;
	display: inline;
	width: 660px;
	padding: 0;
}

div.tside {
	float: right;
	display: inline;
	width: 330px;
	padding: 0 0 10px;
}


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

	main
	
=========================================================== */


/* mainVisual
----------------------------------------------------------- */

div#mainVisual {
	width: 650px;
	height: 180px;
	border: 5px solid #DCD2A6;
	margin: 0 0 10px;
}

div#mainVisual2 {
	width: 660px;
	height: 190px;
	margin: 0 0 10px;
}

div#mainVisual img {
	vertical-align: bottom;
}

/* support_tel
----------------------------------------------------------- */

p.support_tel {
	margin: 5px 0 5px;
}


/* imgbanner
----------------------------------------------------------- */

ul.imgbanner {
	width: 660px;
	height: 118px;
	margin: 0 0 5px;
	padding: 0;
}

ul.imgbanner li {
	float: left;
	dispalay: inline;
}

ul.imgbanner li.consult {
	margin: 0 4px 0 0;
}

ul.imgbanner li.voice {

}

/* voice
----------------------------------------------------------- */

dl#voice {
	width: 660px;
	margin: 0 0 10px;
	font-size: 1.0em;
}

dl#voice dt {
	width: 170px;
	height: 22px;
	background: url(/assets/img/top/tit_voice.gif) left top no-repeat;
	margin: 0;
	padding: 10px 0 0 490px;
	font-size: 11px;
	color: #FFFFFF;
}

dl#voice dt img {
	vertical-align: bottom;
}

dl#voice dd.img_bt {
	height: 5px;
}

dl#voice dd.img_bt img {
	vertical-align: top;
}

dl#voice dd.voice_box {
	height: 250px;
	overflow: auto;
	padding: 7px 0;
	background: #FFF;
	border-left: 5px solid #26a8ff;
	border-right: 5px solid #26a8ff;
}

dl#voice dd.voice_box dl.people {
	clear: both;
	width: 610px;
	/width: 610px;
	margin: 0 !important;
	padding: 0 0 0 10px !important;
}

dl#voice dd.voice_box dl.people dt {
	background: none;
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	color: #26a8ff;
	width: 610px;
}

dl#voice dd.voice_box dl.people dd {
	width: 610px;
	background: url(/assets/img/top/voice_line.gif) left bottom repeat-x;
	margin: 0 0 5px;
	padding: 0 0 5px;
	line-height: 1.2em;
}

/* news
----------------------------------------------------------- */

dl#news {
	width: 660px;
	margin: 0 0 5px;
	font-size: 1.0em;
}

dl#news dt {
	margin: 0;
	padding: 0;
}

dl#news dt img {
	vertical-align: bottom;
}

dl#news dd.news_box {
	height: 100px;
	overflow: auto;
	padding: 7px 0;
	background: #FFF;
}

dl#news dd.news_box ul {
	clear: both;
	width: 100%;
	/width: 643px;
	margin: 0;
	padding: 0;
}


dl#news dd.news_box ul li.even {
	background: #FDF2F3;
}

dl#news dd.news_box ul li div.date {
	width: 60px;
	/width: 60px;
	float: left;
	background: url(../img/common/contents_link_dd.gif) 5px 45% no-repeat;
	padding: 5px 0 5px 15px !important;
	margin: 0;
}

dl#news dd.news_box ul li div.text {
	width: 565px;
	padding: 5px 0 5px !important;
	margin: 0 0 0 75px;
	/width: 560px;
	/float: right;
	/padding: 5px 0 5px;
	/margin: 0;
}

/* library
----------------------------------------------------------- */

div#library {
	width: 660px;
	margin: 0 0 5px;
	padding: 0;
}

div#library p {
	margin: 0;
	padding: 0;
}

div#library p img {
	vertical-align: bottom;
}

div#library div.lib_left {
	float: left;
	width: 330px;
	margin: 10px 0 0;

}

div#library div.lib_right {
	float: right;
	width: 330px;
	margin: 10px 0 0;
}

div#library dl.lib_box {

}

div#library dl.lib_box dt {
	float: left;
	width: 75px;
	margin: 0 10px 0 0;
}

div#library dl.lib_box dd {
	margin: 0 0 0 85px;
}

div#library dl.lib_box dd a {
	color: #df0017;
}

div#library dl.lib_box dd a:hover {
	color: #000099;
}


div#library dl.lib_box dd span {
	font-weight: bold;
}


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

	tside
	
=========================================================== */

/* ad_banner
----------------------------------------------------------- */

div.ad_banner {
	width: 320px;
	height: 180px;
	border: 5px solid #d5d5d5;
	margin: 0 0 10px;
}

div.tside p {
	margin: 0;
	padding: 0;
}

div.ad_banner img {
	vertical-align: bottom;
}

/* ad_banner2
----------------------------------------------------------- */

div.ad_banner2 {
	width: 320px;
	height: 120px;
	border: 5px solid #d5d5d5;
	margin: 0 0 10px;
}

div.tside p {
	margin: 0;
	padding: 0;
}

/* c_banner
----------------------------------------------------------- */

div.tside p.c_banner {
	margin: 0 0 10px;
}

div.tside p.c_banner_2 {
	margin: 20px 0 0;
}

/* list
----------------------------------------------------------- */

div.tmain p.list {
	clear: both;
	width: 650px;
	background: url(../img/top/dl_line.gif) left top repeat-x;
	padding: 5px 0 0 10px !important;
	text-align: right;
	margin: 0 0 10px;
}

p.list {
	width: 330px;
	background: url(../img/top/dl_line.gif) left top repeat-x;
	padding: 5px 0 0 !important;
	text-align: right;
}

/* seminar
----------------------------------------------------------- */

div.seminar {
	margin: 15px 0 15px;
}

div.seminar dl {
	margin: 10px 0 0;
}

div.seminar dl dt {
	float: left;
	width: 50px;
	margin: 0 10px 0 0;
}

div.seminar dl dd {
	margin: 0 0 0 60px;
}

div.seminar dl dd a {
	font-weight: bold;
	font-size: 1.1em;
}

/* link
----------------------------------------------------------- */

div.link {
	margin: 15px 0 15px;
}

div.link dl {
	margin: 10px 0 0;
}

div.link dl dt {
	float: left;
	width: 50px;
	margin: 0 10px 0 0;
}

div.link dl dd {
	margin: 0 0 0 60px;
}

div.link dl dd a {
	font-weight: bold;
	font-size: 1.1em;
	color: #df0017;
}

div.link dl dd a:hover {
	color: #000099;
}


div.link dl dd span {
	font-weight: bold;
}


div.link dl dd em {
	font-size: 0.8em;
}


/* 0708変更

div#link {
	width: 660px;
	margin: 0 0 5px;
	padding: 0;
}

div#link p {
	margin: 0;
	padding: 0;
}

div#link p img {
	vertical-align: bottom;
}

div#link div.lib_left {
	float: left;
	width: 330px;
	margin: 10px 0 0;

}

div#link div.lib_right {
	float: right;
	width: 330px;
	margin: 10px 0 0;
}

div#link dl.lib_box dt {
	float: left;
	width: 50px;
	margin: 0 10px 0 0;
}

div#link dl.lib_box dd {
	margin: 0 0 0 60px;
}

div#link dl.lib_box dd a {
	color: #df0017;
}

div#link dl.lib_box dd a:hover {
	color: #000099;
}


div#link dl.lib_box dd span {
	font-weight: bold;
}

div#link dl.lib_box dd em {
	font-size: 0.8em;
}

*/

/* login
----------------------------------------------------------- */

div.login1 {
	margin: 0 0 10px;
	padding: 0;
}

div.login1 p {
	margin: 0;
	padding: 0;
}

div.login1 img {
	vertical-align: bottom;
}

div.login_text {
	padding: 10px 5px;
}

div.login_text p.logo {
	float: left;
	width: 36px;
	margin: 0 0 10px 10px;
}

div.login1 p.login_btn {
	float: right;
	margin: 0 15px 10px 0;
}

/* login2
----------------------------------------------------------- */

div.login2 {
	margin: 0 0 5px;
	padding: 0;
	border: 5px solid #d5d5d5;
}

div.login2 ul.login_btn {
	margin: 0 0 10px;
	padding: 0;
}

div.login2 ul li {
	float: left;
	display: inline;
}

div.login2 ul li img {
	vertical-align: bottom;
}

div.login2 div.login_text {
	width: 320px;
	padding: 10px 5px;
}

div.login2 div.login_text img {
	float: left;
	width: 36px;
	margin: 10px 10px 5px 10px;
}

div.login2 div.login_text div.text {
	float: right
	width: 260px;
	margin: 10px 0 0 0 !important;
}

div.login2 div.login_text div.text a {
	color: #d0121d;
	text-decoration: underline;
}

div.login2 p {
	margin: 0;
	padding: 0;
}

div.login2 p span {
	color: #d0121d;
}