/* Structure */


.bbs_post p.name{display:inline;}
.bbs_post td{padding:3px 7px;}

body{
text-align:center;
background-image:url('/img2/bg5.png');
background-position:50% 50%;
text-align:center;
}

#bigwrapper{
width:910px;
margin:0 auto;
padding:0 20px;
}

#wrapper{
background-color:#fff;
padding-top:30px;
padding-bottom:50px;
width:640px;
margin:0 auto;
text-align:left;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
float:left;
}

#sidebar{
float:right;
width:250px;
padding-top:25px;
}


table.cake-sql-log{
clear:both;
}

#header{
text-align:left;
margin:0 auto 20px;
padding:0 20px;
}

#main{
text-align:left;
width:640px;
margin:0 auto;
background-color:#fff;
}


/* main */

h1{
margin:0 0 10px;
}

h1 a{
color:#333; text-decoration:none;
}

#header a{
color:#333;
}


/* head_bar */

#head_bar{
padding:0px 0px 20px;
margin:0 auto;
text-align:center;
/*
background-image:url(/img/notsugiha.jpg);
background-repeat:no-repeat;
background-position:50% 80px;
*/
}

#head_bar .posts{
margin:0 auto 20px;
text-align:left;
border-width:2px;
}

#head_bar #next{
margin:20px auto;
text-align:center;
}


#head_bar #postform{
width:250px;
margin:0 auto;
text-align:left;

}

#head_bar #postform #postform_box{
background-color:#ffec8b;
border:solid 1px #ffa68d;
padding:8px;
margin:20px auto 0;
}

#postform_box p.name{
margin:0;
}

#head_bar #postform #postform_box form{
padding:5px 9px 5px 5px;
}

#head_bar #postform a{
color:#ff5100;
}

#head_bar #postform .name a{
color:#333333;
}

#postform #logout{
text-align:right;
}

/* your data */


p.name img{
vertical-align:middle;
}

p.name .hatena_icon a{
color:#333;
text-decoration:none;
border-bottom:none;
}
p.name .hatena_id a{
color:#333;
text-decoration:none;
border-bottom:solid 1px #00f;
}

/* separator */


div.separator{
padding:20px 0 20px;
text-align:center;
}



/* pagenavi */

#pagenavi_header{
margin:0 auto;
padding:0px 0 20px;
width:580px;
height:30px;
}

#pagenavi_footer{
margin:0 auto;
padding:30px 0 20px;
width:580px;
height:30px;
}

.pagenavi a{
color:#333;
text-decoration:none;
}
.pagenavi *{
vertical-align:middle;
}
.pagenavi .next{
width:200px;
float:left;
text-align:left;
}
.pagenavi .prev{
float:right;
width:200px;
text-align:right;
}



/* posts */

div#posts_container{
padding-top:10px;
text-align:center;
clear:both;
}

div#posts_container div.hatena{
text-align:center;
margin:0 auto 0 auto;
padding:10px 0;
}
div#posts_container div.arrow{
padding:25px 0 10px;
}
div#posts_container .posts{
text-align:left;
margin:0 auto 0 auto;
}

.posts .id_ok{
color:#35f;
}
.posts .id_ng{
color:#888;
}

.posts_ok{
border:solid 1px #99f;
background-color:#c2d7ff;
padding:8px 9px 6px 9px;
}

.posts_ok_first{
border:solid 1px #00f;
background-color:#c2d7ff;
padding:8px 9px 6px 9px;
}

.posts_ng{
border:solid 1px #bbb;
background-color:#ddd;
padding:8px 9px 6px 9px;
}

.posts .posted_first{
margin-top:25px;
font-size:100%;
color:#00f;
text-align:right;
}

.posts .posted{
margin-top:25px;
font-size:90%;
color:#666;
text-align:right;
}


.posts .timestamp{
font-size:90%;
color:#666;
text-align:right;
}

.posts .name{
margin:0px auto 10px;
padding-left:5px;
}

