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

@import "base.css";

#contentsContainer {
padding-bottom: 30px;
}

/* navi
------------------------------------------------------*/
#navi {
position: relative;
width: 585px;
height: 328px;
margin-bottom: 30px;
padding-bottom: 22px;
background: url(../images/index/index_header_bg.jpg) left top no-repeat #CCC;
}

#navi h1 {
position: absolute;
left: 23px;
top: 30px;
}

#navi ul {
font-size: 0;
line-height: 1;
}

#navi .localNavi {
position: absolute;
top: 328px;
}

#navi li {
float: left;
}

#navi li.sub {
padding-top: 10px;	
}

#mainNavi #naviParis,
#mainNavi #naviNice,
#mainNavi #naviReims,
#mainNavi #naviNormandie {
position: absolute;
left: 0;
bottom: 22px;
}

#mainNavi #naviParis	{z-index: 400;}
#mainNavi #naviNice		{z-index: 300;}
#mainNavi #naviReims	{z-index: 200;}
#mainNavi #naviReims	{z-index: 100;}

#commonNavi {
position: absolute;
left: 338px;
bottom: 12px;
height: 49px;
background:url(../images/guide/index_subnav_bg.jpg) no-repeat;
}

/* localNavi
------------------------------------------------------*/
.localNavi,
.localSubNavi {
position: absolute;
left: 0;
bottom: 0;
display: none;
}

.localNavi li {
text-align: left;
width: 100px;
}

.localNavi a {
display: block;
padding-left: 5px;
width: 95px;
}

#localNaviParis {
width: 585px;
height: 22px;
background: #006699;
}

#localNaviParis a:hover {
background: #004B81;
}

#localNaviNice {
width: 585px;
height: 22px;
background: #F5F5F5;
}

#localNaviNice a:hover {
background: #E6E6E6;
}

#localNaviReims {
width: 585px;
height: 22px;
background: #990000;
}

#localNaviReims a:hover {
background: #840000;
}

#localNaviNormandie {
width: 585px;
height: 22px;
background: #497B30;
}

#localNaviNormandieInner {
padding: 0 10px;
width: 565px;
background: #497B30;
}

#localNaviNormandie ul {
overflow: hidden;
width: 565px;
background: #497B30;
}

#localNaviNormandie .localNaviTitle {
width: 125px;
}

#localNaviNormandie #localNaviIndexRouen {
position: relative;
padding-bottom: 1px;
background: url(../images/guide/normandie/nav_title_border.gif) left bottom repeat-x #497B30;
}

#localNaviNormandie a:hover {
background: #3E6929;
}

#localNaviModel {
width: 585px;
height: 22px;
background: url(../images/sub/navi_bg.gif) left top no-repeat;
}

#localNaviModel li {
}

#localNaviNotice {
width: 585px;
height: 22px;
background: url(../images/sub/navi_bg.gif) left top no-repeat;
}

#localNaviNotice li {
}

/* contents
------------------------------------------------------*/
#contents {
line-height: 1.5;
font-size: 12px;
color: #666;
font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

#contents a {
padding-right: 10px;
background: url(../images/index/common_bullet.gif) right center no-repeat;
}

#contents #recommend a {
background: url(../images/index/common_bullet_blue.gif) right center no-repeat;
}

#contents a.cancel {
padding: 0;
background: none;
}

/* intro
------------------------------------------------------*/
#warningArea{
padding:0 0 25px 0;
background:url(../images/index/feature03_bg.gif) left bottom no-repeat;
}

#warningArea #new {
line-height: 1;
margin-bottom: 10px;
padding: 10px 30px;
background: url(../images/index/icon_new.gif) left center no-repeat;
}

#warningArea p{
padding:15px 0 0 0;
}

#warningArea p .emphasis {
font-size: 14px;
}

#intro {
position: relative;
min-height: 180px;
height: auto !important;	/* other browser */
height: 180px;				/* IE6 */
padding-top: 40px;
padding-right: 240px;
/*background: url(../images/index/intro_map.gif) right top no-repeat;*/
}

#intro p.emphasis {
margin-bottom: 5px;
font-weight: bold;
}

#intro img {
position: absolute;
right: 0;
top: 0;
}

/* feature
------------------------------------------------------*/
#feature li {
padding: 15px 0;
background: url(../images/index/common_border.gif) top left no-repeat;	
}

#feature p {
margin-bottom: 10px;	
}

#feature p.append {
font-size: 11px;
}

#feature li .featureInner {
position: relative;
width: 360px;
padding-right: 225px;
}

#feature .third .featureInner {
padding-right: 0;
padding-bottom: 30px;
width: 585px;
background: url(../images/index/feature03_bg.gif) left bottom no-repeat;
}

#feature h2 {
margin-bottom: 20px;
}

#feature .first .floatingImage,
#feature .second .floatingImage {
position: absolute;
right: 0;
top: 0;
}


/* recommend
------------------------------------------------------*/
#recommend {
position: relative;
width: 583px;
height: 103px;
margin: 0 auto 15px;
padding: 20px 0;
/*background: url(../images/index/recommend_bg.gif) left top no-repeat;*/
}

#recommend .floatingImage {
position: absolute;
left: 0;
top: 0;
}

#recommend h2 {
width: 554px;
margin: 0 auto 20px;
}

#recommend #recommendContents {
position: absolute;
left: 30px;
top: 55px;
width: 544px;
}

#recommend p {
width: 544px;
margin: 0 auto 5px;
}

/* catch
------------------------------------------------------*/
#catch {
margin-bottom: 15px;
padding-bottom: 15px;
background: url(../images/index/common_border.gif) bottom left no-repeat;	
}

/* inquiry
------------------------------------------------------*/
#inquiry {
margin-bottom: 30px;
}

#inquiry h2 {
margin-bottom: 10px;
}

#inquiry p {
margin-bottom: 10px;	
}

#inquiry ul {
margin-bottom: 10px;
}

#inquiry li {
list-style: disc;
margin-left: 20px;	
}

/* lost
------------------------------------------------------*/
#lost {
margin-bottom: 30px;
}

#lost h2 {
margin-bottom: 10px;	
}

#lost p {
margin-bottom: 5px;	
}

/* value
------------------------------------------------------*/
#value {
margin-bottom: 30px;
}

#value h2 {
margin-bottom: 10px;	
}

#value p {
margin-bottom: 5px;	
}



/* pagetop
------------------------------------------------------*/
.pagetop {
text-align: right;
margin-bottom: 10px;
}