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

#nnttop {
	margin: 10px 15px 0px 15px;
	padding: 0px;
	width: 747px;
}

#nnttop .leftbox{
    margin: 0px;
	padding: 0px;
	width: 485px;
	float:left;
}

#nnttop .rightbox {
    margin: 0px;
	padding: 0px;
	width: 245px;
	float:right;
}




/*leftbox*/

#nnttop .leftbox .flasharea {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 485px;
}

#nnttop .leftbox .bannerarea {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 485px;
}

#nnttop .leftbox .bannerarea a img {
	border: none;
}

#top_guide {
    margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 485px;
}

#top_tayori {
    margin: 0px;
	padding: 0px 0px 20px 0px;
	width: 245px;
	/*width: 260px;
	float: left;*/
	/*background-image: url(../img/top/kodate_bttom.gif);*/
	background-repeat: repeat-x;
	background-position: bottom;
}

#top_cm {
	margin: 0px 0px 5px 0px;
	width: 214px;
	float: right;
}

#top_news {
    /*margin: 20px 0px;*/
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 485px;
}

#top_uplist {
    margin: 10px 0px;
	padding: 0px;
	width: 485px;
}

#top_rbanner {
    margin: 0px;
	padding: 0px 0px 20px 0px;
	width: 245px;
}



#nnttop .leftbox h2 {
    margin: 0px 0px 5px 0px;
}

#top_guide table p {
	margin: 0px;
	padding: 0px;
	width: 83px;
	height: 55px;
	border: solid 1px #999999;	
}

#top_guide table p a {
	display: block;
	width: 83px;
	height: 55px;
}

#top_guide table p.li_concept {
	margin-right: 5px;
	margin-bottom: 2px;
	background-image: url(../common/guide_navi_concept_h.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#top_guide table p a:hover.btn_concept {
	background-image: url(../common/guide_navi_concept_h.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	overflow:hidden;
}


#top_guide table p.li_map {
	margin-right: 5px;
	margin-bottom: 2px;
	background-image: url(../common/guide_navi_map_h.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#top_guide table p a:hover.btn_map {
	background-image: url(../common/guide_navi_map_h.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	overflow:hidden;
}


#top_guide table p.li_access {
	margin-right: 5px;
	margin-bottom: 2px;
	background-image: url(../common/guide_navi_access_h.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#top_guide table p a:hover.btn_access {
	background-image: url(../common/guide_navi_access_h.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	overflow:hidden;
}


#top_guide table p.li_guide {
	margin-right: 5px;
	background-image: url(../common/guide_navi_guide_h.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#top_guide table p a:hover.btn_guide {
	background-image: url(../common/guide_navi_guide_h.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	overflow:hidden;
}


#top_guide table p.li_tayori {
	margin-right: 2px;
	background-image: url(../common/guide_navi_tayori_h.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#top_guide table p a:hover.btn_tayori {
	background-image: url(../common/guide_navi_tayori_h.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	overflow:hidden;
}


#top_guide table p li_photo {
	background-image: url(../common/guide_navi_photo_h.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#top_guide table p a:hover.btn_photo {
	background-image: url(../common/guide_navi_photo_h.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	overflow:hidden;
}





#top_oshirase {
    margin: 10px 0px 15px 1px;
	padding: 0px;
	width: 480px;
	border: 2px solid #FF6600;
}

#top_oshirase h2 {
    margin: 0px;
	padding: 5px 0px 0px 5px;
    font-size: 90%;
	font-weight: bold;
	color: #FF6600;
}

#top_oshirase ul {
	margin: 0px 0px 10px 20px;
	padding: 0px;
	list-style-position: outside;
}

#top_oshirase li {
    margin: 0px;
	padding: 0px;
	font-size: 80%;
}

#top_news h2 {
    margin: 0px 0px 5px 0px;
}

#top_news div.campaign {
    margin: 0px 0px 10px 0px;
}

#top_news div.campaign p {
    margin: 0px 0px 3px 0px;
	border: solid 1px #999999;
}


#top_news .topicslist {
	margin: 0px;
	padding: 0px;
	width: 483px;
	border: solid 1px #FF6600;
	/*border: solid 1px #2E878B;*/
}

#top_news .topicslist h3 {
    margin: 0px;
	padding: 0px;
    font-size: 90%;
	font-weight: bold;
	color: #FF6600;
	margin-bottom: 10px; /*081107*/
}

#top_news .topicslist h4 {
	margin: 5px 0px 5px 10px;
	padding: 0px;
    font-size: 80%;
	font-weight: bold;
	color: #CC0000;
}

#top_news .topicslist ul {
	margin: 0px 5px 10px 30px;
	padding: 0px;
	list-style-position: outside;
	/*list-style: none;*/
}


#top_news .topicslist li {
    margin: 0px 10px 5px 0px;
	padding: 0px;
	font-size: 80%;
	line-height: 110%;
}

#top_news .topicslist li.house {
	list-style-image: url(../img/top/house_ico.gif);
	font-weight: bold;
}

#top_news .topicslist li.house a:link,
#top_news .topicslist li.house a:hover,
#top_news .topicslist li.house a:visited {
	color: #CC0000;
}

#top_news .topicslist li.border {
	border-bottom: dashed 1px #999999;
	padding-bottom: 5px;
}

