/*
*{
margin: 0;
padding: 0;
}
*/

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

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

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


/* ★★★ tables ★★★ */

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

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

.table_newrev tr td {
border-bottom: 1px dotted  #444;
padding:4px 4px;
vertical-align:top;
text-align: left;
}


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

.table_rank 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_rank tr td {
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding:4px 4px;
vertical-align:top;
text-align: left;
}

.table_rank_right {
width: 30%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}

.table_rank_right 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_rank_right tr td {
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding:4px 4px;
vertical-align:top;
text-align: left;
}



.table_review {
width: 100%;
border: 1px solid #00798C;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}

.table_review th {
background-color: #DDF5FF;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: left;
padding:1px 4px;
}

.table_review tr td {
border-right: 1px solid #00798C;
border-bottom: 1px solid #00798C;
padding:4px 4px;
vertical-align:top;
text-align: left;
}


.table_sugo {
width: 100%;
border: 1px solid #222222;
color:#333;
background-color: #FFF;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
text-align:center;
}

.table_sugo th {
background-color: #DDF5FF;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: left;
padding:1px 4px;
}


.table_sugo tr td {
border: 1px solid #FF4F00;
background-color: #FFDFD8;
padding:4px 4px;
vertical-align:top;
text-align: left;
}





table tr.altRow td {
background: #f4f4f4;
}

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


/*
    .even {
        background-color: #FFdd55;
    }
*/

/* forms */

form {
margin: 0em 0em 0em 0em;
}

input {
}

input[type=text] {
}

input[type=checkbox] {
}

textarea {
width: 40em;
height: 10em;
font-size: 10pt;
font-weight: normal;
color: #333333;
}

select {
}

option {
}

input[type=submit] {
}

.red input {

width: 200px; 
background-color: #85b9e9; 
border: medium red double; 
} 


label {
font-size: 10pt;
font-weight: bold;
color: #333333;
display: block;
margin-left: 0em;
}

form div{
vertical-align: text-top;
margin-left: 1em;
margin-bottom: 1em;
}

form div.date{
margin-left: 0em;
}

.annotation {
font-size: 10px;
font-weight:normal;
color:#003300;
line-height:140%;
}

.form_error_message{
font-size: 11pt;
font-weight:bold;
color:#ff0000;
}

.required{
clear: both;
color:#222;
font-weight:bold;
}

.optional{
clear: both;
color:#555;
}

.submit {
clear: both;
margin-top: 10px;
margin-left: 10px;
}

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

a:hover{
color:#003d4c;
text-decoration:underline;
}

a img{
border:none;
}

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:0px 0px .5em 0px;
	line-height: 130%;
}

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


h5 {

	font-weight:bold;
	border-bottom:1px solid #00798C;
	border-left:10px solid #00798C;
	padding:.3em;
	margin:.5em 0px .5em 0px;
}




/*
h1, h2, h3, h4{
font-weight:normal;
}

h2{
color:#c6c65b;
padding-top: 1em;
margin:0.3em 0;
font-size: 180%;
}

h3{
color:#c6c65b;
padding-top:2em;
font-size: 140%;
}

h4{
color:#c6c65b;
padding-top:0.5em;
font-weight:normal;
}
*/

em {
font-size: 12px;
}

ul, li {
margin: 0 10px;
line-height:140%;
}


/* ★★★Layout★★★ */

#container{
	text-align: center;
	background: #fff;
}


#header{
#margin-top: 1em;
#padding: 4px 20px;
}

#content{
clear:both;
#padding: 5px 5px 10px 5px;
#color: #333;
#width: 800px;
text-align:left;
}


#footer {
	clear: both;
	border-top: 1px solid #006600;
	margin: 20px 5px;
	padding: 10px 5px;
	text-align: center;
	line-height: 140%;
	background: #fff;
}

#footer p {
	margin: 5px 10px;
}

#footer ul {
	margin: 0 10px;
}

#footer li {
	display: inline;
	padding-left:5px ;
}

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

.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;
}


/* scaffold show */

div.related {
clear:both;
display:block;
}

dl {
line-height:2em;
margin:0em 1em;
float:left;
width: 400px;
}

dt {
font-weight: bold;
vertical-align:top;
}

dd {
margin-left:10em;
margin-top:-2em;
vertical-align:top;
}


