﻿@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:78%;
}
ol, ul {
	list-style: none;
}

img{
	vertical-align:bottom;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

.fl{
	float:left;
	margin:0 5px 5px 0;
}

.fr{
	float:right;
	margin:0 0 5px 5px;
}

body{
	background:#fff url(../images/cmn_html_bg.gif) center top repeat-x;
	color:#666;
	line-height:150%;
}

a{
	color:#AE8989;
}

a:hover{
	color:#C73F55;
}

#wrapper{
	width:808px;
	background:url(../images/cmn_body_bg.gif) center top repeat-y;
	margin:0 auto;
}

#wrapper_in{
	background:url(../images/top_wrapper_bg.gif) center top no-repeat;
}

#header{
	height:221px;
	position:relative;
}

#header h1{
	position:absolute;
	top:119px;
	left:13px;
}

#header .htop{
	width:770px;
	overflow:hidden;
	background-color:#d7cebf;
	color:#938779;
	margin-left:14px;
	padding:5px;
	font-size:83%;
	line-height:150%;
}

#header .htop p.seo{
	width:400px;
	float:left;
	margin-left:5px;
	padding-bottom:2px;
}

#header .htop #hnav{
	width:360px;
	float:right;
	text-align:right;
	margin-right:2px;
}

#header .htop #hnav li{
	background:url(../images/cmn_hdr_dot.gif) right top repeat-y;
	display:inline;
	padding-right:10px;
	margin-left:10px;
}

#header .htop #hnav li span{
	background:url(../images/cmn_hdr_dot.gif) left top repeat-y;
	padding-left:10px;
}

#header .htop #hnav a{
	color:#938779;
	text-decoration:none;
}

#header .htop #hnav a:hover{
	color:#C73F55;
}

#header dl dt{
	position:absolute;
	top:35px;
	left:16px;
}

#header dl dd{
	position:absolute;
	top:42px;
	right:14px;
}

#container{
	width:800px;
	margin:10px auto 0 auto;
}

#container:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#left{
	width:185px;
	float:left;
	margin-left:9px;
	display:inline;
}

h2{
	margin-bottom:10px;
}

#left .l_bnr{
	margin-bottom:15px;
}

#left #gnav01 li{
	margin-bottom:5px;
}

#left #gnav02{
	margin-bottom:15px;
}

#left .pr{
	background:url(../images/cmn_left_pr_bg.gif) left top repeat-y;
	margin-bottom:15px;
}

#left .pr p.bnr{
	padding-bottom:10px;
	margin-left:11px;
}

#left dl{
	width:182px;
	font-size:83%;
	line-height:150%;
	text-align:center;
	margin-bottom:13px;
}

#left dl a{
	color:#1E1E1E;
}

#left dl a:hover{
	color:#C73F55;
}

#right{
	width:592px;
	float:right;
	margin-right:3px;
	display:inline;
	padding-top:23px;
}

.footer_in{
	width:782px;
	background:url(../images/cmn_ftr_bg.gif) 0 0 repeat-y;
	margin:0 auto;
	padding:15px 0;
}

#fnav01,#fnav02{
	text-align:center;
	font-size:83%;
	line-height:150%;
}

#fnav01 li,#fnav02 li{
	display:inline;
	border-right:1px #666 solid;
	padding-right:8px;
	margin-right:8px;
}

#fnav01 li a,#fnav02 li a{
	color:#666;
	text-decoration:none;
}

#fnav01 li a:hover,#fnav02 li a:hover{
	color:#C73F55;
	text-decoration:underline;
}

#fnav01{
	margin-bottom:9px;
}

#fnav02{
	background:url(../images/cmn_fnav_dot.gif) left bottom repeat-x;
	padding-bottom:11px;
	margin-bottom:16px;
}

.footer_in_in{
	width:782px;
	overflow:hidden;
}

.footer_in_in p{
	width:210px;
	float:left;
	margin-left:12px;
}

