@charset "Shift_JIS";

/* ############## 基本設定 ############## */

body {
margin:0;
padding:0;
text-align:left;
font-size:11px; 
font-family: "ＭＳ ゴシック",  Verdana, Arial, sans-serif; 
color:#444444;
line-height:140%;
background:#fafafa;
}

p{
margin: 0;
padding: 5px;
font-size: 12px; 
font-family:Osaka,MS UI Gothic;
color:#aaaaaa;
line-height: 140%;
}

h1 {
margin-bottom: 5px;
padding: 0;
font-size: 9px;
color: #469;
letter-spacing: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

h2 {
margin:0;
padding:2px 0;
font-size: 9px; 
color:#ff3399;
background-color:#F5EAEA;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}

h3 {
margin: 5px 0 5px 5px;
padding:0px;
font-size: 10px; 
color:#ac8d80;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}


a:link {
	color: #444444;
	text-decoration: none;
}
a:visited {
	color: #444444;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}
a:active {
	color: #444444;
	text-decoration: none;
}
a {
    font-size:9pt;
    font-family:Osaka,MS UI Gothic;
	text-decoration: none;
	color: #444444;
    text-align:left;
}

.list{
	padding-left:9px;
	background:url("img/csk.gif") no-repeat;
	line-height:135%;
    text-align:left;
	font-size:9pt;
	font-family:Osaka,MS UI Gothic;
	color: #666666;
	}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}
a:active {
	color: #666666;
	text-decoration: none;
}
a {
    font-size:9pt;
    font-family:Osaka,MS UI Gothic;
	text-decoration: none;
	color: #666666;
    text-align:left;
}

.listb{
	padding-left:9px;
	background:url("img/cskb.gif") no-repeat;
	line-height:135%;
    text-align:left;
	font-size:9pt;
	font-family:Osaka,MS UI Gothic;
	color: #777777;
	}
a:link {
	color: #777777;
	text-decoration: none;
}
a:visited {
	color: #777777;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}
a:active {
	color: #777777;
	text-decoration: none;
}
a {
    font-size:9pt;
    font-family:Osaka,MS UI Gothic;
	text-decoration: none;
	color: #777777;
    text-align:left;
}

/* ############## ヘッダー ############## */

#hedder{
position: absolute; top: 0px; left: 0px;
margin:0;
padding: 0;
width: 475px;
height:25px;
font-size: 9px; 
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
color: #948989;
background: #444 url(hedderimg.gif) left top no-repeat;
}

#guestbook {
position: absolute; top: 0px; left: 398px;
text-indent: -2000px;
display: block;
padding: 0;
margin:0;
z-index:50;
}

#guestbook a {
text-indent: -2000px;
display: block;
overflow: hidden;
padding: 25px 0 0 0;
margin:0;
background-image: url(guestbook.gif);
background-repeat: no-repeat;
width: 77px;
height: 0 !important; height /**/:25px;
z-index:50;
}

#hedder h1{
margin:0;
padding:0;
font-size: 9px; 
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
color: #000;
text-indent:-1000px;
}



/* ############## メインピクチャー ############## */

#picture{
position: absolute; top: 35px; left: 0px;
width: 475px;
height:475px;
margin:0;
padding: 0;
text-align:left;
}

#top{
margin:0;
padding: 8px 8px 8px 8px;
background:#82827D;
border-bottom:1px solid #111111;
font-size:12px;
font-family:Osaka,MS UI Gothic;
color: #ffffff;
}

#listbox{
margin:0;
padding: 2px 2px 2px 2px;
background:#eeeeee;
border-bottom:1px solid #cccccc;
font-size:12px;
font-family:Osaka,MS UI Gothic;
color: #888888;
}

/* ############## ニュース ############## */

#news {
position: absolute; top: 0px; left: 485px;
width: 240px;
margin:0;
padding: 0;
}

#newsbox{
margin:10px 0 0 0;
padding: 0;
height:475px;
overflow:auto;
background:#E6E5E6 url(updatebg.gif) repeat-x top left;
}

#newsbox p{
margin:0;
padding: 0 5px 10px 5px;
background: url(underline.gif) repeat-x bottom left;
}

