@charset "utf-8";
/* CSS Document */

#topPage{
	padding-top:20px;
}

#topPage h3 {
	margin-bottom:30px;
	margin-left:-10px;
	background: url(../images/top_h3.gif) no-repeat;
	width: 610px;
	height: 30px;
	text-indent: 35px;
	color: #333;
}

#topPage h3 span {
	font-size: 12px;
	padding-left: 20px;
	font-weight: normal;
}

#topPage .area1 .right{
	width:400px;
	height:260px;
	background:url(../images/top_photo_1_2.jpg) no-repeat right bottom;
	overflow:visible;
}

#topPage .area1 .right p{
	padding-left:0.5em;
	line-height:1.8em;
}

#topPage .area2 ul{
	float:left;
}

#topPage .area2 li{
	font-weight:bold;
	margin-bottom:0.3em;
}

#topPage .area2 p{
	float:right;
	width:420px;
}

#topPage .area2 .banners{
	padding-top:2em;
	width:610px;
	margin-left:-10px;
}

#topPage .area2 .banners p{
	width:100%;
	margin-bottom:0.2em;
}

#topPage .area2 .banners p span.mark6{
	margin-right:1em;
}

#topPage .area2 .banners img{
	margin-top:0.5em;
}

#topPage .area3 li{
	margin-bottom:0.3em;
}

#topPage .area3 ul{
	margin-bottom:1em;
}

#topPage .area4 .left , #topPage .area4 .right{
	width:290px;
}
#topPage .area4 img{
	margin:0 auto;
	display:block;
}

#topPage .area4 p{
	font-weight:bold;
	letter-spacing:0;
	padding-left:0.5em;
	padding-right:0.5em;
	margin-bottom:１em;
}

#topPage .area4 a{
	padding-left:0.5em;
}


#topPage #whatsnew ul{
	margin:0;
}

#topPage #whatsnew li{
	padding-left:1.5em;
	background:url(../images/mark_4.gif) left 0.2em no-repeat;
	list-style:none;
	margin-bottom:0.5em;
	padding-bottom:0.5em;
	border-bottom:1px dashed #CCC;
}

#topPage #whatsnew li small{
	padding-right:6px;
	line-height:1.4em;
	font-size:12px;
	color:#666;
}

#topPage #whatsnew li.new small{
	padding-right:32px;
	background:url(../images/mark_new.gif) right no-repeat;
	margin-right:4px;
}

#area3 {
	background: url(../images/eidai02.jpg) no-repeat right bottom;
}

#gotoeidai {
	padding: 20px 0 0;
}

#flash {
	height: 240px;
}

.diamond .wrap{
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:1.2em;
	background-image:url(../images/mark_l1.gif);
	color:#3F1F31;
	
}





#modal .close a{
	cursor:pointer;
}

#modal .wrap{
	margin:0;
	padding:44px 30px 44px;
	background-color:#321446;
}

#modal .wrap p{
	margin:0 auto;
	padding:0;
	text-align:center;
}

#modal .wrap a{
	display:block;
	text-align:center;
}

#modal .wrap img{
	max-width:100%;
	height:auto;
}