body{
	color: #222222;
	background-color: #FFFFFF;
	background-image: url(../img/ir_backimg1.gif);
	font-size: small;
	line-height: 120%;
	text-decoration: none;
}

/* General Style Info */
a{
color:#003d4c;
text-decoration:underline;
}
a:hover{
color:#003d4c;
text-decoration:none;
}

a img{
border:none;
vertical-align: bottom; 
}

h1{
color: #003d4c;
margin:0.3em 0;
font-weight:normal;
font-size: 180%;
}

h2 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	color:inherit;
	background-color:#DDEEFF;
	padding:.3em;
	border:0px;
	margin:0px 0px .5em 0px;
}

h3 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	border-bottom:  3px solid #007A8F;
	border-top:     1px solid #007A8F;
	border-left:   10px solid #007A8F;
	border-right:   5px solid #007A8F;
	color:inherit;
	background-color:#ffffff;
	padding:.3em;
	margin:10px 40px 40px .5em;
	line-height: 130%;
}

h4 {
	color:#0057ae;
	margin:0px 0px .5em 0px;
}


h5 {

	font-family:verdana, arial, helvetica, Sans-Serif;
	border-bottom:  0px solid #007A8F;
	border-top:     0px solid #007A8F;
	border-left:   6px solid #FF4616;
	border-right:   0px solid #007A8F;
	color:#222222;
	background-color:#ffffff;
	padding:.3em.10em.20em.30em;
	margin:0px 0px .5em 0px;
	line-height: 120%;
 	font-size: 14px;
}


h6 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	border-bottom:  3px solid #007A8F;
	border-top:     1px solid #007A8F;
	border-left:   10px solid #007A8F;
	border-right:   5px solid #007A8F;
	
	color:#FF4616;
	background-color:#ffffff;
	padding:.3em;
	margin:5px 0px .5em 0px;
	line-height: 130%;
 	font-size: 12px;
}


hr { 
width: 500px; 

background-color: red; 
color: red; 
border: none; 
text-align: left; 
margin-left: 10; 

border-style: dotted none none none; 
border-top-width: 2px; 
border-top-color: #0000FF; 
height: 2px; 


} 


em {
font-size: 12px;
}

ul, li {
}


li.cate{
margin:10px auto;
list-style-image:url("http://bbs.hyouka-navi.jp/img/bullet.gif");
list-style-position:outside;
}


li.sle { 
float: left; 

} 



li.board_li{
margin:0px;
padding-bottom:20px;
list-style:none;
list-style-position:outside;


	line-height: 140%;
	font-size: 18px;
}


pre {
padding: 1em;
}

fieldset{
/* border-color: #aaaaaa; */
padding: 0.5em;
}

legend{
font-size: 11pt;
font-weight: bold;
color: #ff6600;
}

/* Layout */

#container{
text-align:center;
clear:both;
}

#login_usr_name{
text-align: right;
padding: 10px 40px 5px 0px;
}

#header{
}

#content{
}

#footer{
}

/* bubble tooltip */

#bubble_tooltip{
clear: both;
background-color:red;
border:1px solid #000;
z-index:20000;
padding:2px;
width:300px;
position:absolute;
display:none;
text-align: left;
}
#bubble_tooltip_content{
clear: both;
font-size:11px;
-moz-border-radius:6px;	/* Rounded edges in Firefox */
font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
text-align: left;
}

/* js error */
.js_error {
width: 100%;
border: 3px #ff0000 solid;
background-color: #fff;
clear:both;
padding: 0;
margin: 0px;
}


/* notices and errors */

#flashMessage, .error, .error_message {
color:#900;
font-size: 16px;
background-color: #fff;
margin: 8px 0px;
font-weight: bold;
}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}
.message
{
    position:absolute;
    top:50px;
    left:100px;
    width:500px;
    font-size:14px;
    border: solid 1px #c9b484;
    padding:12px;
    color:#000;
    background-color:#fff9d9;
    text-align:center;
}

/* tables */

