/* Per-Post CSS */
body {
	background: #455761;
/*	background: #0a0909;*/
	/*font-family: Verdana, Arial, sans-serif;*/
/*	font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Geneva, Arial, Verdana, sans-serif;*/
	font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Geneva, Arial, Verdana, sans-serif;
	/*font-family: Verdana, Arial, sans-serif;*/
}

/*base*/
.clr{ min-height:1%; }
.clr:after{
	clear: both;
	content: " ";
	font-size: 0.1em;
	display: block;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
}
/*end of base*/

/*header section */
#headersection {
background:#FFF none repeat scroll 0%;
background-image:url(../img/head_bg.gif);
margin:0pt 0pt 0px;
padding:0px 0pt 0px;
height:80px;
}

#header {
margin:0pt auto;
text-align:left;
width:780px;
}
#header .logo {
color:#FFF;
float:left;
font-weight:bold;
}

#header h1 {
color:#FFF;
float:left;
font-weight:bold;
}

#header .right{
background:#00F none repeat scroll 0%;
background-image:url(../img/search_bg3.gif);

float:right;
width:280px;
height:30px;
margin:0px;
padding:10px 20px 0px 20px;
}

#searchform {

}

#searchform img{
	margin: 0 2px 0 0;
	vertical-align: middle;
}
#searchform input.keyword{
	background: #EEE;
	border: 1px solid #F0F;
	color:#5555FF;
	font-size: 14px;
	font-weight:bold;
	margin: 0 0 0 40px;
	padding: 1px 0px 3px 4px;
	vertical-align: middle;
	width: 120px;
	height:14px;
}
#searchform .btn{
	vertical-align: middle;
	margin: 0 0 0 -5px;
}
#searchform .search_submit{
background:url(../img/search_btn.png);
width:20px;height:20px;border:0px solid;
}

/*end of header section */

#navisection {
background-image:url(../img/navi_bg5.gif);
height:25px;
}
#navi {
background-image:url(../img/navi_bg5.gif);
margin:0pt auto;
text-align:left;
width:780px;
border-right:2px solid #E5E5E5;

}

#styleone{
	position:relative;
	display:block;
	height:25px;
	font-size:12px;
	font-weight:bold;
	border-left:2px solid #E5E5E5;
}
#styleone ul{
	margin:0;padding:0;
	list-style-type:none;
	width:auto;
}
#styleone ul li{

	border-right:2px solid #E5E5E5;
	display:block;float:left;
	margin:0 0 0 0;
}
#styleone ul li a{
background-image:url(../img/navi_bg5.gif);
display:block;float:left;color:#FFF;text-decoration:none;
padding:6px 20px 0 20px;
height:19px;
}
#styleone ul li a:hover,#styleone ul li a.current{
	color:#FFF;
	background: #0FF;
	background-image:url(../img/navi_bg6.gif);
}
#styleone ul li a:hover{
	color:#FFF;
}

/*end of navi section */
#contentssection{
background:#0071BD;
background:#E0E0FF;
background:#FFF;

}

#contents {
background:#FFF;
margin:0pt auto;
text-align:left;
width:780px;
}
#contents_box{
background:#FFF;
text-align:left;
margin:0pt auto;
width:740px;
padding:10px 0px 10px;
}
#contents .list_title{
	display: block;
	margin-bottom:10px;
	border-bottom:1px solid #0066CC;
	height:30px;

}

#contents .list_title .title{
float:left;
}
#contents .list_title .comment{
float:left;
vertical-align: middle;
line-height:30px;
margin-left:20px;
font-size:0.8em;
}

#contents .list_title:after{
	clear: both;
	content: " ";
	font-size: 0.1em;
	display: block;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
}
#contents h2 {
font-size:25px;
line-height:30px;

font-weight:bold;
margin:0pt;
color:#0063DC;
border-bottom:1px solid #0066CC;
}





