@charset "utf-8";
/* トスコの住まい */

#areaNavi {
	width: 695px;
	height: 34px;
	background-image: url(images/navi_area02.gif);
	background-repeat:no-repeat;
	margin-bottom: 20px;
}
#areaNavi ul {
	 margin: 0px;
	 padding: 0px;
	 list-style: none;
}
#areaNavi li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#areaNavi li a {
	display: block;
	border: none;
	vertical-align: top;
}
#areaNavi li span {
	display: none;
}

#areaNavi01a {
	background-image: url(images/navi_area01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 34px;
	width: 132px;
}
#areaNavi01a:hover {
	background-position: 0px -34px;
}
#areaNavi01b {
	background-image: url(images/navi_area01.gif);
	background-position: 0px -68px;
	height: 34px;
 	width: 132px;
}
#areaNavi02a {
	background-image: url(images/navi_area01.gif);
 	background-repeat: no-repeat;
 	background-position: -132px 0px;
 	height: 34px;
 	width: 183px;
}
#areaNavi02a:hover {
	background-position: -132px -34px;
}
#areaNavi02b {
	background-image: url(images/navi_area01.gif);
	background-position: -132px -68px;
	height: 34px;
 	width: 183px;
}
#areaNavi03a {
	background-image: url(images/navi_area01.gif);
 	background-repeat: no-repeat;
 	background-position: -315px 0px;
 	height: 34px;
 	width: 123px;
}
#areaNavi03a:hover {
	background-position: -315px -34px;
}
#areaNavi03b {
	background-image: url(images/navi_area01.gif);
	background-position: -315px -68px;
 	height: 34px;
 	width: 123px;
}

/* 2×4*/

#secoundNavi {
	width: 695px;
	height: 66px;
	background-image: url(images/navi_2401.gif);
	background-repeat:no-repeat;
	margin-bottom: 30px;
}

#secoundNavi ul {
	 margin: 0px;
	 padding: 0px;
	 list-style: none;
}
#secoundNavi li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#secoundNavi li a {
	display: block;
	border: none;
	vertical-align: top;
}
#secoundNavi li span {
	display: none;
}

#secoundNavi01a {
	background-image: url(images/navi_2401.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 66px;
	width: 140px;
}
#secoundNavi01a:hover {
	background-position: 0px -66px;
}
#secoundNavi01b {
	background-image: url(images/navi_2401.gif);
	background-position: 0px -132px;
	height: 66px;
	width: 140px;
}
#secoundNavi02a {
	background-image: url(images/navi_2401.gif);
 	background-repeat: no-repeat;
 	background-position: -140px 0px;
	height: 66px;
 	width: 139px;
}
#secoundNavi02a:hover {
	background-position: -140px -66px;
}
#secoundNavi02b {
	background-image: url(images/navi_2401.gif);
	background-position: -140px  -132px;
	height: 66px;
 	width: 139px;
}
#secoundNavi03a {
	background-image: url(images/navi_2401.gif);
 	background-repeat: no-repeat;
 	background-position: -279px 0px;
	height: 66px;
 	width: 139px;
}
#secoundNavi03a:hover {
	background-position: -279px -66px;
}
#secoundNavi03b {
	background-image: url(images/navi_2401.gif);
	background-position: -279px -132px;
	height: 66px;
 	width: 139px;
}
#secoundNavi04a {
	background-image: url(images/navi_2401.gif);
 	background-repeat: no-repeat;
 	background-position: -418px 0px;
	height: 66px;
 	width: 139px;
}
#secoundNavi04a:hover {
	background-position: -418px -66px;
}
#secoundNavi04b {
	background-image: url(images/navi_2401.gif);
	background-position: -418px  -132px;
	height: 66px;
 	width: 139px;
}
#secoundNavi05a {
	background-image: url(images/navi_2401.gif);
 	background-repeat: no-repeat;
 	background-position: -557px 0px;
	height: 66px;
 	width: 138px;
}
#secoundNavi05a:hover {
	background-position: -557px -66px;
}
#secoundNavi05b {
	background-image: url(images/navi_2401.gif);
	background-position: -557px -132px;
	height: 66px;
 	width: 138px;
}