.footer_in_in #fnav03{
	width:545px;
	float:left;
	font-size:83%;
	line-height:150%;
	font-weight:bold;
}

.footer_in_in #fnav03 li{
	background:url(../images/cmn_arw.gif) 0 0.3em no-repeat;
	padding-left:17px;
	margin-bottom:6px;
}

.footer_in_in #fnav03 li a{
	text-decoration:none;
}

.footer_in_in #fnav03 li a:hover{
	text-decoration:underline;
}

p.copy{
	color:#ae8989;
	text-align:center;
	margin-top:7px;
	padding-bottom:30px;
}

p.go_top{
	background:url(../images/cmn_go_top_arw.gif) right 0.4em no-repeat;
	padding-right:15px;
	margin:0 8px 25px 0;
	text-align:right;
}

p.go_top a{
	color:#666;
}

p.go_top a:hover{
	color:#C73F55;
}

#right .box{
	background:url(../images/cmn_box_bg.gif) 0 0 repeat-y;
	padding:30px 25px 30px 25px;
}

#right .pr{
	background:url(../images/top_pr_bg.gif) 0 0 repeat-y;
	margin:57px 0 10px 5px;
	padding-bottom:10px;
}

#right .pr p.bnr{
	margin-bottom:10px;
	text-align:center;
}

.mb20{
	margin-bottom:20px;
}

.mb25{
	margin-bottom:25px;
}

.mb05{
	margin-bottom:5px;
}

.bold{
	font-weight:bold;
}

/****** top ******/

.page_top #header{
	height:456px;
	background:url(../images/top_hdr_bg.jpg) center bottom no-repeat;
}

.page_top #header p.h{
	position:absolute;
	top:165px;
	left:53px;
}

.page_top #header form table{
	position:absolute;
	top:205px;
	left:53px;
}

.page_top #header p.hdr_scontact{
	position:absolute;
	top:293px;
	left:64px;
}

.page_top #right dl.what{
	width:583px;
	height:186px;
	background:url(../images/top_what_bg.jpg) right top no-repeat;
	margin-bottom:5px;
}

.page_top #right{
	padding-top:0;
}

.page_top #right dl.what dt{
	padding:33px 0 0 17px;
}

.page_top #right dl.what dd{
	padding-left:79px;
	margin-top:-20px;
}

#right p.bnr_scontact,#right p.bnr_contact{
	text-align:right;
	margin:13px 6px 25px 0;
}

.page_top #right p.bnr_scontact2{
	text-align:right;
	margin:13px 14px 25px 0;
}

.page_top #right .box{
	background:url(../images/top_box_bg.gif) 0 0 repeat-y;
	padding:0 0 28px 0;
}

.page_top #right .how{
	background:url(../images/top_how_bg.gif) 0 0 repeat-y;
	overflow:hidden;
	margin:0 0 0 22px;
	font-size:83%;
	line-height:150%;
}

.page_top #right .how dl{
	float:left;
}

.page_top #right .how dl.how1{
	width:184px;
}

.page_top #right .how dl.how2{
	width:180px;
}

.page_top #right .how dl.how3{
	width:182px;
}

.page_top #right .how dl dt{
	margin-bottom:13px;
}

.page_top #right .how dl dd{
	margin:0 14px 10px 14px;
}

.page_top #right .how dl dd.txt{
	margin-bottom:18px;
}

.page_top #right p.howto{
	background:url(../images/cmn_arw.gif) right 0.3em no-repeat;
	text-align:right;
	padding-right:12px;
	margin:10px 20px 0 0;
}

.page_top #right p.txt{
	margin-bottom:10px;
	text-align:center;
}

.page_top #right p.txt2{
	margin:10px 0 0 0;
	text-align:center;
}

.page_top #right .box_in{
	width:547px;
	background:url(../images/top_box_in_bg.gif) 0 0 repeat-y;
	margin:0 auto;
	padding:0px 0 6px 0;
	margin-left:22px;
	font-size:83%;
	line-height:150%;
}

