html {
	height: 100%;
}

body{
font-size:62.5%;
height: 100%;
}

img,div,h1{ behavior: url(/css/iepngfix.htc) }

*{
margin:0px;
padding:0px;
color:#ffffff;
line-height:21px;
}

p,div,ul,li{
margin:0px;
padding:0px;
}


body{
padding:0px;
	background-repeat:;
	font-size: 10px;
	line-height: 17px;
}

#contents a:link{
color:#FF0000;
text-decoration:none;}

#contents a:hover{
color:#FFf;
text-decoration:none;}

#wrapper {
min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 1050px;
	text-align:left;
	margin:auto;
	margin-bottom:-40px;
	
}

#ptop{
display:block; padding:-0px 0 90px 0;
}

#head{
margin:0px 0 0 0;
}

#menu {
width: 162px;
float:left;
}

#category{
width: 220px;
color:#fff;
float:right;
text-align:left;
padding:0px;
}

#category p{
width: 216px;
margin:0px;
}

#category h2{
margin:50px 0 0 0px;
text-indent:-25000px;
height: 100px;
width: 150px;
}
#category h3{
margin:50px 0 15px 0px;
text-indent:-25000px;
}

h4{
border-bottom:#FFFFFF 2px solid;
border-top:#FFFFFF 2px solid;
padding:8px 0;
font-size:12px;
letter-spacing:1px;
}


#leftmenu{
float:left;
width: 400px;
z-index:10;
}

#leftmenutit{
	background: url(../img/black/lefttit.gif) no-repeat;
	text-indent: -25000pt;
	height: 31px;
	width: 400px;
}


#contents { 
margin: 0pt 0pt 20px 0px;
 padding: 0pt 0px 0pt 0pt;
  width: 610px; float: right; text-align: left; }

h1{
background-repeat:no-repeat;
width:352px;
height:156px;
float:left;
margin:0 0 0 3px;
}

h1 a{
display:block;
width:319px;
height:87px;
text-indent:-5000px;
}

#change{
float:right;
width:100px;
height:15px;
margin:43px 0 0 0;
}

#change h6{
background: url(../img/black/designchange.gif) no-repeat;
	height: 13px;
	width: 60px;
	text-indent:-25000px;
	float:left;
	margin:0 5px 0 0;
}

#change  #black a{
	background: url(../img/black/change_black_over.gif) no-repeat;
	display: block;
	height: 13px;
	width: 19px;
	text-indent:-25000px;
	float:left;
}

#change  #white a{
	background: url(../img/black/change_white_.gif) no-repeat;
	display: block;
	height: 13px;
	width: 15px;
	text-indent:-25000px;
	float:left;
}

a img{
border:none;
}

ul{
list-style:none;
}


#sliding-navigation li a:hover{
display:block;
background-image:url(../img/format/menu_back.png);
width:135px;
height:30px;
background-position:0 0;
}

#pagetop{
width:20px;
float:left;
}

#bloglist{
float:right;
width:550px;
}


#categorytitle{
margin:20px 0 90px 0;
}




/*メニュー************************************** */
#menublack ul,#menuwhite ul{
margin:35px 0 0 4px;}
#menublack ul li,#menuwhite ul li{
	width:156px;
	height:40px;
	background: #000000;
	display: block;
	margin:0;
	
}
#menublack #menu1 a,#menublack #menu2 a,#menublack #menu3 a,#menublack #menu4 a,#menublack #menu5 a,#menublack #menu6 a,#menublack #menu7 a,
#menuwhite #menu1 a,#menuwhite #menu2 a,#menuwhite #menu3 a,#menuwhite #menu4 a,#menuwhite #menu5 a,#menuwhite #menu6 a,#menuwhite #menu7 a{
	display: block;
	height: 25px;
	width: 100px;
	padding:6px 0 0 0;
	text-decoration:none;
	font-size:12px;
}