#news h2{
margin:0;
padding: 0;
background: #444 url(newsbg.gif)  left top no-repeat; width:240px; height: 0px !important;height /**/:25px; padding-top: 25px; display: block; overflow: hidden;
text-indent:-1000px;
}



/* ############## アバウト ############## */

#about {
position: absolute; top: 520px; left:0px;
margin:0;
padding: 0;
width: 475px;
}

#aboutbox{
height:200px;
margin:10px 0 5px 0;
padding:0;
overflow:auto;
background:#EAE8EA;
}

#about h2{
margin:0;
padding: 0;
text-indent:-5000px;
background: #444 url(aboutbg.gif)  left top no-repeat; width:475px; height: 0px !important;height /**/:20px; padding-top: 20px; display: block; overflow: hidden;
}

#aboutbox ul{
margin: 0;
padding: 0px 5px 5px 10px;
font-size: 10px; 
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
background: url(underline.gif) repeat-x bottom left;
list-style-type: none;
}

#aboutbox li{
margin:0 0 5px 0;
padding: 0;
list-style-type: none;
}



/* ############## ブックマーク ############## */

#bookmark {
position: absolute; top: 520px; left: 485px;
margin:0;
padding: 0;
width: 490px;
}

#bookmarkbox {
height:200px;
margin:10px 0 5px 0;
padding:0;
background-color:#EAE8EA;
overflow:auto;
}

#bookmarkbox p{
font-size: 10px; 
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
line-height:15px;
margin:0;
padding: 13px 5px 5px 10px;
}

#bookmark h2{
margin:0;
padding: 0;
text-indent:-5000px;
background: #444 url(bookmark.gif) left top no-repeat; width:490px; height: 0px !important;height /**/:20px; padding-top:20px; display: block; overflow: hidden;
}

.img{
float:left;
margin:0 15px 0 10px;
padding:1px;
border:1px solid #b1b1b1;
}

.underline{
clear:both;
height:14px;
background: url(underline.gif) repeat-x center left;
}


/* ############## カテゴリーナビゲーション ############## */

#category {
position: absolute; top: 0px; left: 735px;
margin:0;
padding: 0;
}

#categorybox{
background-color:#E6E5E6;
background-image: url(categoryback.gif);
background-position: left top;
background-repeat: no-repeat;
padding:0;
margin:10px 0 0 0;
width:240px;
height:475px;
}

#categorybox ul{
margin:0 0 0 15px;
padding:10px 0 0 0;
display:block;
}

#categorybox ul li{
display:block;
width:210px;
height:55px;
list-style: none;
margin:10px 0 10px 0;
padding:0;
text-indent: -2000px;
text-align:left;
}

#categorybox ul li a{
display:block;
height:55px;
background:none;
}

#categorybox ul li a#architecture{ background:url(architecture.gif) no-repeat 0 0; }
#categorybox ul li a#portrait{ background:url(portrait.gif) no-repeat 0 0; }
#categorybox ul li a#spaces{ background:url(spaces.gif) no-repeat 0 0; }
#categorybox ul li a#lights{ background:url(lights.gif) no-repeat 0 0; }
#categorybox ul li a#plants{ background:url(plants.gif) no-repeat 0 0; }
#categorybox ul li a#others{ background:url(others.gif) no-repeat 0 0; }
#categorybox ul li a#architecture:hover,
#categorybox ul li a#portrait:hover,
#categorybox ul li a#spaces:hover,
#categorybox ul li a#lights:hover,
#categorybox ul li a#plants:hover,
#categorybox ul li a#others:hover
{ background-position: 0px -55px; }

#category h2{
margin:0;
padding: 0;
text-indent:-1000px;
background: #444 url(categorybg.gif)  left top no-repeat; width:240px; height: 0px !important;height /**/:25px; padding-top: 25px; display: block; overflow: hidden;
}



/* ############## フッター ############## */

#footer {
position: absolute; top:750px; left: 0;
margin-top:10px;
padding: 0;
width:974px;
height:25px;
background: #444 url(uebg.gif) left top repeat-x;
}

#footer p {
text-align:center;
font-size: 9px;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding: 7px 0 7px 0;
}

#footer a {
color:#fff;
font-weight:bold;
}