@charset "UTF-8";

/* --- 全体の背景・テキスト --- */
body {
  height:100%;
  background-image:url("http://newtou.info/pic/background.jpg");
  background-repeat:repeat-y;
  background-attachment:fixed;
  background-color: #ffffff; /* ページの背景色 */
  background-position: center top;
  margin-left:auto;
  margin-right:auto;
  color: #000000; /* 全体の文字色 */
  font-size: 100%; /* 全体の文字サイズ */
}

/* --- 全体のリンクテキスト --- */
h2 {
	font-size: 20px;
	line-height: 20px;
}
a:link {
	color: #0033ff;
	text-decoration: none;
}

/* --- コンテナ --- */
#container {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:1060px; /* ページの幅 */
  letter-spacing: 0px;
}

/* --- ヘッダ --- */
#header {
  margin-bottom:10px;
}

div.side_top{
  width:320px;
  float:left;
}

img{
  border-style:none;
}
img.ad{
  border:1px solid;
  -moz-border-radius:3px;
}

img.agree{
  cursor:pointer;
}

img.disagree{
  cursor:pointer;
}

div.link_out{
  width: 100%;
}
div.link_out span{
  float: left;
  text-align: center;
  width: 25%;
  //width: 19.95%;
  padding-top: 3px;
  padding-bottom: 3px;
  background-image:url("/pic/footer_bar.jpg");
}
div.link_out span a{
  font-size: 13px;
  font-weight: bold;
  color: #FFF;
  text-decoration: underline;
}
/* --- ナビゲーション --- */
#nav {
  background-color:black;
  margin-left:auto;
  margin-right:auto;
	margin-left: 8px;
  float: left;
  width: 300px; /* サイドバーの幅 */
  margin-top:10px;
  position:relative;
	padding: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
}

#rss-img{
  top:20px;
 left:750px;
 position:absolute;
}

#rss {
  top:115px;
  position:absolute;
  left:820px;
 }

#logo{
  height:220px;
  position:relative;
  width:1022px;
}

#link_top {
  top:0px;
  height:220px;
  left:-10px;
  position:absolute;
  width:750px;
}

div.adsense{
  margin-bottom: 5px;
  width: 300px;
}

div.first_side{
	margin-right: auto;
	margin-left: auto;
  margin-top:10px;
  margin-bottom:3px;
  background-color:;
  border-bottom: solid 2px #1093AE;
  border-left: solid 7px #1093AE;
  color:#FFFFFF;
  font-size: 14px;
  width:96%;
}
div.side{
	margin-right: auto;
	margin-left: auto;
  margin-bottom: 5px;
  padding: 5px;
  background-color:#FFFFFF;
  font-size:14px;
  width: 96%;
  line-height: 16px;
}
div.side_advertisement{
	margin-right: auto;
	margin-left: auto;
  margin-bottom: 5px;
  padding: 5px;
  background-color:#FFFFFF;
  font-size:14px;
  width: 80%;
  line-height: 16px;
}
div.ad_geenie a{
  border-color: #FFFFFF;
}

div.side_comment{
  padding:5px;
  background-color:#FFFFFF;
  border-bottom: solid 1px #BBBBBB;
  width:95%;
  font-size:14px;
  letter-spacing: 0.1em;
  background-repeat:no-repeat;

}

div.title_mijuku{
  background-image: url("/pic/mijuku.png");
  background-position: right center;
  padding:5px;
  border-bottom: solid 1px #BBBBBB;
  width:98%;
  font-size:13px;
  background-repeat:no-repeat;
}

div.title_bijuku{
  background-image: url("/pic/bijuku.png");
  background-position: right center;
  padding:5px;
  border-bottom: solid 1px #BBBBBB;
  width:98%;
  font-size:13px;
  background-repeat:no-repeat;
}
  
div.title_seijuku{
  background-image: url("/pic/seijuku.png");
  background-position: right center;
  padding:5px;
  border-bottom: solid 1px #BBBBBB;
  width:98%;
  font-size:13px;
  background-repeat:no-repeat;
}

div.title_kanjuku{
  background-image: url("/pic/kanjuku.png");
  background-position: right center;
  padding:5px;
  border-bottom: solid 1px #BBBBBB;
  width:98%;
  font-size:13px;
  background-repeat:no-repeat;
}

div.side_mijuku{
  background-image: url("/pic/mijuku.png");
  background-position: right center;
  padding:4px;
  border-bottom: solid 1px #BBBBBB;
  width:97%;
  letter-spacing: 0.1em;
  background-repeat:no-repeat;
}