#menublack #menu1 a span,#menublack #menu2 a span,#menublack #menu3 a span,#menublack #menu4 a span,#menublack #menu5 a span,#menublack #menu6 a span,#menublack #menu7 a span,
#menuwhite #menu1 a span,#menuwhite #menu2 a span,#menuwhite #menu3 a span,#menuwhite #menu4 a span,#menuwhite #menu5 a span,#menuwhite #menu6 a span,#menuwhite #menu7 a span{
display:none;}



/*IE6 */

*html #menublack #menu1 a,
*html #menublack #menu2 a,
*html #menublack #menu3 a,
*html #menublack #menu4 a,
*html #menublack #menu5 a,
*html #menublack #menu6 a,
*html #menublack #menu7 a,
*html #menuwhite #menu1 a,
*html #menuwhite #menu2 a,
*html #menuwhite #menu3 a,
*html #menuwhite #menu4 a,
*html #menuwhite #menu5 a,
*html #menuwhite #menu6 a,
*html #menuwhite #menu7 a
{padding:10px 0 0 0;}

*html #menublack #menu1 a span,
*html #menublack #menu2 a span,
*html #menublack #menu3 a span,
*html #menublack #menu4 a span,
*html #menublack #menu5 a span,
*html #menublack #menu6 a span,
*html #menublack #menu7 a span,
*html #menuwhite #menu1 a span,
*html #menuwhite #menu2 a span,
*html #menuwhite #menu3 a span,
*html #menuwhite #menu4 a span,
*html #menuwhite #menu5 a span,
*html #menuwhite #menu6 a span,
*html #menuwhite #menu7 a span
{display:block;}

*html #menublack #menu1 a img,
*html #menublack #menu2 a img,
*html #menublack #menu3 a img,
*html #menublack #menu4 a img,
*html #menublack #menu5 a img,
*html #menublack #menu6 a img,
*html #menublack #menu7 a img,
*html #menuwhite #menu1 a img,
*html #menuwhite #menu2 a img,
*html #menuwhite #menu3 a img,
*html #menuwhite #menu4 a img,
*html #menuwhite #menu5 a img,
*html #menuwhite #menu6 a img,
*html #menuwhite #menu7 a img
{display:none;}

/*IE6 */


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


#push {
	margin: 0;
	padding: 0;
	height: 40px;
}

#footer {
	height: 40px;
	width:100%;
	min-width: 1070px;
	padding:0;
	margin:0;
	clear: both;
}

#footer #copyright{
float:right;
text-indent:-6000px;
margin:0 20px;
width:160px;
height:40px;
}


/*カテゴリータイトル********************************** */
.top h2{background: url(../img/black/contents_tit_top.gif) no-repeat;}
.work h2{background: url(../img/black/contents_tit_work.gif) no-repeat; width:200px;}
.blog h2{background: url(../img/black/contents_tit_blog.gif) no-repeat; width:200px;}
.prof h2{background: url(../img/black/contents_tit_prof.gif) no-repeat; width:200px;}
.link h2{background: url(../img/black/contents_tit_link.gif) no-repeat; width:200px;}



.about{
	background: url(../img/black/category_sub_about.gif);
	height: 22px;
	width: 150px;
}
.what{
	background: url(../img/black/category_sub_new.gif);
	height: 22px;
	width: 150px;
}
.worklist{
	background: url(../img/black/category_sub_new.gif);
	height: 22px;
	width: 150px;
}
.archive{
	background: url(../img/black/category_sub_archive.gif);
	height: 22px;
	width: 150px;
}



/*　TOP********************************* */
.mainimg{
border: 1px solid #333;
	height: 692px;
	width: 552px;
	padding:0px;
	margin:0px;
}

.top span{
display:block;
border-bottom:#3f3f3f 1px solid;
width:100%;
padding:0 0 3px 0;
margin:0 0 3px 0;}

#wnew p{
margin:0 0 15px 0;
}





