@charset "utf-8";
/* CSS Document */

ul#menu{
	width: 980px;
	overflow: hidden;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

ul#menu li{
    float:left;
    height:48px;
    display:block;
}

ul#menu li a {
    display: block;
    overflow: hidden;
    height: 0px;
    background-image: url(../img/menu_btn_set.gif);
    padding-top:52px;
}
    #navi1 a { width:140px; background-position:0       0;}
    #navi2 a { width:140px; background-position:-140px  0;}
    #navi3 a { width:140px; background-position:-280px  0;}
    #navi4 a { width:140px; background-position:-420px  0;}
    #navi5 a { width:140px; background-position:-560px  0;}
    #navi6 a { width:140px; background-position:-700px  0;}
	#navi7 a { width:140px; background-position:-840px  0;}

    #navi1 a:hover  { width:140px; background-position:0       -48px;}
    #navi2 a:hover  { width:140px; background-position:-140px  -48px;}
    #navi3 a:hover  { width:140px; background-position:-280px  -48px;}
    #navi4 a:hover  { width:140px; background-position:-420px  -48px;}
    #navi5 a:hover  { width:140px; background-position:-560px  -48px;}
    #navi6 a:hover  { width:140px; background-position:-700px  -48px;}
    #navi7 a:hover  { width:140px; background-position:-840px  -48px;}#header {
	height: 80px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#header_top {
	background-color: #000;
	height: 10px;
	width: 970px;
	color: #FFF;
	text-align: right;
	margin-bottom: 10px;
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-right: auto;
	margin-left: auto;
}
#main {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#logo_box {
	height: 80px;
	width: 490px;
	margin-left: 10px;
}
#header_under {
	height: 80px;
	width: 500px;
}
#header_bg {
	background-image: url(../img/bg_menu.gif);
	background-repeat: repeat-x;
	height: 48px;
	width: auto;
	margin-bottom: 10px;
}
#header_top_box {
	background-color: #000;
	height: 20px;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#contents {
	width: 680px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	font-size: 14px;
}
#side_box {
	width: 250px;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 15px;
}
/*----------------------------------------------------
	default
----------------------------------------------------*/
/* リンク
----------------------------------------------------*/
a {
  color: #336699;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:link {
  color: #336699;
  text-decoration: none;
}
a:hover {
  color: #af005c;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
#top_sns_btns {
	height: 20px;
	width: 680px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.news_line {
	height: 25px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #3660C6;
	padding-left: 10px;
	font-weight: bold;
	color: #3660C6;
}
dl.news_title dt {
	clear: left;
	float: left;
	width: 9em;
	color: #000;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
	padding-left: 5px;
}

dl.news_title dd {
	margin-bottom: 0.3em;
	width: 700px;
}
#pr_box {
	height: 250px;
	width: 250px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(../img/pr.gif);
	background-repeat: no-repeat;
	padding-top: 33px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#side_tw_box {
	height: 450px;
	width: 250px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#copyright {
	color: #FFF;
	background-color: #000;
	background-repeat: repeat-x;
	margin: 0px;
	height: 10px;
	text-align: center;
	font-size: 12px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#footer {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 212px;
	background-image: url(../img/footer_bg.gif);
	background-repeat: repeat-x;
}
#footer_top {
	height: 212px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
}
.footer_category {
	padding: 10px;
	height: 192px;
	width: 150px;
	float: left;
}
#footer #footer_top .footer_category ul li {
	font-size: 12px;
	margin-left: -20px;
	line-height: 20px;
}
#footer #footer_top .footer_category p {
	font-weight: bold;
	margin-bottom: -10px;
	font-size: 15px;
}
#footer #footer_top .footer_category p img {
	margin-right: 5px;
	margin-bottom: -3px;
}
#footer #footer_top .footer_category ul li a {
	color: #FFF;
}
a:link {
  color: #336699;
  text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a:visited {
  text-decoration: none;
}#footer #footer_top .footer_category p a {
	color: #FFF;
}
#footer #footer_top .footer_category .f_category_mini {
	padding-bottom: 10px;
}
#sub_box {
	padding: 5px;
	height: 15px;
	width: 670px;
}
#pankuzu {
	width: 350px;
	font-size: 12px;
	float: left;
}
#sns_btns {
	width: 330px;
	float: right;
}
.head_line {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-image: url(../img/head_line01.gif);
	background-repeat: no-repeat;
	height: 20px;
	padding-top: 13px;
	padding-bottom: 7px;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.read_box {
	width: 650px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 14px;
	color: #333;
	line-height: 20px;
}
h1 {
	font-size: 11px;
	color: #FFF;
	height: 12px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
h2 {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	height: 20px;
}
.head_line2 {
	padding-left: 20px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #5276D0;
	color: #06F;
	font-weight: bold;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
	padding-top: 10px;
}
.type_box {
	width: 640px;
	font-size: 13px;
	padding: 20px;
	margin: 0px;
	clear: both;
}
.t_name {
	float: left;
	width: 180px;
	font-size: 16px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
	height: 30px;
}
.t_recommended {
	width: 130px;
	float: left;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	height: 10px;
}
.t_belong {
	float: left;
	width: 300px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	height: 30px;
}
.t_banner {
	width: 150px;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	height: 150px;
}
.t_read {
	width: 440px;
	float: left;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.t_table {
	width: 440px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	float: left;
}
.t_detail {
	float: left;
	width: 610px;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 20px;
	text-align: right;
	font-size: 14px;
}
#main #contents .type_box .t_name img {
	display: inline;
	vertical-align: middle;
	margin-right: 10px;
}
#main #contents .type_box .t_table table {
	border-collapse: collapse;
	width: 380px;
}
#main #contents .type_box .t_table table tr th {
	color: #FFF;
	background-color: #5276D0;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 100px;
	font-weight: normal;
	border: 1px solid #999;
}
#main #contents .type_box .t_table table tr td {
	border: solid 1px;
	padding: 0.5em;
	padding-left: 10px;
}
#main #contents .type_box .t_belong img {
	margin-right: 5px;
	margin-left: 5px;
}
#main #contents .type_box .t_detail a {
	color: #1877D6;
}
a:link {
  color: #336699;
  text-decoration: none;
}
a:hover {
	color:#00F;
	text-decoration: underline;
}
a:visited {
  text-decoration: none;
}
.pt_name {
	float: left;
	width: 230px;
	font-size: 16px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
}
.pt_recommended {
	width: 130px;
	float: left;
	padding-top: 32px;
	padding-right: 5px;
	padding-bottom: 30px;
	padding-left: 5px;
}
.pt_belong {
	float: left;
	width: 250px;
	padding-top: 23px;
	padding-right: 3px;
	padding-bottom: 30px;
	padding-left: 7px;
	height: 30px;
}
#main #contents .type_box .pt_name img {
	display: inline;
	vertical-align: middle;
	margin-right: 10px;

}
.pt_top {
	height: 85px;
	margin: 0px;
	padding: 0px;
}
.c_pt_recommended {
	width: 130px;
	float: left;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
.c_pt_belong {
	float: left;
	width: 250px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 7px;
	height: 30px;
}
.read_box2 {
	width: 610px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	font-size: 13px;
	color: #333;
}
.head_line3 {
	padding: 5px;
	clear: both;
}
.read_box3 {
	width: 600px;
	padding-left: 10px;
	padding-top: 10px;
}
.pt_table02 {
	width: 590px;
	padding-left: 10px;
}
#main #contents .read_box .read_box2 .pt_table02 table {
	border-collapse: collapse;
	width: 292px;
	margin: 10px;
}
#main #contents .read_box .read_box2 .pt_table02 table tr th {
	color: #FFF;
	background-color: #5276D0;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 130px;
	font-weight: normal;
	border: 1px solid #999;
}
#main #contents .read_box .read_box2 .pt_table02 table tr td {
	border: solid 1px;
	padding: 0.5em;
	padding-left: 10px;
	text-align: right;
}
.head_line4 {
	width: 600px;
	clear: both;
	padding-top: 10px;
	padding-bottom: 5px;
}
.pt_table03 {
	width: 270px;
	padding-left: 10px;
	float: left;
}
.pt_table03 table {
	border-collapse: collapse;
	width: 250px;
	margin: 10px;
}
.pt_table03 table tr th {
	color: #FFF;
	background-color: #5276D0;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: 130px;
	font-weight: normal;
	border: 1px solid #999;
}
.pt_table03 table tr td {
	border: solid 1px;
	padding-left: 10px;
	text-align: right;
	width: 50px;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
}
.pt_detail {
	float: left;
	width: 650px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
	font-size: 14px;
}
.oblong_banner_box {
	width: 500px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#blog_box {
	width: 680px;
	margin-left: 15px;
	margin-top: 5px;
}
.pt_change_table {
	width: 650px;
	padding-left: 10px;
}
#main #contents .pt_change_table table {
	border-collapse: collapse;
	margin: 10px;
	font-size:12px;
}
#main #contents .pt_change_table table tr th{
	color: #FFF;
	background-color: #5276D0;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: 150px;
	font-weight: normal;
	border: 1px solid #999;
}
#main #contents .pt_change_table table tr td{
	border: solid 1px;
	padding-left: 10px;
	text-align: right;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
}