div.side_bijuku{
  background-image: url("/pic/bijuku.png");
  background-position: right center;
  padding:4px;
  border-bottom: solid 1px #BBBBBB;
  width:97%;
  letter-spacing: 0.1em;
  background-repeat:no-repeat;
}
  
div.side_seijuku{
  background-image: url("/pic/seijuku.png");
  background-position: right center;
  padding:4px;
  border-bottom: solid 1px #BBBBBB;
  width:97%;
  letter-spacing: 0.1em;
  background-repeat:no-repeat;
}

div.side_kanjuku{
  background-image: url("/pic/kanjuku.png");
  background-position: right center;
  padding:4px;
  border-bottom: solid 1px #BBBBBB;
  width:97%;
  letter-spacing: 0.1em;
  background-repeat:no-repeat;
}

div.links{
  overflow:auto;
  /* height: 400px; */
  height: 20px;
  font-size:12px;
}

/* --- メインカラム --- */
#content {
background-image: url("./pic/main_background2.png");
float: left;
//width: 656px; /* メインカラムの幅 */
width: 728px; /* メインカラムの幅 */
position:relative;
padding: 10px 2px 10px 2px;
margin-top:-20px;
margin-left: 7px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

/*記事の日付*/
div.time{
	margin-right: auto;
	margin-left: auto;
  font-weight:bold;
  font-size:14px;
  margin-top: 15px;
  background-color: #FF9933;
  border: solid 2px #FF9933;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
  width: 98%;
}

/*記事ボックス（その日の最新記事）*/
div.firstbox{
  background-color:#FFFFFF;
  border: solid 2px #FF9933;
  width:  98%;
	margin-right: auto;
	margin-left: auto;
  position: relative;
}

/*記事ボックス*/
div.box{
  background-color:#FFFFFF;
  border: solid 2px #FF9933;
	margin-right: auto;
	margin-left: auto;
  width:  98%;
  position:relative;
}

/*記事タイトル*/
div.title{
  color: #990000;
  font-size: 14px;
  font-weight:bold;
  margin: 10px;
  width:  95%; 
}

/*記事内容*/
div.main{
  font-size:14px;
  margin-bottom: 40px;
  padding-left: 5px;
  width:  97%;
  line-height: 20px;
}

div.item{
	padding:5px;
}
/*コメント数、日付等*/
div.item_entry{
  font-size:13px;
  width:   100%;
  letter-spacing: 0px;
	background-color: #eeeeee;
	margin-bottom: 40px;
}

div.comment_data{
  margin-top:  10px;
  margin-left: 10px;
  width: 95%;
  font-size:14px;
}

div.evaluate{
  font-size: 14px;
	margin-right: 20px;
  margin-top: -12px;
  margin-bottom: 5px;
  text-align: right;
}

/*コメントボックス*/
div.comment_box{
  border-top:1px dashed #CCCCCC;
  width:100%;
  font-size:14px;
  overflow:hidden;
}
div.comment_box:hover div.hover_link {
	margin-left: 400px;
  font-size:14px;
  font-weight: bold;
  visibility: visible;
}
div.hover_link{
  visibility:hidden;
}

div.comment{
  margin-bottom: 20px;
  overflow:hidden;
  padding-left:20px;
}
.switch_hidden{
	color: blue;
	cursor: pointer;
}
.hidden_comment{
	display: none;
}

#target_comment{
  margin-top: 5px;
  margin-left: 5px;
  width: 98%;
}

div.comment_form{
  margin-top:  25px;
  margin-left: 10px;
  font-size:14px;
  width: 610px;
}


div.gragh{
  border:  solid 2px #FF9933;
  font-size: 14px;
  width:   30%;
  position:relative;
  float: right;
}

/*---投票項目----*/
div.opinionbox{
  border:  solid 2px #FF9933;
  font-size: 14px;
  position: relative;
  width:   30%;
  float: right;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}


/*選択ページ*/
div.select_item{
  margin-top: 10px;
  margin-bottom: -10px;
  background-color: #FF9933;
  font-weight: bold;
  font-size:14px;
  text-align:  center;
	margin-right: auto;
	margin-left: auto;
  width: 638px;
}

/*ページ数*/
div.page{
  background-color:#FFFFFF;
  margin-top: 10px;
  margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;
  font-size:12px;
  width: 98%;
  border: solid 2px #FF9933;
  text-align: center;
}

div.ap_page{
  font-size:14px;
	width: 99%;
	margin-right: auto;
	margin-left: auto;
  border-collapse:collapse;
}

div.new_opinion{
  padding: 5px;
  font-size:14px;


}

div.tag_new_box{
  width: 600px;
}

div.help{
  margin-left:10px;
  font-size:14px;
  width:620px;
}

