@charset "UTF-8";
/**!
 * CSS 
 * http://hi0a.com/
 *
 * Copyright 2011, t_hida
 * Dual licensed under the MIT or GPL Version 2 licenses.
 *
 * Date: 2011/01/01
 *
 * History:
 *　2011/01/01 ヘッダー部をHTML5&CSS3対応 (vender-prefixはchromeのみ対応(面倒))
 *　2010/11/01 そろそろIE6.0対応は無視します
 */

/*

################
################
####        ####
################
################
####        ####
################
################
####        ####
################
################
  ####     ####
  ####     ####
######     #########
######     #########


##################
##################
####         #####
####         #####
####         #####
####         #####
####     #########
####     #########
             #####
             #####
             #####
             #####


        #######
        #######
        #######
        #######
########################
########################
        #######
        #######
        #######
        #######
     #######
    #######
   #######
  #######
*/


/* ----------------------------------------------------------------
CommonClass
---------------------------------------------------------------- */
.d{
  display:none;
}


/* list - ul,ol,dl */
.hori:after{
  content:"";
  display:block;
  clear:both;
}
.hori li,
.hori .li{
  display:block;
  float:left;
}

.list li{
  margin-left:24px;
  list-style-type:disc;
}
.step li{
  margin-left:24px;
  list-style-type:decimal;
}

.list {  
  width:480px;
	margin:0;
} 
.list dt{
  clear:both;
  float:left;
  width: 80px;
	margin:0;
}
.list dd{
	width:380px;
	margin:0;
  margin-left:80px;
  border-bottom:1px dotted #555;
}



/* ----------------------------------------------------------------
BaseLayout
---------------------------------------------------------------- */


html,body{
  height:100%;
}

body{
	background-color:#ffffff;
	background-position:50% 0;
	background-repeat:repeat-y;
	text-align:center;
	font-family:'メイリオ',"Hiragino Kaku Gothic Pro",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
a{
  color:#0000aa;
  outline: none;
  text-decoration:none;
}
p a{
  color:#cc0000;
}
a:hover{
  color:#aa0000;
}
h1,h2,h3,h4{
	font-weight:normal;
	clear:both;
}
h1{
	font-family:"Anton", "HGS創英角ｺﾞｼｯｸUB";
	font-size:32px;
}
h2{
	font-size:22px;
}
h3{
	font-size:16px;
}

select,input{
	border:1px solid #aaaaaa;
  color:#111111;
  background-color:#eeeeee;
}
::selection{
	background-color:#000000;
	color:#ffffff;
}


/* ----------------------------------------------------------------
#page
---------------------------------------------------------------- */

#page{
  min-height:100%;
  min-width:960px;
  margin:0 auto;
  color:#000000;
	text-align:left;
  font-size:13px;
  background-repeat:repeat-x;
  position: relative;
  top:0;
  left:0;
}

#page_inner{
}

/* ----------------------------------------------------------------
#header
---------------------------------------------------------------- */

#header{

}

#header h1{
  color:#000000;
  margin:0 auto;
  margin-bottom:4px;
	background-attachment:fixed;
	clear:both;

  background-color:#000000;
  background: -moz-linear-gradient(
    top, #555, #333
  ); 
  background: -webkit-gradient(
    linear, left top, left bottom, from(#555), to(#333)
  );
  border-bottom:1px solid #000000;
  -webkit-box-shadow: 0 2px 4px #666;
  -moz-box-shadow: 0 2px 4px #666;
  -o-box-shadow: 0 2px 4px #666;
  -ms-box-shadow: 0 2px 4px #666;
  box-shadow: 0 2px 4px #666;
  text-shadow: rgba(0, 0, 0, .5) 0px -2px 1px;
  letter-spacing:4px;
}
#header h1 a{
  display:block;

  color:#ffffff;
  width:100%;
  line-height:60px;
  text-indent:1em;
  font-size:48px;
  font-weight:bold;
  text-shadow: #333 -2px -2px 2px;
}

#header .nav{
  display:block;
	margin:0 auto;
	margin-top:5px;
}

#header .nav ul{
  width:960px;
	margin:0 auto;
	font-family: fantasy, "Crushed", "HGS創英角ｺﾞｼｯｸUB";
}