.page_top .animal{
	width:547px;
	overflow:hidden;
	margin:0 0 0 20px;
	position:relative;
}

.page_top .animal dl{
	width:151px;
	float:left;
	margin:10px 28px 0 0;
	padding-bottom:20px;
}

.page_top .animal dl dt{
	text-align:center;
	margin-bottom:10px;
}

.page_top .animal dl dd{
	margin-bottom:8px;
}

.page_top .animal dl dd.txt{
	padding-bottom:30px;
}

.page_top .animal dl dd.btn{
	position:absolute;
	bottom:0;
}


.page_top .line{
	width:512px;
	height:12px;
	background:url(../images/top_line.gif) 0 0 repeat-x;
	margin:0 auto;
}

.page_top .toptable td{
	white-space:nowrap;
	padding:0 10px 0 0;
}

.page_top .toptable input{
	margin-right:5px;
}



#right .shop{
	background:url(../images/top_row_bg.gif) 0 0 repeat-y;
	overflow:hidden;
	margin:0 0 15px 22px;
	padding-bottom:15px;
	font-size:83%;
	line-height:150%;
	zoom:1;
}

#right #shop_list dl{
	width:150px;
	float:left;
	margin:11px 25px 0 12px;
	display:inline;
}

#right .shop dl.last{
	margin-right:0;
}

#right .shop dl dt,#right .shop dl dd{
	margin-bottom:5px;
}

#right .shop dl dd a{
	color:#C73F55;
	font-weight:bold;
}

#right .shop dl dd a:hover{
	color:#AE8989;
}

/****** howto ******/

.page_howto #right .box{
	padding:30px 0 30px 22px;
}

.page_howto #right .step h2{
	padding-bottom:10px;
}

.page_howto #right .step{
	width:547px;
	background:url(../images/cmn_box_in_bg.gif) 0 0 repeat-y;
	padding-bottom:10px;
}

.page_howto #right .step dl{
	width:507px;
	overflow:hidden;
	margin:0 auto;
}

.page_howto #right .step dl dt{
	width:170px;
	float:left;
}

.page_howto #right .step dl dd{
	margin-left:170px;
}

.page_howto #right .step dl dd a{
	color:#666;
	text-decoration:none;
}

.page_howto #right .step dl dd a:hover{
	color:#C73F55;
	text-decoration:underline;
}

/****** point ******/

#right ul.ul_01{
	margin-left:2em;
}

.page_point #right ul.ul_02{
	margin:0 0 20px 25px;
}

.page_point #right ul.ul_03{
	margin-left:1em;
}

#right ul.ul_01 li, #right ul.ul_02 li{
	list-style:disc;
}

.page_point #right ul.point_nav{
	width:547px;
	overflow:hidden;
}

.page_point #right ul.point_nav li{
	width:172px;
	float:left;
	margin-right:15px;
}

.page_point #right ul.point_nav li.last{
	margin-right:0;
}

.page_point #right ul.point_nav1{
	margin-bottom:10px;
}

.page_point #right ul.point_nav2{
	padding-bottom:28px;
	margin-bottom:28px;
	border-bottom:1px #d9d9d9 dotted;
}

.page_point #right h2#animal_01,
.page_point #right h2#animal_02,
.page_point #right h2#animal_03,
.page_point #right h2#animal_04,
.page_point #right h2#animal_05,
.page_point #right h2#animal_06,
.page_point #right h2#animal_07,
.page_point #right h2#animal_08,
.page_point #right h2#animal_09{
	margin-bottom:0;

}

.page_point #right .box_in{
	width:547px;
	background:url(../images/cmn_box_in_bg.gif) 0 0 repeat-y;
	overflow:hidden;
	padding:20px 20px 35px 20px;
}

.page_point #right .box_in img.pic{
	width:150px;
	float:left;
	padding-right:18px;
}

