@charset "utf-8";

/* CatseyeGroup */
body {
width:100%;
margin:0;
color:#333;
font-size:83%;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height:1.4;
background:url(img/bg.gif) repeat-x;
}

h1,h2,h3,p,em,ul,li,hr,dl,dt,dd {
margin:0;
padding:0;
font-style:normal;
font-weight:normal;
list-style:none;
}

address {
font-style:normal;
margin-bottom:10px;
}

img {
border: 0;
margin:0;
padding:0;
vertical-align:bottom;
line-height:0;
}

img.img_right {
float:right;
margin-left:1em;
margin-bottom:1em;
}

hr.clear {
visibility:hidden;
clear:both;
}

hr {
border:1px #900 solid;
margin:10px 0;
}

/*clearfix---------------*/
.clearfix:after {
content: "."; 
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
/*clearfix---------------*/

/* WRAPPER */
#wrapper {
width:900px;
margin:0 auto;
background:url(img/wrapper_bg.gif);
}

#wrapper_inner {
width:870px;
background:url(img/wrapper_inner.gif) top no-repeat;
padding:0 15px;
}

/* HEADER */
#header {
width:870px;
height:100px;
background:url(img/header_bg.gif) no-repeat;
}

h1#logo {
width:340px;
padding:20px 150px 0 25px;
display:block;
float:left;
}

ul#sub-navi li {
width:165px;
height:35px;
margin:0;
padding:0;
display:block;
float:left;
text-indent:-9999px;
text-decoration:none;
}

ul#sub-navi li a {
display: block;
padding: 0;
height: 35px;
text-decoration: none;
background-image:url(img/sub-navi.gif);
background-repeat: no-repeat;
outline-style: none;
}

ul#sub-navi li#bukken-b a {
background-position:0 0;
}

ul#sub-navi li#bukken-b a:hover {
background-position:0 -35px;
}

ul#sub-navi li#bukken-b a.current {
background-position:0 -35px;
}

ul#sub-navi li#pp-b a {
background-position:-165px 0;
}

ul#sub-navi li#pp-b a:hover {
background-position:-165px -35px;
}

ul#sub-navi li#pp-b a.current {
background-position:-165px -35px;
}

/* TOPIMG */
h2#main-img {
padding-top:10px;
}

/* MAIN */
#main {
width:830px;
padding:0 20px;
margin:25px 0;
background:url(img/dot-line.gif) center repeat-y;
}

#main-bp {
width:830px;
padding:0 20px;
margin:25px 0;
}

#kantou {
width:380px;
float:left;
}

#hokkaido {
	width:380px;
	float:right;
	margin-bottom: 20px;
}

ul.shop li {
width:380px;
padding-bottom:10px;
}

ul.shop li a:hover {
top:2px;
left:2px;
position:relative;
}

/* Footer */
#footer {
width:820px;
margin-left:5px;
padding:20px 20px 0 20px;
border-top:#000 3px solid;
background:url(img/footer-bg.gif);
color:#F5F5F5;
}

p.link {
font-size:85%;
padding-bottom:20px;
}

#copy {
width:850px;
margin-left:5px;
background-color:#000;
padding:5px;
text-align:center;
color:#F5F5F5;
}

/* LINK */
a:link {
color:#F5F5F5;
text-decoration:none;
}

a:visited {
color:#F5F5F5;
text-decoration:none;
}

a:hover {
color:#CCC;
}

a:active {
color:#CCC;
}

/* LINK */
a.def:link {
color:#00C;
text-decoration:none;
}

a.def:visited {
color:#00C;
text-decoration:none;
}

a.def:hover {
color:#06C;
}

a.def:active {
color:#06C;
}