#header .nav ul:after{
  content:"";
  display:block;
  clear:both;
}

#header .nav ul li{
  float:left;
  width:160px;
}
#header .nav ul li a{
  display:block;
  width:100%;
  line-height:36px;
  text-align:center;
  font-size:24px;
  color:#ffffff;
  background: -moz-linear-gradient(
    top, #555, #333
  ); 
  background: -webkit-gradient(
    linear, left top, left bottom, from(#555), to(#333)
  );
  -pie-background: linear-gradient(
    top, #555, #333
  );
  box-shadow: rgba(255, 255, 255, .5) 0px 1px 1px 0px inset;
  text-shadow: rgba(0, 0, 0, .5) 0px -1px 1px;
  behavior: url(/css/PIE-1.0beta5/PIE.htc);
  
  border:1px solid #000;
  letter-spacing:2px;
}

#header .nav ul li:first-child a{
  -webkit-border-radius: 8px 0px 0px 8px;
  -moz-border-radius: 8px 0px 0px 8px;
  -o-border-radius: 8px 0px 0px 8px;
  -ms-border-radius: 8px 0px 0px 8px;
  border-radius: 8px 0px 0px 8px;
}
#header .nav ul li:last-child a{
  -webkit-border-radius: 0px 8px 8px 0px;
  -moz-border-radius: 0px 8px 8px 0px;
  -o-border-radius: 0px 8px 8px 0px;
  -ms-border-radius: 0px 8px 8px 0px;
  border-radius: 0px 8px 8px 0px;
}

#header .nav ul li a:hover{
  background: -moz-linear-gradient(
    top, #888, #333
  );
  background: -webkit-gradient(
    linear, left top, left bottom, from(#888), to(#333)
  );
  -pie-background: linear-gradient(
    top, #888, #333
  );
  behavior: url(/css/PIE-1.0beta5/PIE.htc);
}

#header .nav ul li a:active{
  background: -moz-linear-gradient(
    top, #888, #ddd
  );
  background: -webkit-gradient(
    linear, left top, left bottom, from(#888), to(#ddd)
  );
  -pie-background: linear-gradient(
    top, #888, #ddd
  );
  behavior: url(/css/PIE-1.0beta5/PIE.htc);
}

#header .nav ul li a.this_url{
  background: -moz-linear-gradient(
    top, #666, #aaa
  );
  background: -webkit-gradient(
    linear, left top, left bottom, from(#666), to(#aaa)
  );
  -pie-background: linear-gradient(
    top, #666, #aaa
  );
  behavior: url(/css/PIE-1.0beta5/PIE.htc);
  border-top:1px solid #444;
  border-left:1px solid #888;
  border-right:1px solid #444;
  text-shadow: #333 1px 1px 2px;

}







#header_text{
	position:absolute;
	left:240px;
	top:60px;
  color:#cccccc;
}

#sub_title{
  font-style:normal;
  font-size:32px;
  line-height:60px;
	text-indent:1em;
}

#header_icon{
  display:none;
	position:absolute;
	left:0;
	top:0;
  
}





/* ----------------------------------------------------------------
#footer
---------------------------------------------------------------- */

#footer{
	claer:both;
  border-top:1px solid #999999;
  padding-top:40px;
  padding-bott:40px;

  color:#ffffff;
  background: -moz-linear-gradient(
    top,
    bottom,
    rgb(55,55,55),
    rgb(32,32,32) 10%,
    rgb(32,32,32) 10%,
    rgb(0,0,0),
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgb(55,55,55)),
    color-stop(10%, rgb(32,32,32)),
    color-stop(10%, rgb(32,32,32)),
    to(rgb(0,0,0))
  );
  -pie-background: linear-gradient(
    rgb(55,55,55),
    rgb(32,32,32) 10%,
    rgb(32,32,32) 10%,
    rgb(0,0,0)
  );
  behavior: url(/css/PIE-1.0beta5/PIE.htc);
}



#footer address{
	border-top:1px solid #333333;
  margin-top:4px;
  text-align:center;
	line-height:32px;
}
#footer address a{
  display:block;
	width:100%;
}
#footer address a:hover{
	color:#000000;
  background-color:transparent;
}

#footer #bookmarklet{
  text-align:right;
	line-height:24px;
}


