@charset "utf-8";
html,body,p,a,h1,h2,h3,h4,div,ul,li,img,em {
margin: 0px;
padding: 0px;
text-decoration: none;
border: none;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-style: normal;
color: #6f511b;
}
body {
width: 960px;
margin:0 auto 0 auto;
}
p {
letter-spacing: 0.5pt;
line-height: 140%;
}
#container {
background-color: #d9dd83;
width:926px;
padding: 0 17px 0 17px;
}
#top {
height:120px;
width:926px;
}
#logo {
height:120px;
width:200px;
float:left;
}
#menu {
background-color: #eef2c6;
height: 120px;
width: 640px;
padding-left: 86px;
float:right;
}
#menu p {
font-size: 12px;
}
#travel p,#gallery1 p {
font-size: 12px;
margin: 0 15px 5px 15px;
}
#intro {
height: 75px;
width: 640px;
}
h1 {
font-size: 14px;
margin: 5px 0 5px 0;
}
h2{
font-size: 13px;
font-weight: normal;
}
.h3_div {
position:relative;
}
h3{
position:absolute;
top:0;
left:0;
padding:2px 0 0 10px;
font-size: 16px;
color: #fbfbfb;
font-weight: bolder;
font-family: "ＭＳ ゴシック", "Osaka－等幅";
}
.h3_back {
width:100%;
height:1.4em;
position:relative;
top:0;
left:0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #a57b52;
}
#nav li {
list-style-type:none;
float:left;
}
#nav a {
background:url('../img/index_img/index_img.jpg') no-repeat;
display:block;
height: 40px;
width: 80px;
}
a#item1 {background-position:0px -715px;}
a:hover#item1 {background-position:0px -755px;}
a#item2 {background-position:-80px -715px;}
a:hover#item2 {background-position:-80px -755px;}
a#item3 {background-position:-160px -715px;}
a:hover#item3 {background-position:-160px -755px;}
a#item4 {background-position:-240px -715px;}
a:hover#item4 {background-position:-240px -755px;}
a#item5 {background-position:-320px -715px;}
a:hover#item5 {background-position:-320px -755px;}
a#item6 {background-position:-400px -715px;}
a:hover#item6 {background-position:-400px -755px;}
a#item7 {background-position:-480px -715px;}
a:hover#item7 {background-position:-480px -755px;}
a#item8 {background-position:-560px -715px;}
a:hover#item8 {background-position:-560px -755px;}
#ouji {
height:380px;
width:926px;
padding-top:20px;
}
#diary {
height: 380px;
width: 540px;
background-color: #eef2c6;
float:left;
}
#New_diary {
height: 255px;
width: 540px;
font-family: Arial, Helvetica, sans-serif;
}
#New_diary h2 {
font-size: 16px;
margin:5px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #000000;
}
#New_diary p {
margin:5px;
font-size: 14px;
}
#diary a {
text-decoration:underline;
color:#0000CC;
font-size: 12px;
height: 10px;
width: 530px;
margin: 0 10px 0 400px;
padding: 5px 0 5px 0;
}
#diary a:hover {
text-decoration:underline;
color:#FF0000;
}
#baby_banner {
background-color: #eef2c6;
height: 60px;
width: 520px;
padding: 10px 10px 0 10px;
}
#baby_banner iframe {
padding: 0 5px 0 5px;
}
#ouji_image {
height: 380px;
background-color: #eef2c6;
width: 370px;
float:right;
margin-left: 10px;
}
ul#gallery {
width:360px;
height:340px;
position:relative;
background-image: url('../img/index_img/index_ouji.jpg');
background-repeat: no-repeat;
margin: 8px 5px 0 5px;
}
#gallery li {
list-style-type:none;
width:40px;
height:60px;
float:left;
z-index:100;
}
#gallery a {
position:relative;
width:40px;
height:60px;
display:block;
float:left;
z-index:100;
cursor:default;
}
#gallery a img {
position:relative;
width:38px;
height:58px;
border:1px solid #888;
z-index:100;
}
#gallery a:hover {
width:360px;
height:280px;
position:absolute;
left:0;
top:0;
z-index:20;
padding-top: 60px;
}
#gallery a:hover img {
background:#eee;
position:relative;
width:360px;
height:280px;
border:0;
z-index:20;
}
#gallery li.pad {
height:0;
display:block;
margin-top:-2px;
width:360px;
font-size:0;
}
@media all and (min-width:0px){
#gallery a:hover {
background:#888;
width:360px;
height:280px;
padding-top: 60px;
position:absolute;
left:0;
top:0;
z-index:10;
}
#gallery a:hover img {
background:#aaa;
position:relative;
width:360px;
height:280px;
border:0;
z-index:10;
}
}
#travel {
height:375px;
width:926px;
margin-top:20px;
}
.trip {
height:375px;
width:300px;
float:left;
background-color:#eef2c6;
}
.space {
height:375px;
width:10px;
float:left;
}
#trip1,#trip2,#trip3 {
display:block;
height: 220px;
width: 290px;
margin: 5px;
background-image: url('../img/index_img/index_img.jpg');
background-repeat: no-repeat;
}
a#trip1 {background-position:0px 0px;}
a:hover#trip1 {background-position:0px -220px;}
a#trip2 {background-position:-290px 0px;}
a:hover#trip2 {background-position:-290px -220px;}
a#trip3 {background-position:-580px 0px;}
a:hover#trip3 {background-position:-580px -220px;}
.trip_banner {
height: 60px;
width: 280px;
padding: 10px 10px 0 10px;
}
.trip_banner iframe {
padding: 0 10px 0 10px;
}
#other {
height:400px;
width:926px;
margin-top:20px;
}
#gallery1 {
height:400px;
width:455px;
float:left;
background-color:#eef2c6;
}
#gallery1_img {
display:block;
height: 275px;
width: 425px;
background-image: url('../img/index_img/index_img.jpg');
background-repeat: no-repeat;
margin: 20px 15px 10px 15px;
}
a#gallery1_img {
background-position:0px -440px;
}
a:hover#gallery1_img {
background-position:-425px -440px;
}
#space {
height:400px;
width:10px;
float:left;
}
#uniqlo {
margin:0 auto 0 auto;
width:424px;
}
#kousin {
height:400px;
width:455px;
float:right;
}
#kousin a {
text-decoration:underline;
}
#kousin a:hover {
text-decoration:underline;
color:#FF0000;
}
* html #kousin #wrap li{
border:none;
height:1%;
background-image: url('../img/dotted-leader.gif');
background-repeat: repeat-x;
background-position: left bottom;
}
#kousin #wrap ul{
list-style:none;
position:relative;
color:#4c7300;
height:375px;
width:435px;
overflow:auto;
background-color: #ffffff;
padding: 0px 10px 0px 10px;
}
#kousin #wrap li{
line-height:1.1em;
position:relative;
padding:0 5em 0 0;
text-align:left;
border-bottom:1px dotted #000;
clear:both;
margin:0 0 .4em 0;
min-height:0;
}
#kousin #wrap li em{
margin:0;
position:relative;
top:0.25em;
padding:0 5px 0 0;
background-color: #ffffff;
font-size:13px;
}
#kousin #wrap li span{
padding:1px 0 1px 5px;
position:absolute;
bottom:-0.35em;
right:-1px;
background-color: #ffffff;
font-size:13px;
}
.link_box {
background-color: #eef2c6;
margin:20px 80px 0 80px;
}
dt {
	background-color: #eefaaa;
	font-size:14px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #6f511b;
	margin: 15px 5px 5px 10px;
	padding-left: 5px;
}
.link_box a:hover {
text-decoration:underline;
color:#FF0000;
}
dd {
margin:5px 5px 15px 20px;
font-size:12px;
}
#diary,#ouji_image,.trip,#gallery1,#kousin,.link_box {
border: 1px solid #a57b52;
}
#toplink {
text-align: right;
margin:20px 0 0 0;
}
#toplink a {
color:#0000CC;
}
#footer {
text-align: center;
word-spacing: 5px;
padding-top:20px;
font-size: small;
clear: both;
}
#footer a {
text-decoration:underline;
color:#0000CC;
}
#footer a:hover {
text-decoration:underline;
color:#FF0000;
}
#footer p {
margin-bottom:3px;
}