@charset "shift_jis";

html, body, header, section, article, nav, footer,
div, span, p, h1, h2, h3, h4,
ul, ol, li, dl, dt, dd,
table, tr, th, td, tbody, thead, tfoot {
  margin: 0;
  padding: 0;
}

html {-webkit-text-size-adjust: 100%}

body,td,th {
	color: #333333;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

a:link {
	color: #0000FF;
}

a:visited {
	color: #0000FF;
}

a:hover {
	color: #FF3399;
}

a:active {
	color: #0000FF;
}

img {
	border-style: none;
	border: 0;
}

li {
	list-style-type: none;
}

p.head {
	background: #EE7EB0;
	padding: .25em 5px;
	color: #FFFFFF;
}

div#head {
	background: url(image/heder_back.jpg) repeat-x 0px 0px;
	height: 80px;
	width: 100%;
	margin: 5px 0px 0px;
	padding: 0px;
}

div#head a {
	background: url(image/heder.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 77px;
	max-width: 320px;
	width: 100%;
	margin: 0px auto;
}

a.enter,
a.out {
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	background: #F07EB2;
	padding:0.25em 0 0.25em 0px;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	font-size:20px;
	margin: 20px auto 0px;
	width: 200px;
	display: block;
	text-align: center;
}

img.banner {
	display: block;
	max-width: 320px;
	width: 100%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

iframe.head_add {
	display: block;
	height: 60px;
	width: 320px;
	margin: 20px auto 0px;
}

iframe.right_add {
	display: block;
	height: 46px;
	width: 230px;
	margin: 20px auto 0px;
}

iframe.right_add2 {
	display: block;
	height: 97px;
	width: 230px;
	margin: 20px auto 0px;
}

h1 {
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	background: #F07EB2;
	padding:.25em 0 .25em .25em;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	font-size:24px;
	margin: 20px 2.5% 0px;
}
/*
h1.search {
	background: url(image/pt_search.jpg) repeat-x 0px 0px;
}

h1.about {
	background: url(image/pt_about.jpg) repeat-x 0px 0px;
}

h1.howto {
	background: url(image/pt_howto.jpg) repeat-x 0px 0px;
}

h1.faq {
	background: url(image/pt_faq.jpg) repeat-x 0px 0px;
}

h1.contact {
	background: url(image/pt_contact.jpg) repeat-x 0px 0px;
}
*/
h2 {
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	background: #FFFFFF url(image/midashi.jpg) no-repeat 5px center;
	border: 1px solid #F07EB2;
	font-size: 20px;
	margin: 20px 2.5% 0px;
	padding: .25em 4px .25em 55px;
}

.box {
	width: 95%;
	margin: 20px auto 0px;
}

.box dl {
	margin-top: 20px;
}

.box dt {
	padding: 10px 10px 0px 0px;
}

.box dt h3 {
	color: #FB3781;
	font-size: 18px;
}

.box dd {
	padding: 10px 10px 0px;
}

table.table1 {
	width: 95%;
	margin: 20px auto 0px;
	border-collapse:collapse;
}

table.table1 th {
	background: #FAA5CF;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #CCCCCC;
}

table.table1 td {
	border: 1px solid #CCCCCC;
	padding: 5px;
}

div.search   {
	width: 95%;
	border-radius: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #F07EAF;
	margin: 20px auto 0px;
}

div.search h3 {
    -webkit-border-top-left-radius: 8px;  
    -webkit-border-top-right-radius: 8px;  
	font-size: 16px;
	background: #FAA5CF;
	padding: 5px;
}

div.search span.shop {
	font-size: 20px;
	background: #FFE8F5;
	padding: .5em 20px;
	display: block;
}

div.search div.detail {
	padding: 20px;
}

div.search dl dt {
	padding: .25em 10px 0px 0px;
	color: #FB3781;
	font-size: 18px;
}

div.search dl dd {
	padding: .25em 10px 0px .25em;
}


ul#navi {
	margin: 20px 2.5% 0px;
}

ul#navi li {
	background: #F07EB2 url(image/arrow.jpg) no-repeat right center;
	display: block;
	margin-top: 5px;
	height: 40px;
}

ul#navi li a {
	display: block;
	padding: 10px 5px 10px 50px;
	font-size: 20px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 20px;
}

ul#navi li a:hover {
	color: #FFFF00;
}

ul#navi li a.search {
	background: url(image/search.jpg) no-repeat 5px center;
}

ul#navi li a.about {
	background: url(image/abouto.jpg) no-repeat 5px center;
}

ul#navi li a.howto {
	background: url(image/howto.jpg) no-repeat 5px center;
}

ul#navi li a.faq {
	background: url(image/faq.jpg) no-repeat 5px center;
}

ul#navi li a.contact {
	background: url(image/contact.jpg) no-repeat 5px center;
}

div#foot {
	color: #FFFFFF;
	width: 100%;
	text-align: center;
	padding: 10px 0px;
	margin: 20px auto 0px;
	background: #F07EB2;
}

div#foot a {
	color: #FFFFFF;
}

div#foot p.copyright {
	padding-top: 10px;
	font-size: 12px;
	color: #FFFFFF;
}