.posts .name span.hatena_id{vertical-align:middle}
.posts .name span.anony_name{vertical-align:middle; color:#444;}

.posts .image{
margin:0px auto 0px;
text-align:center;
}

.posts .word{
text-align:center;
margin:10px auto 0px;
font-size:130%;
}
.posts .furigana{
text-align:center;
margin:0px auto 10px;
font-size:130%;
}

.posts .kana_notice{
color:#666;
margin:0 25px;
padding:0;
}

.posts a:link,.posts a:visited,.posts a:hover,.posts a:active{
color:#333;
}

ul.result_list{
margin:15px auto 10px 10px;
}

ul.add_result_list{
width:300px;
margin:15px auto 10px 10px;
}

li.error{
margin-left:5px;
background-image:url('/img/batsu.gif');
background-repeat:no-repeat;
background-position:0 2px;
padding-left:20px;
height:18px;
vertical-align:middle;
}

li.ok{
margin-left:5px;
background-image:url('/img/maru.gif');
background-repeat:no-repeat;
background-position:0 2px;
padding-left:20px;
height:18px;
vertical-align:middle;
}


pre{clear:both;
background-color:#eee;
margin:30px;
padding:20px;
}


/* logs.ctp */

.logs h2{
margin:10px auto 30px;
font-size:1.2em;
}


/* add.ctp */
#add_wrapper .image{
}
#add_wrapper .word{
font-weight:bold;
}


#add_wrapper #backlink{
text-align:center;
margin:20px auto 40px;
}

#add_wrapper #backlink a{
color:#333;
}

#add_wrapper li.ok{
width:100px;
margin:20px auto;
}


/* user.ctp */

div.userpostdata{
padding:10px;
width:100px;
margin:12px auto;
line-height:1.7em;
background-color:#ffec8b;
border:solid 1px #ffa68d;
}
div.userpostdata p *{
vertical-align:middle;
}

/* footer */
#footer{
width:600px;
margin:15px auto 60px;
text-align:center;
}

#footer a{
color:#333;
}


/* ranking */
#ranking{
text-align:center;
}
#ranking h2{
font-size:130%;
font-weight:bold;
margin:0 auto 15px;
}

#ranking table{
margin:0 auto;
border-collapse:collapse;
}
#ranking td, #ranking th{
border:solid 2px #fff;
padding:5px 7px;
background-color:#eee;
}

#ranking td.name{
text-align:left;
}
#ranking td.name *{
vertical-align:middle;
}

/* element */
p.word{
text-align:center;
}


/* sidebar */


#sidebar .sidebox{
text-align:left;
background-color:#fff;
margin:20px 0;
padding:0px;
}

#sidebar .sidebox .sidetitle{
font-weight:bold;
font-size:120%;
padding:5px 7px;
background-color:#000;
color:#fff;
}

#sidebar .sidebox .sidecontents{
padding:1px 3px;
border-right:solid 1px #666;
border-left:solid 1px #666;
border-bottom:solid 1px #666;
padding:0 0 15px;
}

#sidebar .sidebox .sidefooter{
text-align:right;
padding:5px;
}
#sidebar .powered{
padding:10px;
}

/* osirase */

div#sidebar ul.osirase{
padding:10px 15px;
height:200px;
overflow:scroll;
margin:0 5px;
}
div#sidebar ul.osirase li{
list-style-type:square;
list-style-position:inside;
}


/* minibbs */

div#minibbs{
margin:0 5px;

}

div#minibbs td{
background-color:#fff;
border-bottom:solid 1px #ccc;
}

div#minibbs td.form{
background-color:#fff;
padding:5px 5px 10px;
}


.bbs_post p.name{display:inline;}
.bbs_post td{padding:3px 7px;}




/* sranking */
table#sranking{
margin:5px auto 0;
width:98%;
}
table#sranking th{
text-align:center;
background-color:#eee;
}
table#sranking tr{
}
table#sranking td{
background-color:#eee;
}
table#sranking td.rank{
text-align:center;
}
table#sranking td.point{
text-align:right;
}
table#sranking td.posts{
text-align:right;
}