#footer form.bbs{
  margin:12px 0;
}
#footer form.bbs .name,
#footer form.bbs .comm{
  width:480px;
  color:#999;
  border:1px dashed #999;
}
#footer form.bbs .submit{
  width:120px;
  line-height:24px;
}

#footer_menu{
  width:960px;
  margin:0 auto;
}
#footer_menu:after{
	display:block;
	content:"";
	clear:both;
}

#footer_menu a{
  color:#ffffff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#footer_menu a:hover{
  background-color:#ffffff;
	color:#000000;
}

#footer_menu .column{
  width:160px;
  float:left;
}


#footer .column h4{
  border-left:4px solid #666666;
  text-indent:24px;
}

#footer .menu{
}
#footer .menu li{
}

#footer .menu li a{
	line-height:20px;
  display:block;
  text-indent:12px;
  width:100%;
}
#copylight a{
  display:block;
	line-height:80px;
  color:#cccccc;
  text-align:center;
}

#qlook{
  margin-right:0px;
  margin-left:auto;
  width:80px;
	border-left:1px solid #555555;
	border-right:1px solid #000000;
  text-align;right:
}

/* ----------------------------------------------------------------
#bottom
---------------------------------------------------------------- */

#bottom{
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
	height:40px;
	line-height:40px;
	background-color:#000000;
	
  background: -moz-linear-gradient(
    top,
    bottom,
    rgb(33,33,33),
    rgb(0,0,0),
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgb(33,33,33)),
    to(rgb(0,0,0))
  );
  -pie-background: linear-gradient(
    rgb(55,55,55),
    rgb(0,0,0)
  );
	box-shadow:0px 0px 4px 4px rgba(0,0,0, 0.5);
}

#bottom a{
  display:block;
	height:100%;
	width:200px;
	padding:0px 20px;
	color:#ffffff;
}
#bottom a:hover{
	color:#ffff00;
	text-shadow:0px 0px 4px #ffaaaa;
}

#bottom #go_top{
	position:absolute;
	right:0px;
	bottom:0px;
  text-align:right;
	line-height:40px;
	
}
/* ----------------------------------------------------------------
#content
---------------------------------------------------------------- */


#content{
  width:960px;
  min-height:640px;
  margin:0 auto;
}
#content:after{
  content:"";
  display:block;
  clear:both;
}

#content .main{
  float:left;
  width:640px;
  margin-right:20px;
}
#content .sub{
  float:left;
  width:300px;
}


/* ----------------------------------------------------------------
#toolbar
---------------------------------------------------------------- */


#toolbar form{
	margin:5px auto;
}
#toolbar form:after{
	content:"";
  display:block;
  clear:both;
}

#toolbar form input.text{
  width:200px;
  height:32px;
	line-height:32px;
	float:left;

  border-top-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;

  border-bottom-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
}
#toolbar form input.submit{
  width:80px;
  height:32px;
	line-height:32px;
	float:left;
	font-size:18px;
	color:#ffffff;

  background: -moz-linear-gradient(top, #888, #444);
  background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#444));
  -pie-background: linear-gradient(top, #888, #444);
  behavior: url(/css/PIE-1.0beta5/PIE.htc);

  border--top-right-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;

  border--bottom-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
}
#toolbar form input.submit.hover{
  background: -moz-linear-gradient(top, #444, #888);
  background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#888));
  -pie-background: linear-gradient(top, #444, #888);
  behavior: url(/css/PIE-1.0beta5/PIE.htc);
}

#toolbar a{
	font-weight:normal;
	font-size:14px;
	color:#ffffff;
	padding-right:20px;
}

#breadcrumb{
  display:none;
}

#rss{
	position:absolute;
	left:880px;
	top:40px;
}

#search_form{
	display:none;
	position:absolute;
	left:640px;
	top:0;
	clear:both;
	
}
#search_form:after{
	display:block;
	content:"";
	clear:both;
}
#search_form input{
  color:#888888;
	float:left;
}
#search_form input.text{
  width:80px;
	height:20px;
	line-height:20px;
  border:1px solid #888888;
}
#search_form input.submit{
  width:20px;
	height:20px;
	
}





#bookmarklet a:visited{
	display:block;
	height:1px;
	overflow:hidden;
}

