@charset "utf-8";

body{
background:url(images/bg_body.gif);
}

#wrapper{
width:100%;
text-align:center;
background:url(images/line02.gif) repeat-x top left;
padding-top:8px;
}

#wrapper-inner{
max-width:1010px;
margin:0 auto;
box-shadow: 0px 5px 7px rgba(0,0,0,0.2);
background:#FFF;
}

/************************************************

 ヘッダ

************************************************/

#header{
text-align: left;
background:#FFF;
padding:5px 0;
}

.top-txt{
max-width:960px;
margin:0 auto;
font-size: 180%;
font-weight: bold;
text-align: left;
line-height:2;
color:#815e5b;
}

@media only screen and (max-width: 479px) {
	.top-txt{
	max-width:960px;
	margin:0 auto;
	padding:0 15px;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	line-height:2;
	color:#815e5b;
	}
}

@media only screen and (min-width: 480px) and (max-width: 949px) {
	.top-txt{
	max-width:960px;
	margin:0 auto;
	padding:0 15px;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	line-height:2;
	color:#815e5b;
	}
}

/************************************************

 トップイメージ

************************************************/

#top-title{
max-width: 960px;
height: auto;
margin: 0px auto 20px;
position:relative;
}

@media only screen and (max-width: 479px) {
	#top-title .txt{
	width:100%;
	z-index:99;
	color:#f58499;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.15);
	font-size:100%;
	line-height:1.4;
	text-align:left;
	padding: 0 15px;
	}

	#top-title .topimg img{
	display:none;
	}

	#top-title .topimg-mob img{
	display:block;
	}
}

@media only screen and (min-width: 480px) and (max-width: 949px) {
	#top-title .txt{
	width:100%;
	z-index:99;
	color:#f58499;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.15);
	font-size:130%;
	line-height:1.4;
	text-align:left;
	padding: 0 15px;
	}

	#top-title .topimg img{
	display:none;
	}

	#top-title .topimg-mob img{
	display:block;
	}
}

@media only screen and (min-width: 950px) {
	#top-title .txt{
	position:absolute;
	top:25%;
	left:5%;
	width:50%;
	z-index:99;
	color:#f58499;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.15);
	font-size:200%;
	line-height:1.4;
	text-align:left;
	}

	#top-title .topimg img{
	display:block;
	}

	#top-title .topimg-mob img{
	display:none;
	}

}

@media only screen and (max-width: 479px) {
#top-title .desc{
width:100%;
z-index:99;
color:#f58499;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.15);
font-size:100%;
line-height:1.4;
text-align:left;
padding: 0 15px;
}
}

@media only screen and (min-width: 480px) and (max-width: 949px) {
#top-title .desc{
width:100%;
z-index:99;
color:#f58499;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.15);
font-size:100%;
line-height:1.4;
text-align:left;
padding: 0 15px;
}
}

@media only screen and (min-width: 950px) {
#top-title .desc{
position:absolute;
top:52%;
left:5%;
width:50%;
z-index:99;
color:#f58499;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.15);
font-size:100%;
line-height:1.4;
text-align:left;
}
}

#top-title .topimg{
position:relative;
top:0;
left:0;
z-index:0;
}

/************************************************

 コンテンツ

************************************************/

#contents{
max-width: 960px;
height: auto;
margin: 0px auto;
padding: 5px;
}

.unit{
	margin-bottom:20px;
}

p.imgbox img{
width: 100%;
}

p.txtbox{
text-align: left;
margin: 0px 10px;
padding: 0px;
}

.ttl{
background:url(images/line01.gif) repeat-x bottom left;
margin: 0 0 20px 0;
padding: 0 0 10px 0;
line-height:1.5;
font-size: 150%;
font-weight: bold;
color: #815e5b;
text-align: left;
}

#footer{
height: 20px;
margin: 20px 0px 0px 0px;
padding: 5px;
background-color: #9f8271;
font-size: 10px;
color: #ffffff;
}