/* 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 {
font-size: 10pt;
font-weight: normal;
color: #656565;
background-color: #ddd;
}

/* action links */
ul.actions {
float: left;
margin-left:20px;
width: 200px;
}

ul.actions li {
margin-top: 4px;
}

pre {
padding: 1em;
}




/* ★★★詳細ページ★★★ */

.report_name{
	font-size:medium;
	font-weight:bold;
	color:#004400;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 3px;
	border-left-width: 18px;
	border-left-style: solid;
	border-left-color: #00AA00;
	text-indent: 10px;
	margin-left: 5px;
	vertical-align: middle;
	padding-left: 3px;
}

.report_name_rev{
	font-size:medium;
	font-weight:bold;
	color:#004500;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 3px;

	text-indent: 10px;
	margin-left: 3px;
	vertical-align: middle;
	padding-left: 2px;
	line-height: 130%;
}


.comment{
	font-size:9pt;
	font-weight:normal;
	color:#000000;
	line-height:120%;
}
.topic{
	font-size:medium;
	font-weight:bold;
	color:#990000;
	line-height:120%;
	border-left-width: 18px;
	border-left-style: solid;
	border-left-color: #990000;
	text-align: left;
	vertical-align: middle;
	padding-left: 5px;
}
.table_waku1 {
/*	font-size: x-small; */
	line-height: 110%;
	color: #005500;
	background-color: #FFFFFF;
	margin-bottom: 3px;
}
.kensakustyle1 {
	color: #004400;
	background-color: #EEEEEE;
	text-align: left;
	border: 1px solid #BB0000;
}
.formstyle1 {
	font-size: small;
	font-weight: bold;
	color: #222222;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #AA0000;
}
.table_waku2 {
	border: 1px solid #777777;
	font-size: x-small;
	line-height: 120%;
	color: #444444;
	background-color: #FFFFFF;
	margin-bottom: 3px;
}
.table_wakureport1 {
/*	font-size: x-small; */
	line-height: 130%;
	color: #222222;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding-bottom: 5px;
	margin-bottom: 1px;
}
.table_waku3 {
	font-size: x-small;
	line-height: 110%;
	color: #444444;
	font-weight: bold;
	background-color: #FFFFFF;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFC300;
}
.table_waku4 {
	border: 0px solid #FF9900;
	font-size: x-small;
	line-height: 120%;
	color: #880000;
	background-color: #FFFFCC;
	padding: 3px;
	text-align: left;
	vertical-align: top;
}
.table_waku5 {
/*	font-size: x-small; */
	line-height: 110%;
	color: #000000;
	background-color: #FFFFFF;
	margin-bottom: 3px;
}

/* -------------- トップページ関係 ------------- */

.table_top {
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px;
}
.td1 {
	width: 25%;
	text-align: left;
	vertical-align: top;
}
.td2 {
	width: 50%;
	text-align: center;
	vertical-align: top;


}
.table_new {
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px;
	border-style: solid;
	border-color: #aaaaaa;
}


/*
.table_new ul, li {
margin: 0px;
}
*/
.stylecenter {
	text-align: center;
}
.table_ranking {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px;
	border-style: solid;
	border-color: #0000ff;
}

