@charset "UTF-8";
* {
 margin:0px;
 padding:0px;
}

body {
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color::#282828;
}

h1 {
	font-weight:normal;
	color:#a39e92;
	padding:20px 0px 30px 0px;
	font-size:32px;
	line-height:44px;
	background-color:#FFFFFF;
	font-family: 'Roboto Condensed', sans-serif;
}

h1 span {
font-size:44px;
}

#cover {
width:101%;
height:700px;
background-image:url("../images/cover.gif");
background-repeat:no-repeat;
background-position:center;
background-color:#E8E8E0;
}

#coverFR {
width:50%;
height:700px;
float:left;
position:relative;
text-shadow: 3px 1px 2px #9A9186;
}

#coverJP {
width:50%;
height:700px;
float:right;
position:relative;
text-shadow: 3px 1px 2px #9A9186;
}

#coverJP a, #coverFR a{
text-shadow: none;
}


/*************** Link box ************/

#titreFR {
	width:278px;
	height:434px;
	position:absolute;
	top:53px;
	right:100px;
	border:1px solid #FFFFFF;
	background-color:rgba(25,19,19,0.1);
}

#titreFR img {
padding: 12px 0px 20px;
}

#titreFR h2 {
position:absolute;
top:0px;
right:44px;
text-align:center;
width:190px;
opacity: 1.0 !important ;
font-family: 'Roboto Condensed', sans-serif;
font-weight:normal;
font-size:40px;
line-height:36px;
color:#FFFFFF;
}

#titreFR h2 span {
margin-top:6px;
display:block;
font-size:20px;
line-height:19px;
font-family: 'Roboto Condensed', sans-serif;
width:190px;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
}

#titreFR h2 a {
margin-top:-6px;
font-size:21px;
line-height:10px;
padding:10px 0px 10px 0px;
width:190px;
display:block;
color:#a39e92;
background-color:#FFFFFF;
text-decoration:none;
}


#titreJP {
	width:278px;
	height:434px;
	position:absolute;
	top:53px;
	left:100px;
	border:1px solid #FFFFFF;
	background-color:rgba(25,19,19,0.1);
}

#titreJP img {
padding: 12px 0px 20px;
}

#titreJP h2 {
position:absolute;
top:0px;
right:44px;
text-align:center;
width:190px;
opacity: 1.0 !important ;
font-weight:normal;
font-size:46px;
line-height:46px;
color:#FFFFFF;
}

#titreJP h2 span {
margin-top:6px;
display:block;
width:190px;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
font-size:14px;
line-height:16px;
}

#titreJP h2 a {
margin-top:-16px;
font-size:21px;
line-height:10px;
padding:10px 0px 10px 0px;
width:190px;
display:block;
color:#a39e92;
background-color:#FFFFFF;
text-decoration:none;
}


/***************Fin Link box ************/

#lead {
	background-color:#E6E2D7;
	font-size:14px;
	line-height:21px;
	text-align: center;
}

#lead p {
	color:#555249;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#lead a {
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */
	border-radius: 20px;         /* CSS3 */
	background-color: #cdc5c1;   /* 背景色 */
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	padding:2px 4px;
	margin:2px;
	display:inline-block;
}

#lead a:hover {
	background-color: #8e897a;   /* 背景色 */
}

#footer {
	clear: both;
font-size:11px;
line-height:30px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
text-align:center;
text-decoration:none;
}


#titre2 {
border-bottom:#8e897a 1px solid;
width:600px;
margin-bottom:20px;
padding:20px 0px;
}

@media(max-width:660px) {
#coverJP, #coverFR, #cover{
height:500px;
}
#titreFR {
	right:10px;
	height:220px;
}

#titreJP {
	left:10px;
	height:220px;
}

#titreFR img, #titreJP img {
display:none;
}

}


@media(max-width:480px) {
	
#cover {
	background-image:url("../images/cover.jpg");
	height:400px;
}

#coverFR, #coverJP {
width:100%;
height:auto;
float:none;
}

h1 {
width:100%;
font-size:20px;
line-height:30px;
padding:10px 0px 20px;
}

#titre2{
width:100%
}

h1 span {
font-size:30px;
}

/*************** Link box ************/

#titreFR, #titreJP {
position:absolute;
top:20px;
left:10px;
width:90%;
height:120px;
text-align:center;
}

#titreJP {
top:160px;
}

#titreFR img, #titreJP img {
display:none;
}

#titreFR h2, #titreJP h2{
position:absolute;
left:0px;
margin:-10px auto 0px;
width:100%;
font-size:20px;
line-height:normal;
text-align:center;
}

#titreFR h2 span, #titreJP h2 span {
margin:auto;
width:190px;
font-size:20px;
text-align:center;
}

#titreJP h2 span {
margin:3px auto 0px;
font-size:14px;
}

#titreFR h2 a, #titreJP h2 a {
margin:-20px auto 0px;
display:block;
width:190px;
font-size:20px;
padding:8px 0px;
}


/***************Fin Link box ************/

#lead {
width:100%;
	background-color:#E6E2D7;
	font-size:14px;
	line-height:21px;
	text-align: center;
}

#lead p {
	color:#555249;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#lead a {
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */
	border-radius: 20px;         /* CSS3 */
	background-color: #cdc5c1;   /* 背景色 */
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	padding:2px 4px;
	margin:2px;
}

#lead a:hover {
	background-color: #8e897a;   /* 背景色 */
}

#footer {
	clear: both;
font-size:11px;
line-height:30px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
text-align:center;
text-decoration:none;
}

}