#top_news .topicslist img.ico {
	vertical-align: middle;
	margin-left: 5px;
}


#top_tayori h2 {
	margin: 0px 0px 5px 0px;
	padding: 3px;
	width: 239px;
	font-size: 90%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #2E878B;
}

#top_tayori h2 a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#top_tayori h2 a:link {
	color: #FFFFFF;
}

#top_detached h2 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#top_tayori p.link {
	margin: -25px 5px 7px 0px;
	text-align: right;
}

#top_tayori p.link img {
	border: solid 1px #006666;
}

#top_tayori .detail {
    margin: 0px;
	padding: 0px;
	width: 243px;
	/*width: 258px;*/
	border: 1px solid #2E878B;
}


#top_tayori .detail h3 {
    margin: 10px 5px 5px 5px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-size: 80%;
	font-weight: bold;
	color: #016946;
}

#top_tayori .detail img {
    margin: 5px;
	padding: 0px;
	width: 75px;
	float: left;
}

#top_tayori .detail p {
    margin: 5px;
	padding: 0px;
	font-size: 80%;
	/*width: 160px;*/
}

#top_cm h2 {
	margin: 0px 0px 5px 0px;
	padding: 4px 0px;
	width: 214px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-size: 90%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #2E878B;
}

#top_cm img {
	margin: 0px;
	border: 1px solid #2E878B;
}

#top_uplist h2 {
    font-size: 90%;
	font-weight: bold;
    margin: 0px;
	padding: 0px;
}

#top_uplist dl {
    margin: 10px 0px 0px 5px;
	padding: 0px;
}

#top_uplist dl dt {
    width: 7em;
	float:left;
}

#top_uplist dl dd {
    margin-left: 7em;
}

#top_uplist dl dt,dd {
    font-size: 80%;
	margin-bottom: 5px;
}



/*rightbox*/
#top_detached {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	width: 245px;
}

#top_detached h2 {
	margin: 0px;
	padding: 3px;
	width: 239px;
	font-size: 90%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #2E878B;
}

#top_detached h2 a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#top_detached h2 a:link {
	color: #FFFFFF;
}

#top_detached h2 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#top_detached .kodate {
    margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 245px;
}

#top_detached .kodate table {
	margin: 0px;
	padding: 0px;
	width: 243px;
	border: solid 1px #999999;
	background-color: #F0F0F0;
}

#top_detached .kodate table.redborder {
	margin: 0px;
	padding: 0px;
	width: 243px;
	border: solid 1px #E26103;
	background-color: #FFFFFF;
}

#top_detached .kodate table.redborder td img {
	margin-left: 0px;
}

#top_detached .kodate table th {
	margin: 0px;
	padding: 0px;
	width: 90px;
	border-right: solid 1px #999999;
	vertical-align: top;
}

#top_detached .kodate table td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#top_detached .kodate table td p {
	margin: 2px;
	padding: 0px;
	font-size: 70%;
	color: #333333;
}

#top_detached .kodate table td p img {
	vertical-align: baseline;
	margin-left: 10px;
}

#top_detached .kodate table td img {
	margin-left: 2px;
	padding: 0px;
}

#top_detached .kodate p.news {
    margin: 3px 0px 0px 0px;
	padding: 0px;
	width: 245px;
	font-size: 80%;
	color: #2E878B;
}

#top_detached .kodate p.news2 {
    margin: 3px 0px 0px 0px;
	padding: 0px;
	width: 245px;
	font-size: 80%;
	font-weight: bold;
	color: #f98f1b;
}

#top_detached .kodate p.news2 a {
	color: #f98f1b;
	font-style: underline;
}

div.rightbox #top_relatedlink {
	margin: 0px;
	padding: 5px 0px 10px 0px;
	width: 245px;
	background-image: url(../img/top/kodate_bttom.gif);
	background-repeat: repeat-x;
	background-position: top;
}

div.rightbox #top_relatedlink h2 {
    margin: 10px 0px;
	font-size: 90%;
	font-weight: bold;
	color: #333;
}

div.rightbox #top_relatedlink table {
    margin: 0px;
	padding: 0px;
	font-size: 80%;
	width: 240px;
}

div.rightbox #top_relatedlink table td {
	padding-bottom: 5px;
}

div.leftbox #top_relatedlink {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 485px;
	border-top: solid 2px #2E878B;
}

div.leftbox #top_relatedlink h2 {
    margin: 10px 0px;
	font-size: 80%;
	font-weight: normal;
	color: #333;
}

div.leftbox #top_relatedlink table {
    margin: 0px;
	padding: 0px;
	font-size: 80%;
	width: 480px;
}

div.leftbox #top_relatedlink table td {
	padding-bottom: 5px;
}


#top_rbanner img {
	margin-bottom: 10px;
	border: none;
}

#top_rbanner img.border {
	border: solid 1px #ccc;
}




#top_uplist dl dt {
	border-bottom: 1px dotted #CCCCCC;
}

#top_uplist dl dd {
	border-bottom: 1px dotted #CCCCCC;
}




#campaign {
    margin: 0px 0px 20px 0px;
}

#campaign h2 {
	margin: 0px;
	padding: 3px;
	width: 239px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-size: 90%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #2E878B;
}

#campaign p {
    margin: 3px 0px 0px 0px;
	border: solid 1px #999999;
}