/* メインビジュアル */
#mainVis {
	background-image: url(images/p_main01.jpg);
	background-repeat:no-repeat;
	width: 695px;
	height: 286px;
	margin-bottom:30px;
}
#mainVis h1{
	width: 380px;	
	margin-top:0;
	padding-top: 120px;
	color: #333333;
	font-size: 80%;
	line-height:1.5em;
	}

#mainVis02 {
	background-image: url(images/p_main02.jpg);
	background-repeat:no-repeat;
	width: 695px;
	height: 200px;
	margin-bottom:30px;
}
#mainVis02 h1{
	width: 450px;
	margin-top:0;
	padding-top: 110px;
	color: #333333;
	font-size: 80%;
	line-height:1.5em;
	}

/* タイトルまわり */
.hl_01 {
	width: 695px;
	height: 42px;
	background-image: url(images/hl_01.gif);
	background-repeat: no-repeat;
}

.hl_02 {
	width: 695px;
	height: 42px;
	background-image: url(images/hl_02.gif);
	background-repeat: no-repeat;
}

.hl_03 {
	width: 695px;
	height: 42px;
	background-image: url(images/hl_03.gif);
	background-repeat: no-repeat;
}

.hl_04 {
	width: 695px;
	height: 42px;
	background-image: url(images/hl_04.gif);
	background-repeat: no-repeat;
}

.hl_05 {
	width: 695px;
	height: 42px;
	background-image: url(images/hl_05.gif);
	background-repeat: no-repeat;
}

.hl_06 {
	width: 695px;
	height: 42px;
	background-image: url(images/hl_06.gif);
	background-repeat: no-repeat;
}

/* コンテンツ */
#mainCateg {
	background-image: url(images/bg_01.jpg);
	background-repeat:no-repeat;
	width: 580px;
	height: 235px;
	margin-bottom:30px;
	float:right;
}
#mainCateg h1{
	width: 300px;	
	margin:0;
	padding:60px 0 0 30px;
	color: #333333;
	font-size: 80%;
	line-height:1.5em;
	}

#mainCateg02 {
	background-image: url(images/bg_02.jpg);
	background-repeat:no-repeat;
	width: 580px;
	height: 253px;
	margin-bottom:30px;
		float:right;
}
#mainCateg02 h1{
	width: 300px;	
	margin:0;
	padding:60px 0 0 30px;
	color: #333333;
	font-size: 80%;
	line-height:1.5em;
	}
	

#sumaiNavi {
	width: 114px;
	height: 235px;
	background-image: url(images/navi_sumai01.gif);
	background-repeat:no-repeat;
	margin-bottom: 20px;
	float:left;
}
#sumaiNavi ul {
	 margin: 0px;
	 padding: 0px;
	 list-style: none;
}
#sumaiNavi li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#sumaiNavi li a {
	display: block;
	border: none;
	vertical-align: top;
}
#sumaiNavi li span {
	display: none;
}

#sumaiNavi01a {
	background-image: url(images/navi_sumai01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 235px;
	width: 114px;
	margin:0;
	padding-bottom:30px;
}
#sumaiNavi01a:hover {
	background-position:-114px 0px ;
}
#sumaiNavi01b {
	background-image: url(images/navi_sumai01.gif);
	background-position:-114px 0px ;
	height: 235px;
	width: 114px;
}
#sumaiNavi02a {
	background-image: url(images/navi_sumai01.gif);
 	background-repeat: no-repeat;
 	background-position: 0px -266px;
	height: 253px;
	width: 114px;
}
#sumaiNavi02a:hover {
 	background-position: -114px -266px;
}
#sumaiNavi02b {
	background-image: url(images/navi_sumai01.gif);
 	background-position: -114px -266px;
	height: 253px;
	width: 114px;
}

