@charset "utf-8";

/***************************************************
	トーカイドミトリー用スタイルシート
	index.css
	トップページレイアウトスタイル定義
***************************************************/

/* トップページ index.html
------------------------------------------------------------ */
/*-----contents-----*/

.mainvisual {
	width: 740px;
	padding: 15px 0 0 0;
	display: block;
}
.mainvisual h2.main {
	width: 722px;
	padding: 0 0 0 10px;
}
.mainvisual p.main-1 {	float: left;	width: 263px;	padding: 0 0 0 10px;}
.mainvisual p.main-2 {	float: left;	width: 265px;}
.mainvisual p.main-3 {	float: right;	width: 194px;	padding: 0 8px 0 0;}

#contents h3 {
	padding: 0 0 10px 50px;
}
#contents div.bn {
	width: 640px;
	padding: 20px 0 10px 50px;
	_padding: 20px 0 0 50px;
}
#contents div.bn li.bn_big {
	padding-bottom: 20px;
	_padding-bottom: 10px;
}
#contents div.bn li.bn_left {
	float: left;
	width: 310px;
	padding-bottom: 20px;
	_padding-bottom: 10px;
}
#contents div.bn li.bn_right {
	float: right;
	width: 310px;
	padding-bottom: 20px;
	_padding-bottom: 10px;
}

#contents div.reco {
	width: 640px;
	padding: 5px 0 10px 60px;
}
#contents div.reco div.re01 {
	float: left;
	width: 300px;
/*	height: 125px;*/
	margin: 0 12px 10px 0;
	_margin: 0 12px 10px 0;
	border: 3px solid #3291F0;
}
#contents div.reco div.re02 {
	float: right;
	width: 300px;
	height: 125px;
	margin: 0 0 30px 12px;
	_margin: 0 0 15px 12px;
	border: 3px solid #3291F0;
}
#contents div.reco div.re01 p.name,
#contents div.reco div.re02 p.name {
	float: left;
	width: 160px;
	/* height: 30px; */
	padding: 10px 0 0 10px;
	color: #3291F0;
}
/* 2008/07/24 修正
#contents div.reco div.re01 p.text,
#contents div.reco div.re01 p.text {
	float: left;
	width: 160px;
	padding: 5px 0 10px 10px;
	color: #3291F0;
}
*/
#contents div.reco div.re01 p.img,
#contents div.reco div.re01 p.img {
	float: right;
	width: 105px;
	/* height: 105px; */
	padding: 10px;
}

#contents div.news li.n01 dfn.text,
#contents div.news li.n02 dfn.text,
#contents div.news li.n03 dfn.text,
#contents div.news li.n04 dfn.text,
#contents div.news li.n05 dfn.text,
#contents div.news li.n06 dfn.text {
	color: #3291F0;
	margin: 10px 5px 0 3px;
}
#contents div.news {
	padding:10px 0 20px 60px;
	_padding:0 0 20px 60px;
	text-aline: center;
}
#contents div.news ul {
	width: 620px;
	border-bottom: 5px solid #3291F0;
}
#contents .news li {
/*	width: 640px;*/
	padding: 10px 0 10px 25px;
	background: url(../img/index/img01.gif) left center no-repeat;
}
#contents .news li dfn.text {
	font-weight: bold;
}
#contents .news .n02,
#contents .news .n04,
#contents .news .n06 {
	background-color: #E5EFFF;
}
#contents div.link-bn {
	width: 620px;
	padding:0 0 30px 60px;
	_padding:0 0 0 60px;
}
#contents div.link-bn img {
	padding-right: 5px;
}
#contents div.link-bn img.list-end {
	padding-right: 0;
}

/*.news .n06 {	width: 665px;	height: 5px;	background-color: #0064FF;}*/

/* iframe用　追記 */
#contents .news div {
	width: 620px;
	border-bottom: 5px solid #3291F0;
}
#contents .news iframe {
	width: 620px;
	height: 235px;
}