@charset "Shift_JIS";

/* CSS Document */

body {
   margin: 0;
   scrollbar-base-color:#FFF;
   scrollbar-3dlight-color:#999;
   background-color:#e0dfe3;
}

img{
border:none;
}

a:link,a:visited {
color:red;
}

a:hover{
color: #FFCE00;
}

#mainbody {
width:1000px;
height:950px;
background-color:#FFFFFF;
margin-top:0px;

}

#header {
width:1000px;
margin:auto;
background-image:url(background.png);

}

#logo {
width:900px;
height: 79px;
padding: 30px 0 0 50px;
margin: auto;

}

#logo img{
float: left;
margin:-5px 0 0 0;
}

#logo img.bb{
float: left;
margin:6px 0 0 0;
}

#logo img.b{
float: left;
margin:-17px 0 0 600px;
}


#nav_bar {

height:4px;
background:url(blue_bar.gif);
margin:-13px 0 0 0;
}

#nav {
width:1000px;
height:43px;
margin:0;
float:left;
background-image:url(navi_background.png);
}

#nav .aa {
float: left;
margin:2px 0 0 0;
}

#menu {
width:1000px;
height:40px;
float:left;
}


#menu ul {
margin:0px 0 0 70px;
padding:0px;

}


#menu li{
list-style-type:none;
display:inline;
}


#menu a{
float:left;
}


#menu a#btn1{
width:107px;
height:40px;
display:block;
margin:0 auto;
background:url(img_blog.png);
}

#menu a#btn1:hover{
background:url(img_blog_02.png) no-repeat;
}



#menu a#btn2{
width:107px;
height:40px;
display:block;
margin:0 auto;
background:url(img_photogallery.png) no-repeat;
}

#menu a#btn2:hover{
background:url(img_photogallery_02.png) no-repeat;
}



#menu a#btn3{
width:107px;
height:40px;
display:block;
margin:0 auto;
background:url(img_profile.png) no-repeat;
}

#menu a#btn3:hover{
background:url(img_profile_02.png) no-repeat;
}



#menu a#btn4{
width:107px;
height:40px;
display:block;
margin:0 auto;
background:url(img_works.png) no-repeat;
}

#menu a#btn4:hover{
background:url(img_works_02.png) no-repeat;
}



#menu a#btn5{
width:107px;
height:40px;
display:block;
margin:0 auto;
background:url(img_movie.png) no-repeat;
}

#menu a#btn5:hover{
background:url(img_movie_02.png) no-repeat;
}



#menu a#btn6{
width:107px;
height:40px;
display:block;
margin:0 auto;
background:url(img_link.png) no-repeat;
}

#menu a#btn6:hover{
background:url(img_link_02.png) no-repeat;
}



#menu a#btn7{
width:107px;
height:40px;
display:block;
margin:0 auto;
background:url(img_family.png) no-repeat;
}

#menu a#btn7:hover{
background:url(img_family_02.png) no-repeat;
}


#menu a#btn8{
width:107px;
height:40px;
display:block;
margin:0 auto;
background:url(img_contact.png) no-repeat;
}

#menu a#btn8:hover{
background:url(img_contact_02.png) no-repeat;
}



#nav_2 .ea {
float: left;
margin:-2px 0 0 0;
}



#photo {
width:1000px;
height:400px;
clear: both;
background-color:#000000;
}

#photo .pp{
clear: both;
margin:0px auto;
}


#news {
width:1000px;
height:290px;
clear:both;
background-color:#FFF;
margin-top:0px;
}

#news .ia{
float:left;
margin:1px 0 0 0;
}

#what {
width:500px;
height:290px;
float:left;
margin:0;
}

#what .wh{
float:left;
margin:20px 0 0 65px;
}





#what ul{
margin:34px 0 0 0px;

}

#what li{
list-style-type:none;
padding:3px 0;
margin: 10px 0 8px 40px;
font-size:11px;
line-height:10px;
text-align:left;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
}


#what dt{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#what dd{
margin:-7px 0px 10px 70px;
padding:0px 0px 0px 0px;
}



#links {
width:500px;
height:290px;
float:left;
margin:0px;
}

#links .photo01{
float:left;
margin:22px 0 0 160px;
}

#links .photo02{
float:left;
margin:5px 0 0 160px;
}

#links .photo03{
float:left;
margin:5px 0 0 10px;
}

#links .photo04{
float:left;
margin:5px 0 0 160px;
}


#footer {
width:1000px;
height:130px;
background-color:#333333;
}

#footer .cp{
margin:115px 0 0 740px;
}




/* begin styles for RSS Feed */

#footer .rss_box {
         float:left;
	 margin: 5px 0 0 -1000px;
	 padding: 0px;
	 width:200px;
	 background-color: #333;
	 }

#footer .rss_title, rss_title a {
	font-size: 11px;
	font-weight:bold;
	margin: 5px 0;
	padding: 0;
	letter-spacing: 1px;
}

#footer .rss_items {
	margin: 3px;
	padding: 0px;
}

#footer .rss_item  {
	padding-right: 0px;
	padding-left: 0px;
	font-weight : normal; 
	font-size: 10px;
	padding-bottom: 2px;
	color: #999;
	word-break: break-all;
}

#footer .rss_item a:link, .rss_item a:visited, .rss_item a:active {
	font-weight: bold;
	font-size: 10px;
	color: #666;
	text-decoration : none;
}

#footer .rss_item a:hover { 
	font-weight: bold;
	font-size: 10px;
	text-decoration : underline;
	color: #333;
}

#footer .rss_date {
	font-size: 10px;
	font-weight : normal;
	color: #999;
}