@charset "utf-8";

#ttl {
	font-size: 25px;
	padding-left: 10px;
	vertical-align: middle;
}
#ttl > h1{
	font-size: 25px;
	font-weight: normal;
}
#content {
	width: 645px;
	overflow: hidden;
	padding-top: 10px;
}
#content_left {
	float: left;
	width: 130px;
	padding-right: 20px;
	line-height: 1.2;
}
#content_right {
	float: right;
	width: 523px;
}
#content_left li {
	font-size: 16px;
	margin-top: 15px;
}

#content_left2 {
	float: left;
	width: 160px;
	padding-right: 20px;
	line-height: 1.2;
}
#content_right2 {
	float: right;
	width: 465px;
}
#content_left2 li {
	font-size: 13px;
	margin-top:15px;
}
#content_left2 li.s_category{
	font-size: 13px;
	margin-bottom: 8px;
	margin-left:15px;
	margin-top: 5px;
}
#content_left li.s_category{
	font-size: 13px;
	margin-bottom: 8px;
	margin-left:15px;
	margin-top: 5px;
}
.bbs_link{
	margin: 10px 5px;
}
.bbs_link a{
	text-decoration:none;
}
.font_to_s{
	font-size:80%;
}
/*
 category1 [
----------------------------------------------------------- */
#c1_search {
	overflow: hidden;
	width: 480px;
}
#c1_search_left {
	float: left;
}
#c1_search_right {
	float: right;
}
.c2_content {
	width: 630px;
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #929292;
	padding-top: 10px;
}
.c2_content_left {
	float: left;
	width: 160px;
	padding-right: 10px;
	text-align:center;
}
.c2_content_right {
	float: left;
	width: 440px;
	padding-left: 15px;
}
.c2_content_right .c1_txt1 {
	font-size: 18px;
	font-weight: bold;
}
.c2_content_right > h2{
	font-size: 18px;
}
.c2_content_right{
	font-size: 14px;
}
.c2_content_right ol li{
	font-size:11px;
	display:inline;
}
.c2_content_right ol li:before{
	content: " > ";
}
.c2_content_right ol li:first-child:before{
	content: none;
}
.c2_content_right ol li a:link{
	color:#0259aa
}
.c2_content_right ol li a:visited{
	color:#0259aa
}
.c2_txt2 {
	font-size: 16px;
}

.c1_content {
	width: 480px;
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #929292;
	padding-top: 25px;
}
.c1_content_left {
	float: left;
	width: 160px;
	padding-right: 10px;
	text-align:center;
}
.c1_content_left img {
    max-width: 150px;
}
.c1_content_right {
	float: right;
	width: 295px;
	padding-right: 15px;
}
.c1_content_right .c1_txt1 {
	font-size: 18px;
	font-weight: bold;
}
.c1_content_right > h2{
	font-size: 18px;
}
.c1_content_right{
	font-size: 14px;
}
.c1_content_right ol li, .sc_txt ol li, .se_cont ol li, .c2_content_right ol li{
	font-size:11px;
	display:inline;
}
.c1_content_right ol li:before, .sc_txt ol li:before, .se_cont ol li:before, .c2_content_right ol li:before{
	content: " > ";
}
.c1_content_right ol li:first-child:before, .sc_txt ol li:first-child:before, .se_cont ol li:first-child:before, .c2_content_right ol li:first-child:before{
	content: none;
}
.c1_content_right ol li a, .sc_txt ol li a, .se_cont ol li a, .c2_content_right ol li a{
	color:#0259aa
}
.c1_txt2 {
	font-size: 12px;
}

#num {
	font-size: 13px;
	text-align: center;
	padding-top: 40px;
}
#num span{
	margin-right:5px;
}

