@charset "Shift_JIS";

/*===========================================
　>> エリアトップ内要素
　>> clearfix
	（clear要素をまとめて記述）
===========================================*/

/*===========================================
　index.html
============================================*/
#content .arealistBlock{
	margin:0 0 10px 0;
}
#content .arealistBlock h4{
	background:url(../../areainfo/img/top/a1_h4_bg.gif) repeat-x!important;
	border:#C3C6A9 1px solid;
}
#content .arealistBlock h4 .Tit{
	padding:0 0 0 15px;
	background:url(../../areainfo/img/top/a1_icn_01.gif) no-repeat 5px;
	margin:5px;
	width:753px;
	float:left;
}
#content .arealistBlock h4 .Btn{
	margin:5px;
	width:150px;
	float:right;
}
#content .arealistBlock .areaTxt{
	width:520px;
	float:left;
}
#content .arealistBlock .areaTxt h5{
	font-size:125%;
	line-height:140%;
	font-weight:bold;
	margin-bottom:15px;
}
#content .arealistBlock .areaTxt .kyTit{
	font-weight:bold;
	color:#8D5C22;
}
#content .arealistBlock .areaImg{
	width:381px;
	float:right;
}
#content .arealistBlock .areaImg img{
	margin:0 0 0 5px;
}

/*　横並びリスト
-------------------------------*/
#content .areaList {
	background:url(/common/newimg/bg_dot_yoko02.gif) repeat-x left top;
	padding:5px 0;
}
#content .areaList .areaList_bg {
	width:940px;
	padding:10px 0;
	margin-bottom:10px;
	text-align:center;
	background:#ededed url(/common/newimg/bg_dot_yoko02.gif) repeat-x left bottom;
}
#content .areaList .areaList_bg ul li{
	display:inline;
	margin-left:10px;
	padding-left:10px;
	background:url(/common/newimg/ico_arrow02.gif) no-repeat left 0.3em;
}
/*===========================================
　各エリアページ
============================================*/

/*　横並びリスト
-------------------------------*/
#content .detailList {
	display:block;
	width:940px;
	padding-bottom:10px;
	margin-bottom:20px;
	text-align:center;
	background:url(/common/newimg/bg_dot_yoko.gif) repeat-x left bottom;
}
#content .detailList ul li{
	display:inline;
	margin-left:10px;
	padding-left:10px;
	background:url(/common/newimg/ico_arrow01.gif) no-repeat left 0.3em;
}

/*
　　上部　2カラム
-------------------------------*/
#content .layoutTwo_01{
	width:940px;
	margin-bottom:25px;
	position:relative;
}
/*　　2カラム 左
---------------------*/
#content .layoutTwo_01 .layoutTwo_02a{
	float:left;
	width:644px;
	margin:0 20px 0 0;
}
/*　　2カラム 右
---------------------*/
#content .layoutTwo_01 .layoutTwo_02b{
	float:right;
	width:276px;
}
/*　　共通スタイル関連
---------------------------*/
#content .detailsBox01 {
	margin:0 0 20px 0;
}
#content .detailsBox01 h3.read {
	height:auto;
	margin-bottom:5px;
	line-height:120%;
}
#content .detailsBox01 h3.read .title_s{
	background:url(/common/newimg/ico_title_s.gif) repeat-y left top;
	padding-bottom:0px;
}
#content .detailsBox02 {
	margin:0 0 10px 0;
	background:url(/common/newimg/bg_dot_yoko02.gif) repeat-x left bottom;
	padding:0 0 7px 0;
}
#content .detailsBox02 .normal,
#content .weatherBoxin .normal{
	font-size:100%;
	height:auto;
	margin-bottom:5px;
}
#content .detailsBox01 .advice li{
	background:url(../newimg/ico_dot01.gif) no-repeat 0 0.5em;
	padding:0 0 0 8px;
}
#content .notesRight{
	font-size:88%;
	text-align:right;
	color:#666666;
	margin:5px 0 0 0;
}

/*===========================================
　気象情報
============================================*/

/*　グラフ3表示
-------------------------------*/
#content .weatherLead{
	margin:0 0 10px 0;
}
#content .weatherWrap{
	width:938px;
	background:url(../../areainfo/img/area/bg_weatherBox.gif) no-repeat left bottom;
}
#content .weatherWrap .weatherBox01,
#content .weatherWrap .weatherBox02{
	width:306px;
	float:left;
	border-top:1px solid #ccc;
}
#content .weatherWrap .weatherBoxin{
	width:284px;
	margin:10px;
}
#content .weatherWrap .weatherBox01{
	margin:0 10px 0 0;
}
#content .weatherBoxin img{
	margin:0 0 5px 0;
}
#content .weatherBoxin .weatherBtn{
	background:#EDD7A1;
	margin:0 0 10px 0;
	color:#633B17;
	font-weight:bold;
	text-align:center;
	padding:3px 0;
}
#content .weatherBoxin .weatherBtn span{
	margin:0 3px 0 2px;
}

