@import "../../../../contents/css/reset.css";
@import "../../../../contents/css/font.css";

a{
	color:#da2000;
	outline:none;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
img{
	vertical-align:bottom;
}
/*mainheader*/
#mainheader{
	background:#473629 url(../images/header_bg.gif) repeat-x;
	padding:0 0 15px 0;
}
#mainheader .inner{
	width:950px;
	height:418px;
	margin:0 auto;
	background:url(../images/title_bg.png) no-repeat;
	position:relative;
}
h1{
	font-size:0;
}
h1 img{
	position:absolute;
	top:100px;
	left:592px;
	width:185px;
	opacity: 0;
	transition:transform 0.2s ease 0.5s;
	-moz-transition:transform 0.2s ease 0.5s;
	-webkit-transition:transform 0.2s ease 0.5s;
}
h1.load{
	transform:scale(1);
}
#movie{
	position:absolute;
	top:115px;
	left:45px;
}
/**attention**/
#attention{
	width:900px;
	margin:0 auto 15px;
	overflow:hidden;
	padding:10px;
	background:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:3px solid #da2000;
}
#attention dt{
	margin:0 0 5px 0;
	padding:0 0.5em 5px;
	font-size:123.1%;
	font-weight:bold;
	color:#da2000;
	border-bottom:1px solid #da2000;
}
#attention dd{
	margin:0 0 0.5em 1em;
	color:#2b1c12;
}
#attention dd .text_top{
	margin:1em 0 0 0;
}
#attention dd.last{
	margin:0 0 0 1em;
}
/**information**/
#information{
	width:930px;
	margin:0 auto;
	overflow:hidden;
}
#information dl{
	width:670px;
	float:left;
	padding:10px;
	background:#2b1c12;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px dashed #cbc5b4;
	color:#fff;
	height:60px;
	/*overflow-y:scroll;*/
}
#information dt{
	clear:both;
	width:80px;
	float:left;
	color:#fad02c;
	font-size:108%;
	margin:0 0 0.5em 0;
}
#information dd{
	width:540px;
	float:left;
	font-size:108%;
	margin:0 0 0.5em 0.5em;
}
#bn_itemlist{
	width:206px;
	float:right;
	padding:10px;
	background:#2b1c12;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
/*mainnavi*/
#mainnavi{
	background:#2f1f14;
	border-top:1px solid #776251;
	border-bottom:1px solid #776251;
}
#mainnavi ul{
	width:855px;
	height:53px;
	margin:0 auto;
	text-align:center;
	padding:5px 0 5px 5px;
}
#mainnavi li{
	width:278px;
	height:53px;
	float:left;
	padding:0 5px 0 0;
}
#mainnavi li a{
	display:block;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
#mainnavi li a:hover{
	margin:5px 0 0 0;
}
/*maincontent*/
#maincontent{
	background:#e1dac9 url(../images/content_bg.gif);
	padding:20px 0;
}
#maincontent .inner{
	clear:both;
	width:950px;
	margin:45px auto 0;
	position:relative;
}
#maincontent .inner h2{
	position:absolute;
	top:-45px;
}
#maincontent .box{
	width:850px;
	margin:0 0 0 50px;
	background:url(../images/box_c_bg.gif) repeat-y;
}
#maincontent .copy{
	padding:35px 0 25px 25px;
}
#maincontent h3{
	padding:0 0 5px 0;
}
#maincontent .br{
	padding:1em 0 0 0;
}
#maincontent .petlist p,
#maincontent .tipslist p{
	font-weight:bold;
	/*text-shadow:2px 2px 0px #fff,-2px -2px 0px #fff,-2px -0px 0px #fff,-0px -2px 0px #fff,2px 2px 0px #fff,-2px 2px 0px #fff,-2px 2px 0px #fff,2px 0px 0px #fff;*/
}
#maincontent .attention{
	padding:1em 0 0 0;
	font-size:93%;
}
#maincontent .attention h4{
	padding:1em 0 5px 0;
}
#maincontent .attention a{
	font-size:108%;
	background:url(../images/icon_link_off.gif) no-repeat right center;
	margin:0 0.5em;
	padding:2px 25px 2px 0;
}
#maincontent .attention a:hover{
	background:url(../images/icon_link_on.gif) no-repeat right center;
}
#maincontent .box_bg{
	padding:0 0 0 50px;
	font-size:0;
}
#maincontent .pagetop{
	text-align:right;
	padding:10px 50px 45px 0;
}
/**about**/
#lp{
	position:absolute;
	top:110px;
	left:205px;
}
/**petlist**/
.petlist{
	clear:both;
	width:100%;
	overflow:hidden;
}
.petlist .list{
	width:390px;
	float:left;
	padding:0 0 20px 25px;
}
.petlist .img{
	width:112px;
	float:left;
}
.petlist .text{
	width:275px;
	float:left;
	color:#3c2d22;
}
.petlist .list .last{
	clear:both;
	padding:20px 0 0 0;
}

/**tipslist**/
.tipslist{
	clear:both;
	width:100%;
	overflow:hidden;
	padding:35px 0 0 0;
}
.tipslist .list{
	width:390px;
	float:left;
	padding:0 0 20px 25px;
}
.tipslist .img{
	width:160px;
	float:left;
}
.tipslist .text{
	width:220px;
	float:right;
	color:#3c2d22;
}
/*soubi*/
.tipslist .list2{
	width:805px;
	float:left;
	padding:0 0 25px 25px;
}
.tipslist .list2 .text2{
	width:625px;
	float:right;
	color:#3c2d22;
}

/*footer*/
#footer{
	clear:both;
	text-align:center;
}
#footer p{
	padding:25px 0;
	border-top:1px solid #a0a0a0;
}
#copyright{
	color:#666;
	margin:0 0 10px 0;
	text-align:center;
}
#copyright a{
	color:#666;
}