/*----------------
bukken
----------------*/
.b-left {
width:400px;
float:left;
}
.b-right {
width:400px;
float:right;
}
h2.bukken-t {
height:44px;
padding:10px 0 0 10px;
margin-bottom:5px;
background:url(img/bukken-t-bg.gif) repeat-x;
}
p.bukken {
padding-left:10px;
}
.red {
color:#F00;
font-size:120%;
font-weight:bold;
}
table.bukken-table {
border-top:solid 1px #CCC;
border-left:solid 1px #CCC;
}
table.bukken-table th {
border-bottom:solid 1px #CCC;
border-right:solid 1px #CCC;
background-color:#F5F5F5;
width:30%;
padding:5px;
}
table.bukken-table td {
border-bottom:solid 1px #CCC;
border-right:solid 1px #CCC;
width:70%;
padding:5px;
}

/*----------------
privacy
----------------*/
dl.pp dt {
font-weight:bold;
font-size:110%;
padding-bottom:2px;
margin-bottom:4px;
border-bottom:#333 dotted 1px;
}
dl.pp dd {
padding-bottom:20px;
}
ol {
margin-bottom:10px;
}
ol li {
list-style:circle;
}

/*----------------
kantou
----------------*/
dl.add dt {
font-weight:bold;
padding:2px;
margin-bottom:4px;
background-color:#F5F5F5;
}

dl.add dd {
padding-bottom:10px;
padding-left:10px;
}
div.headphone {
padding:5px;
background-color:#E8FCFF;
}
div.headphone img {
float:left;
padding-right:10px;
}

/*tanabata*/
.tanabata_container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.tanabata_container .intro p {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2em;
	color: #006600;
}
.tanabata_container .intro {
	width: 400px;
	background-image: url(img/himekoso.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding-right: 400px;
	min-height: 250px;


	height:expression(document.body.clientHeight < 249? "250px" : "auto");
	background-color: #FFFFFF;
	margin-bottom: 20px;
}
.tanabata_container .intro dt {
	margin-bottom: 10px;
	text-align: center;
}
.tanabata_container .intro dd {
	font-size: 1em;
	line-height: 1.5em;
}
.tanabata_container .intro span {
	font-size: 0.8em;
}
.tanabata_container .dedication {
	width: 400px;
	height: 700px;
	background-image: url(img/tanabata_img02.jpg);
	background-repeat: no-repeat;
	padding-right: 400px;
	background-position: 0px 100px;
}
.tanabata_container .dedication dt {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 2em;
	color: #FF3300;
}
.tanabata_container .dedication dd {
	margin-bottom: 10px;
	line-height: 1.5em;
}
.relief_container h3 {
	font-size: 25px;
	font-weight: bold;
}
.relief_money dt {
	float: left;
	line-height: 35px;
	height: 35px;
	font-size: 1.2em;
	width: 17em;
	padding-top: 5px;
	zoom: 1;
}
.relief_money {
	margin-right: auto;
	margin-left: auto;
	padding-right: 80px;
	padding-bottom: 10px;
	padding-left: 80px;
	margin-top: 40px;
}
.relief_money span {
	font-size: 30px;
	margin-right: 3px;
	line-height: 40px;
	height: 40px;
}
.relief_money dd {
	line-height: 40px;
	font-size: 1.2em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-left: 13px;
}
.relief_container .intro {
	font-size: 1.2em;
	line-height: 1.8em;
	margin-bottom: 030px;
}
.relief_container {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
.relief_container .end {
	font-size: 1.3em;
	line-height: 1.5em;
	margin-top: 30px;
	margin-bottom: 30px;
}
.relief02 {
	text-align: center;
	margin-bottom: 30px;
}
#other {
	float: right;
	width: 350px;
	height: 150px;
	padding: 15px;
}
#other li a {
	font-size: 16px;
	color: #006699;
	padding-left: 25px;
	line-height: 1.5em;
	background-image: url(img/group_other_icon.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: 0px 1px;
	text-decoration: underline;
	outline: none;
}
#other li {
	margin-bottom: 15px;
}
#other a:hover {
	color: #FF6666;
}