.pt_change_title {
	padding-top: 3px;
	padding-left: 20px;
	font-size: 14px;
}
#main #contents .read_box .read_box2 .pt_table01 table {
	border-collapse: collapse;
	padding: 10px;
	width: 580px;
}
#main #contents .read_box .read_box2 .pt_table01 table tr th{
	color: #FFF;
	background-color: #5276D0;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-weight: normal;
	border: 1px solid #999;
	text-align: left;
}
#main #contents .read_box .read_box2 .pt_table01 table tr td{
	border: solid 1px;
	padding-left: 10px;
	text-align: left;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
}
.a_type_box {
	width: 160px;
	float: left;
}
.a_type_name {
	font-size: 14px;
	padding: 5px;
	width: 150px;
	text-align: center;
}
.a_type_img {
	padding: 10px;
	width: 140px;
}
.m_name {
	float: left;
	width: 230px;
	font-size: 16px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
}
.m_recommended {
	width: 130px;
	float: left;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.m_belong {
	float: left;
	width: 250px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 7px;
	height: 30px;
}
#main #contents .type_box .m_name img {
	display: inline;
	vertical-align: middle;
	margin-right: 10px;

}
.m_top {

}
.m_pt_recommended {
	width: 130px;
	float: left;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
.m_belong {
	float: left;
	width: 250px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 7px;
	height: 30px;
}
.m_banner {
	width: 150px;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}
.m_read {
	width: 440px;
	float: left;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.m_table {
	width: 440px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	float: left;
}
.m_detail {
	float: left;
	width: 610px;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 20px;
	text-align: right;
	font-size: 14px;
}


#article_ranking_box {
	width: 248px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #999;
}
.ranking {
   padding:1px;
}

.ranking .rank_head{
	margin: 0;
	font-size: 16px;
	border-bottom: 3px solid #099;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
}

.ranking ul{
   margin:0;
   padding:0;
   list-style: none;
   border-top:1px solid #ddd;
}

.ranking li {
	padding: 0;
	font-size: 14px;
	line-height: 2.0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

.ranking a {
   display:block;
   padding:10px 0 10px 20px;
   color:#333;
   text-decoration:none;
}
.ranking a:hover {
	color: #000;
	background-color: #CCC;
}
.ranking li.last {
	padding: 0;
	font-size: 14px;
	line-height: 2.0;
	border-bottom-style: none;
}
.s_name {
	float: left;
	width: 230px;
	font-size: 14px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
}
.s_recommended {
	width: 130px;
	float: left;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.s_belong {
	float: left;
	width: 250px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	height: 30px;
}
.list_table table {
border-collapse: collapse;
}
.list_table table tr th {
	color: #FFF;
	background-color: #5276D0;
	text-align: center;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-weight: normal;
	border: 1px solid #999;
}
.list_table table tr td {
	border: solid 1px;
	padding: 0.5em;
	padding-left: 10px;
}
#pagetop {
	padding: 10px;
	clear: both;
	text-align: right;
	margin-right: 10px;
	margin-bottom: -10px;
}
.read_box_right {
	width: 650px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 14px;
	color: #333;
	line-height: 20px;
	text-align: right;
}
.r_side_banner {
	height: 80px;
	width: 250px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.student_box {
	float: left;
	width: 200px;
}
.s_type_name {
	padding: 5px;
	width: 190px;
	text-align: center;
}
.s_type_img {
	text-align: center;
	padding: 5px;
	width: 190px;
}
.tw_boxs {
	float: left;
	width: 300px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.tw_boxs_head {
	width: 300px;
	padding-bottom: 10px;
	text-align: center;
}
.news_line_right {
	float: right;
	width: 120px;
	font-size: 12px;
	height: 15px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.t_name_s {
	float: left;
	width: 185px;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
	height: 30px;
	margin-top: -10px;
}
.f_red {
	color: #F00;
}
.t_name_mini{
	float: left;
	width: 180px;
	font-size: 14px;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 0px;
	font-weight: bold;
	height: 30px;
	padding-bottom: 0px;
}
#main #contents .type_box .t_name_mini img {
	vertical-align: middle;
	margin-right: 10px;

}
.pt_name_mini {
	float: left;
	width: 230px;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
}
#main #contents .type_box .pt_name_mini img {
	vertical-align: middle;
	margin-right: 10px;
}