@charset "utf-8";

/* -----------------------------------------------------------

	Title: toppage.css
	Created: 2008-12-1
	Last Up Date: 2008-12-1
	
----------------------------------------------------------- */
/* 

	toppage
	topPageMain
	topPageSub
	topics
	news
	info
	center_bn
	
----------------------------------------------------------- */
/* 

	topPageMain
	
----------------------------------------------------------- */

div#topPage {
	width: 670px;
}

/* -----------------------------------------------------------	

	topPageMain
	
----------------------------------------------------------- */

div#topPage div#topPageMain {
	display: inline;
	float: left;
	width: 460px;
}

/* plan
----------------------------------------------------------- */

div#topPage div#topPageMain div#plan {
	background: url(../image/plan_bg.gif) repeat-y;
	width: 460px;
	margin: 0 0 10px;
	padding: 0 0 10px;
}

div#topPage div#topPageMain div#plan h3 {
	margin: 0;
	line-height: 1;
}

div#topPage div#topPageMain div#plan div.section {
	clear: both;
	background: url(../common/image/line_dot_b_x.gif) bottom repeat-x;
	margin: 0 25px 10px;
	padding: 0 0 10px;
}

div#topPage div#topPageMain div#plan div.section:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
div#topPage div#topPageMain div#plan div.section { zoom:1; }
/* exlude MacIE5 \*/
* html div#topPage div#topPageMain div#plan div.section { height: 1% }
div#topPage div#topPageMain div#plan div.section  {display:block;}
/* end MacIE5 */

div#topPage div#topPageMain div#plan div.section div.planImg {
	float: left;
	width: 108px;
}

div#topPage div#topPageMain div#plan div.section div.planImg img {
	vertical-align: bottom;
	border: solid 1px #FFFFFF;
}

div#topPage div#topPageMain div#plan div.section div.planCont {
	float: right;
	width: 295px;
}

div#topPage div#topPageMain div#plan div.section div.planCont h4 {
	background: none;
	margin: 0 0 5px;
	padding: 0;
	color: #ffff99;
	font-size: 107%;
	line-height: 1.2;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


div#topPage div#topPageMain div#plan div.section div.planCont p {
	margin: 0 0 5px;
	line-height: 1.4;
	color: #FFFFFF;
}

div#topPage div#topPageMain div#plan div.section div.planCont p.planBt {
	float: right;
	margin: 0 0 0 0;
}
/*
	topics
----------------------------------------------------------- */
.topics_frame  {
	background: #f2e7d5 url(../image/topics_bg.gif) top no-repeat;
	width: 440px;
	padding: 25px 10px 10px 10px;
	margin-bottom: 10px;
	border: solid 1px #b66b13;
}



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

div#topPage div#topPageMain div#news {
	background: #f2e7d5 url(../image/news_bg.gif) top no-repeat;
	width: 460px;
	padding: 14px 0 10px;
	border: solid 1px #b66b13;
}

div#topPage div#topPageMain div#news h3 {
	margin: 0 0 12px 18px;
	line-height: 1;
}

div#topPage div#topPageMain div#news dl {
	clear: both;
	margin: 0 18px;
}

div#topPage div#topPageMain div#news dl dt {
	float: left;
}

div#topPage div#topPageMain div#news dl dd {
	margin: 0 0 5px;
	padding: 0 0 0 6.5em;
}
/* info
----------------------------------------------------------- */
div#info {
	background: #f2e7d5 url(../image/news_bg.gif) top no-repeat;
	width: 460px;
	padding: 14px 0 10px;
	border: solid 1px #b66b13;
}

div#info h3 {
	margin: 10px 0 30px 18px;
	line-height: 1;
}

div#info dl {
	clear: both;
	margin: 0 30px;
}

div#info dl dt {
	float: left;
}

div#info dl dd {
	margin: 0 0 5px;
}

/* -----------------------------------------------------------	

	topPageSub
	
----------------------------------------------------------- */

div#topPage div#topPageSub {
	float: right;
	display: inline;
	width: 200px;
}

/* point
----------------------------------------------------------- */

div#topPage div#topPageSub div#point {
	background: #f2e7d5 url(../image/news_bg.gif) top no-repeat;
	width: 200px;
	padding: 14px 0 10px;
	border: solid 1px #b66b13;
}

div#topPage div#topPageSub div#point h3 {
	margin: 0 0 12px 18px;
	line-height: 1;
}

div#topPage div#topPageSub div#point p {
	margin: 0 10px 10px;
}

/* center_bn
----------------------------------------------------------- */
div#center_bn p {
	margin: 0 0 10px;
}

div.osusume {
	margin:0 0 0 0;
	padding:10px 0 0 120px;
	width:900px;
	height:200px;
	background-image: url(../image/osusume_wi.gif);
	background-repeat: no-repeat;
}
div.osusume_image {
	margin:0 7px 0 0;
	float : left
}