@charset "utf-8";
@import url(layout.css);
@import url(common.css);
@import url(u_custom_blog.css);
@import url(u_form.css);
@import url(u_search_result.css);
/* =============================================
 Contents for blog
============================================= */

/* default */
.forBlog h1 {
	color: #444;
	background: transparent url(../images/u_content/blog/titlebar_bg.gif) no-repeat left top;
}
#blogranking .breadCrumb {
	width:934px;
}
#blogranking .container {
	width: auto;
	margin: 0 auto;
	padding: 0;
	color: black;
	background:none;
}
#blogranking #topImage {
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
/* button back top page */
a#backBlogTop {
	width: 202px;
	height: 27px;
	margin: 0 auto;
	padding: 8px 0 0;
	font-size: 90%;
	color: #fff;
	background: transparent url(../images/common/button/btn_gray_20235.jpg) no-repeat left top;
}
a#backBlogTop:hover {
	background-position: left bottom;
}
/*========== top ==========*/
/* top image */
#topImage {
	width: 900px;
	height: 190px;
	margin: 0;
	position: relative;
}
#topImage h2 {
	padding-top: 15px;
}
#topImage img {
	width: 900px;
	position: absolute;
	top: 0;
	left: 0;
}
#blogTop .contents {
	width: 630px;
	float: right;
	margin: 0;
	padding: 0;
}
* html #blogTop .contents {
	float: left;
	padding: 0 0 0 10px;
}
#blogTop .contents h3 {
	width: 630px;
	height: 30px;
	padding: 8px 0 2px;
	visibility: hidden;
	font: 90%/100% "ＭＳ Ｐゴシック", "Osaka－等幅", sans-serif;
}
#blogTop .contents .clearfix {
	height: 20px;
}
/* keyword search */
#blogTop #keywordSearch {
	width: 630px;
	margin: 5px 0 0;
	color: #444;
	background: #fff url(../images/u_content/blog/stitle_search_keyword.gif) no-repeat 0 0;
}
#blogTop #keywordSearch dl {
	width: 640px;
	margin: 0 10px;
	padding: 5px 0;
}
#blogTop #keywordSearch dt {
	display: none;
}
#blogTop #keywordSearch dd {
	float:left;
}
#blogTop #keywordSearch dd input, #blogTop #keywordSearch dd select {
	margin: 5px 8px 0 0;
}
#blogTop #keywordSearch dd.toPageLink {
	padding: 10px 10px 0;
}
#blogTop #keywordSearch p {
	clear: both;
	margin: 0 10px;
	color: #444;
	background-color: transparent;
	font-size: 80%;
	line-height: 130%;
}
#blogTop #keywordSearch p.notes {
	color: #999;
	background-color: transparent;
}
/* newest blog */
#blogTop #newestBlog {
	color: #444;
	background: #fff url(../images/u_content/blog/stitle_newest_blog.gif) no-repeat 0 0;
}
#newestBlog table {
	border-bottom: 1px dotted #ccc;
}
#newestBlog td {
	width: 120px;
	padding: 0 4px 10px 0;
	font-size: 80%;
}
#newestBlog td img {
	display: block;
	border: 1px solid #ccc;
}
#newestBlog ul {
	width: 630px;
	margin: 0;
	padding: 10px 0;
	list-style-type: none;
	font-size: 80%;
}
#newestBlog li {
	display: inline;
}
#newestBlog li a {
	margin: 0 2px 0 0;
}
/* blog ranking */
#blogTop #blogRank {
	width: 630px;
	color: #444;
	background: #fff url(../images/u_content/blog/stitle_blog_ranking.gif) no-repeat 0 0;
}
#blogRank ol {
	padding: 0 6px 8px;
	list-style-type: none;
	font-size: 80%;
	line-height: 130%;
}
#blogRank li {
	margin-bottom: 1px;
}
#blogRank li a {
	margin-right: 3px;
}
/* latest Post */
#blogTop #latestPost {
	width: 630px;
	color: #444;
	background: #fff url(../images/u_content/blog/stitle_latest_post.gif) no-repeat 0 0;
}
#latestPost ol {
	padding: 0 10px 8px;
	list-style-type: none;
	font-size: 80%;
	line-height: 135%;
}
#latestPost li a {
	margin-left: 3px;
}
/* area search */
#blogTop #areaSearch {
	width: 630px;
	color: #444;
	background: #fff url(../images/u_content/blog/stitle_search_area.gif) no-repeat 0 0;
}
#areaSearch ul {
	margin: 0 10px 20px;
	padding: 0;
	list-style-type: none;
	font-size: 80%;
	line-height: 150%;
}
#areaSearch li {
	display: inline;
	margin-right: 3px;
}
#areaSearch li a {
	margin-right: 4px;
}
/*========== pages ==========*/
/* Navi */
.blogNavi_t2 {
	width: 610px;
	margin: 5px auto;
	padding: 5px 10px;
	background: transparent url(../images/u_content/ranking/navi/title_h2_02.jpg) no-repeat left top;
}
.blogNavi_t2 h2 {
	height:43px;
	margin-bottom:10px;
	visibility: hidden;
}
.blogNavi_t2 h3 {
	display:block;
	visibility: hidden;
	height:27px;
}
.blogNavi_t2 .NaviBox {
	float:left;
	width:295px;
	margin-right:10px;
	margin-bottom:10px;
}
.blogNavi_t2 .NaviBox2 {
	float:left;
	width:600px;
	margin-bottom:10px;
}
.blogNavi_t2 h3 {
	visibility: hidden;
	margin-bottom:5px;
}
.blogNavi_t2 .NaviBox2 {
	background: transparent url(../images/u_content/ranking/navi/title_point_07.gif) no-repeat left top;
}
.blogNavi_t2 .accesup {
	background: transparent url(../images/u_content/ranking/navi/title_point_01.gif) no-repeat left top;
}
.blogNavi_t2 .muryou {
	background: transparent url(../images/u_content/ranking/navi/title_point_02.gif) no-repeat left top;
}
.blogNavi_t2 .jyanru {
	background: transparent url(../images/u_content/ranking/navi/title_point_03.gif) no-repeat left top;
}
.blogNavi_t2 .dokusya {
	background: transparent url(../images/u_content/ranking/navi/title_point_04.gif) no-repeat left top;
}
.blogNavi_t2 .prof {
	background: transparent url(../images/u_content/ranking/navi/title_point_05.gif) no-repeat left top;
}
.blogNavi_t2 .comu {
	background: transparent url(../images/u_content/ranking/navi/title_point_06.gif) no-repeat left top;
}
.blogNavi_t3 {
	width: 610px;
	margin: 5px auto;
	padding: 5px 10px;
	background: transparent url(../images/u_content/ranking/navi/title_h2_03.gif) no-repeat left top;
}
.blogNavi_t3 h2 {
	height:40px;
	margin-bottom:10px;
	visibility: hidden;
}
button#btn_touroku_navi {
	width: 398px;
	height: 49px;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url(../images/u_content/ranking/navi/btn_touroku_navi.jpg) no-repeat left top;
}
button#btn_touroku_blog {
	width: 398px;
	height: 49px;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url(../images/u_content/ranking/navi/btn_touroku_blog.jpg) no-repeat left top;
}
button#btn_touroku_navi strong, button#btn_touroku_blog strong {
	visibility: hidden;
}
.blogNavi_t1 {
	width: 610px;
	margin: 5px auto;
	padding: 5px 10px;
	background: transparent url(../images/u_content/ranking/navi/title_h2_01.gif) no-repeat left top;
}
.blogNavi_t1 h2 {
	height:32px;
	margin-bottom:10px;
	visibility: hidden;
}
/* blog genre list */
.blogGenreList {
	width: 610px;
	margin: 5px auto;
	padding: 5px 10px;
}
.bg01 {
	color: #444;
	background-color: #fbf3d2;
}
.bg02 {
	color: #444;
	background-color: #ffffff;
}
.blogGenreList ul {
	margin: 0;
	padding: 1px 0;
}
.blogGenreList li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 80%;
	line-height: 150%;
}
.blogGenreList li a {
	margin-right: 3px;
}
/* blog genre etc information */
.genreBlogInfo .searchTerms, .genreBlogInfo .searchTerms_non {
	width: 600px;
	margin: 10px;
}
.genreBlogInfo .searchTerms div, .genreBlogInfo .searchTerms_non div, .genreBlogInfo .searchTerms ul, .genreBlogInfo .searchTerms_non ul {
	width: 500px;
	margin: 0;
	padding: 0;
	font-size: 80%;
	line-height: 130%;
	list-style-type: none;
}
.genreBlogInfo .searchTerms li, .genreBlogInfo .searchTerms_non li {
	display: inline;
	margin-right: 2px;
}
.genreBlogInfo .searchTerms li a, .genreBlogInfo .searchTerms_non li a {
	margin-right: 4px;
}
.genreBlogInfo h2 {
	width: 600px;
	height: 21px;
	padding: 9px 5px 0 25px;
	margin: 0 0 10px;
	font-weight: normal;
	font-size: 90%;
}
.genreBlogInfo h2.ranking {
	width: 570px;
	padding: 9px 12px 0 48px;
	color: #444;
	background: transparent url(../images/u_content/blog/ranking_bar.jpg) no-repeat top left !important;
}
.genreBlogInfo .clearfix {
	height: 10px;
}
/* blog serach */
.searchWord dt {
	width: 5em;
	float: left;
	font-weight: bold;
}
.searchWord th {
	width: 5em;
}
/* blog serach ranking */
.searchResultList th.rank {
	width: 33px;
	padding: 8px 0 0;
	text-align: center;
	font-size: 80%;
	color:#444;
	background: transparent url(../images/u_content/ranking/th_no00.jpg) no-repeat left top;
}
/* ranking */
.searchResultList th.ranking01 {
	padding: 37px 0 0;
	color:#444;
	background: transparent url(../images/u_content/ranking/th_no01.jpg) no-repeat left top;
	font-size: 100%;
}
.searchResultList th.ranking02 {
	padding: 37px 0 0;
	color:#444;
	background: transparent url(../images/u_content/ranking/th_no02.jpg) no-repeat left top;
	font-size: 100%;
}
.searchResultList th.ranking03 {
	padding: 37px 0 0;
	color:#444;
	background: transparent url(../images/u_content/ranking/th_no03.jpg) no-repeat left top;
	font-size: 100%;
}
.searchResultList th.ranking04 {
	padding: 37px 0 0;
	color:#444;
	background: transparent url(../images/u_content/ranking/th_no04.jpg) no-repeat left top;
	font-size: 100%;
}
.searchResultList th.ranking05 {
	padding: 37px 0 0;
	color:#444;
	background: transparent url(../images/u_content/ranking/th_no05.jpg) no-repeat left top;
	font-size: 100%;
}
.searchResultList th.ranking06 {
	padding: 37px 0 0;
	color:#444;
	background: transparent url(../images/u_content/ranking/th_no06.jpg) no-repeat left top;
	font-size: 100%;
}
.searchResultList th.ranking07 {
	padding: 37px 0 0;
	color:#444;
	background: transparent url(../images/u_content/ranking/th_no07.jpg) no-repeat left top;
	font-size: 100%;
}
.searchResultList th.ranking08 {
	padding: 37px 0 0;
	color:#444;
	background: transparent url(../images/u_content/ranking/th_no08.jpg) no-repeat left top;
	font-size: 100%;
}
.searchResultList th.ranking09 {
	padding: 37px 0 0;
	color:#444;
	background: transparent url(../images/u_content/ranking/th_no09.jpg) no-repeat left top;
	font-size: 100%;
}
.searchResultList th.ranking10 {
	padding: 37px 0 0;
	color:#444;
	background: transparent url(../images/u_content/ranking/th_no10.jpg) no-repeat left top;
	font-size: 100%;
}
/* blog information */
.forBlogInfo:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.forBlogInfo {
	/*display: inline-block;*/
	zoom: 100%;
}
.forBlogInfo h1 {
	width: 606px;
	height: 33px;
	padding: 20px 12px 0;
	color: #444;
	background: transparent url(../images/u_content/blog/titlebar_blog_bg.gif) no-repeat left top;
}
.forBlogInfo .leftside {
	width: 210px;
	float: left;
}
.forBlogInfo .blogimage {
	width: 208px;
	margin: 0 0 10px;
	padding: 15px 0;
	text-align: center;
	border: 1px solid #d9d9d9;
}
.forBlogInfo .shoolinfo {
	width: 208px;
	margin: 0;
	padding: 0;
}
.forBlogInfo .shoolinfo dt {
	margin: 0;
	padding: 12px 15px 5px;
	font-weight: bold;
	font-size: 100%;
}
.forBlogInfo .shoolinfo dd {
	margin: 0;
	padding: 0 15px 12px;
	font-size: 80%;
	line-height: 150%;
	border-bottom: 1px dotted#d9d9d9;
}
.forBlogInfo .rightside {
	width: 400px;
	float: right;
}
.forBlogInfo .rightside table {
	width: 400px;
	margin: 0 auto 10px;
	font-size: 80%;
	line-height: 130%;
	border: 1px solid #d2d2d2;
}
.forBlogInfo .rightside th {
	width: 86px;
	padding: 12px;
	vertical-align: top;
	text-align: left;
	color: #444;
	background-color: #FBF3D2;
	border-right: 1px dotted #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}
.forBlogInfo .rightside td {
	padding: 12px;
	vertical-align: top;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}
.forBlogInfo .rightside td ul, .forBlogInfo .rightside td li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.forBlogInfo .rightside table.bloginfo {
	border-top: none;
}
.forBlogInfo .rightside .pageNavigation {
	width: 400px;
	margin: 5px 0 10px;
}
.forBlogInfo .rightside .pageNavigation ul {
	width: 390px;
}
.forBlogInfo .rightside .pageNavigation li, .forBlogInfo .rightside .pageNavigation li.now {
	width: 150px;
}
.forBlogInfo .rightside .pageNavigation li.next, .forBlogInfo .rightside .pageNavigation li.prev {
	width: 100px;
}
.forBlogInfo .rightside td ul.sysbtn {
	width: 150px;
	float: right;
	position: relative;
	right: -5px;
	bottom: -5px;
}
.forBlogInfo .rightside li.readmore {
	width:86px;
	float:left;
}
.forBlogInfo .rightside li.remove {
	width:57px;
	float:right;
}
.forBlogInfo .rightside ul.sysbtn a {
	display: block;
	height: 19px;
	margin: 0;
	padding: 3px 0 0;
	font-weight: bold;
	font-size: 85%;
	color: #fff;
	text-align: center;
	background-position: left top;
}
ul.sysbtn li.readmore a {
	width: 86px;
	background: transparent url(../images/common/button/btn_blue_8722.jpg) no-repeat left top;
}
ul.sysbtn li.remove a {
	width: 57px;
	background: transparent url(../images/common/button/btn_gray_5722.jpg) no-repeat left top;
}
.forBlogInfo .rightside ul.sysbtn a:hover {
	background-position: left bottom!important;
}
/* help */
.blogHelp h2 {
	width: 606px;
	height: 22px;
	margin: 0 0 10px;
	padding: 8px 12px 0;
	font-size: 100%;
	color: #444;
	background: transparent url(../images/u_content/blog/subtitlebar_bg.gif) no-repeat left top;
}
.blogHelp dl {
	width: 610px;
	margin: 0 10px;
	padding: 1px 0 15px;
}
.blogHelp dt {
	width: 570px;
	margin: 10px 0;
	padding: 1px 20px;
	font-weight: bold;
	font-size: 90%;
	color: #1E87AE;
	background: transparent url(../images/common/marker_triangle_blue.gif) no-repeat left center;
}
.blogHelp dd {
	width: 570px;
	margin: 5px 10px;
	padding: 10px;
	font-size: 90%;
	line-height: 150%;
	color: #444;
	background-color: #fff;
	border: 1px dotted #d9d9d9;
}
/* sidebar - search shool */
.sideBar #schoolAdBox {
	color: #444;
	background: #efefef url(../images/common/sidebar_bg_body.gif) repeat-y center top;
	margin-bottom:10px;
}
.sideBar #schoolAdBox dl {
	width: 178px;
	margin: 0 auto;
	padding: 5px 10px 5px;
	border-right: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	color: #444;
	background-color: #fff;/*font-size: 80%;*/
}
.sideBar #schoolAdBox dt {
	padding:10px 8px;
}
.sideBar #schoolAdBox dd {
	padding:0px 7px;
	font-size:90%;
}
.sideBar #schoolAdBox .adend {
	display: block;
	width: 210px;
	padding: 5px 0 10px;
	color: #000;
	background: transparent url(../images/common/sidebar_bg_foot_round.gif) no-repeat center bottom;
}
.sideBar #schoolAdBox .adend hr {
	clear: both;
	display: none;
}