#search_middle {
	width: 618px;
	padding: 10px;
	background-color: #fff;
	border-top:5px solid #029EAA;
}
#myst_search_middle,
#bbs_search_middle {
	width: 618px;
	padding: 10px;
	border-top:5px solid #029EAA;
	border-left:solid 1px #808080;
	border-right:solid 1px #808080;
	border-bottom:solid 1px #808080;
	border-radius: 0 0 0.5em 0.5em;
	box-shadow:2px 2px rgba(0,0,0,0.3);
}
#search_cont {
	width: 633px;
	overflow: hidden;
}
.se_left {
	float: left;
	width: 290px;
	margin-bottom:8px;
	margin-top:8px;
}
.se_right {
	float: right;
	width: 290px;
	margin-bottom:8px;
	margin-top:8px;
}
.se_cont {
	width: 290px;
	overflow: hidden;
}
.se_cont > h2{
	font-size: 19px;
}
.se_pic {
	float: left;
	width: 62px;
}
.se_pic_s {
	float: left;
	width: 40px;
}
.se_txt {
	float: right;
	width: 233px;
}
.search_left {
	float: left;
	width: 305px;
	height: 150px;
	margin-bottom:8px;
	margin-top:8px;
}
.search_right {
	float: right;
	width: 305px;
	height: 150px;
	margin-bottom:8px;
	margin-top:8px;
}
.search_title{
	font-size:18px;
	font-weight: bold;
	height:25px;
}
.search_title a:link {
	color:#008000;
	text-decoration:underline;
}
.search_title a:visited {
	color:#008000;
	text-decoration:underline;
}
.search_title a:hover {
	color:#008000;
	text-decoration:underline;
}
table.search_table_pic{
	height: 100px;
}
table.search_table_pic_s{
	height: 60px;
}
table.search_table_pic td, table.search_table_pic_s td{
	vertical-align:middle;
}
#main_ttl {
}
#ttl_img{
	margin-top:40px;
	height:40px;
	background-image: url(/img/common/bar_02.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-left:solid 1px #A9A9A9;
	border-right:solid 1px #A9A9A9;
	position: relative;
}
#category_img{
	position: absolute;
	z-index:1;
	left:0px;
	top:-35px;
}
#ttl_img > h1{
	margin-left:80px;
	font-size: 25px;
	font-weight: normal;
	display:inline;
}
/*
 category2 [
----------------------------------------------------------- */
#tabmenu {
	width: 523px;
	overflow: hidden;
}
#tabmenu li {
	float: left;
}
#section2 {
	width: 618px;
	padding: 10px;
	font-size:16px;
	border-top:5px solid #029EAA;
	border-left:solid 1px #808080;
	border-right:solid 1px #808080;
	border-bottom:solid 1px #808080;
	border-radius: 0 0 0.5em 0.5em;
	box-shadow:2px 2px rgba(0,0,0,0.3);
	word-wrap: break-word;
}
#section2 ul li{
	list-style:disc inside;
}
#section2 ol li{
	list-style:decimal inside;
}
#s2_ttl {
	font-size: 14px;
	margin-bottom: 7px;
}
#s2_ttl2 {
	font-size: 28px;
	font-weight: bold;
}
#s2_ttl3 {
	font-size: 14px;
	margin-top: 7px;
	margin-bottom: 7px;
}
#s2_ttl3 img {
	max-height: 30px;
	vertical-align:middle;
}
#s2_btn {
	height: 20px;
	width: 493px;
	padding-bottom: 5px;
	padding-top: 10px;
	position:relative;
}
#s2_btn p{
	position:absolute;
	top:50%;
	margin-top: -0.5em;
	left:30px;
	font-size:12px;
}
#s2_btn2 {
	height: 20px;
	width: 493px;
	padding-bottom: 5px;
	padding-top: 10px;
}
#star {
	padding-right: 20px;
}
#section3 {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #4b4b4b;
	padding-top: 20px;
}
#section4 {
	width: 493px;
	background-image: url(/img/category/sec2_middle.gif);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
}
#section5 {
	width: 930px;
	padding: 10px;
	font-size:16px;
	border-top:5px solid #029EAA;
	border-left:solid 1px #808080;
	border-right:solid 1px #808080;
	border-bottom:solid 1px #808080;
	border-radius: 0 0 0.5em 0.5em;
	box-shadow:2px 2px rgba(0,0,0,0.3);
	margin-bottom:3px;
}
.list_table{
	width:100%;
}
.list_table tbody tr{
	padding-bottom:10px;
}
.list_table tbody tr td{
	font-size:14px;
	padding-bottom:10px;
}
#recommend{
	margin-top:15px;
}
#s2_txt1 {
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 5px;
}
#s2_txt2 {
	font-size: 15px;
	line-height: 1.7;
}
#category_description{
	padding-left:10px;
	margin-bottom:15px;
	margin-top:10px;
	font-size: 13px;
}
#s2_btn_left {
	float: left;
}
#s2_btn_right {
	float: right;
	width: 379px;
}
#hyouka {
	overflow: hidden;
	padding-top: 5px;
}
.hyouka_naru {
	font-size: 23px;
	color: #11a4af;
	float: left;
	padding-right: 20px;
}
#hyouka_1, #hyouka_2, #hyouka_3, #hyouka_4, #hyouka_5, #hyouka_6{
	float:left;
	font-size: 15px;
}
#hyouka_2{
	padding-left:5px;
}
#hyouka_3{
	padding-top:5px;
}
#hyouka_4{
	padding-left:5px;
	padding-top:5px;
}
#hyouka_5{
	background: url(/img/common/link.png) no-repeat 0 50%;
	padding-left:30px;
	padding-top:5px;
	margin-left:10px;
	color: #11a4af;
	text-decoration: underline;
}
#hyouka_6{
	padding-left:15px;
	padding-top:2px;
}
.bookmark,#btn2{
	cursor:pointer;
}
.font_button{
	display: inline-block;
	padding: 2px 4px;
	border: 1px solid #d4d4d4;
	margin: 0;
	text-decoration: none;
	text-shadow: 1px 1px 0 #fff;
	color: #333;
	white-space: nowrap;
	cursor: pointer;
	background-color: #ececec;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
	background-image: -moz-linear-gradient(#f4f4f4, #ececec);
	background-image: -o-linear-gradient(#f4f4f4, #ececec);
	background-image: linear-gradient(#f4f4f4, #ececec);
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	-o-background-clip: padding-box;
	/*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	/* IE hacks */
	zoom: 1;
	*display: inline;
}
#hyouka_6 a:link, #hyouka_6 a:hover{
	color:#333;
	text-decoration: none;
}
.comment{
	margin-bottom: 15px;
}
.similar_search_list{
	margin-top: 15px;
}
.post_reco{
	border:solid 4px #C0C0C0;
	margin:15px 10px;
	padding:5px;
	font-size:18px;
	font-weight:bold;
}
.post_reco_button{
	font-size:15px;
	text-align:right;
}
.post_reco_text{
	color:#029EAA;
}
.attention{
	font-size:12px;
}
.border_hr{
	border: 0;
	border-bottom: 3px dotted #029EAA;
}
.border_hr_gray{
	border: 0;
	border-bottom: 1px dotted #B3B3B3;
	margin: 10px;
}
#edit_comment{
	width:250px;
}
#about_category ul li{
	display:inline;
	font-size:12px;
	margin-right:10px;
}
.block_title{
	margin-top:15px;
}
.about_search_input{
	width:430px;
}
.category_bunner{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}
#content_left_category h2{
	font-size:16px;
	font-weight:normal;
}
.article_buneer{
	margin-top:10px;
	text-align:center;
}
#post_caution{
	font-size:12px;
}
#related_article{
}
#related_article > ul{
	margin-bottom:10px;
}
.related_article > h2{
	font-size:16px;
}
#big_categorys ul li{
	list-style: square inside url("/img/common/top_arrow.png");
	float:left;
	width:160px;
	margin-left: 5px;
	font-size: 12px;
}
#easylink_form {
    position: fixed;
    background-color: #fff;
    border: 1px solid #999;
    top: 30%;
    left: 20%;
    width: 60%;
    height: 250px;
    z-index: 9999;
    padding: 10px;
    display: none;
    margin: 10px;
}
#easylink_title{
	font-weight: bold;
	font-size:17px;
	color: #029eaa;
	border-bottom: 3px solid #029eaa;
	margin-bottom: 20px;
}
#easylink_form_input{
	margin:0 auto;
	text-align:center;
}
#easylink_form_input input{
    width: 90%;
    height:30px;
    font-size:17px;
	border:solid 1px #000000;
	border-radius: 0.5em;
	margin: 50px auto;
}
#easylink_form_close{
	margin-right:10px;
	float:right;
}
.recommend_word ul li{
	display:inline;
	font-size:13px;
}
.hos_table_index{
	background-color:lightgrey;
	width:100px;
}
.hos_table table{
	width:100%;
}
.hos_table table tbody tr td{
	padding:15px;
	border: solid 1px #808080;
}