#upper{
  display:block;
	position:fixed;
	right:0;
	bottom:40px;
  width:40px;
  height:40px;
	text-align:center;
	z-index:10000;
}
#upper a{
  font-size:24px;
  color:#000000;
}


.btn64{
  width:64px;
  height:64px;
  text-indent:-9999px;
}
.btn64 a{
  display:block;
  width:100%;
  height:100%;
}
.btn64 a:hover{
  background-position:0 0;
}
.btn_rss a{
  background-image:url(/image/a/rss.gif);
  background-position:0 -64px;
}


.bookmarks {
	float: right;
	display: inline;
}
.bookmarks:after{
	display:block;
	content:"";
	clear:both;
}
.bookmarks ul li {
	float:left;
	display:inline;
}
.bookmarks li a {
	display: block;
	text-indent: 9999px !important;
	height: 17px;
	width: 25px;
}
.bookmarks li a:hover{
	background-color:transparent !important;
}
.bookmarks li{
	background-image:url(/image/a/icon_bookmark.gif);
	background-repeat: no-repeat;
}
.bookmarks li:hover{
	background-image:url(/image/a/icon_bookmark2.gif);
}
.bookmarks li.delicious{background-position:0 0}
.bookmarks li.hatenabookmark{background-position:0 -20px}
.bookmarks li.buzzurl{background-position:0 -40px}
.bookmarks li.livedoorclip{background-position:0 -60px}





#bbs{
  border-bottom:1px solid #ffffff;
  padding:10px;
}

#about{
  border-bottom:1px solid #ffffff;
  padding:10px;
  font-size:12px;
  line-height:16px;
}
#etc{
  border-bottom:1px solid #ffffff;
  padding:10px;
  font-size:12px;
}



a.button,
input.submit,
input.button{
  background-color:#000;
  color:#fff;
}
a.button.hover,
input.submit.hover,
input.button.hover{
  background-color:#fff;
  color:#000;
  background-position:0 -30px;
}

#count{
}












/*####################################################### */
/* btn */

.a_btn {
	float: left;
	clear: both;
	background: url(../image/btn/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
	background-color:#aa0000;
}
.a_btn a{
	float: left;
	height: 40px;
	background: url(../image/btn/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #ffffff;
	font-size: 1em;
	text-decoration: none;
}
.a_btn span {
	background: url(../image/btn/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}

.keywords,
.description{
	display:none;
}



.btn_160x30 {
width:160px;
display:block;
height:30px;
line-height:30px;
margin-bottom:2px;
border:0;
background-image:url(../image/a/btn_160x30.gif);
text-align:center;
}




/*####################################################### */
/*  */



/*####################################################### */
/* #top */


#top{
  zoom:1;
}

#top .sections{
  zoom:1;
}
#top .sections:after{
  content:"";
  display:block;
  clear:both;
}

#top .section{
  color:#000000;
  width:320px;
  height:130px;
  float:left;
  display:inline;
  position:relative;
  left:0;
  top:0;
}
#top .section .inner{
  margin:20px;
}
#top .section a{
  display:block;
  position:absolute;
  z-index:3;
  left:0;
  top:0;
  width:320px;
  height:130px;
  font-size:24px;
}
#top .section a:hover{
  color:#aa0000;
	background-color:transparent;
	border:1px solid #aa0000;
}
#top .section dl{
	width:200px;
}
#top .section dt{
	height:60px;
  width:180px;
	line-height:60px;
  text-indent:130px;
  font-size:14px;
	font-size:18px;
}
#top .section dd{
  position:absolute;
  left:130px;
  top:40px;
  z-index:2;
}
#top .section dd p{
	width:180px;
}
#top .section img{
  position:absolute;
  left:5px;
  top:5px;
  z-index:2;
}


#top #news li{
	height:16px;
	overflow:hidden;
}
#top #news li .source{
	color:#cccccc;
}




#top dl{
  margin:5px;
  margin-left:0;
  width:460px;
  line-height:18px;
}
#top dd{
  display:block;
}
#top dd p{
  width:360px;
  display:block;
}

#info,
#info2,
#haiku{
  width:480px;
  margin-bottom:10px;
	display:none;
}

#haiku img{
  width:120px;
}


#twtr-widget-1 img,
#twtr-widget-1 a,
#twtr-widget-1 h3,
#twtr-widget-1 h4
{
  display:inline;
}