.page_point #right p.bnr_scontact{
	margin:13px 6px 8px 0;
}

.page_point #right h3{
	color:#b51630;
	font-weight:bold;
}

.page_point #right h4{
	font-weight:bold;
}

.page_point #right dl.point{
	margin-left:1em;
}

.page_point #right dl.point dd{
	margin-left:1em;
}

/****** shop ******/

.page_shop #right .box{
	padding:30px 0;
}

/****** info ******/

.page_info #right .name{
	width:542px;
	overflow:hidden;
	margin-bottom:15px;
}

.page_info #right .name img{
	width:150px;
	float:left;
}

.page_info #right .name .name_right{
	width:360px;
	float:right;
}

.page_info #right .name .name_right h3{
	color:#c73f55;
	font-weight:bold;
	font-size:108%;
	line-height:150%;
	margin-bottom:5px;
}

.page_info #right table{
	width:100%;
	border-top:1px #d9d9d9 solid;
	border-left:1px #d9d9d9 solid;
}

.page_info #right table.table_01{
	font-size:83%;
	line-height:150%;
}

.page_info #right table th,.page_info #right table td{
	border-bottom:1px #d9d9d9 solid;
	border-right:1px #d9d9d9 solid;
	padding:5px 20px;
}

.page_info #right table th{
	width:50px;
	background-color:#f0f0f0;
}

.page_info #right .main{
	border:1px #d9d9d9 solid;
	margin-bottom:30px;
}

.page_info #right h2{
	border-bottom:1px #d9d9d9 solid;
}

.page_info #right h2.h2_01{
	margin-bottom:0;
	font-size:83%;
	line-height:150%;
	font-weight:normal;
}

.page_info #right .main h2.h2_01 span{
	width:80px;
	background-color:#f0f0f0;
	display:block;
	border-right:1px #d9d9d9 solid;
	padding:5px 20px;
}

.page_info #right .main h3{
	font-weight:bold;
	border-bottom:1px #d9d9d9 dotted;
	padding:5px 20px;
}

.page_info #right .main p.catch{
	font-size:83%;
	line-height:150%;
	padding:5px 20px;
	margin-bottom:10px;
}

.page_info #right .main h2.h2_02{
	background-color:#f0f0f0;
	border-top:1px #d9d9d9 solid;
	padding:5px 20px;
	font-size:83%;
	line-height:150%;
	font-weight:normal;
}

.page_info #right .staff{
	width:500px;
	overflow:hidden;
	margin:0 20px;
	padding-bottom:15px;
}

.page_info #right .staff img{
	width:150px;
	float:left;
}

.page_info #right .staff p{
	margin-left:175px;
	font-size:83%;
	line-height:150%;
}


.page_info #right .detail{
	border:1px #d9d9d9 solid;
	font-size:83%;
	line-height:150%;
}

.page_info #right .detail h2{
	padding:5px 20px;
	background-color:#f0f0f0;
	font-weight:normal;
}

.page_info #right .row{
	width:510px;
	overflow:hidden;
	border-bottom:1px #d9d9d9 dotted;
	margin:0 0 15px 20px;
	padding-bottom:15px;
}

.page_info #right .last{
	border-bottom:none;
}

.page_info #right .row img{
	width:230px;
	float:left;
}

.page_info #right table.table_02{
	width:265px;
	float:right;
}

.page_info #right table.table_02 th{
	width:40px;
}

.page_info #right p.right{
	margin-bottom:5px;
}

/****** company ******/

.page_company table{
	width:100%;
	border-top:1px #ae8989 solid;
	color:#000;
}

.page_company table th,.page_company table td{
	border-bottom:1px #ae8989 solid;
	padding:10px 15px;
}

.page_company table th{
	width:95px;
	background-color:#dccbcb;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
}

.page_company h2#privacy{
	margin:0 0 10px 5px;
	padding-top:20px;
}

.page_company h3{
	font-weight:bold;
	margin-bottom:3px;
	color:#000;
}