.company_ad1 img{
	width:300px;
	height:255px;
}
.company_ad2 img{
	width:728px;
	height:90px;
}
.company_ad1,.company_ad2,.company_ad3{
	text-align:center;
}
.company_ad3 img{
	width:468px;
	height:60px;
}
.company_ad1_double{
	float:left;
	margin:10px;
}
.next_to_page{
	border-top:solid 1px #808080;
	margin:10px 10px 0 10px;
	padding-top:5px;
}
.old_page_link{
	float:left;
	width:150px;
}
.new_page_link{
	float:right;
	width:150px;
}
.old_page_link span, .new_page_link span{
	font-size:80%;
}
.next_to_page .cover {
    width: 150px;
    height: 150px;
    overflow: hidden;
}
.considered_word{
	margin:10px;
}
.considered_word ul li{
	display:inline;
	margin-right:15px;
}
.considered_word ul li a{
	text-decoration:underline;
}
#article_text h2{
	margin-bottom:15px;
}
#article_text h3{
	margin-bottom:10px;
}

/* slider */
.cover {
	display: inline-block !important;
	background-color: #ccc !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.entry_images {
	margin: 40px 0;
}
.single-item {
	margin: 20px 0;
	position: relative;
	width: 300px;
	margin: 0 auto;
}
.single-item .item {
    position: relative;
	width: 300px;
	height: 250px;
	margin: 0 auto;
}
.single-item .item a {
	display: block;
	width: 300px;
	height: 250px;
	overflow: hidden;
}
.single-item .item .caption {
    position: absolute;
    bottom: -16px;
    left: 0;
    background-color: rgba(0,0,0, 0.5);
    text-align: center;
    font-size: 16px;
    color: #fff;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    margin: 10px 0;
}
.slick-prev {
	left: 0 !important;
}
.slick-next {
	right: 0 !important;
}
.slick-dots {
	bottom: -25px !important;
}
.related_articles .related_article_image, .summary_image  {
    width: 72px;
    height: 72px;
    background: #000;
    text-align: center;
    float:left;
    overflow: hidden;
}
.related_articles, .summary {
    border: solid 1px #B3B3B3;
    padding:5px;
    width: 98%;
    margin: 20px auto;
    overflow: hidden;
}
.related_articles a{
    display: block;
    width: 100%;
    height: 72px;
}
.related_articles .related_article_text, .summary_text {
    color: #999999;
    float: left;
    margin-left:5px;
    width: 85%;
}
.summary_text_wide {
    color: #999999;
    margin-left:5px;
}
.related_articles .related_title, .summary_title {
    color: #029EAA;
    font-size: 90%;
}
.related_articles .related_index, .related_articles .related_body,#article_text .summary_body, .summary_index {
    font-size: 80%;
}
.summary_quote {
    border-left: 3px solid #C0C0C0;
}
.summary_qbody {
    font-size: 88%;
    font-weight: bold;
    padding-left: 15px;
}
.summary_qtitle {
    font-size: 11px;
    color: #b2b2b2;
    text-align: right;
}
.summary h3, .summary_quote h3{
    margin-bottom:0px !important;
}
.summary a{
    text-decoration: none;
    color: #000;
}
.summary_quote a{
    text-decoration: none;
    color: #666666;
}
.summary_title a {
    color: #029EAA;
}
.summary_qtitle a {
    color: #aaa;
}
.summary_dq {
    background-color: #f6f5f4;
    padding: 8px;
    border-radius: 0.5em;
    margin-bottom: 8px;
}

.media_row {
	margin: 24px;
	display: block;
}
.media_date {
	position: absolute;
	display: inline-block;
	width: 120px;
}
.media_label {
	position: absolute;
	margin: 0 15px 0 15px;
	display: inline-block;
	margin-left: 120px;
}
.media_link {
	display: inline-block;
	padding-left: 236px;
}
#summary_form_area {
    border: solid 3px #B3B3B3;
    padding: 15px;
    width: 600px;
    margin: 0px auto;
    top: 30%;
    left: 65%;
    margin-left: -300px;
    position: absolute;
    background-color: #fff;
    z-index: 100;
    border-radius: 0.5em;
}
.summary_input_form {
    margin: 10px;
}
.summary_radio_form {
    margin: 10px;
}
.summary_button_form button {
    padding: 5px;
    cursor: pointer;
    margin-right: 10px;
}
.summary_button_form {
    margin:10px;
    text-align: right;
}
.summary_input_form textarea {
    width:100%;
    height: 300px;
}
.summary_form_disabled {
    background-color: #F5F5F5;
}