@charset "utf-8";
/*
Theme Name: twibito
Theme URI: http://sanin.twibito.com/
Description: Pocoanet re-newal Templete!
Version: 1.0
Author: Kurokodesigns
Author URI: http://kurokodesigns.com/

*/

body {
background:#c0ddee url(images/bodybg.jpg) top center no-repeat ;
font-size: 95%;
font-family: "font-family: "Arial, Helvetica, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック",sans-serif;
line-height: 140%;
text-align: center;
color: #333333;
margin: 0px;
padding:0px;
}

img{
border:none;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

a:link {
text-decoration: underline; 
color:#333333;
}

a:hover{
color:#540900 ;
}

a:visited{
color:#333333;
}

.right{
float:right;
margin:5px 0px 5px 10px;
clear:both;
}

.left{
float:left;
margin:5px 10px 5px 0px;
clear:both;
}

br.clear{
clear:both;
}

div#page {
font-size: 100%;
color: #333333;
width: 950px;
margin: 0px auto;
padding: 0px 0px 20px 0px;
text-align: left;
}

div#discription {
margin: 0px;
padding:0px;
width: 950px;
head:20px;
background:#c0ddee  ;
color: #3471a1;
text-align:left;
}

div#discription h1 {
margin: 0px;
padding:0px;
font-size:80%;
}

div#head {
margin: 0px;
padding:0px;
width: 950px;
height:200px;
background: #c0ddee ;
font-size:1px;
color: #333333;
}

div#wrap {
margin: 0px;
padding: 0px 0px 20px 0px;
width: 950px;
float: left;
color: #333333;
background: #ffffff url(images/wrap_bottom.jpg) left bottom no-repeat;
clear:both;
}


div#mainbox {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px ;
width: 725px;
background: url(images/wrapbg.jpg) top left no-repeat ;
color: #333333;
float:left;
display:inline;
}

div#main {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px ;
width: 500px;
color: #333333;
font-size:90%;
float:right;
display:inline;
}

div#main p{
margin: 10px 0px 30px 0px;
line-height:180%;
}

div#main h2{
margin: 5px 0px 5px 0px;
padding: 5px 0px 5px 10px;
font-size:100%;
color:#ffffff;
background:#3471a1;
text-align:left;
}

div#main h3{
margin:20px 0px 10px 0px;
padding:5px 0px 5px 10px;
font-size:100%;
border-left:5px solid #3471a1;
border-bottom:1px dotted #999999;
}

div#main h4{
margin:10px 0px 10px 0px;
padding:5px 0px 5px 0px;
font-size:100%;
color:#3471a1;
border-bottom:1px dotted #999999;
}
div#main ul{
margin: 10px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}

div#main ul li{
margin:5px 0px 10px 5px;
padding: 0px 0px 2px 15px;
background:  url(./images/li.jpg)  left no-repeat;
list-style:none;
}

div#main ul li.poll{
margin:5px 0px 10px 5px;
padding: 0px 0px 2px 0px;
background: #ffffff;
list-style:none;
}

div#banner {
    width: 500px;
    margin: 5px 0px 10px 0px;;
}

div.banner_l{
width:240px;
float:left
}

div.banner_r{
width:240px;
float:right
}

table.gaiyou{
margin: 5px 0px 10px 0px;
border-top:1px solid #dcdcdc;
border-left:1px solid #dcdcdc;
background:#FFF;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
width:540px;
line-height:140%;
clear:both;
}

table.gaiyou th{
padding:5px;
border-right:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
background:#eaf6fd;
color:#333333;
text-align:left;
width:120px;
}

table.gaiyou td{
padding:5px;
border-right:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
text-align:left;
}


div#leftmenu {
width: 200px;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
font-size:80%;
float: left; 
display:inline;
}

div#leftmenu ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div#leftmenu ul li{
margin:0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
border-bottom:1px dotted #999999;
list-style:none;
}

div#leftmenu p{
margin: 0px 0px 0px 0px;
line-height:180%;
}

div#leftmenu h3{
margin: 0px 0px 0px 0px;
padding:5px;
background:#3471a1;
color:#ffffff;
text-align:center;
font-size:100%;
}

div#leftmenu h4{
margin:5px 0px 10px 0px;
padding:5px 0px 5px 10px;
font-size:100%;
border-left:5px solid #3471a1;
border-bottom:1px dotted #999999;
}

div#rightmenu {
width: 200px;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 0px;
font-size:80%;
background: url(images/wrapbg.jpg) top right no-repeat ;
float: right; 
display:inline;
}

div#rightmenu ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div#rightmenu ul li{
margin:0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
border-bottom:1px dotted #999999;
list-style:none;
}

div#rightmenu p{
margin: 5px 0px 0px 0px;
line-height:180%;
}

div#rightmenu h3{
margin: 0px 0px 0px 0px;
padding:5px;
background:#3471a1;
color:#ffffff;
text-align:center;
font-size:100%;
}

div.sideboxtopl{
width: 200px;
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

div.sideboxtopr{
width: 200px;
margin: 50px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

div.sidebox{
width: 200px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

div#footer {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
font-size: 80%;
width:950px;
line-height: 160%;
text-align: center;
color: #ffffff;
}

div#main p.pagetop{
margin: 0px 0px 10px 320px;
padding:1px;
width:180px;
font-size:80%;
text-align:center;
border:1px solid #dcdcdc;
background: #ffffff url(./images/pagetopbg.jpg) bottom left repeat-x;
}

div#main p.pagetop a{
text-decoration:none;
}

div#main p.pagetop a:hover{
color:#D76100;
}

div.navigation{
margin:40px 0px 20px 0px;
text-align:center;
font-size:80%;
}

textarea#comment{
width:500px;
}

table.offshukei{
margin: 5px 0px 30px 0px;
border-top:1px solid #DCDCDC;
border-left:1px solid #DCDCDC;
background:#FFF;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
width:500px;
clear:both;
}

table.offshukei th{
padding:5px;
border-right:1px solid #DCDCDC;
border-bottom:1px solid #DCDCDC;
background:#c0ddee;
color:#333;
text-align:center;
width:100px;
}


table.offshukei td{
padding:5px;
border-right:1px solid #DCDCDC;
border-bottom:1px solid #DCDCDC;
text-align:center;
}

table.event{
margin: 5px 0px 30px 0px;
border-top:1px solid #DCDCDC;
border-left:1px solid #DCDCDC;
background:#FFF;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
width:500px;
clear:both;
}

table.event th{
padding:5px;
border-right:1px solid #DCDCDC;
border-bottom:1px solid #DCDCDC;
background:#c0ddee;
color:#333;
text-align:center;
width:100px;
}


table.event td{
padding:5px;
border-right:1px solid #DCDCDC;
border-bottom:1px solid #DCDCDC;
text-align:left;
}