/*　work********************************* */
#worksum a{
display:block;
height:140px;
width:550px;
margin:0 0 20px 0;
	}
	
.whitesum{display:none;}


.custom-tip {
Z-INDEX: 13000;
}
.custom-title {
display:none;
}

#worklist{
border-top:#3c3c3c 1px solid;
}

#worklist li{
	display:block;
	height:28px;
	border-bottom:#3c3c3c 1px solid;
	padding:0px 0 0 0px;
}

#worklist li a{
text-decoration:none;
display:block;
height:26px;
width:200px;
background: url(../img/black/arrow.gif) no-repeat 0px 5px;
background-color:#000;
padding:2px 0 0 20px;
}

#worklist li a:link,#worklist li a:visited,#worklist li a:active{
background-color:#000;
}

#worklist li a:hover{
background-color:#ff0000;
}

#worksyousai img{
border: 1px solid #999999;
margin:0 0 15px 0;}

#worksyousai a{
display:inline;
}

#titleimg{
background-position:0 10px;
background-repeat:no-repeat;
width:19px;
height:25px;
text-indent:-5000px;
}

#itemimg{
margin:-50px 0 0 0;
background-position:0 10px;
background-repeat:no-repeat;
width:19px;
height:25px;
text-indent:-5000px;
}

.amazonsyouhin{
border:#999999 1px solid;
}


.buynow{
text-align:center;
}

.buynow dl{
margin:20px 0 15px 0;
}

.buynow dd{
margin:0px;
padding:3px 0 0 0;
font-size:1em;
line-height:1.5em;
}

#workbody{
margin:0 0 50px 0;}


/*　blog********************************* */


.blogp img{
border:#3f3f3f 1px solid;}

.blogp h3{
margin: 10px 0;
font-size:10px;
letter-spacing:2px;
}

.blogp p{
padding:10px 0;
margin:0px 0 100px 0;
border-top:#3f3f3f 1px solid;
border-bottom:#3f3f3f 1px solid;
}



/*　prof********************************* */

.proftext{
float:right;
width:360px;
font-size:1em;
line-height:1.6em;
}

.proftext p{
margin:0 0 10px 0;
} 

.proftext h2{
font-family:"ＭＳ Ｐ明朝", "細明朝体";
font-size:14px;}

.profphoto{
float:left;
width:150px;
margin:0 0 200px 0;
}

.japan{
margin:20px 0 40px 0;}
.english{
margin:0px 0 80px 0;}


#member{
width:360px;
position:relative;
overflow:hidden;
margin:0 0 80px 0;
}

#books{
margin:0px 0 100px 0;
position:relative;
overflow:hidden;}

#member h6,#books h6{
font-size:1.2em;
border-bottom:#666666 solid 1px;
width:360px;
padding:0 0 3px 0;
margin:0 0 15px 0;}

#mokuva a{
display:block;
background-image:url(../img/black/mokuva.gif);
width:84px;
height:20px;
text-indent:-5000px;
float:left;
}
#kujaku a{
display:block;
	background-image:url(../img/black/kujaku.gif);
	width:58px;
	height:27px;
	text-indent:-5000px;
	float:right;
	margin:0 200px 0 0;
}

#books dl{
float:left;
width:173px;
display:block;
}

#books dt,#books dd{
margin:0px;
padding:0px;
line-height:13px;
}



/*　link********************************* */

#linklist div{
width:250px;
margin:0 0 60px 0;
}

#linklist div h6{
font-size:1.4em;
font-weight:bold;
letter-spacing:0.1em;
padding:0 0 10px 0;
margin:0 0 12px 0;
border-bottom: 1px solid #3f3f3f;
}

#linklist div ul li a:link{
color:#FFFFFF;
display:block;
width:250px;
text-decoration:none;
letter-spacing:0.1em;
}



#linkright{
float:right;
width:250px;
}
#linkleft{
float:left;
width:250px;
}