.style_right {
	text-align: left;
	margin: 0px;
	padding: 10px;
}
.jansrch1 {
	font-size: medium;
	text-align: left;
	vertical-align: bottom;
	padding: 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #663300;
}
.catg_txt1 {
	font-size: small;
	line-height: 150%;
	color: #222222;
	background-color: #EEEEEE;
	text-align: left;
	vertical-align: middle;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 10px;
	padding-right: 1px;
	padding-left: 1px;
	background-repeat: repeat-x;
	background-position: top;
}
.catg_txt2 {
	font-size: small;
	line-height: 150%;
	color: #222222;
	background-color: #EEECE3;
	text-align: left;
	text-indent: 10px;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 2px;
	background-image: url(../img/jantitle_back3.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.catg_txt3 {
	font-size: small;
	line-height: 150%;
	color: #222222;
	background-color: #EEE3E3;
	text-align: left;
	text-indent: 10px;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 2px;
	background-image: url(../img/jantitle_back1.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.catg_txt4 {
	font-size: small;
	line-height: 150%;
	color: #222222;
	background-color: #E3EEE6;
	text-align: left;
	text-indent: 10px;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 2px;
	background-image: url(../img/jantitle_back2.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.ranktitle1 {
	font-size: medium;
	font-weight: bold;
	color: #444444;
	background-color: #FFFFFF;
	text-align: left;
	text-indent: 5px;
	vertical-align: bottom;
	padding: 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
}
.style_left {
	text-align: left;
	margin: 0px;
	padding: 10px;
}
.backimg1 {
	background-image: url(../img/back_img1.gif);
	background-repeat: repeat-y;
	background-position: 0px -100px;
}
.table_red1 {
	background-color: #000000;
	color: #FFFFFF;
	font-size: x-small;
}
.txt_white1 {
	color: #FFFFFF;
}
.txt1 {
	font-size: small;
	line-height: 130%;
	color: #444444;
	text-align: left;
	padding: 5px;
}
.txt2 {
	font-size: small;
	line-height: 130%;
	color: #444444;
	text-align: middle;
	vertical-align: middle;
	padding: 5px;
}
.txt3 {
	font-size: small;
	line-height: 130%;
	color: #444444;
	text-align: left;
	padding: 5px;
	border: 1px solid #AAAAAA;
}
.txt_explain {
	font-size: small;
	line-height: 130%;
	color: #222222;
	text-align: left;
	padding: 5px;
	border: 1px solid #AAAAAA;

}


.mag_title1 {
	font-size: medium;
	line-height: 150%;
	color: #222222;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #004400;
	text-indent: 7px;
}
#header table {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	width: 100%;
	border: 0px;
}
#header .banner {
	height: 60px;
}
#header .banner table tr {
	text-align: left;
	vertical-align: middle;
}
#header .banner .left {
	width: 679px;
	vertical-align: bottom;
}
#header .banner .right {
	width: 526px;
}

#header .serch1 {
	padding: 0px 0px 0px 10px;
	font-size: small;
	line-height: 150%;
	color: #222222;
	text-align: left;
	vertical-align: middle;
	background-image: url(../img/jantitle_back1.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* -------------- トップページ関係 ------------- */


/* ★★★ ブログパーツ ★★★ */

/* 大枠 */
.sgwzDatas{
background: #FFFFFF;
}

/* 奇数タイトル部 */
.sgwzTitle{
background: #FFFFFF;
width:180px;
height: 60px;
line-height: 150%;
font-size:10pt;
padding:5px;
}

/* 偶数タイトル部 */
.sgwzTitle2{
background: #EEEEFF;
width:180px;
height: 60px;
line-height: 150%;
font-size:10pt;
padding:5px;
}

/* 奇数ランク部 */
.sgwzRank{
background: #FFFFFF;
font-weight: bold;
width:20px;
height: 60px;
text-align:center;
font-size:10pt;
padding:5px;
border-right:3px solid #FFFFFF;
}

/* 偶数ランク部 */
.sgwzRank2{
background: #EEEEFF;
font-weight: bold;
width:20px;
height: 60px;
text-align:center;
font-size:10pt;
padding:5px;
border-right:3px solid #FFFFFF;
}

/* 検索部 */
.sgwzSearchBox{
background: #EEEEFF;
line-height: 150%;
font-size:10pt;
padding:5px;
}

/* フォーム */
.sgwzSearchVal{
background: #FFFFFF;
font-size:x-small;
width:160px;
}

/* サブミット */
.sgwzCommitButton{
background: #FFFFFF;
}



#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;
}

/* graph */
.table_graph {
width: 100%;
border: 1px solid #00798C;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0px;
}
.table_graph tr td {
vertical-align:middle;
border: 0px;
text-align: left;
}
.graph {
position: relative; /* IE is dumb */
width: 200px;
border: 1px solid #B1D632;
padding: 2px;
}
.graph .bar {
display: block;
position: relative;
background: #B1D632;
text-align: center;
color: #333;
height: 2em;
line-height: 2em;
}
.graph .bar span { position: absolute; left: 1em; }

/* item view */
.table_itemview {
/*	font-size: x-small; */
line-height: 130%;
color: #222222;
background-color: #FFFFFF;
text-align: left;
vertical-align: top;
padding-bottom: 5px;
margin-bottom: 1px;
}


.table_wakureport1 {
/*	font-size: x-small; */
	line-height: 130%;
	color: #222222;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	margin: 10px;
	border: 2px solid #FF9A00;


}