/*####################################################### */
/* #web */

#web:after{
	display:block;
	content:"";
	clear:both;
}

#web .main a:hover img,
#web .main a img{
	background-color:#ffffff;
}
#web .main a{
	display:block;
  line-height:24px;
}
#web .main img{
	display:block;
}
#web .sub{
	background-color:#ffffff;
}

#web p{
  line-height:24px;
}
#web h1{
  line-height:60px;
}
#web h2{
  font-weight:bold;
  text-indent:1em;
  margin-top:40px;
  margin-bottom:10px;
  line-height:32px;
  border:2px solid #444444;
	border-left-width:20px;
}

#web h3{
	border-left:8px solid #666666;
	border-bottom:2px solid #666666;
  text-indent:1em;
  margin-top:30px;
}
#web h4{
	border-bottom:1px solid #999999;
  text-indent:1em;
  margin-top:20px;
}
#web table{
  margin:10px;
}
#web table th{
	border:1px solid #999999;
	background-color:#cccccc;
  padding:4px;
}
#web table td{
	border:1px solid #999999;
  padding:4px;
}


#web textarea{
  background-color:#eeeeee;
  color:#000000;
  width:600px;
  height:80px;
}

#web pre{
  background-color:#666666;
  padding:8px;
  margin:12px 0;
  color:#ffffff;
  width:600px;
  /*height:120px;*/
  overflow-x:hidden;

	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}
#web pre.js{
  background-color:#000000;
  color:#ffffff;
}
#web pre.css{
  background-color:#666666;
  color:#ffffff;
}



#web .headers{
}
#web .headers li{
  line-height:22px;
}
#web .headers li.h2{
  text-indent:0.5em;
  border-bottom:1px solid #999999;
}
#web .headers li.h3{
  text-indent:1.5em;
  font-size:12px;
  border-bottom:1px dotted #cccccc;
}
#web .headers li a{
  display:block;
  width:100%;
}

#web a.link_sitemap{
  font-size:120px;
  line-height:100px;
  text-align:center;
  color:#333333;
  background-color:transparent;
  margin:0;
}
#web a.link_sitemap:hover{
  color:#aa0000;
}

#web .amz:after{
	display:block;
	content:"";
	clear:both;
}
#web .amz li{
  float:left;
}
#web .amz li,
#web .amz img{
	width:150px;
	height:220px;
}
#web .amz a{
	position:relative;
	left:0;
	top:0;
}
#web .amz a:hover{
	position:relative;
	left:2px;
	top:2px;
}

#web a.btn{
  background: -moz-linear-gradient(top, #666666, #111111);
  background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#111111));
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px; 
  display:block;
  height:60px;
  line-height:60px;
  text-align:center;
  font-size:28px;
  font-weight:bold;
  color:#ffffff;
  margin:8px;
}
#web a.btn:hover{
  background: -moz-linear-gradient(top, #999999, #444444);
  background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#444444));
}
#web a.btn:active{
  background: -moz-linear-gradient(top, #444444, #cccccc);
  background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#cccccc));
}

#web #web_twitter{
	display:block;
	margin:10px;
	padding:4px;
	background-color:#bbbbbb;
	color:#000000;
	width:480px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
#web #web_twitter:hover{
	background-color:#4ED3FF;
}

#web #web_twitter:after{
	content:"";
	display:block;
	clear:both;
}
#web #web_twitter img{
	display:block;
	float:left;
	width:160px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
	margin-right:10px;
}

#web #web_twitter em,
#web #web_twitter p{
	display:block;
	float:left;
	width:300px;
}
#web #web_twitter em{
	font-size:36px;
	line-height:40px;
}
#web #web_twitter p{
	font-size:24px;
	line-height:28px;
}

.photos li{
  width:150px;
  height:150px;
  margin:4px;
  text-align:center;
  border:1px solid #aaaaaa;
}
.photos li img{
  margin:20px auto;
}

/*####################################################### */
/* #sitemap */

a.link_sitemap{
	display:block;
	width:100%;
	font-size:16px;
}
a.link_sitemap:hover{
	color:#aa0000;
}