h3{
  margin-left:10px;
  font-weight:bold;
  font-size:15px;
  border-bottom: solid 2px #FF9933;
  text-align: left;
}

li.tag_new{
  margin-left:1px;
  list-style-type: disc;
}

tr.title{
  background-color: #FF9900;
}

td.prev{
  width: 310px;
  text-align: right;
}

td.next{
  width: 310px;
  padding-left: 5px;
  text-align:left;
}

tr.entry_title{
  background-color:#FFFFFF;
}

tr.content{
  border-collapse:collapse;
}

#top{
  text-align: center;
  width: 98%;
	margin-right: auto;
	margin-left: auto;
  margin-bottom:10px;
}

#headline{
	margin-right: auto;
	margin-left: auto;
  border: 2px solid #FF9933;
  font-size: 12px;
  //height: 185px;
  height: 270px;
  width: 710px;
  overflow: auto;
}
#headline td{
	vertical-align: top;
}

div.back{
  margin:auto;
  width:100%;
  z-index:1;
}

span.date_post{
  position:absolute;
  right: 5px;
}

table{
  width: 100%;
}

td.opinion img{
  height: 15px;
}

span.opinion{
  color: green;
  font-weight:bold;
}

span.no_comment{
  color: #AAAAAA;
  font-weight:bold;
}

span.name{
  color: #AAAAAA;
  font-weight:bold;
}

span.url{
  color: #AAAAAA;
  font-weight:bold;
}

span.date{
  color: #AAAAAA;
  font-weight:bold;
}

span.ip{
  color: #0000ff;
	cursor: pointer;
  font-weight:bold;
}

span.post_date{
  position: absolute;
  right: 10px;
}

span.count_agr{
  font-weight:bold;
  color:#FF6600;
  font-size:large;
}

span.count_dis{
  font-weight:bold;
  color:blue;
  font-size:large;
}

span.dis_level_3{
  color: blue;
  font-weight:bold;
}

span.dis_level_2{
  color:#6633FF;
}

span.dis_level_1{
  font-weight:bold;
}

span.level_0{
}

span.agr_level_1{
  font-weight:bold;
}

span.agr_level_2{
  font-weight:bold;
  color:#FF9900;
}

span.agr_level_3{
  color: red;
  font-weight:bold;
}

span.refer{
  color:green;
}
dt.res{
  border-left:3px solid #FF9933;
  border-bottom:1px solid #FF9933;
  margin-left:30px;
  margin-top: -10px;
  padding-left:10px;
}

/* --- フッタ --- */
#footer {
  background-image:url("./pic/main_background2.png");
  clear:both;
  color:#FFFFFF;
  height:560px;
  margin-bottom:40px;
  overflow:auto;
  width:940px;
	margin-right: auto;
	margin-left: auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

#footer_bar{
	margin-right: auto;
	margin-left: auto;
  margin-top: 40px;
  margin-bottom:-10px;
  width:940px;
}

dt{
}

dd{
  margin-bottom:20px;
}

div.footer_menu{
  line-height: 16px;
  margin-left: 15px;
  width: 31%;
  float: left;
}

.footer_menu a:link {color:#FFFFFF;}
.footer_menu a:visited {color:#FFFFFF;}
.footer_menu a:hover {color:#FFFFFF;}
.footer_menu a:active {color: #FFFFFF; }

ul.menu_content{
  font-size:12px;
  margin-top: -5px;
}

ul li{
  font-size:12px;
  list-style-position:outside;
  list-style-type:none;
  margin-bottom:1px;
}

h3.pop{
  border-bottom:1px solid #FFFFFF;
  font-size:14px;
  font-weight:bold;
}
h3.tag{
  border-bottom:1px solid #0066CC;
  font-size:14px;
  font-weight:bold;
}
h3.archive{
  border-bottom:1px solid #990033;
  font-size:14px;
  font-weight:bold;
}

div.menu_title{
  background-color:#FF9933;
  vertical-align:bottom;
}

td.opinion{
  font-size:14px;
}

td.head{
  font-weight:bold;
  border-bottom:1px solid #FF6600;
  font-size:14px;
  color: red;
}
/*------------- other -------------------*/
div#display_changer {
 color: #ffffff;
 position: fixed;
 bottom: 100px;
 left: 0px;
 font-size: 14px;
 width:13px;
 -webkit-border-top-right-radius:10px;
 -moz-border-radius-topright:10px;
 -webkit-border-bottom-right-radius:10px;
 -moz-border-radius-bottomright:10px;
 background-color: #3377ff;
 padding: 7px;
}
div#display_changer input {
 margin-left: 0px;
}