/*meigen*/
.meigenbox {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #D5D5F5;
margin:10px auto 20px;
padding:10px 10px 5px;
width:640px;
}
.meigenbox a{
color:#0063DC;
}
.meigenbox .text {
padding:0px;
font-size: 1.0em;
border-bottom:1px solid #3399FF;
padding-bottom:0.2em;
}

.meigenbox .text .en_text{
color:#666;
}
.meigenbox .link {
color:#555;
padding:0.2em 0 0.2em 0;
text-align:right;
font-size: 0.8em;
}
.meigenbox .link ul li{
	padding:0 0.5em 0 0.5em;
	display:inline;
}




.meigenbox .tags .tag {
color:#55F;
padding:0px;
text-align:right;
font-size: 0.8em;
}
.meigenbox .tags .tag ul{
display:inline;
}

.meigenbox .tag li{
display:inline;
padding-left:1.0em;
}



/*end of meigen*/
/*meigen memo*/
.meigen_memo{
background:#FFFFFF none repeat scroll 0%;
border:1px solid #D5D5F5;
margin:10px auto 20px;
padding:10px 10px 5px;
width:640px;
font-size:12px;;
}

.meigen_memo h3{
font-size:16px;
line-height:20px;

font-weight:bold;
margin:0pt;
color:#0063DC;
border-bottom:1px solid #0066CC;
margin-bottom:10px;
}
/*end of meigen　memo*/

/*author_box*/
.authorbox {
background:#0059ff none repeat scroll 0%;
background:#FFF none repeat scroll 0%;
border:4px solid #D5D5F5;
border:4px solid #0059FF;
margin:10px auto 20px;
padding:10px 10px 5px;
width:680px;
color:#000;
}
.authorbox .name {
padding:0px;
font-size: 1.0em;
border-bottom:1px solid #3399FF;
padding-bottom:0.2em;
}
.authorbox .name strong{
font-weight:bold;
}

.authorbox .job ul{
display:inline;
}

.authorbox .job li{
display:inline;
padding-left:1.0em;
}

/*end of author*/

/* end of paginate*/
.pages {
margin-bottom:20px;
margin-top:20px;
text-align:center;
}
.paginator {
font-size:12px;
margin-left:auto;
margin-right:auto;
padding:0px;
padding-top:5px;
text-align:center;
}
.paginator a, .pageList .this-page {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #DDDDDD;
padding:2px 6px;
text-decoration:none;
font-weight:bold;
margin:0 1px;
}

.paginator a:visited {
color:#335;
background:#FFFFFF none repeat scroll 0%;
border:1px solid #DDDDDD;
padding:2px 6px;
text-decoration:none;
}
.paginator .this_page {
background:#FFFFFF none repeat scroll 0%;
border-color:#999999;
color:#FF0084;
font-size:13px;
font-weight:bold;
padding:2px 6px;
/* vertical-align:top;*/
}
.paginator .at_start {
background:#FFFFFF none repeat scroll 0%;
color:#AAAAAA;
margin-right:20px;
padding:2px 6px;
}
.paginator .at_end {
background:#FFFFFF none repeat scroll 0%;
color:#AAAAAA;
margin-left:20px;
padding:2px 6px;
}


.paginator .prev {
background:#FFFFFF none repeat scroll 0%;
border:2px solid #DDDDDD;
margin-right:20px;
padding:2px 6px;
font-weight:bold;

}
.paginator .break {
background:#FFFFFF none repeat scroll 0%;
border:medium none;
padding:2px 6px;
text-decoration:none;
}
.paginator .next {
background:#FFFFFF none repeat scroll 0%;
border:2px solid #DDDDDD;
margin-left:20px;
padding:2px 6px;
font-weight:bold;

}

.paginator a:hover {
background:#0063DC none repeat scroll 0%;
border-color:#003366;
color:#FFFFFF;
text-decoration:none;
}
.pages div.results {
color:#999;
font-family:Arial,Helvetica;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:15px;
margin-top:8px;
text-align:center;
}
.pages div.results a{
background:#FFFFFF none repeat scroll 0%;
border:1px solid #DDDDDD;
padding:2px 6px;
text-decoration:none;
font-weight:bold;
margin:0 10px 0 1px;
}
.pages div.results a:hover {
background:#0063DC none repeat scroll 0%;
border-color:#003366;
color:#FFFFFF;
text-decoration:none;
}