/* →リンク */
.bannerTxtArea02 {
	width: 335px;
	margin-top: 10px;
}
.bannerTxtArea02 a{
	background-image: url(../image/b_arrow_r02.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #334c66;
	line-height: 1.5em;
	margin-top: 10px;
	padding: 0px 0px 0px 20px;
	text-decoration: underline;
}
.bannerTxtArea02 a:link{
   	color:#333333;
	text-decoration:underline; 
}
.bannerTxtArea02 a:active{
   	color:#0033cc;
	text-decoration:underline; 
}
.bannerTxtArea02 a:hover{
   	color:#0033cc;
	text-decoration:none; 
}
.bannerTxtArea02 a:visited{
   	color:#333333;
	text-decoration:underline; 
}

.bannerTxtArea03 {
	width: 335px;
	margin-top: 10px;
}
.bannerTxtArea03 a{
	background-image: url(../image/b_arrow_r03.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #334c66;
	line-height: 1.5em;
	margin-top: 10px;
	padding: 0px 0px 0px 20px;
	text-decoration: underline;
}
.bannerTxtArea03 a:link{
   	color:#333333;
	text-decoration:underline; 
}
.bannerTxtArea03 a:active{
   	color:#0033cc;
	text-decoration:underline; 
}
.bannerTxtArea03 a:hover{
   	color:#0033cc;
	text-decoration:none; 
}
.bannerTxtArea03 a:visited{
   	color:#333333;
	text-decoration:underline; 
}


/* 24流れ画像部分 */
#s_01 {
	width: 695px;
	height: 143px;
	background-image: url(images/i_01_1.gif);
	background-repeat: no-repeat;
	float:left;
}

#s_02 {
	width: 695px;
	height: 145px;
	background-image: url(images/i_01_2.gif);
	background-repeat: no-repeat;
}

#s_03 {
	width: 695px;
	height: 145px;
	background-image: url(images/i_01_3.gif);
	background-repeat: no-repeat;
}

#s_04 {
	width: 695px;
	height: 145px;
	background-image: url(images/i_01_4.gif);
	background-repeat: no-repeat;
}

#s_05 {
	width: 695px;
	height: 145px;
	background-image: url(images/i_01_5.gif);
	background-repeat: no-repeat;
}

#s_06 {
	width: 695px;
	height: 145px;
	background-image: url(images/i_01_6.gif);
	background-repeat: no-repeat;
}
#s_07 {
	width: 695px;
	height: 145px;
	background-image: url(images/i_01_7.gif);
	background-repeat: no-repeat;
}
#s_08 {
	width: 695px;
	height: 145px;
	background-image: url(images/i_01_8.gif);
	background-repeat: no-repeat;
}
/* 24流れ */

.s_24 {
	height: 35px;
	margin: 0px 0px 0px 0px;
}

.s_24 h3{
	margin: 0;
	padding: 20px 0px 0px 75px;
	color: #cc6600;
	font-size: 100%;
}
.boxL{
	margin: 0;
	padding: 5px 0px 0px 70px;
	font-size: 80%;
	float:left;
}
.boxR{
	margin: 0;
	padding: 5px 0px 0px 30px;
	font-size: 80%;
	float:left;
}
.boxB{
    width:220px;
	margin: 0;
	padding: 0px 10px 0px 10px;
	float:right;
}



/* 24詳細 */

.subTitle695 {
    height: 21px;
	margin: 0px;
	padding-top:7px;
	padding-left:10px;
	padding-bottom:10px;
	background-image: url(../image/bg_hl_detail01.gif);
	background-repeat: repeat-x;
	color: #334c66;
	font-size: 87.5%;
	font-weight: bold;
}

.subTitle405 {
	width: 395px;
	height: 21px;
	padding-top:7px;
	padding-left:10px;
	padding-bottom:10px;
	background-image: url(../image/bg_hl_detail01.gif);
	background-repeat: repeat-x;
	color: #334c66;
	font-size: 87.5%;
	font-weight: bold;
}

.subTitle270 {
	width: 260px;
	height: 21px;
	padding-top:7px;
	padding-left:10px;
	padding-bottom:10px;
	background-image: url(../image/bg_hl_detail01.gif);
	background-repeat: repeat-x;
	color: #334c66;
	font-size: 87.5%;
	font-weight: bold;
}