.page_company p.txt{
	margin:0 0 20px 12px;
	color:#000;
}

.page_company p.txt span{
	margin-left:-12px;
}

/****** shop_ad,banner_ad ******/

#right .box{
	padding:30px 20px 30px 25px;
}

.page_ad #right h3{
	margin-bottom:15px;
}

.page_ad #right p.pic{
	margin-bottom:10px;
}

.page_ad #right p.pic2{
	padding-bottom:40px;
}

.page_ad #right p.txt{
	margin-left:1em;
}

.page_ad #right ul.ul_in li{
	list-style:none;
}

.page_ad #right .box a{
	color:#666;
	text-decoration:none;
}

.page_ad #right .box a:hover{
	color:#C73F55;
	text-decoration:underline;
}


/****** contact ******/

.page_contact #right dl.attention{
	margin-bottom:30px;
}

.page_contact #right dl.attention dd{
	background:url(../images/contact_come.gif) 0 0.4em no-repeat;
	padding-left:14px;
	margin-left:12px;
}

.page_contact #right form h2{
	width:492px;
	background-color:#ae8989;
	color:#fff;
	font-weight:bold;
	padding:4px 25px;
}

.page_contact #right form span.txt{
	margin:0 5px 0 3px;
}

.page_contact #right form table.contact{
	width:100%;
	margin-bottom:20px;
}

.page_contact #right form table.contact th,.page_contact #right form table.contact td{
	background:url(../images/cmn_table_line.gif) left bottom repeat-x;
}

.page_contact #right form table.contact th{
	width:135px;
	background-color:#ae8989;
	color:#fff;
	padding:4px 10px 25px 20px;
	vertical-align:middle;
}

.page_contact #right form table.contact td{
	padding:4px 0 25px 20px;
}

.page_contact #right form table.in_01{
	width:310px;
}

.page_contact #right form table.in_02{
	width:350px;
}

.page_contact #right form table.in_01 td{
	width:85px;
}

.page_contact #right form table.in_01 td,.page_contact #right form table.in_02 td{
	background:none;
	padding:0;
}

.page_contact #right form table.in_01 td.kind3,
.page_contact #right form table.in_01 td.kind6{
	width:130px;

}

.page_contact #right form ul li{
	margin-bottom:3px;
}

.page_contact #right form ul li.right{
	font-size:83%;
	line-height:150%;
}

.page_contact #right form ul.buy li{
	width:328px;
	overflow:hidden;
}

.page_contact #right form ul.buy li input{
	width:19px;
	float:left;
}

.page_contact #right form span.txt2{
	padding-left:20px;
	display:block;

}

.page_contact #right form select{
	margin-left:25px;
}

.page_contact span.type_example{
	display:block;
	text-align:right;
	font-size:83%;
}

form input.short{
	width:65px;
}

form input.add{
	width:96px;
}


form input.mdl{
	width:170px;
}

form input.mdl2{
	width:150px;
}

form input.long{
	width:225px;
}

form input.xlong{
	width:260px;
}

form textarea{
	width:295px;
}

form .btns{
	text-align:center;
	margin:30px auto 0 auto;
	padding-bottom:30px;
	overflow:hidden;
	zoom:1;
	width:442px;
	text-align:center;
}

form .btns input{
	border:none;
	cursor:pointer;
	display:block;
	text-indent:-9999px;
	width:218px;
	height:31px;
}

form .btns .btn_submit{
	background:url(../images/contact_btn_submit.gif) 0 0 no-repeat;
	margin:0 auto;
}

form .btns .btn_back{
	background:url(../images/contact_btn_back.gif) 0 0 no-repeat;
	float:left;
}


form .btns .btn_send{
	background:url(../images/contact_btn_send.gif) 0 0 no-repeat;
	float:right;
}


.err{
	color:#f00;
}


.message{
	border:#ccc 1px solid;
	padding:15px;
	margin-bottom:15px;
}