#sitemap{
	margin-top:10px;
}
#sitemap:after{
	display:block;
	content:"";
	clear:both;
}
#sitemap h3{
  color:#333333;
  height:40px;
  line-height:40px;
  font-size:16px;
  margin:0;
  padding:0;
  text-indent:8px;
  border-left:4px solid #333333;
  border-top:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
}
#sitemap ul,
#sitemap ul li{
  list-style-type:none;
  margin:0;
  padding:0;
}
#sitemap a{
  display:block;
  width:100%;
  height:20px;
  line-height:20px;
  font-size:12px;
  border-bottom:1px dotted #333333;
  text-indent:4px;
}
#sitemap a:hover{
  color:#ffffff;
  background-color:#333333;
}
.html_menu{
  margin:0;
  padding:0;
  width:160px;
  height:600px;
  float:left;
}



/*####################################################### */
/* readdir */


#readdir{
  margin:20px;
  border-radius:8px;
}

#readdir h2{
  
	background-color:#333333;
	color:#eeeeee;
  height:40px;
  line-height:40px;
  font-size:24px;
  font-weight:bold;
  text-indent:1em;
  border-radius: 8px 8px 0px 0px;
}

#readdir ul li{
  position:relative;
  right:0px;
  bottom:0px;
	line-height:36px;
  text-indent:1em;
}

#readdir ul li:nth-child(even){
	background-color:#eeeeee;
}
#readdir ul li:nth-child(odd){
	background-color:#cccccc;
}
#readdir ul li:hover{
  color:#000000;
	background-color:#aaccff;
  cursor:pointer;
}

#readdir ul li:after{
  content:"";
  display:block;
  clear:both;
}
#readdir ul li *{
  display:block;
  height:100%;
}

#readdir ul .descriptions{
  float:left;
  width:600px;
}
#readdir ul .name{
  float:left;
  width:240px;
}
#readdir ul .exe{
  float:left;
  display:none;
  width:100px;
  text-align:right;
}

#readdir ul a{
  display:block;
  width:100%;
  height:100%;
  color:#000000;
}

#readdir ul li a:after{
  position:absolute;
  right:0px;
  bottom:0px;
  margin-right:12px;
  content:"≫";
  display:block;
  font-size:24px;
  font-weight:bold;
  color:#333333;
}

#readdir form#readdir_search{
  margin:10px;
  text-align:right;
}
#readdir_write label{
  display:block;
}
#readdir_write input[type="text"]{
  width:100%;
  height:36px;
  line-height:36px;
  text-indent:1em;
  border-style:none;
  background-color:transparent;
}
#readdir_write input[type="submit"]{
  width:320px;
  height:40px;
}






/*####################################################### */
/* hida */

#hida:after {
  content:"";
  display:block;
  clear:both;
}
#hida h3{
	margin-top:10px;
  border-left:12px solid #333333;
	text-indent:1em;
}


#memo li{
  margin-bottom:6px;
  padding-bottom:12px;
  border-bottom:1px solid #999999;
}


#hida #login_form{
  width:160px;
  height:160px;
  background-image:url(/image/a/form_login_bg_160x160.gif);
  background-repeat:no-repeat;
  background-position:0 0;
  text-align:center;
}
#hida #login_form label{
  display:block;
  width:140px;
  text-align:left;
  margin:10px auto;
}
#hida #login_form input{
  width:140px;
}
#hida .hori{
	width:960px;
}
#hida .li{
	width:300px;
}

#hida #twitter_log{
  width:600px;
}
#hida #twitter_log .time{
  display:block;
  text-align:right;
  font-size:10px;
}

#hida ul{
	margin-left:10px;
}

#hida dl{
	width:320px;
}
#hida dt{
	font-size:14px;
}



/*####################################################### */
/* cmd */

#cmd .langs{
  
}
#cmd .langs li{
  width:120px;
  height:30px;
  line-height:30px;
  text-align:center;
}
#cmd .langs li a{
  display:block;
  width:100%;
  height:100%;
  border:1px solid #999999;
}
#cmd table td{
  border:1px dotted #999999;
  padding:4px;
}
/*####################################################### */
/* manga */
#manga li{
  width:160px;
}
#manga li.category{
  background-color:#666666;
  color:#eeeeee;
  width:100%;
}
#manga li a{
  display:block;
  width:100%;
}
#manga li .uri{
  display:none;
}