@charset "utf-8";


/*===========================
ANAセールスフランス
パリ通信WEBサイト
※
TOPページ
===========================*/




/*レイアウト全体設計*/
/*------------------------------*/

#main {
	height: 372px;
	width: 800px;
}
.main-image {
	height: 356px;
	width: 800px;
	background-image: url(../index_image/main_image.jpg);
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	background-repeat: no-repeat;
}

.main-image h1{
	text-indent: -9999em;
}

.index-contents {
	width: 800px;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	background-image: url(../index_image/contents_bg.gif);
	background-repeat: repeat-y;
}
.information {
	width: 520px;
	float: right;
}
.news {
	background-image: url(../index_image/info002_bg.gif);
}
.line-up {
	width: 255px;
	float: left;
}
.space {
	width: 800px;
	height: 10px;
	clear: both;
}



/*メニュー設計*/
/*------------------------------*/

.navi-menu{
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 800px;
}
.navi-menu ul, .navi-menu li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.navi-menu li {
	float: right;
	height: 18px;
	margin: 0px;
	padding: 0px;
}




/*News Topics設計*/
/*------------------------------*/

.info-01 {
	background-image: url(../index_image/info01.gif);
	height: 10px;
	width: 520px;
	font-size: 5px;
	text-indent: -9999em;
}
.info-02 {
	height: 40px;
	width: 520px;
	font-size: 9px;
	background-image: url(../index_image/news_topics.gif);
	text-indent: -9999em;
	background-repeat: no-repeat;
}
.info-list00 {
	width: 455px;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	background-image: url(../index_image/info01_bg.gif);
	background-repeat: no-repeat;
	height: 20px;
}
.info-list {
	width: 455px;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	background-image: url(../index_image/info01_bg.gif);
	background-repeat: no-repeat;
	height: 20px;
}
.info-list dl {
	float: left;
	width: 140px;
}
.info-list dl p {
	font-size: 80%;
	font-weight: bold;
}
.info-list dl p a, .info-list dl p a:link, .info-list dl p a:visited {
	text-decoration: none;
	color: #003399;
}
.info-list dl p a:hover {
	text-decoration: none;
	color: #0066FF;
}
.info-list dt {
	float: left;
	width: 90px;
}
.info-list dt p {
	font-size: 80%;
	font-weight: bold;
	color: #333333;
}
.info-list dd {
	float: left;
	width: 220px;
}
.info-list dd p {
	font-size: 80%;
	font-weight: bold;
}
.info-list dd p a, .info-list dd p a:link, .info-list dd p a:visited {
	text-decoration: none;
	color: #003399;
}
.info-list dd p a:hover {
	text-decoration: none;
	color: #0066FF;
}
.info-line {
	height: 1px;
	width: 480px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	text-indent: -9999em;
	clear: left;
	font-size: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}
.info-line-2 {
	height: 1px;
	width: 480px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	text-indent: -9999em;
	clear: left;
	font-size: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.info-etc {
	width: 480px;
	clear: left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	text-align: left;
}
.info-etc p {
	font-size: 80%;
}



/*Utilities設計*/
/*------------------------------*/

.utilities-01 {
	height: 35px;
	width: 520px;
	background-image: url(../index_image/utility.gif);
	text-indent: -9999em;
}
.utilities-02 {
	height: 20px;
	width: 520px;
	text-indent: -9999em;
	background-image: url(../index_image/utility_index.gif);
	background-repeat: no-repeat;
}
#panflet a, #panflet a:link, #panflet a:visited {
	height: 82px;
	width: 257px;
	background-image: url(../index_image/panf0.jpg);
	float: left;
	text-indent: -9999em;
}
#panflet a:hover {
	background-image: url(../index_image/panf1.jpg);
}


#free-stay a, #free-stay a:link, #free-stay a:visited {
	height: 82px;
	width: 257px;
	background-image: url(../index_image/free_stay0.jpg);
	float: left;
	text-indent: -9999em;
}
#free-stay a:hover {
	background-image: url(../index_image/free_stay1.jpg);
}


#france-travel a, #france-travel a:link, #france-travel a:visited {
	height: 82px;
	width: 257px;
	background-image: url(../index_image/france_travel0.jpg);
	float: right;
	text-indent: -9999em;
}
#france-travel a:hover {
	background-image: url(../index_image/france_travel1.jpg);
}


#tour-desk a, #tour-desk a:link, #tour-desk a:visited {
	background-image: url(../index_image/tourdesk0.jpg);
	float: left;
	height: 82px;
	width: 257px;
	text-indent: -9999em;
}
#tour-desk a:hover {
	background-image: url(../index_image/tourdesk1.jpg);
}
.utilities-03 {
	height: 5px;
	width: 520px;
	text-indent: -9999em;
	clear: both;
	font-size: 4px;
}
.utilities-04 {
	height: 20px;
	width: 520px;
	text-indent: -9999em;
	background-image: url(../index_image/utilities_index02.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
}




/*index設計*/
/*------------------------------*/

.index-title {
	height: 25px;
	width: 260px;
	background-image: url(../index_image/lineup.gif);
	text-indent: -9999em;
}
#topics a, #topics a:link, #topics a:visited {
	height: 94px;
	width: 260px;
	background-image: url(../index_image/topics0.gif);
	text-indent: -9999em;
	display: block;
}
#topics a:hover {
	background-image: url(../index_image/topics1.gif);
}
#hotel a, #hotel a:link, #hotel a:visited {
	height: 94px;
	width: 260px;
	background-image: url(../index_image/hotel0.gif);
	text-indent: -9999em;
	display: block;
}
#hotel a:hover {
	background-image: url(../index_image/hotel1.gif);
}
#tour a, #tour a:link, #tour a:visited {
	height: 95px;
	width: 260px;
	background-image: url(../index_image/tour0.gif);
	text-indent: -9999em;
	display: block;
}
#tour a:hover {
	background-image: url(../index_image/tour1.gif);
}
#meal-coupon a, #meal-coupon a:link, #meal-coupon a:visited {
	height: 96px;
	width: 260px;
	background-image: url(../index_image/meal_coupon0.gif);
	text-indent: -9999em;
	display: block;
}
#meal-coupon a:hover {
	background-image: url(../index_image/meal_coupon1.gif);
}
#life a, #life a:link, #life a:visited {
	height: 100px;
	width: 260px;
	background-image: url(../index_image/life0.gif);
	text-indent: -9999em;
	display: block;
}
#life a:hover {
	background-image: url(../index_image/life1.gif);
}