/*　グラフ2表示
-------------------------------*/
#content .weatherWrap02{
	width:938px;
	background:url(../../areainfo/img/area/bg_weatherBox02.gif) no-repeat left bottom;
}
#content .weatherWrap02 .weatherBox01,
#content .weatherWrap02 .weatherBox02{
	width:464px;
	float:left;
	border-top:1px solid #ccc;
}
#content .weatherWrap02 .weatherBoxin{
	width:444px;
	margin:10px;
}
#content .weatherWrap02 .weatherBox01{
	margin:0 10px 0 0;
}
#content .weatherWrap02 .weatherBoxin .graphBox{
	text-align:center;
}

/*　グラフ1表示
-------------------------------*/
#content .weatherWrap03{
	width:938px;
	border:1px solid #ccc}
#content .weatherWrap03 .weatherBox01{
	float:left;
	width:464px;
	margin:10px 30px 10px 20px;
}
#content .weatherWrap03 .weatherRight01{
	float:left;
	width:404px;
	margin:30px 10px 10px 0;
}
#content .weatherWrap03 .weatherBoxin .graphBox{
	text-align:center;
}

/*　グラフ1表示　幅小
-------------------------------*/
#content .weatherWrap04{
	width:464px;
	background:url(../../areainfo/img/area/bg_weatherBox03.gif) no-repeat left bottom;
}
#content .weatherWrap04 .weatherBox01{
	width:464px;
	float:left;
	border-top:1px solid #ccc;
}
#content .weatherWrap04 .weatherBoxin{
	width:444px;
	margin:10px;
}
#content .weatherWrap04 .weatherBoxin .graphBox{
	text-align:center;
}
#content .boxHalf{
	width:464px;
}

/*===========================================
　カレンダー
============================================*/
#content h3 .title_event{
	display:block;
	padding-left:40px;
	padding-bottom:6px;
	background:url(../../areainfo/img/area/ico_title_event.gif) no-repeat left top;
}

#content .tbl_calendar01,
#content .tbl_calendar02,
#content .tbl_calendar03{
	width:940px;
	border-top:1px dotted #7f7f7f;
}
#content .tbl_calendar01 th,
#content .tbl_calendar02 th,
#content .tbl_calendar03 th{
	width:70px;
	padding:10px;
	font-weight:bold;
	background:#edd7a1 url(/common/newimg/bg_dot_yoko02.gif) repeat-x left bottom;
}
#content .tbl_calendar01 tdTop,
#content .tbl_calendar02 tdTop,
#content .tbl_calendar03 tdTop{
	height:5px;
	line-height:5px;
	background:url(/common/newimg/bg_dot_yoko02.gif) repeat-x left top;
}
#content .tbl_calendar01 td,
#content .tbl_calendar02 td,
#content .tbl_calendar03 td{
	padding:10px;
	background:url(/common/newimg/bg_dot_yoko02.gif) repeat-x left bottom;
}
/*　1カラム
-------------------------------*/
#content .tbl_calendar01 td li{
	background:url(../newimg/ico_dot01.gif) no-repeat 0 0.5em;
	padding:0 20px 0 8px;
	float:left;
	white-space:nowrap;
}
/*　2カラム
-------------------------------*/
#content .tbl_calendar02 tr.area th,
#content .tbl_calendar03 tr.area th{
	background:#F7EFD8 url(/common/newimg/bg_dot_yoko02.gif) repeat-x left bottom;
}
#content .tbl_calendar02 th.areaname {
	width:425px;
}
#content .tbl_calendar02 td li,
#content .tbl_calendar03 td li{
	background:url(../newimg/ico_dot01.gif) no-repeat 0 0.5em;
	padding:0 0 0 8px;
}
/*　3カラム
-------------------------------*/
#content .tbl_calendar03 th.areaname {
	width:283px;
}
/*===========================================
　エリアマップ
============================================*/
#content .areamapBox {
	width:940px;
	background:url(/common/newimg/bg_round03_mid.gif) repeat-y left top;
}
#content .areamapBoxtop {
	background:url(/common/newimg/bg_round03_top.gif) no-repeat left top;
}
#content .areamapBoxbtm{
	padding:20px 1px 20px 25px;
	background:url(/common/newimg/bg_round03_btm.gif) no-repeat left bottom;
}
#content .areamapBox .areamapBoxIn {
}
/*　　2カラム 左
---------------------*/
#content .areamapBox .areamapBoxIna {
	float:left;
	width:608px;
}
#content .areamapBox .areamapBoxIna h4{
	color:#633B17;
	background:none!important;
	height:auto;
	margin:0 0 10px 0;
}
#content .areamapBox .areamapBoxIna h4 .title_keyword{
	display:block;
	padding-left:25px;
	background:url(../../areainfo/img/area/icon_Keyword.gif) no-repeat left top;
	min-height:21px;
    height: auto !important;	/*IE6用*/
    height: 21px;
	}
