@charset "shift_jis";

html {
	font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','ƒƒCƒŠƒI','Mayryo','‚l‚r ‚oƒSƒVƒbƒN','Osaka','MS PGothic',sans-serif;
	line-height:1.5;
	width:100%;
	height:100%;
	margin: 0px;
	padding: 0px;
	background-color:#fce6e3;
	text-align: center;
}

body {
	width: 700px;
	margin: 0 auto 0px auto;
	padding-bottom:0px;
	background-color: #f7fafa;
	border: 0px solid #000;
	box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	-webkit-box-shadow: 0px 0px 4px #000;
	text-align: left;
}


/* ------------------------------
 navi•”•ͺ
------------------------------ */
#nav {
	height:54px;
	margin: 0px 0px 70px 12px;
}

#nav li{
	list-style-type:none;
	height:54px;
	float:left;
}
#nav li img{
	border:0;
}
li.m_top{
	background:url(../img/m_top2.png);
}
li.m_paso{
	background:url(../img/m_paso2.png);
}
li.m_blog{
	background:url(../img/m_blog2.png);
}
li.m_mail{
	background:url(../img/m_mail2.png);
}
li.m_anitop{
	background:url(../img/m_anitop2.png);
}
#nav li a{
	display:block;
	height:54px;
}
#nav li a:hover {
	background-color:transparent;
}
#nav li a:hover img{
	visibility:hidden;
}

/* ------------------------------
 ƒR[ƒi[Π‰ξ•”•ͺ
------------------------------ */

.cona{
	position: relative;
	background: #FFFFFF;;
	border: 13px solid #aa005f;
	box-shadow: 0px 0px 7px #252b01;
	-moz-box-shadow: 0px 0px 7px #252b01;
	-webkit-box-shadow: 0px 0px 7px #252b01;
	box-shadow: 0px 0px 7px #252b01 inset;
	-moz-box-shadow: 0px 0px 7px #252b01 inset;
	-webkit-box-shadow: 0px 0px 7px #252b01 inset;
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	width: 575px;
	padding: 30px 50px 15px 50px;
	margin-bottom: 70px;
}

.cona h2 {
	position: absolute;
	margin: -100px 0px 0px -30px;
}

.cona h3 {
	color: #FF6699;
	font-size: 1.3em;
	line-height: 1.3;
	margin-bottom: 5px;
}
.cona p {
	margin: 0px 15px 15px 15px;
}

.cona-t{
	position: relative;
	background: #FFFFFF;;
	border: 13px solid #339ae4;
	box-shadow: 0px 0px 7px #252b01;
	-moz-box-shadow: 0px 0px 7px #252b01;
	-webkit-box-shadow: 0px 0px 7px #252b01;
	box-shadow: 0px 0px 7px #252b01 inset;
	-moz-box-shadow: 0px 0px 7px #252b01 inset;
	-webkit-box-shadow: 0px 0px 7px #252b01 inset;
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	width: 575px;
	padding: 30px 50px 15px 50px;
	margin-top: 75px;
	margin-bottom: 70px;
}

.cona-t h2 {
	position: absolute;
	margin: -108px 0px 0px -30px;
}

.cona-t h3 {
	color: #FF6699;
	font-size: 1.3em;
	line-height: 1.3;
	margin-bottom: 5px;
}
.cona-t p {
	margin: 0px 15px 15px 15px;
}

/* ------------------------------
 ƒoƒi[•”•ͺ
------------------------------ */
#bnr {
	text-align: center;
	margin: -45px auto -35px auto;
}

#bnr li {
	display: inline;
}

#bnr img {
	margin:0 auto;
	text-align:center;
	border: 0px;
}

/* ------------------------------
 H1?iTOP???j
------------------------------ */
h1{
	margin:0;
	padding:0 ;
}

/* ------------------------------
 Footer
------------------------------ */
#footer	{
	background-color: #FF6699;
	font-size: 10pt;
	text-align: center;
	margin-top: 50px;
	padding: 5px 0px;
	clear: both;
}

#footer .copyright {
	margin-bottom: 4px;
}

#footer .copyright small {
	font-size: 12px;
}

#footer ul {
	margin: -6px 0px 0px 0px;
}

#footer li {
	display: inline;
	list-style-type: none;
	height: 54px;
	margin: 0px 5px;
}

#footer a:link, #footer a:active, #footer a:visited {
	text-decoration: underline;
	color:#FFFFFF;
}
#footer a:hover{	
	background-color:#FFFFFF;
	text-decoration: none;
	color:#E62685;
}