@charset "shift_jis";

#SecondPage{
	background:#fff;
	width:1000px;
	margin:0 10px;
	padding:0;
	background:#fff;
	font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:15px;
}
/*-- --*/
#SecondPage h3{
	padding:2px 2px 0;
}
#SecondPage .CatchCopy{
	margin:0 2px;
	padding:15px 0 0;
	height:91px;
	background:url("../img/south_france/title002.jpg") no-repeat 0 center;
	text-align:center;
	text-shadow:1px 1px 2px rgba(0,0,0,0.2);
	font-size:22px;
	font-weight:bold;
	line-height:140%;
	color:#fff;
}
#SecondPage .Photo{
	margin:0 2px;
	height:244px;
}
/*-- --*/
#Map{
	margin:0 2px;
	background:url("../img/south_france/map001.png") repeat-y 0 center #380;
}
#Map .BodyText{
	padding:25px 56px 0;
	text-align:left;
	text-shadow:1px 1px 2px rgba(0,0,0,0.2);
	font-size:18px;
	font-weight:bold;
	line-height:140%;
	color:#fff;
}
#Map .Map{
	padding:25px 56px 56px;
	background:url("../img/south_france/map002.png") no-repeat 0 bottom;
}
#Map .Map img{
	border:1px solid #fff;
}
/*-- --*/
#Tab01{
	padding:10px 0 0;
	height:100px;
	background:url("../img/south_france/tab001.png") no-repeat 0 100px #fff;
}
#Tab01 li{
	float:right;
}
#Tab01 li:first-child{
	float:left;
}
#Tab01 li a{
	display:block;
	float:left;
	padding:4px 0 0;
	width:491px;
	height:86px;
	background:linear-gradient(to bottom, #aad500 0, #e6ff77 100%);
	transition:0.2s margin linear,0.2s height linear;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 2px rgba(0,0,0,0.2);
	font-size:15px;
	line-height:18px;
	color:#333;
}
#Tab01 li:first-child a{
	background:linear-gradient(to bottom, #ffbb00 0, #ffdd66 100%);
}
#Tab01 li a span{
	display:block;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:54px;
	font-weight:bold;
	line-height:58px;
	color:#fff;
}
#Tab01 li a:hover{
	margin:10px 0 0;
	height:76px;
}
#Tab01 li.Here a:hover{
	margin:0;
	height:86px;
}
#Tab01{
	padding:10px 0 0;
	height:100px;
}
#SecondPage .CoteDAezur01{
	background-position:-1000px 100px;
}
/*-- --*/
#Tab02{
	padding:10px 2px 0;
	height:50px;
	background:url("../img/south_france/tab002.png") no-repeat 0 0 #fff;
}
#Tab02 li{
	float:right;
}
#Tab02 li:first-child{
	float:left;
}
#Tab02 li a{
	display:block;
	float:left;
	padding:4px 0 0;
	width:491px;
	height:40px;
	background:linear-gradient(to bottom, #e6ff77 0, #aad500 100%);
	transition:0.2s height linear, 0.2s line-height linear;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 2px rgba(0,0,0,0.2);
	font-size:15px;
	font-weight:bold;
	line-height:40px;
	color:#fff;
}
#Tab02 li:first-child a{
	background:linear-gradient(to bottom, #ffdd66 0, #ffbb00 100%);
}
#Tab02 li a:hover{
	height:36px;
	line-height:36px;
}
#Tab02 li.Here a:hover{
	height:40px;
	line-height:40px;
}
#SecondPage .CoteDAezur02{
	background:url("../img/south_france/tab002.png") no-repeat -1000px 0 #fff;
}
/*-- --*/
#SecondPage .AreaSection{
	margin: 0 2px;
	padding:8px 0 25px 16px;
}
#Provence{
	background:#ffdd66;
}
#CoteDAezur{
	background:#e6ff77;
}
#SecondPage .AreaSection .Article{
	float:left;
	margin:14px 14px 0 0;
	padding:2px 2px 0;
	width:471px;
	background:#fff;
	box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2);
	text-align:left;
}
#SecondPage .AreaSection .Article h4{
	background:linear-gradient(to bottom, #ff5500 0, #ffaa00 100%);
	padding:0 5px 0 13px;
	height:98px;
	text-shadow:1px 1px 2px rgba(0,0,0,0.2);
	color:#fff;
}
#SecondPage #CoteDAezur .Article h4{
	background:linear-gradient(to bottom, #0099ff 0, #66ddff 100%);
}
#SecondPage .AreaSection .Article h4 span.Area{
	display:block;
	text-align:right;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	color:#fff;
}
#SecondPage .AreaSection .Article h4 span.Name{
	display:block;
	margin:2px 0 0;
	font-size:25px;
	font-weight:bold;
	line-height:130%;
	
}
#SecondPage .AreaSection .Article h4 span.Sub{
	display:block;
	font-size:18px;
	font-weight:bold;
	line-height:130%;
}
#SecondPage .AreaSection .Article .BodyText{
	padding:14px 13px 0;
	font-size:15px;
	line-height:140%;
}
#SecondPage .AreaSection .Article .BodyText strong{
	display:block;
	margin:0 0 2px;
	font-weight:bold;
}
#SecondPage .AreaSection .Article .BodyText a{
	padding:6px 0 0 10px;
	background:url("../img/south_france/area001.png") no-repeat 0 center;
	font-size:15px;
	line-height:130%;
	color:#19f;
}
#SecondPage .AreaSection .Article .BodyText span{
	color:#e82;
}
/*-- --*/
#SecondPage .AreaSection .Article .AreaPhoto{
	margin:15px 15px 0;
	height:290px;
}
#SecondPage .AreaSection .Article .AreaPhoto .Main{
	float:left;
	width:350px;
}
#SecondPage .AreaSection .Article .AreaPhoto .Thumb{
	float:right;
	width:86px;
}
#SecondPage .AreaSection .Article .AreaPhoto .Thumb a{
	display:block;
	margin:0 0 3px;
	height:70px;
}
#SecondPage .AreaSection .Article .AreaPhoto .Thumb a:hover{
	opacity:0.4;
}
/*-- --*/
#SecondPage .AreaSection .Article .Link{
	clear:both;
	padding:2px 15px 0;
	font-size:15px;
	line-height:130%;
}
#SecondPage .AreaSection .Article .Link a{
	display:block;
	padding:6px 0 0 10px;
	background:url("../img/south_france/area001.png") no-repeat 0 10px;
	color:#19f;
}
#SecondPage .AreaSection .Article .Link span{
	display:block;
	padding:6px 0 0 12px;
	font-size:15px;
	line-height:130%;
}
/*-- --*/
#SecondPage .AreaSection .Article .Button{
	padding:18px 13px 20px;
}
#SecondPage .AreaSection .Article .Button a{
	display:table-cell;
	border-radius:5px;
	border:1px solid #f90;
	padding:0 4px;
	width:443px;
	height:48px;
	background:linear-gradient(to bottom, #ffff99 0%, #ffee99 48%, #ffdd00 52%, #ffee00 100%);
	transition:0.2s background linear,0.2s color linear;
	vertical-align:middle;
	text-align:center;
	text-shadow:1px 1px 2px rgba(255,255,255,0.2);
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	color:#e20;	
}
#SecondPage .AreaSection .Article .Button a span{
	padding:0 0 0 16px;
	background:url("../img/south_france/area002.png") no-repeat 0 4px;
}
#SecondPage .AreaSection .Article .Button a:hover{
	background:linear-gradient(to bottom, #ffbb00 0%, #ff7700 100%);
	text-shadow:1px 1px 2px rgba(0,0,0,0.2);
	color:#fff;	
}
#SecondPage .AreaSection .Article .Button a:hover span{
	background:url("../img/south_france/area002.png") no-repeat 0 -96px;
}
#SecondPage .AreaSection .Article a:hover{
	text-decoration:none;
}