#content .areamapBox .areamapBoxIna h4 .title_information{
	display:block;
	padding-left:25px;
	background:url(../../areainfo/img/area/icon_info.gif) no-repeat left top;
	min-height:21px;
    height: auto !important;	/*IE6用*/
    height: 21px;
}
#content .areamapBox .areamapBoxIna h5{
	font-weight:bold;
	margin:0 0 5px 0;
}
#content .areamapBox .areamapBoxIna p {
	margin:0 0 20px 0;
}
#content .areamapBox .areamapBoxIna ul {
	margin:5px 0 20px 0;
}
#content .areamapBox .areamapBoxIna ul li{
	margin:0 15px 0 0;
	padding-left:10px;
	background:url(/common/newimg/ico_arrow01.gif) no-repeat left 50%;
	float:left;
	white-space:nowrap;
}
/*　　草津・軽井沢
---------------------*/
#content .areamapBox .areamapBoxIna ul li.ecomu{
	background:url(/common/newimg/ico_arrow01.gif) no-repeat left 11px;
}
#content .areamapBox .areamapBoxIna ul li.ecomu img{
	vertical-align:middle;
	margin:0 0 0.1em 0.7em;}
/*　　2カラム 右
---------------------*/
#content .areamapBox .areamapBoxInb {
	float:right;
	width:276px;
	text-align:center;
	margin:0 10px 0 0;
}

/*===========================================
　周辺のリゾートマンションを地図で見る
============================================*/
#content .detailsBox03{
	padding:10px 15px;
	border:1px solid #ccc;
}
#content .detailsBox03 ul li{
	padding:5px 0;
	background:url(/common/newimg/bg_dot_yoko.gif) repeat-x left bottom;
}
#content .detailsBox03 ul li.last{
	background:none;
	padding-bottom:0;
}
#content .detailsBox03 ul li .areaName{
	float:left;
	width:457px;
}
#content .detailsBox03 ul li .button{
	float:right;
	width:155px;
}
/*===========================================
　周辺のリゾートマンションを地図で見る
============================================*/
.bukkenList{
	margin-bottom:10px;
}
.bukkenList .cell{
	width:231px;
	padding:10px;
	border:1px solid #ccc;
}
.bukkenList .cell .img{
	text-align:center;
	margin-bottom:10px;
}
.bukkenList .blank{
	width:5px;
}
/* 　右寄せボタン 背景なし
---------------------------*/
#content .btnAreaRight {
	text-align:right;
}

/*===========================================
　軽井沢・草津
============================================*/
#content .mv_karuizawa02{ background:transparent url(../../areainfo/kusatsu_karuizawa/img/mv_area01.jpg) no-repeat left top; }


/* ------------------------------
　　 clear要素をまとめて記述
------------------------------ */
#content .arealistBlock:after,
#content .arealistBlock h4:after,
#content .areaList .areaList_bg ul:after,
#content .areamapBox .areamapBoxIn:after,
#content .areamapBox .areamapBoxIna ul:after,
#content .tbl_calendar01 td ul:after,
#content .detailsBox03 ul li:after,
#content .detailList ul:after,
#content .weatherWrap:after,
#content .weatherWrap02:after,
#content .weatherWrap03:after,
#content .weatherWrap04:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}

/* WinIE4-6用*/
* html #content .arealistBlock,
* html #content .arealistBlock h4,
* html #content .areaList .areaList_bg ul,
* html #content .areamapBox .areamapBoxIn,
* html #content .areamapBox .areamapBoxIna ul,
* html #content .tbl_calendar01 td ul,
* html #content .detailsBox03 ul li,
* html #content .detailList ul,
* html #content .weatherWrap,
* html #content .weatherWrap02,
* html #content .weatherWrap03,
* html #content .weatherWrap04{
	display: inline-block;
	height: 1%;
	}
	
#content .arealistBlock,
#content .arealistBlock h4,
#content .areaList .areaList_bg ul,
#content .areamapBox .areamapBoxIn,
#content .areamapBox .areamapBoxIna ul,
#content .tbl_calendar01 td ul,
#content .detailsBox03 ul li,
#content .detailList ul,
#content .weatherWrap,
#content .weatherWrap02,
#content .weatherWrap03,
#content .weatherWrap04{ zoom:1; }