table {
width: 100%;
border-top: 1px solid #0000FF;
border-left: 1px solid #0000FF;
border-right: 1px solid #0000FF;
border-bottom: 1px solid #0000FF;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}


.table1{
width: 100%;
border-top: 1px solid #0000FF;
border-left: 1px solid #0000FF;
border-right: 1px solid #0000FF;
border-bottom: 1px solid #0000FF;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;

	font-size: 12pt;
	font-weight: normal;

}



th {
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: center;
padding:1px 4px;
}
table tr td {
border-right: 1px solid #ddd;
padding:4px 4px;
vertical-align:top;
text-align: left;
}
table tr.altRow td {
background: #f4f4f4;
}


.table_rank {
border-color:red;
border:0;
padding:10px;
vertical-align:middle;

background: #EFEFFF;
height:25px;
font-size: 12pt;
font-weight: normal;
}


.table_rank tr td {

border-color:red;
border-bottom: 1px solid #444;

padding:10;
vertical-align:middle;

background: #F8F8FF;
height:25px;

	font-size: 10pt;

}



.thread {

width: 100%;
border: 0px solid #222222;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}


.thread th {
background-color: #C8EBFF;
text-align: left;
padding:1px 3px;
}



.thread tr td {

border-bottom: 1px dotted  #444;
padding:4px 4px;
vertical-align:top;
text-align: left;
	font-size: 11pt;
	font-weight: nomal;

}


#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}



/* forms */
#form{
}
#form table {
border: 0px;
width: auto;
padding: 0;
margin: 0;
background: #FFF;
}

#form table th {
padding: 0;
}
#form table tr td {
padding: 0;
}

form {
margin: 0em 0em 0em 0em;
}
form div{
vertical-align: text-top;
margin-left: 1em;
margin-bottom: 1em;
}
form div.date{
margin-left: 0em;
}
label {
font-size: 10pt;
font-weight: bold;
color: #333333;
display: block;
margin-left: 0em;
}
input[type=checkbox] {
}
input, textarea {
}
select {
}
option {
}
input[type=submit] {
}
textarea {
width: 40em;
height: 10em;
font-size: 10pt;
font-weight: normal;
color: #333333;
}

input, select, textarea { 
background-color: #FFFDD7; 
} 
#form01 { 
background-color: #ffffff; 
} 
#form02 { 
background-color: #ffffff; 
} 

.required{
clear: both;
color:#222;
font-weight:bold;
}
.optional{
clear: both;
color:#555;
}
.submit {
clear: both;
margin-top: 10px;
margin-left: 10px;
}
.annotation {
font-size: 10px;
font-weight:normal;
color:#003300;
line-height:140%;
}
.required{
clear: both;
color:#ff0000;
font-weight:bold;
}
.form_error_message{
font-size: 10px;
font-weight:normal;
color:#ff0000;
}


/* ヘッダ */
#header .title {
border-top:0px #005DBD solid;
border-bottom:0px #005DBD solid;
border-left: 0px;
border-right: 0px;
margin:0 0 0 0;
width: 100%;
}
#header .title tr td {
border-right: 0px;
padding:0;
}
#header .search {
border: 0px;
margin:0;
width: 90%;
}
#header .search tr td {
border: 0px;
padding:10;
vertical-align:middle;
align:center;

background: #EEEEFF;
height:25px;

	font-size: 12pt;
	font-weight: bold;
}

/* コンテンツ */
#content table tr td{
vertical-align:top;
border: 0px;
}
#content table tr td .left{
max-width: 200px;
width: 200px;
}

#content table tr td .center{
margin:20px;
padding:20px;
}
#content table tr td .right{
max-width: 250px;
width: 250px;
}
#content_block {
	float: left;
	width: 72%;
	padding-right:12px;

	}


content_block p{

	font-size:small;
	padding:10px;
	line-height:120%;

	}

#ad_block {
	float: left;
	margin: 9px 0 0 0;
	padding: 0;
	width: 25%;

	}

/* フッタ */
#footer table {
}
#footer table tr td {
border: 0px;
}

/* バナー広告 */
#banner_ad{
}
#banner_ad table{
max-width: 250px;
}
#banner_ad table tr.title{
font-size:12pt;
line-height: 120%;
}
#banner_ad table tr.title td{
}
#banner_ad table tr.ad td{
}
#banner_ad table tr.ad .name{
font-size:9pt;
line-height:1.5;
}
#banner_ad table tr.footer{
}

/* infotop広告 */
#infotop_ad{
}
#infotop_ad table{
max-width: 250px;
}
#infotop_ad table tr.title{
font-size:12pt;
line-height: 160%;
}
#infotop_ad table tr.ad td.name{
font-size:10pt;
line-height: 100%;
}
#infotop_ad table tr.footer{
font-size:9pt;
}

/* データ一覧テーブル */
#searchResult{
}
#searchResult table {
width: 100%;
border: 1px solid #ccc;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}
#searchResult th {
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: center;
padding:1px 4px;
}
#searchResult table tr td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
border-right: 1px solid #ddd;
}