@charset "utf-8";
/*
Theme Name: Katayama DESIGN STUDIO
Theme URI: http://wordpress.org/
Description: by 平澤太デザイン計画機構
Version: 1.5
Author: M.H.P
Tags: black, photo,
*/


/* RESET ****************************************************************/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0;padding:0; }
table { border-collapse:collapse;border-spacing:0; font-size:100%; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; margin:0; padding:0; }
caption,th { text-align:left; }
hr { display:none; }


/* DEFAULT ****************************************************************/
body {
	background-color:#000;
	font-family:"Lucida Grande", "Bitstream Vera Sans", "Segoe UI", Calibri, Verdana, Arial, "ヒラギノ角ゴ Pro W3", メイリオ, "ＭＳ Ｐゴシック", IPAPGothic, sans-serif;
	color:#595757;
	font-size:12px;
	letter-spacing:1px;
}

div#all { width:1024px; margin-top:60px; }
div#all2 { width:1024px; margin-top:60px; }

a:link {
	color:#aaaaaa;
	text-decoration:none;
}
a:visited {
	color:#9d8080;
	text-decoration:none;
}
a:hover, a:active {
	color:#aaaaaa;
	text-decoration:line-through;
}


/* NAVI ****************************************************************/
div#navi {
	float:left;
	width:240px;
	height:550px;
	background:url(images/bg_navi.gif) left no-repeat;
	text-align:center;
}

div#navi ul { margin:0px 0px 0px 10px; }
div#navi li { margin:0px 0px 3px 0px; }
div#navi li.nv2 {
 margin:-8px 10px 6px 10px;
 padding:3px 0px 3px 0px;
 background:url(images/nv_wksub.gif) repeat-y;
}

div#navi h1 { position:absolute; top:470px; left:24px; /*margin:240px 0px 0px 20px;*/ }
div#navi h1 a {
	display:block;
	width:200px; height:119px;
	background:url(images/logo.gif) no-repeat;
}

div#navi img.add { position:absolute; top:600px; left:27px; /*margin:30px 0px 0px 10px;*/ }


/* MAIN TOP ****************************************************************/
div#maintop {
	float:left;
	width:760px;
	height:550px;
}
div#visual {
	width:760px;
	height:550px;
}

/* MAIN ****************************************************************/
div#main {
	float:left;
	width:300px;
	height:550px;
	background:url(images/bg_main.gif) no-repeat;
	text-align:left;
}

div#main h2 { margin:20px 0px 0px 20px; }

div#subnv { margin:15px 0px 0px 80px; font-size:10px; letter-spacing:0px; }
div#subnv li {
	width:210px; line-height:24px;
	margin-top:3px;
	padding-left:8px;
	background:url(images/subnv.gif) no-repeat;
	color:#aaaaaa;
	list-style:none;
}
div#subnv li.page-item-2 { padding-left:8px; }
div#subnv li.page-item-2 li { position:relative; left:-8px; padding-left:8px; }
div#subnv li.current_page_item { background:url(images/subnv.gif) no-repeat; }


/* CONTENTS ****************************************************************/
div#contents {
	float:left;
	width:430px;
	margin-left:5px;
	background:url(images/contents.gif) repeat-y;
	text-align:left;
}
div#contents a { color:#fff; border-bottom:1px dotted #ffffff; }
div#contents a:hover { color:#fff; border-bottom:1px solid #ffffff; text-decoration:none; }

div#contents h2 {
	margin:10px 20px 50px 20px;
	border-bottom:1px solid #fff;
	font-size:13px;
}
div#contents h3 {
	margin:10px 0px 8px 0px;
	font-size:12px;
}

div#contents div.text {
	width:400px;
	margin:10px 0px 20px 15px;
}
div#contents div.text p { margin:0px 0px 10px 0px; font-size:11px; line-height:160%; }

div#contentstop { height:10px; background:url(images/contentstop.gif) no-repeat; }
div#contentsbtm { height:10px; background:url(images/contentsbtm.gif) bottom no-repeat; }

div#right {
	float:left;
	width:24px; height:550px;
	background:url(images/bg_right.gif) right no-repeat;
}


/* FOOTER ****************************************************************/
div#footer {
	clear:both;
	width:960px;
	text-align:right;
}
div#footer img { margin:8px 0px 20px 0px; }




/* WORKS ****************************************************************/
div#navi h1.works {
/* position:absolute; top:212px; left:0px;
 margin:132px 0px 0px 20px; */
}

ul#month {
 line-height:140%;
 position:absolute; top:130px; left:255px;
}


/* FREE ****************************************************************/
.none { display:none; }
.indent { text-indent:-1000em; display:block; }
.center { text-align:center; }
.right { text-align:right; }
.left

.clear { clear:both; }
.fleft { float:left; }
.fright { float:right; }

.fleftimg { float:left; padding-right:7px; }
.frightimg { float:right; padding-left:7px; }