#post_form{
padding:20px;
width:600px;
margin:0pt auto;
font-weight:bold;
background: #0259fa url(../img/post_form_bg.gif) repeat-x top left;
color:#FFF;
}

#post_form table td{
border-color:#003366;

}


#post_form em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}


/* end of pagination */

/* table css*/

table.my_table{
border-color:#003366;
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 570px;
  border-collapse: separate;
  border-spacing: 2px;
}

table.my_table th,
table.my_table td {
  padding: 1px 4px;
}

table.my_table th{
background:#0059ff none repeat scroll 0%;
color:#fff;
}

table.my_table tr {
  background: #E5EAFF;
  white-space: nowrap;
}
table.my_table tr.altrow {
  background: #FFF;
  white-space: nowrap;
}
table.my_table td {
  white-space: nowrap;
}


table.my_table td.num{
  text-align: right;
}

/* end of table css*/


/*vote*/
/* end of paginate*/
#vote {
margin-bottom:20px;
margin-top:20px;
text-align:center;
}
.votebutton {
font-size:12px;
margin-left:auto;
margin-right:auto;
padding:0px;
padding-top:5px;
text-align:center;
}
.votebutton a{
background:#BDE5F8 none repeat scroll 0%;
border:1px solid #003366;
padding:2px 6px;
text-decoration:none;
font-weight:bold;
margin:0 1px;
}
.votebutton a:hover {
background:#0063DC none repeat scroll 0%;
border-color:#003366;
color:#FFFFFF;
text-decoration:none;
}

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 5px 0px;
padding:10px 10px 10px 10px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}

/*end of vote*/

/* ================================================================ **
Footer
** ================================================================ */

#footer div { 
	width: 780px; 
	margin: 0 auto; 
	text-align: left;
	position: relative;
	}
#footer div div { 
	min-height: 1%;
	margin: 0; 
	padding: 0;
	}	
	
/* clearing floats on all divs 
that have an id (IE ignores this) */
div:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	}	

/* classes */
#footer .left { float: left; }
#footer .right {float: right; }	
#footer .hide { display: none; }
#footer .col1, .col2, .col3 { float: left; }
#footer .row { clear: both; }
/* list of links */
#footer ul.links {
	margin: 10px 0 20px;
	padding: 0;
	list-style-type: none;
	}
#footer ul.links li { padding: 0.2em 0; }

/*---*/
#footer {margin-top: 15px; color: #FFF; }
#footer div { min-height: 256px; padding-bottom: 4em; }
* html #footer div { height: 256px; }
* html #footer div div { height: 1%; }

/* three columns */
#footer.cols-three .col1, 
#footer.cols-three .col2, 
#footer.cols-three .col3 { width: 28.6% !important; margin-right: 7% !important; }	
#footer.cols-three .col3 { margin-right: 0 !important; }
* html #footer.cols-three .col1,
* html #footer.cols-three .col2 { margin-right: 4.4% !important; }

#footer h2, 
#footer h3, 
#footer h4, 
#footer h5, 
#footer h6 { color: #FF0; }

#footer p{margin-top: 5px;margin-bottom:5px; color: #FFF; font-size: 0.8em;}
#footer a,
#footer ul.links{margin-top:5px;} 
#footer ul.links li a {color: #FFF; }
#footer ul.links li ul { color: #FFF;font-size:0.8em; }

#footer #copy { position: absolute; clear: both; bottom: 1em; font-size: 0.9em; color: #bbb; }
#footer #copy a { color: #FFF; }
#footer #copy p { color:#FFF;float: left; margin: 0; padding: 0; }
#footer #copy ul { margin: 0; padding: 0; float: right; list-style-type: none; }
#footer #copy ul li { display: inline; margin-left: 15px; }