﻿/***************************************************
 *
 * トップページ css
 * UTF-8
 * Target win IE6,7 FF2 Opera9 / mac FF2 Safari3
 *
 ***************************************************/

#flash-area{
	width:900px;
	height:436px;
	margin-bottom: 15px;
}

h2 img{margin:0;}

#news1{
	background-repeat:no-repeat;
	width:585px;
	height:25px;
	padding:3px 0px 0 0;
	display: block;
}

#news2{
	background-repeat:no-repeat;
	width:585px;
	height:25px;
	padding:3px 0px 0 0;
	display: block;
}

#news3{
	background-repeat:no-repeat;
	width:585px;
	height:25px;
	padding:3px 0px 0 0;
	display: block;
}

#news4{
	background-repeat:no-repeat;
	width:585px;
	height:25px;
	padding:3px 0px 0 0;
	display: block;
}

/* news topics event seminar */
.wnew-frame{margin-top:5px;}

.whatsnew {
	display:block;
	width:584px;
	margin:0px 0 15px 0px;
	padding:0px 0 0 0px;
}


.whatsnew dl {
	display:block;
	width:521px;
	margin:0;
	padding:0px 16px 0px 16px;
	clear: both;
}


.whatsnew dt {
	float:left;
	display:block;
	margin:0;
	padding:0 0 6px 0;
}

.whatsnew dt img{
	float:left;
	display:block;
	margin:0;
	padding:3px 0 0 20px;

}	

.whatsnew dd {
	display:block;
	margin:0;
	padding:0 0 6px 20px;
	float: left;
}

.whatsnew dt img{
	vertical-align:middle;
}

/* mailmagazine */
.mailmagazine-frame{margin-top:5px;}

.mailmagazine {
	display:block;
	width:584px;
	margin:0px 0 15px 0px;
	padding:0px 0 0 0px;
}

.mailmagazine dl {
	display:block;
	width:auto;
	margin:0;
	padding:0px 16px 0px 56px;
	clear: both;
}


.mailmagazine dt {
	float:left;
	display:block;
	margin:0;
	padding:0 0 6px 0px;

}


.mailmagazine dt img{
	float:left;
	display:block;
	margin:0;
	padding:3px 0 0 20px;

}	

.mailmagazine dd {
	display:block;
	margin:0;
	padding:0 0 6px 20px;
	float: left;
	width: 400px;
}

.mailmagazine dt img{
	vertical-align:middle;
}



#top-mainleft{
	float:left;
	width: 585px;
	padding-bottom: 5px;
}

#top-mainright{
	float:none;
	margin: 0;
	padding: 0;
	width: 285px;
	margin-left: auto;
}

#link-list{
	clear:both;
	text-align:center;
	width: 350px;
	margin: auto;
}

#exam{
	width:260px;
	height:95px;
	padding:10px 5px 10px 10px;
	float:left;
	border:1px #CCCCCC solid;
	margin-top: 10px;
}

#exam2{
	width:260px;
	height:95px;
	padding:10px 5px 10px 10px;
	float:left;
	border:1px #CCCCCC solid;
	margin-left: 20px;
	margin-top: 10px;
}


#exam img{
	margin-right: 10px;
	float: left;
	display: block;
}

#exam p{
	margin-top: 0px;
	margin-left: 0px;
	width: 170px;
	height: auto;
	display: block;
	float: left;
	line-height:1.2em;
}

#exam2 img{
	margin-right: 10px;
	float: left;
	display: block;
}

#exam2 p{
	margin-top: 0px;
	margin-left: 0px;
	display: block;
	width: 170px;
	height: auto;
	float: left;
	line-height:1.2em;
}

.case-title{line-height:1.7em;}
/*
#special-contents{
	background-image:
url(images/kotohajime.jpg);
	width:285px;
	height:235px;
}
*/

#special-contents{
	position:relative;
	margin-bottom: 20px;
}

#special-link{
	position: absolute;
	top: 166px;
	left: 5px;
}
/*
#inquiry-area{background-image:url(images/Contact-l.jpg);
width:285px;
height:140px;
}
*/

#inquiry-area{
	margin-bottom:0px;
	margin: 0;
	padding: 0;
	position: relative;
	top: -5px;
}

#inquiry-area-img{
	position:relative;
	top: -51px;
	left: 7px;
}

#partner{
	margin-top: -15px;
}



#partner li{
	margin:0 0 5px 0;
	background-image:url(./images/ic01.jpg);
	padding-left:22px;
	background-repeat: no-repeat;
	background-position: 1px 2px;
	display:block;
	height: 18px;
	font-size: 10px;
}

#verisigh{
	width:110px;
	float: right;
	margin-top: 10px;
}

#link-table{
	width:700px;
	margin:auto;
	line-height: 1.5em;
	clear: both;
	margin-bottom: 20px;
	padding-top: 0px;
} 

#link-table th{
	text-align:left;
	padding-right: 10px;
}

#link-table td{
	text-align:left;
	padding-right: 10px;

}

#link-table table{width:700px;}

.link-title{
	float:left;
	width: 135px;
	font-weight: bold;
}
.links{float:left;}


#top-faq-area{
	margin:0;
	padding: 0;
	position: relative;
	top: -30px;
}

.mt15{
	margin-top:5px;
	display: block;
}

