@charset "utf-8";

/* TOP用CSS */

#contents_right #stit_top {
	margin:0px 0px 20px 0px;
	width:663px;
	height:263px;
	line-height: 1;
	background: url(../images/top/img_top01.jpg) no-repeat left top;
	text-indent: -9999px;
	display: block;
}

#contents_right #top_dl {
	margin-bottom:15px;
	width:663px;
	display:block;
	overflow:hidden;
}

#contents_right #top_dl dt {
	width:262px;
	height:134px;
	display: block;
	float:left;
	line-height: 1;
	background: url(../images/top/stit_top.jpg) no-repeat left top;
	text-indent: -9999px;
}

#contents_right #top_dl dd {
	width:401px;
	display:block;
	float:left;
	font-size: 93%;
	line-height: 1.6em;
	color: #464646;
}

/* ライフプラン */
#contents_right #stit_lifeplan {
	width:663px;
	height:50px;
	line-height: 1;
	background: url(../images/top/stit_lifeplan.jpg) no-repeat left top;
	text-indent: -9999px;
	display: block;
}

/* ブログタイトル */
#contents_right #stit_blog {
	margin-bottom:25px;
	display: block;
	width:663px;
	height:44px;
	line-height: 1;
	background: url(../images/top/stit_blog.jpg) no-repeat left top;
	text-indent: -9999px;
}

#contents_right #blog_tbl {
	margin:0px 0px 25px 10px;
	width:640px;
	border-top: 1px solid #E7E7E7;
}

#contents_right #blog_tbl div {
	overflow:hidden;
	border-bottom: 1px dotted #E7E7E7;
}

#contents_right #blog_tbl div .date,
#contents_right #blog_tbl div .title {
	padding:8px 0px 8px 0px;
	border:none;
}

#contents_right #blog_tbl div .date {
	padding-left:15px;
	color:#000000;
	font-size: 93%;
	font-weight: bold;
	display:block;
	width:155px;
	clear:both;
	float:left;
}

#contents_right #blog_tbl div .title {
	width:400px;
	float:left;
}

#contents_right #blog_tbl div .title a {
	
	font-size: 93%;
	color: #32AEF2;
	text-decoration: underline;
}


#contents_right #blog_tbl th,
#contents_right #blog_tbl td {
	padding:15px 0px 15px 0px;
	border-bottom: 1px solid #E7E7E7;
}

#contents_right #blog_tbl th {
	padding-left:12px;
	color:#000000;
	font-size: 93%;
	font-weight: bold;
}

#contents_right #blog_tbl td a {
	font-size: 93%;
	color: #32AFF3;
	text-decoration: underline;
}

/* プランナー */
#contents_right #stit_planer {
	margin:0px 0px 0px 6px;
	width:653px;
	height:102px;
	line-height: 1;
	background: url(../images/top/stit_planer.jpg) no-repeat left top;
	text-indent: -9999px;
	display: block;
}

#contents_right #bbg_planer {
	margin:0px 0px 0px 6px;
	width:653px;
	background: url(../images/top/bg_planer_y.jpg) repeat-y left top;
}

#contents_right #bg_planer {
	width:653px;
	background: url(../images/top/bg_planer.jpg) no-repeat left bottom;
}

#contents_right #bg_planer #bg_planer_head {
	width:653px;
	height:26px;
	line-height: 1;
	background: url(../images/top/bg_planer_head.jpg) no-repeat left top;
	text-indent: -9999px;
	display: block;
}

#contents_right .planer_box {
	margin:0px 0px 20px 31px;
	padding:0px 0px 20px 0px;
	width:595px;
	overflow:hidden;
	border-bottom: 1px dotted #93B3CB;
}

#contents_right #bottom_planer {
	border:none;
	margin-bottom:0px;
	padding-bottom:0px;
}

#contents_right .planer_box #txt_planer01 {
	width:150px;
	height:105px;
	float:left;
	line-height: 1;
	background: url(../images/top/txt_planer01.jpg) no-repeat left top;
	text-indent: -9999px;
	display: block;
}

#contents_right .planer_box #txt_planer02 {
	width:150px;
	height:105px;
	float:left;
	line-height: 1;
	background: url(../images/top/txt_planer02.jpg) no-repeat left top;
	text-indent: -9999px;
	display: block;
}

#contents_right .planer_box #txt_planer03 {
	width:150px;
	height:105px;
	float:left;
	line-height: 1;
	background: url(../images/top/txt_planer03.jpg) no-repeat left top;
	text-indent: -9999px;
	display: block;
}

#contents_right .planer_box #txt_planer04 {
	width:150px;
	height:105px;
	float:left;
	line-height: 1;
	background: url(../images/top/txt_planer04.jpg) no-repeat left top;
	text-indent: -9999px;
	display: block;
}

#contents_right .planer_box .txtbox_planer {
	width:428px;
	float:left;
}

#contents_right .planer_box .txtbox_planer p {
	margin-bottom:10px;
	font-size: 93%;
	color: #464646;
}

#contents_right .planer_box .txtbox_planer p a {
	color:#003399;
	text-decoration: underline;
}

#contents_right #bg_planer #bg_planer_bottom {
	width:653px;
	height:30px;
	line-height: 1;
	background: url(../images/top/bg_planer_bottom.jpg) no-repeat left bottom;
	text-indent: -9999px;
	display: block;
}

#contents_right #top_box {
	position:relative;
	width:663px;
	height:537px;
	background: url(../images/top/img_lifeplan.jpg) no-repeat left top;
}

#contents_right #top_box #top_box01 {
	position:absolute;
	top:23px;
	left:173px;
	width:184px;
	height:91px;
	display:block;
}

#contents_right #top_box #top_box01 a {
	width:184px;
	height:91px;
	display:block;
	line-height: 1;
	text-indent: -9999px;
}

#contents_right #top_box #top_box01 a:hover {
	background: url(../images/top/img_lifeplan_on.jpg) no-repeat -173px -23px;
}

#contents_right #top_box #top_box02 {
	position:absolute;
	top:130px;
	left:358px;
	width:216px;
	height:116px;
	display:block;
}

#contents_right #top_box #top_box02 a {
	width:216px;
	height:116px;
	display:block;
	line-height: 1;
	text-indent: -9999px;
}

#contents_right #top_box #top_box02 a:hover {
	background: url(../images/top/img_lifeplan_on.jpg) no-repeat -358px -130px;
}

#contents_right #top_box #top_box03 {
	position:absolute;
	top:259px;
	left:77px;
	width:193px;
	height:145px;
	display:block;
}

#contents_right #top_box #top_box03 a {
	width:193px;
	height:145px;
	display:block;
	line-height: 1;
	text-indent: -9999px;
}

#contents_right #top_box #top_box03 a:hover {
	background: url(../images/top/img_lifeplan_on.jpg) no-repeat -77px -259px;
}

#contents_right #top_box #top_box04 {
	position:absolute;
	top:340px;
	left:360px;
	width:206px;
	height:149px;
	display:block;
}

#contents_right #top_box #top_box04 a {
	width:206px;
	height:149px;
	display:block;
	line-height: 1;
	text-indent: -9999px;
}

#contents_right #top_box #top_box04 a:hover {
	background: url(../images/top/img_lifeplan_on.jpg) no-repeat -360px -340px;
}
