@charset "shift_jis";

/*
-----------------------------------------------
�¥Šî–{ƒfƒUƒCƒ“
----------------------------------------------- */

* {
margin:0;
padding:0;
line-height:1.5;
}

body, td {
font-family:'Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','ƒ�ƒCƒŠƒI','‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
font-size:85%;
}

body{
text-align:center;
background:url(../img/all_bg.gif) repeat-y 0 0 #d9d2cc;
color:#555555;
}

a {
font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','ƒ�ƒCƒŠƒI','‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
}

img {border:0;
vertical-align:bottom;}
a:link {color:#06F;}
a:visited {color:#06F;}
a:hover,a:active {color:#903;}

ul,ol {
list-style-type:none;
}

.cboth {
clear:both;
height:0;
}
/* IE —p�¥ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}
/* Win IE‚¿‚ç‚‚«–hŽ~�¥ */
* html {
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

.clearfix:after {
  content: ".";  /* �V‚µ‚¢—v‘f‚ð�ì‚é */
  display: block;  /* ƒuƒ�ƒbƒNƒŒƒxƒ‹—v‘f‚É */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ‘S‘Ì */
#all {
width:960px;
margin:0 auto;
background:url(../img/cont_bg.gif) repeat-y 0 0;
text-align:left;
}

/* ƒwƒbƒ_�[ */

#header{
width:950px;
height:101px;
background:url(../img/head_bg.gif) no-repeat 0 0;
margin:0 5px;
padding:10px 0 0 0;
position:relative;
}

h1{
position:absolute;
top:0;
left:0;
width:190px;
height:147px;
display:block;
zoom:1;
}
#header .girl{
position:absolute;
left:545px;
top:17px;
}

#header .boy{
position:absolute;
left:867px;
top:17px;
}

#header .toplink{
font-size:12px;
color:#ffffff;
margin:0 20px 0 0;
float:right;
display:inline;
padding-right:80px;
}
#header .toplink li{
float:left;
}
#header .toplink li a:link,
#header .toplink li a:visited{
text-decoration: none;
color:#ffffff;
}
#header .toplink li a:hover,
#header .toplink li a:active {
text-decoration: none;
color:#e7e0d9;
}
#header .toptel{
width:231px;
margin:3px 50px 0 0;
padding-right:36px;
float:right;
display:inline;
}
#header .catch{
width:350px;
margin:0px 0 0 220px;
}
#header .catch p{
margin:10px 0 0 3px;
font-size:11px;
color:#ffffff;
}

/* ƒiƒr */
#navi{
width:755px;
margin:0 5px 0 200px;
padding:0;
background: url(../img/navi.gif) no-repeat;
}
#navi ul {
height:70px;
clear:both;
}
#navi li {
float:left;
}
#navi li a {
display:block;
color:#fff;
text-decoration:none;
height: 70px;
background: url(../img/navi.gif) no-repeat;
font-size: 1px;
line-height: 1px;
text-indent: -10000em;
overflow: hidden;
}

#navi li  a.li01{
background-position: 0px 0px;
width: 150px;
}
#navi li  a.li02{
background-position: -150px 0px;
width: 150px;
}
#navi li  a.li03{
background-position: -300px 0px;
width: 150px;
}
#navi li  a.li04{
background-position: -450px 0px;
width: 150px;
}
#navi li  a.li05{
background-position: -600px 0px;
width: 155px;
}

#navi li  a.li01:hover{
background-position: 0px -70px;
}
#navi li  a.li02:hover{
background-position: -150px -70px;
}
#navi li  a.li03:hover{
background-position: -300px -70px;
}
#navi li  a.li04:hover{
background-position: -450px -70px;
}
#navi li  a.li05:hover{
background-position: -600px -70px;
}

/* ƒtƒbƒ^�[ */
#footer{
width:960px;
background:url(../img/foot_bgtop.gif) no-repeat 0 0 #9f8061;
}
#footer ul{
margin:30px 20px 0 0;
float:right;
}
#footer li{
color:#ffffff;
float:left;
margin:0;
padding:0;
}
#footer li a:link,
#footer li a:visited{
text-decoration: none;
color:#ffffff;
}
#footer li a:hover,
#footer li a:active {
text-decoration: none;
color:#e7e0d9;
}
#footer .footL{
width:320px;
margin:0 0 5px 20px;
float:left;
display:inline;
}
#footer .footL img{
margin-right:3px;
}
#footer .footR{
width:590px;
float:right;
margin:0 10px 5px 0;
display:inline;
}
#footer p.name{
font-size:16px;
font-weight:bold;
color:#ffffff;
}
#footer p.address{
font-size:12px;
color:#ffffff;
}
#footer p.mail{
font-size:12px;
font-weight:bold;
color:#ffffff;
background:url(../img/foot_mail.gif) no-repeat 0 3px;
padding:0 0 0 22px;
display:block;
}
#footer p.mail a:link {color:#284ada;}
#footer p.mail a:visited {color:#284ada;}
#footer p.mail a:hover,#footer p.mail a:active {color:#903;}

#footer div.copy{
font-size:11px;
color:#d3bca5;
margin:0;
padding:10px 20px 5px;
text-align:right;
background:url(../img/foot_dott.gif) no-repeat left top;
}

p.pagetop	{
	text-align: right;
	margin: 1.5em;
}
p.pagetop a	{
	color: #755433;
}

/* css_end */