@charset "utf-8";

/* ------------------------------------------------------------
							layout
------------------------------------------------------------ */
#portal_top {
	margin:	0;
	padding: 0;
	color: #4D4D4D;
	text-align: left;
}

a:hover,a:focus,a:active{
	text-decoration: none;
}

#portal_top #header {
	margin:	0 auto;
	padding: 16px 0 0 0;
	width: 980px;
	height: 56px;
}

#footer {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	position: relative;
}

/* ------------------------------------------------------------
							header
------------------------------------------------------------ */
#portal_top #header h1 {
	float: left;
	width:270px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#header #entry_wrap,
#header #entry_wrap_login {
	float: right;
}

/* nav
----------------------------------------- */

#nav {
	margin: 0 auto;
	width: 980px;
	line-height: 40px;
}

#left_nav{
	float: left;
}

#right_nav{
	float: right;
}

#left_nav li {
	float: left;
	font-weight: bold;
	padding-right: 30px;
	text-shadow: 1px 1px #FFF;
	font-size: 15px;
}

#right_nav li{
	float: left;
	padding:6px 0 0 10px;
}

#right_nav li#fb_header a {
	background-position: 0 -28px;
}
#right_nav li#tw_header a {
	background-position: -28px -28px;
}
#right_nav li#fb_header a:hover {
	background-position: 0 -28px;
}
#right_nav li#tw_header a:hover {
	background-position: -28px -28px;
}

#nav a,
#nav  a:link,
#nav a:visited {
	color: #808080;
}

#nav a:hover,
#nav a:focus,
#nav a:active{
	color:#E80011;
}

/* nav 言語毎の設定 */
.nav_cn li,
.nav_tw li{
/* 	font-family:Microsoft YaHei,SimHei,Hiragino Sans GB,Heiti SC,STHeitiSC,STHeiti; */
}

.nav_ko li{
	font-size: 16px !important;
}

#nav li:first-child {
	padding-left: 0;
}

/* entry_btn（ログイン前）
----------------------------------------- */
/* layout */
#entry_wrap li {
	float:left;
	padding-right: 10px;
	height: 40px;
}

li#sign_up {
	padding-right: 1px;
	height: 38px;
	text-align: center;
	color: #FFF;
	font-weight:bold;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#entry_wrap a {
	display: block;
	text-align: center;
	color: #FFF;
	font-weight:bold;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

/* layout（言語毎の設定） */
.entry_wrap_tw ,
.entry_wrap_cn{
/* 	font-family:Microsoft YaHei,SimHei,Hiragino Sans GB,Heiti SC,STHeitiSC,STHeiti; */
}

/* login */

#login a span {
	width: 118px;
	display: block;
	cursor:pointer;
	background: linear-gradient(top,#2490D9,#3FA9F5));
	background: -webkit-gradient(linear, left top, left bottom,from(#2490D9),to(#3FA9F5));
	background: -moz-linear-gradient(top,#2490D9,#3FA9F5);
	background: -o-linear-gradient(top,#2490D9,#3FA9F5);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset;
	-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset;
	-moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset;
	text-shadow: -1px -1px 0px #0071BC;
}

#login a:hover span{
	background: #2490D4;
	box-shadow:0px 0px 8px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.1) inset;
	/*-- ie7,8 --*/
	*background:none;
	background:none\9;
}

/* login（言語毎の設定） */
.entry_wrap_en #login a {
	font-size: 18px;
}
.entry_wrap_en #login a span{
	padding-top: 5px;
	height: 33px;
}

.entry_wrap_tw #login a {
	font-size: 18px;
}
.entry_wrap_tw #login a span{
	padding-top: 6px;
	height: 32px;
}

.entry_wrap_cn #login a {
	font-size: 18px;
}
.entry_wrap_cn #login a span{
	padding-top: 6px;
	height: 32px;
}

.entry_wrap_ko #login a {
	font-size: 18px;
}
.entry_wrap_ko #login a span{
	padding-top: 7px;
	height: 31px;
}

.entry_wrap_de #login a {
	font-size: 16px;
}
.entry_wrap_de #login a span{
	padding-top: 8px;
	height: 30px;
}

.entry_wrap_es #login a {
	font-size: 18px;
}
.entry_wrap_es #login a span{
	padding-top: 7px;
	height: 31px;
}

.entry_wrap_fr #login a {
	font-size: 17px;
}
.entry_wrap_fr #login a span{
	padding-top: 7px;
	height: 31px;
}

.entry_wrap_pt #login a {
	font-size: 18px;
}
.entry_wrap_pt #login a span{
	padding-top: 6px;
	height: 32px;
}

.entry_wrap_vi #login a {
	font-size: 18px;
}
.entry_wrap_vi #login a span{
	padding-top: 5px;
	height: 33px;
}

/* sign_up */


#sign_up span{
	display: block;
	cursor:pointer;
	width: 118px;
	background: linear-gradient(top,#F7931E,#FBB03B));
	background: -webkit-gradient(linear, left top, left bottom,from(#F7931E),to(#FBB03B));
	background: -moz-linear-gradient(top,#F7931E,#FBB03B);
	background: -o-linear-gradient(top,#F7931E,#FBB03B);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset;
	-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset;
	-moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset;
	text-shadow: -1px -1px 0px #CB7329;
}

#sign_up:hover span{
	background: #E48A1C;
	box-shadow:0px 0px 8px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.1) inset;
		/*-- ie7,8 --*/
		*background:none;
		background:none\9;
}

/* sign_up（言語毎の設定） */
.entry_wrap_en #sign_up {
	font-size: 18px;
}
.entry_wrap_en #sign_up span{
	padding-top: 5px;
	height: 33px;
}

.entry_wrap_tw #sign_up {
	font-size: 18px;
}
.entry_wrap_tw #sign_up span{
	padding-top: 6px;
	height: 32px;
}
.entry_wrap_cn #sign_up {
	font-size: 18px;
}
.entry_wrap_cn #sign_up span{
	padding-top: 6px;
	height: 32px;
}
.entry_wrap_ko #sign_up {
	font-size: 16px;
}
.entry_wrap_ko #sign_up span{
	padding-top: 8px;
	height: 30px;
}
.entry_wrap_de #sign_up {
	font-size: 15px;
}
.entry_wrap_de #sign_up span{
	padding-top: 9px;
	height: 29px;
}
.entry_wrap_es #sign_up {
	font-size: 17px;
}
.entry_wrap_es #sign_up span{
	padding-top: 8px;
	height: 30px;
}

.entry_wrap_fr #sign_up {
	font-size: 17px;
}
.entry_wrap_fr #sign_up span{
	padding-top: 7px;
	height: 31px;
}

.entry_wrap_pt #sign_up {
	font-size: 18px;
}
.entry_wrap_pt #sign_up span{
	padding-top: 6px;
	height: 32px;
}

.entry_wrap_vi #sign_up {
	font-size: 18px;
}
.entry_wrap_vi #sign_up span{
	padding-top: 5px;
	height: 33px;
}



/* entry_btn（ログイン後）
----------------------------------------- */
/* layout */
#entry_wrap_login {
	position:relative;
	float:right;
}

.entry_wrap_login_tw #dashbord ,
.entry_wrap_login_cn #dashbord {
/* 	font-family:Microsoft YaHei,SimHei,Hiragino Sans GB,Heiti SC,STHeitiSC,STHeiti; */
}

/* dashbord */
#dashbord {
	width: 120px;
	height: 40px;
	padding-right: 200px;
}


#dashbord a span{
	display: block;
	cursor:pointer;
	background: linear-gradient(top,#4F9EBC,#6EAFC8);
	background: -webkit-gradient(linear, left top, left bottom,from(#4F9EBC),to(#6EAFC8));
	background: -moz-linear-gradient(top,#4F9EBC,#6EAFC8);
	background: -o-linear-gradient(top,#4F9EBC,#6EAFC8);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset;
	-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset;
	-moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset;
	text-shadow: -1px -1px 0px #2B8AAE;
}



#dashbord a:hover span{
	background: #2B8AAE;
	box-shadow:0px 0px 8px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.1) inset;
		/*-- ie7,8 --*/
		*background:none;
		background:none\9;
}

/* dashbord（言語毎の設定） */
.dashbord_en a,
.dashbord_tw a ,
.dashbord_cn a ,
.dashbord_de a,
.dashbord_ko a{
	width: 118px;
	height: 38px;
	font-size: 17px;
}
.dashbord_en a span,
.dashbord_tw a span,
.dashbord_cn a span,
.dashbord_de a span,
.dashbord_ko a span,
.dashbord_vi a span{
	padding-top: 8px;
	width: 118px;
	height: 31px;
}

#entry_wrap_login li.dashbord_fr,
#entry_wrap_login li.dashbord_vi {
	padding-right: 220px !important;
}

#entry_wrap_login li.dashbord_fr a span,
#entry_wrap_login li.dashbord_vi a span{
	padding-top: 8px;
	width: 138px;
	height: 30px;
}
/*-- ie7,8 --*/


#entry_wrap_login li.dashbord_es {
	padding-right: 240px !important;
}


/*-- ie7,8 --*/

#entry_wrap_login li.dashbord_es a span{
	padding-top: 9px;
	width: 158px;
	height: 29px;
}

#entry_wrap_login li.dashbord_pt {
	padding-right: 210px !important;
}

/*-- ie7,8 --*/

#entry_wrap_login li.dashbord_pt a span{
	padding-top: 8px;
	width: 128px;
	height: 30px;
}


/* acount_wrap */
#acount_wrap {
	width: 188px;
	color: #808080;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
/* 	font-family: Arial, sans-serif; */
	z-index:6;
	padding:1px;
	background:#CCC;
	background: linear-gradient(top,#D4D4D4,#CCC);
	background: -webkit-gradient(linear, left top, left bottom,from(#D4D4D4),to(#CCC));
	background: -moz-linear-gradient(top,#D4D4D4,#CCC);
	background: -o-linear-gradient(top,#D4D4D4,#CCC);
	position: absolute;
	top:0;
	left:130px;
}

#acount_wrap a {
	color: #808080;
}

/* acount_wrap（言語毎の設定） */
.entry_wrap_login_fr #acount_wrap,
.entry_wrap_login_vi #acount_wrap {
	left:150px !important;
}
.entry_wrap_login_es #acount_wrap {
	left:170px !important;
}
.entry_wrap_login_pt #acount_wrap {
	left:140px !important;
}

/*-- ie --*/

:root #acount_wrap {
	width: 188px;
	height:auto\0/;
	padding:1px\0/;
}

/*-- ie --*/

#acount_inner_wrap {
	width: 188px;
	background: #F8F8F8;
	background: linear-gradient(top,#E8E8E8,#F8F8F8);
	background: -webkit-gradient(linear, left top, left bottom,from(#E8E8E8),to(#F8F8F8));
	background: -moz-linear-gradient(top,#E8E8E8,#F8F8F8);
	background: -o-linear-gradient(top,#E8E8E8,#F8F8F8);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset;
	-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset;
	-moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset;
}

/*-- ie --*/
#acount_inner_wrap {
	*width: 188px;
	width: 188px\9;
	*background:none;
	background:none\9;
}

:root #acount_inner_wrap {
	width: 188px\0/;
}

#acount_inner_wrap:hover{
	width: 188px;
	background: #F0F0F0;
	background: linear-gradient(top,#F8F8F8,#F0F0F0));
	background: -webkit-gradient(linear, left top, left bottom,from(#F8F8F8),to(#F0F0F0));
	background: -moz-linear-gradient(top,#F8F8F8,#F0F0F0);
	background: -o-linear-gradient(top,#F8F8F8,#F0F0F0);
	box-shadow:0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.2);
}


:root #acount_inner_wrap:hover{
	width: 188px\0/;
	padding: 0\0/;
}


#acount_menu ul{
	border-top: 1px #CCC solid;
}

#acount_menu  li{
	line-height:0;
}

#acount_menu  li.last_child  a {
	border-radius:0 0 5px 5px;
}
#acount_menu  li a:hover {
	background-color: #E8E8E8;
}
#acount_menu  li.last_child  a{
	border-bottom: none;
}

#acount_menu{
	display: none;
}

/* ------------------------------------------------------------
							footer
------------------------------------------------------------ */
#footer_global a:focus,
#footer_global a:hover,
#footer_global a:active {
	text-decoration:underline;
}



/* Footer_outline
------------------------------------------------------------ */

#footer_outline {
	width: 980px;
	margin: 0 auto 40px;
}

#footer_outline ul{
	border-top: 1px dotted #D7D7D7;
	padding: 20px 0 10px 0;
	font-size: 100%;
	text-align:center;
}

#footer_outline ul li {
	display: inline;
	margin: 0 15px;
}

#footer_outline p.copyright {
	font-style:normal;
	padding:0 0 10px;
	text-align:center;
}

/* Footer_sub menu
------------------------------------------------------------ */

/* ------------------------------------------------------------
					modal&Overlay form
------------------------------------------------------------ */

#modalbox {
	display:none;
	position:fixed;
	top: 50%;
	left:50%;
	margin-top:-321px;
	margin-left:-290px;
	z-index:9999;
	background:#fff;
	width:560px;
	padding:40px 0 0 0;
	border-radius: 6px;
	box-shadow: 0px 0px 120px rgba(0, 0, 0, 1);
}

#modal_inner {
	position:relative;
	padding: 0 0 40px;
}

#modal_inner  > div{
	padding: 10px 0 40px 0;
}

#form_logo {
	font-size: 100%;
	margin: 0 auto 20px;
	width:224px;
	height:50px;
	white-space:nowrap;
	overflow:hidden;
}

#close {
  position: absolute;
	cursor:pointer;
	top:-55px;
	right:-15px;
}

#modalbox #form_wrap {
	margin: 0 auto;
	max-width: 80%;
	max-height:540px;
	overflow: auto;
	text-align: left;
}

#modalbox form input[type=text],
#modalbox form input[type=password] {
	font-size:18px;
	font-weight:normal;
	margin: 0 0 5px;
	width: 80%;
	height: 38px;
	background-color:#F8F8F8;
	border: 1px solid #CCCCCC;
	border-radius:4px;
   	-webkit-border-radius:4px;
    	-moz-border-radius:4px;
/*
	box-shadow:0px 0px 8px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.1) inset;
*/
	padding: 0 0 0 10px;
	*height: 30px;
	height: 30px\9;
	*padding: 8px 0 0 10px;
	padding: 8px 0 0 10px\9;
}

:root #modalbox form input[type=text],
:root #modalbox form input[type=password] {
	padding: 0 0 0 10px\9;
	height: 38px\9;
}

.placeholder {
	color:#999;
}

#modalbox form p span {
	font-size:14px;
	font-weight:bold;
}
#modalbox form p {
	margin:-5px 0 10px;
}

#modalbox form #agree_check {
	margin: 20px 0 10px;
	width: 100%;
	text-align: center;
}

input[type=checkbox] {
	margin-right: 5px;
}

#agree_check  a{
	text-decoration:underline;
}

#modalbox form ul.error_message  {
	 display:none;
	margin-bottom:10px;
	color: #E80011;
}


#registration input[type=button] {
	width: 100%;
	font-size: 22px;
	text-align: center;
	border: 0;
	border-radius: 40px;
	color: #FFFFFF;
	background: #EA525E;
	margin: 0 auto 30px auto;
	padding: 14px 40px;
	cursor: pointer;
}

#registration input[type=button]:hover{
}

#complete_wrap {
	width:360px;
	margin: 0 auto;
}

#complete_wrap_blog {
	width:360px;
	margin: 0 auto;
}

.complete_title {
	padding: 20px 0 20px 0;
	text-align:center;
	font-size: 26px;
	font-weight: bold;
}

.complete {
	text-align:center;
	font-size: 14px;
	line-height:1.6;
	word-wrap:normal;
	word-break:normal;
}

#overlay {
	opacity:0;
	filter: alpha(opacity=0);
	position:fixed;
	top:0;
	left:0;
	z-index:9998;
	width:100%;
	height:100%;
}

/* CAPTCHA verification */
.captcha_verification {
	margin: 30px 0 0;
}

#captcha {
	margin:-right: 4px;
	vertical-align: middle;

}

.refresh_captcha {
	width: 24px;
	height: 24px;
	border-radius: 4px;
	border: 1px solid #ccc;
	background: linear-gradient(to bottom,#f7f7f7 0,#efefef 100%);
	padding: 0;
}

#modalbox form #captcha_numbers {
	display: block;
	margin-top: 10px;
/* 	width: 300px; */
	font-size: 14px;
}


/* clearfix
------------------------------------------------------------ */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

*:first-child+html .clearfix { display: inline-block; }








/*
=====================================================================
*
*	320px から 959px の指定
*
* ===================================================================
*/
@media screen and (min-width: 320px) and (max-width: 959px) {

	#modalbox {
		display:none;
		position:fixed;
		top: 50%;
		left:50%;
		margin-top:-321px;
		margin-left:-40%;
		z-index:9999;
		background:#fff;
		width:80%;
		padding:40px 0 0 0;
		border-radius: 6px;
		box-shadow: 0px 0px 120px rgba(0, 0, 0, 1);
	}

}

/*

*/
hr, input[type=search] {
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
pre, textarea {
	overflow: auto
}
.normal_table, .topic_table, table {
	border-collapse: collapse
}
body, fieldset {
	margin: 0
}
.isVisuallyhidden, fieldset, legend, td, th {
	padding: 0
}
.ir, fieldset, img, legend {
	border: 0
}
.isHidden, .isInvisible {
	visibility: hidden
}
.service_link_item a, .service_link_item span, .user_contents_btn {
	-o-transition: background-color .1s linear 0;
	-webkit-transition: background-color .1s linear 0;
	-ms-transition: background-color .1s linear 0;
	-moz-transition: background-color .1s linear 0;
	transition: background-color .1s linear 0
}
.normal_table, .topic_table, table {
	border-spacing: 0
}
body {
	min-width: 960px;
	background: #fff;
	font-family: "Helvetica Neue", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
	display: none
}
a {
	background: 0 0;
	text-decoration: none
}
a:active, a:hover, input, select, textarea {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, optgroup, strong {
	font-weight: 700
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
.content_moreload .under_arr_icon, .content_moreload .upper_arr_icon, .gnav_adult_btn .pink_triangle_icon, .gnav_normal_btn .blue_triangle_icon, .isAdult .gnav_adult_btn .pink_triangle_icon, .main_admin_area .default_btn .editor_icon, .main_admin_area .default_btn span, .main_admin_area .default_user_icon, .main_admin_area .primary_btn .editor_icon, .main_admin_area .primary_btn span, .main_admin_area .profile_img_mask, .main_admin_area .under_triangle_icon, .service_icon, .service_icon+span, .service_link_item .blog_icon, audio, canvas, img, video {
	vertical-align: middle
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 1em 40px
}
hr {
	height: 0
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
.gnav_item.drop_btn:hover, button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}
input {
	line-height: normal
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	height: auto
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}
textarea {
	resize: vertical
}
ol, ul {
	list-style: none
}
.ir {
	background-color: transparent;
	overflow: hidden
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%
}
.isHidden {
	display: none!important
}
.isVisuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	position: absolute;
	width: 1px
}
.isVisuallyhidden.focusable:active, .isVisuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}
#col_nav, .contents_area_wrap {
	position: relative
}
.cf:after, .cf:before {
	content: " ";
	display: table
}
.cf:after {
	clear: both
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 13px;
	line-height: 1.4
}
button, html, input, select, textarea {
	color: #4d4d4d
}
a:link, a:active, a:visited {
	color: #2e5cb4
}
#contents_body, #sh_header {
	min-width: 980px;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 10px;
	background-color: #fff;
	overflow: hidden;
	clear: both
}
#contents_body {
	padding-top: 30px;
	margin-bottom: 24px
}
#col_nav {
	float: left;
	width: 160px;
	z-index: 500
}
.col_3_rigth {
	width: 300px;
	float: right
}
.col_3_center {
	max-width: 633px;
	margin-left: 183px;
	margin-right: 324px;
	zoom: 1
}
.col_2_main {
	margin: 0 0 0 183px
}
#h-gnav_inner, #h-main_inner, #h-service_all_inner, #h-service_link_inner {
	margin: 0 auto;
	min-width: 920px;
	max-width: 1140px
}
.service_icon {
	display: inline-block;
	width: 24px;
	height: 24px
}
.ie7 .service_icon {
	display: inline;
	zoom: 1
}

.under_triangle_icon {
	width: 8px;
	height: 5px;
	background-position: -2px -235px
}
.isActive .under_triangle_icon {
	background-position: -2px -244px
}
.editor_icon {
	width: 19px;
	height: 19px;
	background-position: -171px -1px
}
.primary_btn .editor_icon {
	background-position: -171px -89px
}
#h-service_link {
	background: #eaeaea;
	font-size: 13px;
	line-height: 1;
	font-weight: 400;
	width: 100%;
	overflow: hidden;
	z-index: 5999;
	border-bottom: 1px solid #ddd
}
#h-service_link_inner {
	overflow: hidden
}
.service_link_list {
	text-align: right;
	padding: 0;
	margin: 0 -5px 0 0;
	overflow: hidden
}
.service_link_item {
	float: right;
	margin: 0
}
.service_link_item .isActive {
	background-color: #fff;
	position: relative;
	z-index: 5700
}
.service_link_item .isActive:hover {
	background-color: #fff
}
.ie7 .service_link_item {
	zoom: 1;
	margin-bottom: -3px
}
#service_more_btn, .service_link_item a {
	color: #6c6c6c;
	text-decoration: none;
	padding: 4px 10px;
	display: block;
	line-height: 1
}
.ie7 #service_more_btn, .ie7 .service_link_item a {
	display: inline;
	zoom: 1
}
.ie7 #service_more_btn {
	margin-top: -3px
}
.service_link_item a:hover, .service_link_item span:hover {
	background-color: #dadada
}
#h-service_all {
	top: 20px;
	left: 0;
	width: 100%;
	background: #fff;
	background: rgba(255, 255, 255, .98);
	border: 1px solid #e1e8ed;
	border: 0 solid rgba(0, 0, 0, .25);
	border-radius: 2px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
	text-align: left;
	z-index: 5500;
	padding-bottom: 16px;
	position: absolute
}
.ie7 #h-service_all {
	border-bottom: 2px solid #ccc
}
.service_vertical_group {
	width: 20%;
	float: left
}
.service_list_title {
	font-weight: 700;
	margin: 18px 0 4px
}
.service_item, .service_list {
	margin: 0;
	padding: 0
}
.service_item a {
	padding: 5px 3px;
	margin: 0 16px 0 0
}
.service_item a:hover {
	background-color: #f5f8fa
}
.service_link_item .service_item span:hover {
	background-color: transparent
}
#h-main, #h-main_inner {
	background-color: #fff
}
#h-main_inner {
	position: relative;
	color: #333;
	text-align: left;
	height: 64px;
	margin: 0 auto;
	z-index: 4999;
	padding: 0 10px
}
.default_btn, .genre_more_btn, .left_bnr, .login_text, .primary_btn {
	text-align: center
}
#h-main_inner .service_logo {
	margin: 6px 0 0;
	float: left;
	font-size: 100%;
}

.service_logo a {
	display: block;
}
.service_logo a span {
	font-size: 29px;
	font-weight: bold;
	color: #222222;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	margin: 6px 0 0 2px;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	-ms-transform-origin: 0 0;
	-ms-transform: scale(1, 1.02);
	-moz-osx-font-smoothing: grayscale;
}
.service_logo_cn a span,
.service_logo_tw a span,
.service_logo_ko a span {
	font-size: 25px;
	letter-spacing: 0.02em;
	margin: 5px 0 0 2px;
}
.service_logo_th a span {
	letter-spacing: 0;
	margin: 4px 0 0 4px;
}
.main_search {
	position: relative;
	width: 450px;
	float: left;
	margin: 17px 0 0 20px
}
.main_search_txt {
	width: 406px;
	padding: 6px 35px 6px 5px;
	height: 16px;
	border: 1px solid #ccc;
	border-radius: 3px;
	outline: 0
}
.main_search_btn {
	width: 38px;
	height: 30px;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	background: #f6f6f6;
	background: -moz-linear-gradient(top, #f6f6f6 1%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f6f6f6), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #f6f6f6 1%, #efefef 100%);
	background: -o-linear-gradient(top, #f6f6f6 1%, #efefef 100%);
	background: -ms-linear-gradient(top, #f6f6f6 1%, #efefef 100%);
	background: linear-gradient(to bottom, #f6f6f6 1%, #efefef 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#efefef', GradientType=0);
	padding: 6px 5px;
	border: 1px solid #ccc;
	border-radius: 0 3px 3px 0;
	outline: 0
}
.main_admin_area .login_btn, .main_admin_area .primary_btn {
	color: #4d4d4d;
	border-radius: 3px
}
.main_search_btn:hover {
	background: #efefef;
	background: -moz-linear-gradient(top, #efefef 0, #dfdfdf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(100%, #dfdfdf));
	background: -webkit-linear-gradient(top, #efefef 0, #dfdfdf 100%);
	background: -o-linear-gradient(top, #efefef 0, #dfdfdf 100%);
	background: -ms-linear-gradient(top, #efefef 0, #dfdfdf 100%);
	background: linear-gradient(to bottom, #efefef 0, #dfdfdf 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dfdfdf', GradientType=0);
	outline: 0
}
.main_search_btn:active {
	background: #f7f7f7;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1)inset;
	outline: 0
}
.ie7 .main_search_btn {
	top: 1px
}
.main_search_icon {
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPNJREFUeNqkU4ENgjAQBOIAjMAIuAEOQNAJhA10AnQCwwTCBJowALoBIzACI3ifnOQthaA2+Vxz9K9f/t5x/lyuScRxnAIShE+qQ1R1XT9mBZAoCQ0inLhMBHYQ6jW5mkiWw0/uE/IR4obYjCqAwAmQk8twS2k86wI42L57xD2xNJNlgTuyKn32QyAgVjM/vCBGNoElq7eRpkAwI5Coto4E7sScHTG9IV1IVYdGAoWqoEHC1jBWQ2PJM85TRpKD1wX/ohUvvA3lqVaVNEk34cKM+5BV+tZZUG8eZgHinaXKFvza/Xb6lIiYLvtphCEymOklwAAmBE302s1BIwAAAABJRU5ErkJggg==);
	width: 16px;
	height: 16px;
	display: block;
	margin: 0 auto
}
.user_contents_wrap {
	float: left;
	position: relative;
	margin-left: 8px
}
.drop_btn_overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}
.user_contents_btn {
	position: relative;
	padding: 5px;
	margin-top: -5px
}
.user_contents_btn:hover {
	background-color: #f5f8fa
}
.main_admin_area {
	position: absolute;
	top: 15px;
	right: 9px
}
.main_admin_area .login_btn {
	height: 20px;
	line-height: 1em;
	display: inline-block;
	float: left;
	padding: 9px 16px 5px;
	font-size: 14px;
	background: 0 0;
	font-weight: 700;
	margin-right: 8px
}
.main_admin_area .login_btn:hover {
	text-decoration: underline
}
.main_admin_area .primary_btn:hover {
	text-decoration: none
}
.main_admin_area .default_btn, .main_admin_area .primary_btn {
	height: 20px;
	line-height: 1em;
	float: left;
	text-decoration: none;
	padding: 7px 16px 6px;
	font-size: 14px;
	cursor: pointer
}
.login_text a:hover, .topic_path_item a:hover {
	text-decoration: underline
}
.main_admin_area .default_btn .editor_icon, .main_admin_area .primary_btn .editor_icon {
	margin-right: 5px
}
.main_admin_area .user_contents_btn:hover {
	cursor: default;
	background: 0 0
}
.main_admin_area .admin_link_btn_text {
	width: 75px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: middle
}
.main_admin_area .default_user_icon {
	margin-right: 4px;
	border-radius: 16px;
	width: 32px;
	height: 32px;
	background-position: -165px -30px
}
.main_admin_area .profile_img_mask {
	width: 32px;
	height: 32px;
	border-radius: 16px;
	display: inline-block;
	overflow: hidden
}
.main_admin_area .profile_img_mask img {
	max-width: 50px;
	position: relative
}
.ie7 .main_admin_area #user_contents_btn, .ie7 .main_admin_area .admin_link_btn_text, .ie7 .main_admin_area .login_btn, .ie7 .main_admin_area .primary_btn {
	display: inline;
	zoom: 1
}
.user_contents_area_wrap {
	position: absolute;
	top: 37px;
	left: -100px
}
.user_contents_area {
	width: 240px;
	margin-top: 10px;
	z-index: 500;
	background: #fff;
	background: rgba(255, 255, 255, .98);
	border: 1px solid #e1e8ed;
	border: 0 solid rgba(0, 0, 0, .25);
	border-radius: 2px;
	box-shadow: 0 0 4px rgba(0, 0, 0, .25);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}
.drop_item a, .left_nav_item a {
	-o-transition: background-color .1s linear 0;
	-ms-transition: background-color .1s linear 0;
	-moz-transition: background-color .1s linear 0;
	transition: background-color .1s linear 0;
	-webkit-transition: background-color .1s linear 0
}
.user_contents_list {
	margin: 0;
	padding: 8px 8px 4px;
	border-bottom: 1px solid #e7e7e7
}
.user_contents_list .blog_id {
	font-weight: 700
}
.user_contents_item.blog_id {
	display: block;
	padding: 4px 8px
}
.user_contents_item a, .user_helper_item a {
	display: block;
	padding: 2px 8px
}
.user_contents_item a:hover, .user_helper_item a:hover {
	background-color: #f5f8fa
}
.user_helper_list {
	margin: 0;
	padding: 6px 8px 5px
}
.user_contents_area_inner {
	position: relative;
	background: #fff;
	border-radius: 2px
}
.gnav_adult_btn a, .gnav_normal_btn a, .isAdult .gnav_adult_btn a {
	line-height: 1em;
	border-radius: 3px
}
.user_contents_area_inner:after, .user_contents_area_inner:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}
.user_contents_area_inner:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px
}
.user_contents_area_inner:before {
	border-color: transparent transparent #ccc;
	border-width: 11px;
	margin-left: -11px
}
#h-gnav {
	border-bottom: 3px solid #ec5763;
	border-top: 1px solid #ddd;
	width: 100%;
	height: 45px;
	z-index: 3999;
	position: relative;
	margin: 0;
	line-height: 45px;
	background-color: #fff
}
#h-gnav_inner {
	margin: 0 auto;
	padding: 0 10px
}
.gnav_normal_btn {
	float: right;
	padding-top: 8px
}
.gnav_normal_btn a {
	padding: 6px 23px 5px;
	font-size: 12px;
	color: #2f86ed;
	border: 1px solid #2f86ed;
	background-color: #fff;
	font-weight: 700;
	display: block
}
.gnav_normal_btn a:hover {
	color: #fff;
	background-color: #2f86ed
}
.gnav_normal_btn a:hover .blue_triangle_icon {
	background-position: center -458px
}
.gnav_adult_btn a:hover .pink_triangle_icon, .isAdult .gnav_adult_btn a:hover .pink_triangle_icon {
	background-position: center -459px
}
.ie7 .gnav_normal_btn a {
	padding: 3px 22px 2px
}
.isAdult .gnav_adult_btn {
	float: right;
	padding-top: 8px
}
.isAdult .gnav_adult_btn a {
	padding: 6px 23px 5px;
	font-size: 12px;
	color: #4B92D1;
	border: 1px solid #4B92D1;
	background-color: #fff;
	font-weight: 700;
	display: block
}
.isAdult .gnav_adult_btn a:hover {
	color: #fff;
	background-color: #4B92D1
}
.gnav_adult_btn {
	float: right;
	padding-top: 8px
}
.gnav_adult_btn a {
	padding: 6px 23px 5px;
	font-size: 12px;
	color: #ea2f76;
	border: 1px solid #ea2f76;
	background-color: #fff;
	font-weight: 700;
	display: block
}
.gnav_adult_btn a:hover {
	color: #fff;
	background-color: #ea2f76
}
.ie7 .gnav_adult_btn a {
	padding: 3px 22px 2px
}
.gnav_list {
	margin: 0 0 0 -16px;
	padding: 0
}
.gnav_item {
	float: left;
	padding: 0;
	font-weight: 700;
	position: relative
}
.gnav_item a, .gnav_item span {
	font-size: 14px;
	padding: 10px 13px;
	color: #4d4d4d
}
.gnav_item a:hover, .gnav_item span:hover {
	color: #959595
}
.gnav_item .drop_btn {
	padding-right: 28px
}
.gnav_item.lang_select {
	float: right;
	font-weight: 400;
	display: none
}
#body_top .gnav_item.lang_select, #body_top2 .gnav_item.lang_select, .drop_btn:hover .drop_contents, .drop_item a, .isHover .drop_contents, .primary_btn {
	display: block
}
.click_drop_btn:hover {
	cursor: pointer
}
.ie7 .gnav_item.drop_btn span {
	line-height: 5em
}
.ie7 .gnav_item .drop_btn {
	padding: 0 8px 0 0
}
.drop_list {
	position: absolute;
	top: 40px;
	left: 11px;
	width: 186px;
	padding: 0;
	background: #fff;
	background: rgba(255, 255, 255, .98);
	border: 1px solid #e1e8ed;
	border: 0 solid rgba(0, 0, 0, .25);
	border-radius: 2px;
	box-shadow: 0 0 4px rgba(0, 0, 0, .35)
}
.drop_item {
	padding: 0
}
.drop_item .drop_item_adult, .drop_item .drop_item_adult:hover {
	color: #ea2f76
}
.drop_item a {
	font-weight: 400;
	padding: 8px 16px;
	line-height: 1em
}
.drop_item a:hover {
	color: #4d4d4d;
	background-color: #f5f8fa
}
.drop_list_inner {
	position: relative;
	background: #fff;
	border-radius: 2px;
	padding: 8px 0
}
.drop_list_inner:after, .drop_list_inner:before {
	bottom: 100%;
	left: 26px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}
.drop_list_inner:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px
}
.drop_list_inner:before {
	border-color: transparent transparent #ccc;
	border-width: 11px;
	margin-left: -11px
}
.isHover #service_more_btn {
	background-color: #fff;
	z-index: 5800;
	position: relative;
	cursor: default
}
.page_title {
	color: #4d4d4d;
	font-size: 28px;
	margin: 40px 0 40px 183px;
	padding: 0;
	font-weight: 400;
	line-height: 1em
}
.page_title_sup {
	padding-left: 20px
}
.page_sub_title {
	font-size: 20px;
	margin: 24px 0 4px;
	font-weight: 400
}
.default_btn, .primary_btn {
	padding: 8px 24px;
	font-size: 14px
}
.topic_path_list {
	padding: 0 0 8px 24px;
	margin: 0;
	overflow: hidden
}
.topic_path_item {
	float: left
}
.topic_path_item .path_gt {
	padding: 0 3px
}
.primary_btn {
	border-radius: 5px;
	border: 1px solid #36d6bd;
	margin: 0 0 10px;
	background: #36d6bd;
	color: #fff!important
}
.primary_btn:hover {
	background: #36d6bd;
}
.primary_btn:active {
	background: #36d6bd;
}
.login_text a {
	font-weight: 700
}
.default_btn {
	border: 1px solid #cccdce;
	border-radius: 3px;
	display: inline-block;
	color: #4d4d4d!important;
	background: #f7f7f7;
	background: -moz-linear-gradient(top, #f7f7f7 0, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #f7f7f7 0, #efefef 100%);
	background: -o-linear-gradient(top, #f7f7f7 0, #efefef 100%);
	background: -ms-linear-gradient(top, #f7f7f7 0, #efefef 100%);
	background: linear-gradient(to bottom, #f7f7f7 0, #efefef 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#efefef', GradientType=0)
}
.default_btn:hover {
	background: #efefef;
	background: -moz-linear-gradient(top, #efefef 0, #dfdfdf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(100%, #dfdfdf));
	background: -webkit-linear-gradient(top, #efefef 0, #dfdfdf 100%);
	background: -o-linear-gradient(top, #efefef 0, #dfdfdf 100%);
	background: -ms-linear-gradient(top, #efefef 0, #dfdfdf 100%);
	background: linear-gradient(to bottom, #efefef 0, #dfdfdf 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dfdfdf', GradientType=0)
}
.default_btn:active {
	background: #f7f7f7;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1)inset
}
.content_moreload {
	margin: 8px 0 16px;
	padding: 0;
	background-color: #fcfcfc
}
.content_moreload a, .content_moreload span {
	display: block;
	text-align: center;
	border: 1px solid #e2e2e2;
	box-sizing: border-box;
	height: 27px;
	line-height: 27px;
	color: #4d4d4d
}
.content_moreload a:hover, .content_moreload span:hover {
	background-color: #f7f7f7;
	cursor: pointer
}
.all_genre_item a:hover, .left_nav_item .isSelect, .left_nav_item a:hover, .login_menu_item a:hover {
	text-decoration: underline;
	background: 0 0
}
.content_moreload a {
	width: 100%
}
.ie7 .content_moreload .under_arr_icon, .ie7 .content_moreload .upper_arr_icon {
	vertical-align: text-bottom
}
.left_adult_btn i, .left_adult_btn span, .left_nav_item span, .left_normal_btn i, .left_normal_btn span, .left_title span {
	vertical-align: middle
}
.toggle_content .content_moreload a:hover {
	text-decoration: none
}
.login_menu_item, .login_menu_list {
	margin: 0;
	padding: 0
}
.login_menu_item a, .login_menu_item span {
	display: block;
	font-weight: 700;
	padding: 3px 0 3px 4px
}
.login_menu_item .loggedin_id {
	display: inline;
	font-weight: 700;
	padding: 0
}
.left_nav_item .isSelect, .left_nav_item a {
	padding: 8px 0 6px 4px;
	font-size: 13px;
	display: block
}
.left_title {
	margin: 24px 0 8px;
	font-size: 16px;
	line-height: 1em;
	font-weight: 400
}
.left_title .blog_icon+span {
	margin: 0 0 0 8px
}
.left_nav_list {
	padding: 0;
	margin: 0;
	line-height: 1em
}
.left_nav_item {
	line-height: 1em;
	margin: 0 0 2px
}
.left_nav_item a {
	color: #4d4d4d
}
.left_nav_item .isSelect {
	font-weight: 700;
	color: #4d4d4d
}
.ie7 .moblog_link {
	display: none
}
.genre_more_btn {
	background-color: #fcfcfc;
	border: 1px solid #e2e2e2;
	padding: 5px 0
}
.genre_more_btn:hover {
	cursor: pointer
}
.left_normal_btn {
	margin: 8px 0 34px
}
.left_normal_btn span {
	margin-right: 4px
}
.left_normal_btn a {
	color: #3498db;
	font-weight: 700;
	display: block;
	padding: 8px 0 6px 4px
}
.left_normal_btn a:hover {
	background-color: #f5f8fa
}
.left_adult_btn {
	margin: 8px 0 34px
}
.left_adult_btn a {
	color: #ea2f76;
	font-weight: 400;
	display: block;
	padding: 8px 0 6px 4px
}
.left_adult_btn a:hover {
	background: 0 0;
	text-decoration: underline
}
.modal {
	display: none;
	position: relative;
	z-index: 9000
}
.modal_box {
	position: fixed;
	z-index: 99999;
	background: #fff;
	width: 790px;
	left: 50%;
	top: 50%;
	height: 530px;
	box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	padding: 8px 8px 24px;
	border-radius: 2px
}
.modal_box .genre_list_box {
	clear: both
}
.modal_bg {
	position: fixed;
	z-index: 90000;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: .7;
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	top: 0;
	left: 0
}
#contents_body .isBox_view .main_entry_thumb_mask:hover, .blogranking_thumb_mask:hover, .entry_ranking_thumb:hover, .main_entry_thumb_mask a:hover, .tab_hot_item_topic_thumb:hover {
	opacity: .95
}
.modal_title {
	float: left;
	margin: 16px 0 16px 24px;
	color: #4d4d4d;
	font-size: 20px;
	font-weight: 400
}
.modal_title .note_large_icon {
	vertical-align: middle;
	margin-right: 5px
}
.modal_close {
	cursor: pointer;
	margin: 16px 16px 0 0;
	float: right
}
.all_genre_list {
	float: left;
	width: 234px;
	margin: 0 0 0 24px;
	padding: 0
}
.all_genre_item {
	float: left;
	width: 234px;
	margin-right: 16px;
	font-size: 13px;
	line-height: 1em
}
.all_genre_item a {
	display: block;
	color: #4d4d4d;
	padding: 8px 0 8px 4px
}
.left_bnr_area {
	margin-top: 32px
}
.left_bnr {
	margin: 16px 0
}
.social_btn {
	margin: 8px 0 0 12px
}
.social_btn img {
	vertical-align: bottom
}
.detail_nav_item .more_btn .under_arr_icon, .my_ranking span {
	vertical-align: middle
}
.detail_nav_list {
	position: relative;
	background: 0 0;
	overflow: hidden;
	padding: 0;
	margin: 0 0 16px
}
.detail_nav_item {
	display: inline-block;
	font-size: 13px;
	margin: 0 0 2px
}
.detail_nav_item a, .detail_nav_item span {
	display: block;
	color: grey;
	padding: 4px 8px
}
.detail_nav_item a:hover {
	color: #4b92d1;
	text-decoration: none
}
.detail_nav_item .isSelect {
	color: #FFF;
	background-color: #4b92d1;
	border: none;
	border-radius: 2px;
	padding: 4px 6px
}
.ie7 .detail_nav_item {
	display: inline;
	zoom: 1
}
.my_ranking {
	text-align: right;
	margin: 0 0 8px
}
.my_ranking a {
	color: #4d4d4d
}
.my_ranking a:hover {
	text-decoration: underline
}
.body_new_entry .detail_nav {
	margin: 0 0 16px 183px
}
.view_swtch {
	overflow: hidden;
	background-color: #e7e7e7;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	padding: 0 8px
}
.view_swtch_inner {
	float: left;
	margin: 6px 0 0;
	padding: 8px;
	cursor: pointer
}
.view_swtch_inner.isSelect {
	background-color: #ccc;
	border-radius: 4px;
	cursor: default
}
.detail_nav_item .more_btn {
	display: none
}
.detail_nav {
	position: relative
}
.detail_nav_more {
	position: absolute;
	top: 0;
	right: 86px;
	height: 100%
}
.detail_nav_more .more_btn {
	margin: 10px 0 0;
	padding: 5px 15px
}
.detail_nav_more.isHover {
	cursor: pointer;
	background-color: #fff;
	z-index: 2000
}
.detail_nav_more_list {
	position: absolute;
	right: 86px;
	top: 45px;
	z-index: 1500;
	background-color: #fff;
	padding: 0;
	margin: 0;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .4)
}
.detail_nav_more_list a {
	display: block;
	padding: 8px 48px 8px 16px
}
.detail_nav_more_list a:hover {
	background-color: #f5f8fa
}
.detail_nav_more_item1, .detail_nav_more_item2, .detail_nav_more_item3, .detail_nav_more_item4 {
	display: none
}
@media screen and (max-width: 1130px) {
	.detail_nav_item .more_btn {
		display: block
	}
	.body_new_entry .detail_nav .over_item1 {
		display: none
	}
	.body_new_entry .detail_nav .detail_nav_more_item1 {
		display: block
	}
}
@media screen and (max-width: 1110px) {
	.body_new_entry .detail_nav .over_item2 {
		display: none
	}
	.body_new_entry .detail_nav .detail_nav_more_item2 {
		display: block
	}
}
@media screen and (max-width: 1000px) {
	.body_new_entry .detail_nav .over_item3, .body_new_entry .detail_nav .over_item4 {
		display: none
	}
	.body_new_entry .detail_nav .detail_nav_more_item3, .body_new_entry .detail_nav .detail_nav_more_item4 {
		display: block
	}
}
.head_thumb_area {
	height: 316px
}
.head_thumb_area_inner {
	margin: 0 0 0 183px;
	position: absolute
}
.head_thumb_list {
	padding: 0;
	overflow: hidden;
	margin: 0 -8px 0 0;
	width: 100%;
	height: 276px
}
.head_thumb_item {
	position: relative;
	width: 20%;
	height: 130px;
	overflow: hidden;
	float: left;
	border-right: 8px solid #fff;
	border-left: 8px solid #fff;
	margin: 0 -8px 8px
}
.head_thumb_item .head_thumb_more {
	width: 100%;
	background-color: #f5f8fa;
	height: 100%;
	padding: 0;
	margin: 0;
	line-height: 130px;
	text-align: center;
	color: #4d4d4d;
	font-size: 18px
}
.head_thumb_item .head_thumb_more .next_arr_icon {
	margin: -2px 0 0 5px
}
.head_thumb_item .head_thumb_more:hover {
	background-color: #eff5f9;
	cursor: pointer
}
.head_thumb_item img {
	width: 240px;
	margin-left: -27px
}
.head_thumb_item:hover .head_thumb_title {
	bottom: 0
}
.head_thumb_title {
	position: absolute;
	z-index: 100;
	color: #fff;
	font-weight: 400;
	line-height: 1.3em;
	font-size: 14px;
	padding: 8px 8px 6px;
	margin: 0 8px 0 0;
	bottom: -70px;
	left: 0;
	background: rgba(0, 0, 0, .6);
	-ms-filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#aa000000, EndColorStr=#aa000000);
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#aa000000, EndColorStr=#aa000000);
	-webkit-transition: .3s;
	transition: .3s
}
.tab_are, .tab_menu .tab_menu_item {
	position: relative;
	background: #f5f8fa
}
.head_thumb_item:nth-child(5) .head_thumb_title, .ie7 .head_thumb_title {
	margin-right: 0
}
.head_thumb_title span {
	display: block;
	overflow: hidden;
	max-height: 3.9em;
	word-break: break-all
}
.ie7 .head_thumb_title:hover {
	cursor: pointer
}
.ie7 .head_thumb_title span {
	padding-right: 7px
}
.ie7 .head_thumb_area_inner {
	margin-left: 24px
}
.ie7 .head_thumb_item {
	border-right: 6px solid #fff;
	border-left: 6px solid #fff
}
.tab_are, .tab_menu .tab_menu_item.last {
	border-right: 1px solid #e7e7e7
}
@media screen and (max-width: 1100px) {
	.head_thumb_area {
		height: 286px
	}
	.head_thumb_item {
		width: 25%;
		height: 115px
	}
	.head_thumb_item:nth-child(5), .head_thumb_item:nth-child(9) {
		display: none
	}
}
.tab_content_list, .tab_menu {
	padding: 0;
	margin: 0;
	border-top: 1px solid #e7e7e7
}
.main_contents_title {
	font-weight: 400;
	font-size: 20px;
	margin: 0 0 8px
}
.main_contents_title a {
	color: #4d4d4d;
	margin: 0 16px 0 0
}
.main_contents_title_sup_right {
	float: right;
	font-size: 14px
}
.main_contents_title_sup_right a {
	color: #2e5cb4
}
.tab_are {
	margin: 0 0 48px;
	width: 100%
}
.tab_are_sup {
	font-size: 13px;
	color: #959595
}
.tab_menu {
	position: relative;
	z-index: 100;
	overflow: hidden;
	margin-bottom: -1px;
	width: 91%;
	padding: 0;
	height: 34px
}
.tab_menu .tab_menu_item {
	padding: 0 25px;
	float: left;
	height: 31px;
	line-height: 31px;
	border-left: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	border-top: 2px solid #e7e7e7
}
.tab_menu .tab_menu_item:hover {
	cursor: pointer;
	text-decoration: underline
}
.tab_menu .tab_menu_item.isSelect {
	background: #fff;
	border-bottom: 1px solid #fff
}
.tab_menu .tab_menu_item.isSelect span {
	background-color: #ec5763;
	width: 100%;
	display: block;
	height: 3px;
	position: absolute;
	top: -3px;
	left: 0;
	padding: 0
}
.tab_menu .tab_menu_item.isSelect:hover {
	text-decoration: none
}
#contents_body .isBox_view .main_entry_title a:hover, .amazon_category_group a:hover, .baton_item a:hover, .baton_page_area .answered_entry_item a:hover, .blogranking_text a:hover .blogranking_title_inner, .community_topic_item a:hover, .entry_ranking_sup .entry_ranking_blog_name a:hover, .entry_ranking_title a:hover .entry_ranking_title_text, .forum_contents_more a:hover, .forum_topinfo_link a:hover, .forum_toplink a:hover, .main_entry_blog_name a:hover, .main_entry_title a:hover, .rank_blog_entry a:hover, .right_contents_more a:hover, .tab_content_more a:hover, .tab_hot_item_topic_title a:hover, .tab_hot_list a:hover, .text_link_list a:hover, .top_blomaga_ranking_summary a:hover, .top_recommend_entry_item a:hover, .topic_table a:hover, a:hover .entry_ranking_title_text {
	text-decoration: underline
}
.tab_content_list .tab_content_item {
	position: relative;
	background: #fff;
	border-left: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7
}
.tab_content_list .blogranking_list {
	margin: 0 16px
}
.other_tab_btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	border-top: 3px solid #e7e7e7
}
.other_tab_btn .more_btn {
	float: right;
	margin: 0;
	padding: 4px 16px 10px
}
.other_tab_btn .more_btn.isHover {
	cursor: pointer;
	background-color: #fff;
	z-index: 2000;
	position: relative;
	border-left: 1px solid #e7e7e7
}
.ie7 .other_tab_btn .more_btn {
	vertical-align: super
}
.other_tab_list {
	position: absolute;
	z-index: 1500;
	top: 35px;
	right: 0;
	margin: 0;
	padding: 0;
	background: #fff;
	background: rgba(255, 255, 255, .98);
	border: 1px solid #e1e8ed;
	border: 0 solid rgba(0, 0, 0, .25);
	border-radius: 4px;
	box-shadow: -1px 1px 4px rgba(0, 0, 0, .25)
}
.other_tab_item a {
	display: block;
	color: #4d4d4d;
	padding: 8px 48px 8px 16px
}
.other_tab_item a:hover {
	background-color: #f5f8fa
}
.tab_more_item1, .tab_more_item2, .tab_more_item3 {
	display: none
}
@media screen and (max-width: 1130px) {
	.detail_nav_item .more_btn {
		display: block
	}
	.tab_are .over_item1 {
		display: none
	}
	.tab_are .tab_more_item1 {
		display: block
	}
}
@media screen and (max-width: 1110px) {
	.tab_are .over_item2 {
		display: none
	}
	.tab_are .tab_more_item2 {
		display: block
	}
}
@media screen and (max-width: 1000px) {
	.tab_are .over_item3 {
		display: none
	}
	.tab_are .tab_more_item3 {
		display: block
	}
}
.tab_content_moreload {
	margin: 0;
	padding: 0;
	background-color: #fcfcfc
}
.tab_content_moreload a {
	width: 100%;
	display: block;
	text-align: center;
	border-top: 1px solid #e2e2e2;
	box-sizing: border-box;
	padding: 5px 0;
	color: #4d4d4d
}
.tab_content_moreload a:hover {
	background-color: #f7f7f7
}
.tab_content_moreload span {
	vertical-align: text-bottom
}
.tab_hot_list {
	padding: 0;
	margin: 0 16px;
	overflow: auto
}
.tab_hot_item {
	padding: 16px 0;
	margin: 0 24px 0 0
}
.ie7 .tab_hot_item {
	padding: 16px 0 16px 16px
}
.tab_hot_item+.tab_hot_item {
	border-top: 1px dotted #e7e7e7
}
.tab_hot_item_title {
	margin: 0 0 4px;
	font-weight: 400;
	font-size: 15px;
	max-height: 2.8em;
	overflow: hidden
}
.tab_hot_item_sup {
	margin: 0;
	color: #959595;
	font-size: 12px;
	height: 1.3em;
	overflow: hidden
}
.tab_hot_item_topic {
	background-color: #fff;
	width: 180px;
	float: right;
	padding: 16px 16px 0;
	min-height: 285px
}
.tab_hot_item_topic dl {
	margin: 0;
	padding: 0 5px
}
.tab_hot_item_topic_thumb {
	overflow: hidden;
	width: 180px;
	height: 130px
}
.tab_hot_item_topic_thumb a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%
}
.tab_hot_item_topic_thumb img {
	margin: 0 0 0 -60px
}
.tab_hot_item_topic_thumb.no_image {
	width: 180px;
	height: 130px
}
.tab_hot_item_topic_title {
	font-size: 15px;
	text-align: justify;
	margin: 8px 0;
	max-height: 4.2em;
	overflow: hidden
}
.confirm_answer, .confirm_question, .search_box {
	text-align: center
}
.tab_hot_item_topic_sup {
	overflow: hidden;
	max-height: 4em;
	color: #959595;
	margin: 0
}
@media screen and (max-width: 1140px) {
	.tab_hot_item_topic {
		display: none
	}
}
.tab_content_more {
	position: absolute;
	right: 16px;
	bottom: 10px;
	margin: 0
}
.tab_content_more a {
	display: block;
	color: #4d4d4d
}
.main_entry_blog_name a, .upper_item .main_entry_blog_name a {
	color: #959595
}
.tab_content_more span {
	vertical-align: middle
}
.tab_content_more .next_arr_icon {
	margin-left: 3px
}
.main_entry_list {
	padding: 0;
	margin: 0 0 30px;
	border-bottom: 1px dotted #cfcfcf;
	overflow: hidden
}
.main_entry_item {
	float: left;
	padding: 16px 0;
	border-top: 1px dotted #cfcfcf;
	width: 100%
}
.body_tag .main_entry_list {
	border-bottom: none;
	margin-bottom: 30px
}
.body_blogrankig .blogranking_list, .entry_ranking_item {
	border-bottom: 1px dotted #cfcfcf
}
.main_entry_text, .main_entry_thumb {
	display: table-cell;
	vertical-align: middle;
	word-break: break-all
}
.main_entry_thumb {
	padding: 0 16px 0 0
}
.ie7 .main_entry_text, .ie7 .main_entry_thumb {
	display: block;
	float: left
}
.ie7 .main_entry_text {
	width: auto
}
.main_entry_text {
	width: 100%
}
.text_only .main_entry_text {
	display: block
}
.main_entry_thumb_mask {
	width: 140px;
	height: 80px;
	overflow: hidden;
	position: relative
}
.main_entry_thumb_mask img {
	width: 160px;
	margin: -10px 0 0 -20px
}
#body_janreblomagaranking .main_entry_thumb_mask img {
	width: 140px;
	margin: 0
}
.main_entry_title {
	font-size: 17px;
	padding: 0;
	margin: 0 0 10px;
	font-weight: 400
}
.main_entry_title a {
	display: block;
	overflow: hidden;
	max-height: 2.8em
}
.main_entry_sup {
	position: relative;
	overflow: hidden;
	padding: 3px 0
}
.main_entry_blog_name {
	margin: 0 120px 0 0;
	float: left;
	font-size: 12px;
	overflow: hidden;
	height: 1.4em
}
.main_entry_item .genre_name {
	position: absolute;
	right: 0;
	top: 0;
	left: auto
}
.main_entry_item.upper_item {
	width: 32%;
	float: left;
	position: relative;
	margin: 0 0 16px;
	padding: 0;
	border-top: none
}
.blogranking_item+.blogranking_item, .top_blomaga_ranking_item+.top_blomaga_ranking_item {
	border-top: 1px dotted #cfcfcf
}
.main_entry_item.upper_item:nth-child(2) {
	margin: 0 2%
}
.upper_item .main_entry_text, .upper_item .main_entry_thumb {
	display: block
}
.upper_item .main_entry_thumb {
	padding: 0;
	width: auto;
	float: none
}
.upper_item .main_entry_thumb_mask {
	height: 125px;
	overflow: hidden;
	width: auto
}
.upper_item .main_entry_thumb_mask a {
	width: 100%;
	height: 100%;
	display: block
}

.upper_item.no_image .main_entry_thumb_mask a {
	background: url(../../../image/blog_portal/no_image_logo_2nt.png) center no-repeat #f2f2f2;
	background-size: 65px;
}

.upper_item .main_entry_thumb_mask img {
	width: 250px
}
.upper_item .main_entry_title {
	padding: 0;
	margin: 8px 0 0;
	font-weight: 400;
	font-size: 17px;
	line-height: 1.4em
}
.upper_item .main_entry_title a {
	display: block;
	overflow: hidden;
	height: 4.2em
}
.upper_item .main_entry_sup {
	position: static
}
.upper_item .main_entry_blog_name {
	margin: 8px 0 0;
	font-size: 12px;
	overflow: hidden;
	height: 1.4em;
	line-height: 1.4em
}
.upper_item .genre_name {
	position: absolute;
	left: 5px;
	top: 5px;
	right: auto;
	white-space: nowrap
}
.upper_item .genre_name a, .upper_item .genre_name span {
	padding: 3px 8px;
	border-radius: 2px
}
.upper_item .genre_name a:hover, .upper_item .genre_name span:hover {
	cursor: pointer
}
@media screen and (max-width: 1050px) {
	.main_entry_item.upper_item {
		width: 49%
	}
	.main_entry_item.upper_item:nth-child(2) {
		margin-left: 0;
		margin-right: 0;
		float: right
	}
	.main_entry_item.upper_item:nth-child(3) {
		display: none
	}
}
.upper_list .main_entry_item.ie_n1, .upper_list .main_entry_item.ie_n2 {
	margin-right: 1%
}
.body_tag .main_entry_thumb_mask {
	height: 95px
}
.relation_tag_list {
	margin: 0 0 4px;
	padding: 0;
	overflow: hidden
}
.relation_tag_item {
	float: left;
	margin-right: 13px;
	font-size: 12px;
	position: relative
}
.relation_tag_item a {
	background-color: #fafafa;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	display: inline-block;
	padding: 3px 10px 2px 22px;
	color: #727272
}
.relation_tag_item a:hover {
	background-color: #f2f2f2
}
.relation_tag_item .tag_icon {
	position: absolute;
	top: 4px;
	bottom: auto;
	left: 5px;
	margin: auto
}
.col_3_rigth .relation_tag_list {
	margin-top: 16px
}
.col_3_rigth .relation_tag_item {
	margin: 0 8px 8px 0
}
.col_3_rigth .relation_tag_item .tag_icon {
	top: 7px
}
.col_3_rigth .relation_tag_item a {
	padding: 6px 10px 4px 22px
}
.lower_item.no_image .main_entry_thumb {
	display: none
}
.lower_item.no_image .main_entry_text {
	display: block
}
.upper_item.no_image .main_entry_thumb_mask img {
	width: 52px
}
.entry_ranking_list {
	margin: -16px -8px -8px 0;
	padding: 0;
	overflow: hidden
}
.entry_ranking_item {
	margin: 0 8px 0 0;
	position: relative;
	overflow: hidden;
	padding: 16px 0
}
.no_image .entry_ranking_thumb img {
	width: 120px;
	margin: 0
}
.entry_ranking_text, .entry_ranking_thumb {
	display: table-cell;
	vertical-align: middle;
	word-break: break-all
}
.entry_ranking_thumb {
	padding: 0 16px 0 0;
	width: 120px
}
.ie7 .entry_ranking_thumb {
	display: block;
	float: left
}
.entry_ranking_text {
	width: 100%
}
.entry_ranking_text .rank_nam {
	line-height: 1.1em
}
.ie7 .entry_ranking_text {
	width: auto
}
.text_only .entry_ranking_text {
	display: block
}
.entry_ranking_thumb_mask {
	display: block;
	width: 120px;
	overflow: hidden;
	height: 80px
}
.entry_ranking_thumb_mask img {
	width: 160px;
	margin: -10px 0 0 -20px
}
.entry_ranking_summary {
	overflow: hidden
}
.entry_ranking_title {
	padding: 0;
	margin: 0 0 10px;
	font-weight: 400;
	font-size: 15px
}
.entry_ranking_title .entry_ranking_title_text {
	display: block;
	max-height: 2.8em;
	overflow: hidden
}
.entry_ranking_title a:hover .entry_ranking_title_text {
	cursor: pointer
}
.entry_ranking_sup {
	position: relative
}
.entry_ranking_sup .entry_ranking_blog_name {
	margin: 0 125px 0 0;
	float: left;
	font-size: 12px;
	overflow: hidden;
	height: 1.5em
}
.entry_ranking_sup .entry_ranking_blog_name a {
	color: #959595
}
.entry_ranking_sup .genre_name {
	position: absolute;
	right: 1px;
	top: -3px;
	left: auto
}
#body_subjanreentryranking .genre_name {
	display: none
}
.blogranking_list {
	margin: 0 0 8px;
	padding: 0
}
.blogranking_item {
	padding: 16px 0;
	overflow: hidden
}
.blogranking_item.over_rank .blogranking_title {
	margin-top: 6px;
	margin-bottom: 1px
}
.blogranking_text, .blogranking_thumb {
	display: table-cell;
	vertical-align: middle;
	word-break: break-all
}
.ie7 .blogranking_text, .ie7 .blogranking_thumb {
	float: left
}
.blogranking_thumb_mask {
	width: 120px;
	height: 80px;
	overflow: hidden
}
.blogranking_thumb {
	padding: 0 16px 0 0
}
.blogranking_thumb img {
	width: 150px
}
.no_image .blogranking_thumb img {
	width: 120px
}
.blogranking_title {
	font-size: 16px;
	line-height: 1.4em;
	max-height: 2.8em;
	overflow: hidden;
	margin: 5px 75px 3px 0
}
.blogranking_title a {
	color: #4d4d4d;
	display: table
}
.tab_content_list .blogranking_title {
	margin-right: 0
}
.ie7 .blogranking_title {
	height: 1.4em
}
.rank_blog_entry {
	margin: 5px 0 0;
	padding: 0
}
.rank_blog_entry li {
	margin: 0 0 3px
}
.rank_blog_entry a {
	display: block;
	height: 1.4em;
	overflow: hidden;
	font-size: 14px
}
.ie7 .blogranking_text {
	width: auto
}
.ie7 .blogranking_text .rank_blog_entry {
	padding: 0;
	margin: 0
}
.entry_ranking_sup .blomaga_price_list {
	margin: 0;
	padding: 0;
	float: left
}
.blomaga_price_list {
	margin: 0;
	padding: 0
}
.blomaga_price, .blomaga_price_title {
	margin: 0;
	padding: 0;
	float: left;
	color: #959595
}
.center_content_more a, .main_contents_more a {
	display: block;
	color: #4d4d4d
}
.blomaga_price {
	margin-right: 10px
}
.blogranking_text {
	width: 100%
}
.blogranking_text .genre_name {
	position: absolute;
	right: 0;
	top: 16px
}
.isBox_view.new_entry_list {
	padding: 0;
	margin: 0 -8px 0 0;
	overflow: hidden;
	width: 100%
}
#contents_body .isBox_view .main_entry_item {
	width: 20%;
	float: left;
	border-right: 8px solid #fff;
	border-left: 8px solid #fff;
	position: relative;
	overflow: hidden;
	margin: 0 -8px 40px;
	padding: 0;
	border-top: none
}
#contents_body .isBox_view .main_entry_text {
	display: block
}
#contents_body .isBox_view .main_entry_thumb {
	padding: 0;
	width: auto
}
#contents_body .isBox_view .main_entry_thumb_mask {
	height: 130px;
	width: auto;
	overflow: hidden
}
#contents_body .isBox_view .main_entry_thumb_mask img {
	width: 230px;
	margin: 0 0 0 -19px
}
#contents_body .isBox_view .main_entry_sup {
	position: static
}
#contents_body .isBox_view .main_entry_title {
	padding: 0;
	margin: 8px 0 0;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.4em
}
#contents_body .isBox_view .main_entry_title a {
	display: block;
	overflow: hidden;
	height: 4.2em;
	padding: 0 9px 0 0
}
#contents_body .isBox_view .genre_name {
	position: absolute;
	top: 5px;
	left: 5px
}
#contents_body .isBox_view .genre_name a {
	padding: 3px 8px;
	border-radius: 2px
}
#contents_body .isBox_view .main_entry_blog_name {
	margin: 2px 0 0;
	line-height: 1.2em;
	height: 1em
}
.ie7 .isBox_view .main_entry_text, .ie7 .isBox_view .main_entry_thumb {
	float: none
}
.ie7 #contents_body .isBox_view .main_entry_blog_name {
	height: 1.4em
}
.main_entry_list.isBox_view {
	border-bottom: none
}
@media screen and (max-width: 1100px) {
	#contents_body .isBox_view .main_entry_item {
		width: 25%
	}
	.main_entry_thumb_mask {
		height: 115px
	}
	.main_entry_item:nth-child(5n) {
		display: none
	}
}
.theme_discription {
	border: 1px solid #e7e7e7;
	margin: 0 0 16px;
	line-height: 1.4em
}
.theme_discription .default_btn {
	margin: 16px auto;
	width: 200px;
	text-align: center
}
.theme_discription .main_entry_thumb {
	float: left;
	margin: 24px 24px 8px;
	width: 170px;
	height: 125px;
	padding: 0
}
.theme_discription .main_entry_thumb_mask {
	width: 170px;
	height: 125px
}
.theme_discription .main_entry_thumb_mask img {
	width: 200px
}
.theme_discription_summary {
	overflow: hidden
}
.theme_discription_title {
	font-size: 22px;
	margin: 24px 24px 0;
	padding: 0;
	line-height: 1.4em
}
.theme_discription_text {
	font-size: 14px;
	margin: 16px 24px 0;
	padding: 0
}
.center_content_more {
	position: absolute;
	right: 16px;
	bottom: 8px;
	margin: 0
}
.center_content_more a:hover {
	text-decoration: underline
}
.center_content_more .next_arr_icon {
	margin-left: 3px
}
.main_contents_more {
	float: right;
	margin: 8px 0 0 16px
}
.main_contents_more span {
	vertical-align: middle
}
.main_contents_more .next_arr_icon {
	margin-left: 3px
}
.adult_caution_text {
	font-size: 14px;
	padding: 0 8px
}
.adult_caution_text p{
	margin: 1em 0;
}
.adult_caution_text .adult_caution_text_description{
	padding: 10px;
	border: 1px solid #d8d8d8;
}
.confirm_question {
	font-size: 15px;
	font-weight: 700;
	margin: 24px 0 0
}
.confirm_answer .default_btn, .confirm_answer .primary_btn {
	display: inline-block;
	margin: 16px 4px
}
.ie7 .confirm_answer .default_btn, .ie7 .confirm_answer .primary_btn {
	display: inline;
	zoom: 1
}
#body_caution .left_pop_tag, .baton_page_area .left_pop_tag {
	display: none
}
.down, .stay, .up {
	background: 0 0;
	padding-left: 0
}
.search_box {
	border: none;
	background-color: #fff;
	margin: 0;
	overflow: hidden;
	position: relative
}
.search_box .default_btn {
	width: 100%
}
.search_box .search_word {
	width: 259px;
	height: 20px;
	padding: 6px 35px 6px 4px;
	border: 1px solid #cfcfcf;
	outline: 0
}
.search_box .search_btn {
	width: 32px;
	height: 32px;
	color: #aaa;
	border-style: none;
	position: absolute;
	top: 1px;
	right: 2px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAACXBIWXMAAAsSAAALEgHS3X78AAACeUlEQVRYhe2Y0W3bQAyG/wh9jzdINqgzQbQAUW8Qj9BOEGWDbBBnAxccIPYEbTZIN4gncMGWNiSGpHyS2vShP2DAOEnEdzwej7yz/X6PUhHRJYBL89krM38vNhboZDAiWgJYAKgBnCevbgGsAayY+fWPgBHRDMBn/WUwkR7l2yGAIRgRiWdWAC7KeTraAWiY+X40mC7bw0ggq0dmXg4GI6IGwG3yzbPG0MaMzzX+Pk0B1wHr8ZTEiyzJS2awFZfR5E6CO4IRkcz4m/OOxMiCma2HUqk9idGPzntf+mKuav1fBVB1KZRIc1qtS2/VaC7MwXQJ7cwOUIOTpqYJD05ST9MLFry0nCKTK9zCeXSTea3SWLC5asvM67FQLTjZMHfOIw/4N5h4xhkvSoYnyrOZgs3N2G5Kbx2kS/rVDF9nYPZh8Q4s0BvbevS5YFaTlS5jbHtg/4T+g5Wq0gzflt2lU8oLdLeIrJyAdHfJRHqTt6LTpXK28LmenZNKjx97Htu81gHzqor0gB0oz2aYyCs9x7Zm/EIr2UmkSfTG2NqlYImHbqOsXCKtaD2A+6x7+gWmhaD1mmg9Bk7jauO0fj/6CoV2Hls6qUMMPg1ZViJa6I73SuuZ08l3ZJsR8c5T8K7MUpoRb7NYG01WOajSCtlr3/p6yp0ujxh80QQ5Vw/UhQ1yCBc1vLUG7JBrgUjbwIsunHtW6maYBxuiVBICV8xca29qJZPfaIl/VO9tT0HMWLkxSUQrJ6fBeq7kGkpmdLiGiiCfNf42WXl+CtygizsDOxvSEGdwzDwbBTZWERwzn71roaiXK96GwIe/j9OVwBHRIRce9a5LGQrATxB9H3tmOQzMAAAAAElFTkSuQmCC) 7px 7px no-repeat #fff;
	background-size: 19px auto;
}

.search_box .search_btn:hover {
	cursor: pointer
}
.blomaga_search {
	margin: 16px 0 0
}
.blomaga_search .default_btn {
	width: 100%
}
.blomaga_search .search_word {
	margin: 2px 0 16px;
	display: block
}
.right_form_title {
	text-align: left;
	font-size: 16px;
	margin: 0 0 2px;
	font-weight: 400;
	clear: both
}
.customSelect {
	border: 1px solid #cfcfcf;
	color: #4d4d4d;
	margin: 0 0 16px;
	padding-left: 8px;
	width: 290px;
	height: 34px;
	line-height: 34px;
	text-align: left;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAYAAAAIy204AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGBJREFUeNpi9PX1FWBgYDBgwAI2b958gIFEwAKl5wOxAprcAyBWJNVAJqArPgDpQixyiQxkACao1zYAKWTvbSDHu3AD0VyEy8VEAWYY49atWx/U1dUZgcyTUBcPDgAQYAAZyxoE/In96AAAAABJRU5ErkJggg==)right center no-repeat #fff
}
.thumb_rank_mask, .thumb_rank_mask img {
	width: 70px;
	height: 52px
}
.ie .blomaga_search_area {
	display: none
}
.right_form_raido {
	border: 1px solid #cccdce;
	border-radius: 3px;
	overflow: hidden;
	display: inline-block
}
.right_form_raido input {
	display: none
}
.right_form_raido label {
	text-align: center;
	font-size: 14px;
	display: inline-block;
	padding: 8px 24px;
	color: #4d4d4d!important;
	background: #f7f7f7;
	background: -moz-linear-gradient(top, #f7f7f7 0, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #f7f7f7 0, #efefef 100%);
	background: -o-linear-gradient(top, #f7f7f7 0, #efefef 100%);
	background: -ms-linear-gradient(top, #f7f7f7 0, #efefef 100%);
	background: linear-gradient(to bottom, #f7f7f7 0, #efefef 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#efefef', GradientType=0);
	float: left;
	width: 100px;
	overflow: hidden;
	cursor: pointer
}
.rigth_title, .rigth_title a {
	color: #4d4d4d
}
.right_form_raido .isSelect {
	background: #dcdcdc;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25)
}
.right_form_raido label+label {
	border-left: 1px solid #cccdce
}
.ie7 .blomaga_search_area {
	display: none
}
.blomaga_search_area .default_btn {
	width: 100%
}
.right_contents {
	clear: both;
	overflow: hidden;
	margin: 0 0 16px;
	padding-bottom: 24px
}
.rigth_title {
	border-bottom: 2px solid #e7e7e7;
	margin: 0;
	padding: 0 0 8px 8px;
	font-weight: 400;
	font-size: 18px
}
.notice_item, .thumb_entry_item a, .thumb_rank_item a {
	border-bottom: 1px dotted #cfcfcf
}
.rigth_title span {
	vertical-align: middle;
	margin-left: 8px
}
.rigth_title .green_ribon_icon {
	vertical-align: -3px
}
.right_contents_more {
	float: right;
	margin: 8px 0 0 16px
}
.right_contents_more a {
	display: block;
	color: #4d4d4d
}
.right_contents_more span {
	vertical-align: middle
}
.right_contents_more .next_arr_icon {
	margin-left: 3px
}
.thumb_rank_list {
	margin: 0;
	padding: 0
}
.thumb_rank_item a {
	padding: 16px 4px;
	display: block
}
.thumb_rank_item a:hover {
	background-color: #f5f8fa
}
.img_2block_title, .wide_img_title {
	font-weight: 400;
	color: #fff;
	background: rgba(0, 0, 0, .6)
}
.thumb_rank_left, .thumb_rank_right {
	display: table-cell;
	vertical-align: middle;
	overflow: hidden
}
.thumb_rank_left {
	width: 70px
}
.thumb_rank_mask {
	overflow: hidden;
	position: relative
}
.thumb_rank_right {
	width: 214px;
	padding-left: 16px
}
.thumb_rank_right p {
	margin: 5px 0 0;
	overflow: hidden;
	line-height: 1.4em;
	height: 1.4em;
	width: 200px;
	color: #959595
}
.thumb_rank_title {
	font-weight: 700;
	font-size: 14px;
	margin: 0;
	overflow: hidden;
	color: #4d4d4d;
	word-break: break-all;
	line-height: 1.4em;
	max-height: 2.8em
}
.ie7 .thumb_rank_left, .ie7 .thumb_rank_right {
	display: inline;
	zoom: 1
}
.ie7 .thumb_rank_item a {
	display: block
}
.ie7 .thumb_rank_right {
	width: 200px
}
.ie7 .thumb_rank_item a:hover {
	cursor: pointer
}
.wide_img_list {
	margin: 0;
	padding: 0
}
.wide_img_item {
	position: relative;
	margin: 16px 0 0;
	width: 300px
}
.wide_img_item>a {
	height: 130px;
	width: 300px;
	overflow: hidden;
	display: block;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s
}
.wide_img_item>a:hover {
	opacity: .7
}
.wide_img_title {
	position: absolute;
	z-index: 100;
	line-height: 1.4em;
	font-size: 14px;
	margin: 0;
	padding: 5px 8px 0;
	bottom: 0;
	left: 0;
	width: 284px;
	height: 45px;
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#aa000000, EndColorStr=#aa000000);
	word-break: break-all
}
.img_2block_title, .wide_img_title {
	-ms-filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#aa000000, EndColorStr=#aa000000)
}
.wide_img_title a {
	color: #fff
}
.wide_img_title span {
	display: block;
	overflow: hidden;
	max-height: 2.8em
}
.text_link_list {
	margin: 16px 8px 8px;
	padding: 0
}
.text_link_list+.text_link_list {
	margin-top: 0
}
.text_link_item {
	margin: 0 0 8px;
	line-height: 1.4em;
	height: 1.4em;
	overflow: hidden
}
.text_link_item .right_triangle_icon, .text_link_item span {
	vertical-align: middle;
	margin: 0 8px 0 0;
	word-break: break-all
}
.text_link_item .right_contents_more {
	margin: 0
}
.img_2block_list {
	margin: 0 -8px -8px 0;
	padding: 0;
	width: 308px;
	overflow: hidden;
	height: 225px
}
.img_2block_item {
	margin: 0 8px 8px 0;
	padding: 0;
	width: 146px;
	float: left;
	position: relative;
	overflow: hidden;
	word-break: break-all
}
.img_2block_thumb_mask {
	display: block;
	width: 146px;
	overflow: hidden;
	height: 105px
}
.img_2block_thumb_mask img {
	width: 180px
}
.img_2block_title {
	position: absolute;
	overflow: hidden;
	z-index: 100;
	font-size: 14px;
	padding: 8px 8px 0;
	margin: 0;
	bottom: -113px;
	left: 0;
	height: 105px;
	width: 130px;
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#aa000000, EndColorStr=#aa000000);
	-webkit-transition: .3s;
	transition: .3s;
	line-height: 1.4em
}
.notice_item a:hover, .theme_more_item a:hover, .thumb_entry_item a:hover {
	background-color: #f5f8fa
}
.img_2block_item img:hover, .img_2block_title:hover {
	cursor: pointer
}
.img_2block_item:hover .img_2block_title {
	bottom: -8px
}
.thumb_entry_list {
	margin: 0;
	padding: 0
}
.thumb_entry_item .thumb_entry_left:hover, .thumb_entry_item .thumb_entry_right:hover, .thumb_entry_item .thumb_entry_title:hover, .thumb_entry_item:hover {
	cursor: pointer
}
.thumb_entry_item a {
	padding: 16px 4px;
	display: block
}
.thumb_entry_left, .thumb_entry_right {
	display: table-cell;
	vertical-align: middle
}
.ie7 .thumb_entry_left, .ie7 .thumb_entry_right {
	display: inline;
	zoom: 1
}
.thumb_entry_left {
	width: 70px
}
.thumb_entry_left img {
	width: 70px;
	height: 52px
}
.thumb_entry_right {
	width: 214px;
	padding-left: 8px
}
.thumb_entry_right p {
	margin: 1px 0 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 214px;
	color: #959595;
	font-size: 12px
}
.thumb_entry_title {
	font-weight: 400;
	font-size: 14px;
	margin: 0;
	overflow: hidden;
	line-height: 1.3em;
	max-height: 2.6em;
	word-break: break-all
}
.theme_more_list {
	font-size: 16px;
	margin: 0 0 30px;
	padding: 0;
	overflow: hidden
}
.theme_more_item {
	position: relative;
	width: 48%;
	float: left;
	margin: 3px 4px;
	word-break: break-all;
	height: 51px;
	overflow: hidden;
	padding: 0 0 4px
}
.theme_more_item a {
	width: 99%;
	overflow: hidden;
	display: block;
	border: 1px solid #e7e7e7;
	height: 2.8em;
	padding: 0 0 5px
}
.theme_more_item span {
	padding: 4px 8px;
	display: table-cell;
	height: 2.8em;
	vertical-align: middle;
	overflow: hidden
}
.notice_item, .notice_list {
	margin: 0;
	padding: 0
}
#themepage_more {
	margin: -18px 13px 16px 4px
}
@media screen and (max-width: 1050px) {
	#themepage_more {
		margin: -24px 3px 16px 4px
	}
	.theme_more_item {
		float: none;
		width: auto;
		height: auto
	}
}
.notice_item a {
	padding: 16px 8px;
	display: block
}
.notice_item_time {
	padding: 0 0 8px;
	color: #959595;
	display: block;
	font-size: 12px
}
.notice_item_title {
	display: block;
	overflow: hidden;
	height: auto;
	font-size: 14px;
	line-height: 1.4em;
	margin: 0
}
.blog_icon {
	background-image: url(../../../image/blog_portal/pc/2nt_blog_icon.png?202201);
	
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: bottom
}
.next_arr_icon, .pager_next_icon, .pager_prev_icon, .search_icon {
	vertical-align: middle
}
.ie7 .blog_icon {
	display: inline;
	zoom: 1
}
.adult_icon {
	width: 19px;
	height: 17px;
	background-position: center -970px
}
.crown_small_icon {
	width: 20px;
	height: 20px;
	background-position: center -38px
}
.crown_entry_icon, .crown_medium_icon {
	width: 26px;
	height: 25px;
	background-position: -12px -77px
}
.tag_icon {
	width: 14px;
	height: 14px;
	background-position: center -594px;
	margin-right: 8px
}
.green_ribon_icon {
	width: 20px;
	height: 20px;
	background-position: center -159px
}
.exploit_icon {
	width: 20px;
	height: 20px;
	background-position: center -119px
}
.list_switch_icon, .rise_icon {
	background-position: center -275px
}
.rise_icon {
	width: 25px;
	height: 25px
}
.list_switch_icon {
	width: 19px;
	height: 19px
}
.box_switch_icon {
	width: 19px;
	height: 19px;
	background-position: center -249px
}
.entry_hot_icon {
	width: 25px;
	height: 26px;
	background-position: center -435px
}
.entry_new_icon {
	width: 25px;
	height: 25px;
	background-position: center -345px
}
.search_icon {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXNJREFUeNpiYKASYEQXyM3NTQBS+UBsgCT8AYg3AHHj5MmTH+A1CGiAAJBaD8QO5ubmDLq6ugxcXFxguSdPnjAcOHCA4d27dyBuItCwBfgMOs/JyWmQl5fHIC0tjdX5S5cuZTh58iRWw5ihhjQADYnAZwgI6OnpgV319OlTkKtnnjp16gdMjglK5zs4OOA1BAaCgoIYgJaCgiEBWZwJ6BoHIC0AChdiANAQBqhafxSDYAwhISGioxqqVgGrQZQCuEHQqCUKAAMbRKGkJyZgNB4AJThotBIE379/Z7h06RKIuRGbiyaCEhzUJryGzJkzB0SDUjpmOgKmhwNGRkYB586dk9DS0mLg4+PDalBfXx/DgwdgH50A+mQmhkEgAIzSlX/+/LE4evSoAiy8Pn/+DA47kFcWLFjA8OrVK1i+0wCqVwA6YCPZmRaU5oB4P5ReAHRZIlaDiAFAywzQDWMkN92gGTaB7AQJdMUFIOUITU8LAQIMAFnxlIRYg8eOAAAAAElFTkSuQmCC)no-repeat #fff;
	display: inline-block;
	width: 20px;
	height: 20px
}
.note_icon {
	width: 20px;
	height: 20px;
	background-position: center 2px
}
.close_icon {
	width: 18px;
	height: 18px;
	background-position: center -893px
}
.note_large_icon {
	width: 24px;
	height: 26px;
	background-position: center 3px
}
.info_icon {
	width: 7px;
	height: 25px;
	background-position: center -199px;
	margin-left: 10px
}
.new_icon {
	width: 25px;
	height: 25px;
	background-position: center -238px
}
.topic_small_icon {
	width: 20px;
	height: 20px;
	background-position: center -316px
}
.community_small_icon {
	width: 20px;
	height: 20px;
	background-position: center -474px
}
.info_small_icon {
	width: 15px;
	height: 20px;
	background-position: center -199px;
	margin-left: 5px
}
.forum_search {
	padding: 0
}
.forum_search .comment {
	background: 0 0;
	padding: 0 0 0 18px
}
.forum_icon_sample li {
	padding: 5px 20px 5px 30px;
	display: inline
}
.forum_close_icon, .forum_pick_icon, .forum_pick_o_icon {
	margin-right: 5px
}
.forum_close_icon {
	width: 20px;
	height: 20px;
	background-position: center -395px
}
.forum_pick_icon {
	width: 20px;
	height: 23px;
	background-position: center -434px
}
.forum_pick_o_icon {
	width: 20px;
	height: 20px;
	background-position: center -514px
}
.under_arr_icon {
	width: 11px;
	height: 9px;
	background-position: center -868px
}
.upper_arr_icon {
	width: 11px;
	height: 9px;
	background-position: center -844px
}
.next_arr_icon {
	width: 11px;
	height: 10px;
	background-position: center -627px
}
.right_triangle_icon {
	width: 6px;
	height: 11px;
	background-position: center -818px
}
.blue_triangle_icon {
	width: 10px;
	height: 10px;
	background-position: center -299px
}
.pink_triangle_icon {
	width: 10px;
	height: 10px;
	background-position: center -493px
}
.pager_prev_icon {
	margin-bottom: 2px;
	width: 5px;
	height: 10px;
	background-position: center -214px
}
.pager_next_icon {
	width: 5px;
	height: 10px;
	background-position: center -231px
}
.rank_nam {
	float: left;
	height: 24px;
	display: block;
	color: #999;
	font-size: 20px;
	text-align: center;
	padding: 0 8px 0 1px;
	vertical-align: top;
	font-weight: 700
}
.rank_1, .rank_2, .rank_3 {
	color: #ce5151
}
.right_contents .rank_nam {
	font-size: 15px
}
.normal_table {
	width: 100%;
	margin-bottom: 20px;
	background-color: #fff
}
.normal_table th {
	background-color: #eee;
	font-weight: 700;
	text-align: left;
	color: #666;
	white-space: nowrap;
	width: 25%
}
.community_nav_item a:hover, .forum_nav_item a:hover, .isSelect span {
	background-color: #f5f8fa
}
.normal_table td, .normal_table th {
	padding: 10px;
	border: 1px solid #ccc
}
.community_nav_list, .forum_nav_list, .forum_search_area, .forum_top_about, .top_blomaga_ranking, .top_recommend_entry, .topic_discription {
	border: 1px solid #e7e7e7
}
.top_recommend_entry {
	padding: 16px;
	position: relative;
	margin: 0 0 48px
}
.top_recommend_entry_list {
	margin: 0;
	padding: 0;
	overflow: hidden
}
.top_recommend_entry_item {
	padding: 0 0 16px;
	margin: 0;
	overflow: hidden;
	float: left;
	width: 50%
}
.ie7 .top_recommend_entry_item {
	width: 49%
}
.top_recommend_entry_item:nth-child(n+5) {
	display: none
}
.top_recommend_entry_thumb {
	float: left;
	margin: 0 8px 0 0;
	width: 92px;
	overflow: hidden
}
.top_recommend_entry_thumb img {
	width: 92px;
	height: 92px
}
.top_recommend_entry_summary {
	float: left;
	padding: 0;
	width: 63%
}
@media screen and (max-width: 1130px) {
	.top_recommend_entry_summary {
		width: 52%
	}
}
@media screen and (max-width: 1000px) {
	.top_recommend_entry_summary {
		width: 48%
	}
}
.genre_name {
	padding-bottom: 4px
}
.top_recommend_entry_title {
	overflow: hidden;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3em;
	margin: 4px 0 2px;
	max-height: 2.5em
}
.top_recommend_entry_blog {
	margin: 0;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%
}
.top_recommend_entry_blog a {
	color: #959595
}
.top_blomaga_ranking_list {
	margin: 0;
	padding: 0
}
.top_blomaga_ranking_list .rank_nam_wrap {
	display: table-cell;
	vertical-align: middle
}
.top_blomaga_ranking_list .rank_nam {
	padding: 0 16px 0 0
}
.top_blomaga_ranking_item {
	position: relative;
	margin: 0 16px
}
.top_blomaga_ranking_summary {
	display: table-cell;
	vertical-align: middle;
	word-break: break-all;
	width: 100%
}
.top_blomaga_ranking_summary .genre_name {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -11px
}
.top_blomaga_ranking_summary .top_blomaga_ranking_description {
	color: #959595;
	margin: 8px 0 16px
}
.top_blomaga_ranking_summary a {
	color: #757575
}
.top_blomaga_ranking_title {
	font-weight: 700;
	line-height: 1.4em;
	max-height: 1.4em;
	overflow: hidden;
	margin: 16px 0 4px
}
.top_blomaga_ranking_title a {
	color: #4d4d4d
}
.top_blomaga_ranking_discription p {
	color: #888
}
.top_blomaga_ranking_entry_list {
	margin: 0 0 14px;
	padding: 0
}
.top_blomaga_ranking_entry_list a {
	display: block;
	line-height: 1.4em;
	height: 1.4em;
	overflow: hidden
}
.top_blomaga_ranking_entry_item {
	margin-right: 80px
}
.main_img_2block {
	margin: 0 0 48px;
	overflow: hidden
}
.main_img_2block .even, .main_img_2block .odd {
	width: 48%
}
.main_img_2block .odd {
	float: left
}
.main_img_2block .even {
	float: right
}
.main_img_2block img {
	width: 100%
}
.community_nav_list {
	overflow: hidden;
	padding: 0;
	margin: 0
}
.community_nav_item {
	float: left;
	width: 25%;
	font-size: 13px
}
.community_nav_item .right_triangle_icon {
	vertical-align: middle;
	margin-right: 4px
}
.community_nav_item a, .isSelect span {
	color: #4d4d4d;
	display: block;
	text-align: center;
	padding: 8px 0
}
.community_nav_item+.community_nav_item {
	border-left: 1px solid #e7e7e7;
	margin-left: -1px
}
.ie7 .community_nav_item+.community_nav_item {
	margin-left: -2px
}
.community_detail {
	margin: 24px 0;
	padding: 0;
	overflow: hidden
}
.community_title {
	font-size: 20px;
	margin: 16px 0 0;
	font-weight: 400
}
.community_title_sup {
	font-size: 12px;
	margin-left: 8px
}
.community_detail_img {
	text-align: center;
	margin: 0 0 24px
}
.community_detail_img img {
	max-width: 345px;
	min-width: 100px;
	height: auto
}
.baton_sup, .topic_comment_img img {
	max-width: 100%
}
.community_detail_txt {
	margin: 0 0 0 24px
}
#body_ .left_pop_tag, #body_community_detail .left_pop_tag, #body_index .left_pop_tag, #body_member_list .left_pop_tag, #body_topic_detail .left_pop_tag, #body_topic_list .left_pop_tag {
	display: none
}
#body_ .normal_table, #body_community_detail .normal_table, #body_index .normal_table, #body_member_list .normal_table, #body_topic_detail .normal_table, #body_topic_list .normal_table {
	margin: 0 0 32px
}
#body_ .main_entry_list, #body_community_detail .main_entry_list, #body_index .main_entry_list, #body_member_list .main_entry_list, #body_topic_detail .main_entry_list, #body_topic_list .main_entry_list {
	margin: 0 0 8px
}
.community_member_list {
	margin: 0;
	padding: 0;
	overflow: hidden
}
.community_member_item {
	float: left;
	width: 25%;
	text-align: center
}
.community_member_img {
	min-height: 180px;
	padding: 0 16px
}
.community_member_img img {
	width: 100%
}
.community_topic_list .main_entry_item {
	padding: 16px 8px
}
.community_topic_description {
	padding: 0;
	margin: 0
}
.community_topic_data {
	text-align: right;
	margin: 0 8px 0 0
}
#body_topic_detail .main_entry_item {
	margin: 16px 0 16px 8px
}
.topic_discription {
	margin: 0 0 16px;
	line-height: 1.4em
}
.topic_discription_text, .topic_discription_title {
	font-size: 14px;
	margin: 16px 24px 0;
	padding: 0
}
.topic_data {
	font-size: 12px;
	text-align: right;
	margin: 16px 24px;
	padding: 0
}
.topic_comment_img {
	float: left;
	width: 30%
}
.topic_comment_text {
	margin: 0;
	padding: 0;
	width: 65%;
	float: right;
	font-size: 14px
}
.no_image .topic_comment_text {
	width: auto;
	float: left
}
.topic_comment_data {
	margin: 8px 8px 0 0;
	padding: 0;
	clear: both;
	float: right
}
.forum_nav_list {
	overflow: hidden;
	padding: 0;
	margin: 0 0 24px
}
.forum_nav_item {
	float: left;
	width: 20%;
	font-size: 13px
}
.forum_nav_item .right_triangle_icon {
	vertical-align: middle;
	margin-right: 4px
}
.forum_nav_item a, .isSelect span {
	color: #4d4d4d;
	display: block;
	text-align: center;
	padding: 8px 0
}
.forum_nav_item+.forum_nav_item {
	border-left: 1px solid #e7e7e7;
	margin-left: -1px
}
.forum_contents_more {
	float: right;
	margin: 8px 0 0 16px
}
.forum_contents_more a {
	color: #4d4d4d
}
.forum_contents_more .next_arr_icon, .forum_contents_more span {
	vertical-align: middle;
	line-height: 1.4em
}
.forum_top_about_img {
	float: left;
	padding: 0 8px 0 0;
	width: 235px
}
.forum_top_about_img img {
	width: 100%;
	height: auto
}
.forum_top_about_text {
	overflow: hidden
}
.forum_top_about_text .forum_contents_more {
	float: left;
	margin: 4px 0 0
}
.forum_icon_sample {
	width: 80%;
	padding-bottom: 20px;
	text-align: center;
	margin: 16px auto 24px;
	border-top: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7
}
.forum_icon_sample td, .forum_icon_sample th {
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7
}
.forum_icon_sample th {
	width: 135px;
	background-color: #f6f6f6
}
.forum_icon_sample ul {
	margin: 0;
	padding: 16px 0
}
.forum_top_about .forum_icon_sample {
	clear: both;
	margin-bottom: 0
}
.forum_description {
	margin: 0 8px 6px 0;
	font-size: 15px
}
.forum_topinfo_link a, .forum_toplink .right_triangle_icon, .forum_toplink a {
	margin: 0 8px 0 0
}
.forum_toplink {
	padding: 3px 10px 3px 0
}
.forum_topinfo_link .right_triangle_icon, .forum_topinfo_link span, .forum_toplink .right_triangle_icon, .forum_toplink span {
	vertical-align: middle
}
.forum_official_title {
	margin: 16px 0 8px;
	font-weight: 400;
	font-size: 18px
}
.forum_topinfo_link {
	margin: 0;
	padding: 0;
	line-height: 1.4em
}
.forum_search_area {
	margin: 0 0 24px;
	line-height: 1.4em;
	text-align: center;
	padding: 16px 0;
	overflow: hidden
}
.forum_search_select, .forum_search_text {
	width: 47%
}
@media screen and (max-width: 1100px) {
	.forum_search_select, .forum_search_text {
		width: 35%
	}
}
.forum_search_select select, .forum_search_text {
	border: 1px solid #ccc
}
.forum_search_text {
	padding: 5px;
	margin-right: 8px
}
.forum_search_select select {
	padding: 4px;
	margin-right: 8px
}
.forum_search_select {
	text-align: left;
	margin: 8px auto 16px;
	display: inline
}
.forum_search_select .default_btn {
	display: inline;
	padding: 5px 24px
}
.forum_search_select .forum_contents_more {
	margin: 8px 0
}
.forum_community_about {
	border: 1px solid #e7e7e7;
	padding: 8px;
	margin: 0 0 24px;
	overflow: hidden
}
.forum_community_about .default_btn, .forum_community_about form {
	display: inline
}
.forum_community_about .default_btn {
	margin-right: 16px
}
.forum_community_title {
	font-size: 21px;
	margin: 0
}
.forum_community_title_sup {
	font-size: 14px;
	margin: 0 0 0 8px
}
.forum_community_img {
	width: 120px;
	float: left;
	margin: 0 16px 0 0
}
.forum_community_img img {
	width: 120px
}
.forum_community_text {
	overflow: hidden
}
.topic_table_area {
	overflow: hidden;
	margin-bottom: 24px;
	display: block
}
.topic_table_area .forum_contents_more {
	text-align: right;
	float: none
}
.topic_table_title {
	font-weight: 400;
	font-size: 20px;
	margin: 0 0 8px
}
.topic_table_title a {
	color: #4d4d4d
}
.topic_table_title .blog_icon, .topic_table_title span {
	vertical-align: middle
}
.topic_table_title .view_total {
	font-size: 15px;
	margin-left: 8px
}
.topic_table {
	margin: 0;
	text-align: left;
	font-size: 14px;
	width: 100%
}
.topic_table th {
	background-color: #f6f6f6;
	color: #666;
	padding: 13px 8px
}
.topic_table td {
	border-bottom: 1px solid #ccc;
	padding: 2px 8px
}
.topic_table .topic_title {
	width: 380px
}
.topic_table .post_date, .topic_table .user_name {
	width: 130px
}
#body_community_detail .topic_table .topic_title {
	width: 430px
}
#body_community_detail .topic_table .post_num {
	width: 80px
}
@media screen and (max-width: 1100px) {
	.topic_table .topic_title {
		width: 280px
	}
}
.topic_detail {
	border: 1px solid #e7e7e7;
	padding: 16px;
	margin: 0 0 24px;
	overflow: hidden
}
.topic_detail .default_btn, .topic_detail form {
	display: inline
}
.topic_detail .default_btn {
	margin-right: 16px
}
.topic_detail_title {
	font-size: 21px;
	margin: 0
}
.topic_detail_title_sup {
	font-size: 14px;
	margin: 0 0 0 8px
}
.topic_detail_img {
	width: 120px;
	float: left;
	margin: 0 16px 0 0
}
.topic_detail_img img {
	width: 120px
}
.topic_detail_text {
	overflow: hidden
}
.topic_search_text {
	font-size: 14px
}
.topic_search_data {
	text-align: right
}
.topic_search_community_name {
	margin-right: 8px;
	display: block
}
.baton_search_area {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px;
	line-height: 1.4em;
	text-align: center;
	padding: 16px 0;
	overflow: hidden
}
.baton_search_select, .baton_search_text {
	width: 47%
}
@media screen and (max-width: 1100px) {
	.baton_search_select, .baton_search_text {
		width: 35%
	}
}
.baton_search_select select, .baton_search_text {
	border: 1px solid #ccc
}
.baton_search_text {
	padding: 5px;
	margin-right: 8px
}
.baton_search_select select {
	padding: 4px;
	margin-right: 8px
}
.baton_search_select {
	text-align: left;
	margin: 8px auto 16px;
	display: inline
}
.baton_search_select .default_btn {
	display: inline;
	padding: 5px 24px
}
.amazon_category_group a, .baton_detail_link, .baton_item, .baton_sup {
	display: block
}
.baton_search_select .forum_contents_more {
	margin: 8px 0
}
.baton_list {
	font-size: 16px;
	margin: 0 0 30px;
	padding: 0;
	overflow: hidden
}
.baton_item {
	position: relative;
	width: 48%;
	float: left;
	margin: 3px 4px;
	word-break: break-all;
	height: 51px;
	overflow: hidden;
	border: 1px solid #e7e7e7;
	padding: 0 0 5px
}
.baton_detail_link {
	text-align: left;
	font-size: 16px;
	margin: 8px;
	line-height: 1em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%
}
.baton_sup {
	text-align: right;
	font-size: 12px;
	margin: 8px;
	line-height: 1em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.amazon_search, .baton_page_area .txt_center, .between_ad_468 {
	text-align: center
}
.baton_author_link {
	margin-right: 8px
}
.baton_info {
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 10px
}
.baton_info .baton_comment {
	padding: 10px;
	margin: 0;
	border-bottom: 1px dotted #ccc
}
.baton_info .baton_data {
	font-size: 85%;
	padding: 10px;
	margin: 0
}
.baton_page_area .list_box {
	border-top: 1px dotted #ccc;
	margin: 0 0 10px;
	padding: 0
}
.baton_page_area .list_box_inner {
	padding: 10px;
	border-bottom: 1px dotted #ccc
}
.baton_page_area .list_box_inner span {
	margin-right: 8px
}
.baton_page_area .baton_question_area {
	width: 58%;
	float: left
}
.baton_page_area .baton_answer_area {
	width: 39%;
	float: right
}
.baton_page_area .answered_entry_list {
	margin: 8px 0 0;
	padding: 0
}
.baton_page_area .answered_entry_item {
	margin: 0 0 0 6px;
	padding: 0
}
.baton_page_area .answered_entry_item a {
	padding: 4px 9px;
	display: block;
	font-size: 14px
}
.amazon_menu h3, .amazon_menu ul {
	margin: 0;
	padding: 0
}
.baton_page_area .answered_entry_item a i {
	vertical-align: middle;
	margin-right: 5px
}
#body_amazon .rigth_title {
	padding: 0;
	border-bottom: none
}
.amazon_category_left a, .amazon_category_right a {
	color: #4d4d4d
}
.amazon_category_left {
	float: left;
	width: 140px
}
.amazon_category_right {
	float: right;
	width: 140px
}
.amazon_section dd, .amazon_section dt {
	margin: 0;
	display: table-cell;
	float: none
}
.amazon_category_group {
	margin-bottom: 16px
}
.amazon_category_group a:hover {
	background-color: #f5f8fa
}
.amazon_menu {
	font-size: 12px;
	margin-top: 10px
}
.amazon_menu h3 {
	font-size: 16px;
	font-weight: 700;
	background: 0 0
}
.amazon_menu li {
	font-size: 13px;
	line-height: 20px;
	padding: 2px 0;
	background: 0 0
}
.amazon_menu li.tree_end, .amazon_menu ul .tree_body li {
	background: 0 0
}
.amazon_menu ul .tree_body {
	padding: 0;
	margin: 0 0 10px
}
.amazon_menu ul .tree_body li {
	line-height: 20px;
	padding: 0 0 0 10px
}
.amazon_search {
	border: 1px solid #e7e7e7;
	margin: 0 0 16px;
	line-height: 1.4em;
	padding: 16px 0 0
}
.amazon_search .default_btn {
	margin: 16px auto
}
.amazon_search dd {
	margin: 0
}
.amazon_search .search_word, .amazon_search select {
	border: 1px solid #ccc
}
.amazon_search .search_word {
	padding: 5px;
	width: 53%
}
.amazon_search select {
	padding: 4px
}
@media screen and (max-width: 1075px) {
	.amazon_search .search_word {
		width: 42%
	}
}
.amazon_item_menu {
	display: none
}
.amazon_section h2 {
	margin: 8px 0 5px;
	font-size: 18px;
	font-weight: 400
}
.amazon_section dt {
	vertical-align: middle
}
.amazon_section dd {
	width: auto;
	vertical-align: middle
}
.amazon_section ul {
	margin: 0;
	padding: 0
}
.amazon_section li {
	padding: 6px 0 2px
}
.charge_icon {
	display: none;
	position: absolute;
	top: 1px;
	left: 232px
}
.charge_icon a {
	display: table-cell;
	vertical-align: middle
}
.side_ad_inner {
	margin-bottom: 24px
}
#body_top2 .side_ad_inner {
	margin-top: 36px
}
.between_ad_468 {
	border-top: 1px dotted #cfcfcf;
	margin: 16px auto 0;
	padding: 24px 0 8px
}
.between_ad_468>div {
	width: 468px;
	margin: 0 auto
}

/*

*/
.genre_name {
	line-height:1.4em;
	font-size:11px;
	margin:0;
}

.genre_name a,.genre_name span {
	color:#fff;
	border-radius:2px;
	background-color:#4B92D1;
	display:inline-block;
	zoom:1;
	padding:3px 8px;
}

.isAdult .genre_name {
	line-height:1.4em;
	font-size:12px;
	margin:0;
}

.isAdult .genre_name a,.isAdult .genre_name span {
	color:#fff;
	border-radius:2px;
	background-color:#ea2f76;
	display:inline-block;
	zoom:1;
	padding:3px 8px;
}

#body_subjanre .genre_name {
	display:none;
}

.pager {
	text-align:center;
	margin:24px 0;
	padding:3px;
}

.pager a,.pager span {
	color:#4d4d4d;
	min-width:16px;
	display:inline-block;
	line-height:13px;
	height:13px;
	border:1px solid #e7e7e7;
	padding:7px 5px 6px;
}

.pager a {
	margin-right:2px;
}

.pager a:hover,.pager span {
	background-color:#e7e7e7;
}

.pager .disabled .blog_icon {
	filter:alpha(opacity=40);
	-moz-opacity:.4;
	opacity:.5;
}

.pager .current {
	margin-right:2px;
	font-weight:700;
	background-color:#ededed;
}

.ie7 .pager .next,.ie7 .pager .prev {
	display:inline;
	vertical-align:3px;
	zoom:1;
	margin:-5px 6px 0 0;
}

.ie7 .pager .next i,.ie7 .pager .prev i {
	vertical-align:baseline;
}

#f-wrap {
	background-color:#f6f6f6;
	border-top:1px solid #ddd;
	overflow:hidden;
}

#f-wrap a:hover {
	text-decoration:underline;
}

#f-wrap a.twitter-follow-button:hover {
	text-decoration:none;
}

#f-wrap_inner {
	width:960px;
	margin:0 auto;
}

#f-service_outline {
	overflow:hidden;
	margin:24px 0 16px;
	padding:0;
}

#f-service_logo {
	float:left;
	font-size: 100%;
}

#f-service_logo a:hover {
	text-decoration: none;
}

.service_outline_list {
	float:right;
	margin:9px -16px 0 0;
	padding:0;
}

.service_outline_item {
	float:left;
	margin:0 16px 0 0;
}

#f-service_map {
	overflow:hidden;
}

.service_map_contents {
	width:100%;
	margin-right:30px;
}

.service_map_contents.last {
	margin-right:0;
}

.service_map_title {
	float: left;
	width: auto;
	font-size:14px;
	font-weight: bold;
	margin:0 30px 8px 0;
}
.service_map_title a {
	color: #4D4D4D;
}

.service_map_list {
	margin:0;
	padding:0;
}

.service_map_item {
	font-size:13px;
	padding:4px 0;
}

.footer_bnr_area .footer_bnr {
	display:block;
	margin:0 0 16px;
}

#f-service_common {
	border-top:1px solid #ddd;
	margin:16px 0 0;
	overflow: hidden;
}

#f-wrap .common_service_list {
	overflow:hidden;
	font-size:13px;
	float:right;
	max-width:75%;
	margin:14px 0 0;
	padding:0;
	text-align: left;
}

#f-wrap .common_service_item {
	display: inline-block;
	line-height: 1.75;
	margin-left:16px;
	margin-right: 0;
	float: none;
}

.footer_bnr_area, .change_language_area {
	float:right;
}

#f-wrap .change_language_area {
	margin: 14px 0 24px;
}

.change_language_icon {
	display:inline-block;
	zoom:1;
	vertical-align:middle;
	width:18px;
	height:18px;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyMTI5YmY0Yi0zYTk3LTQ1MGQtYTljYS01NDkzNTFjNWE5NzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzc5NzA4NzRCQjFDMTFFNDgxOTdGNDM1OENGMEU4NTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzc5NzA4NzNCQjFDMTFFNDgxOTdGNDM1OENGMEU4NTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpkNDA1ZTNmYS1lOTU5LTQ4ZDYtYmUyOC01NzRlNzcwMzVlOTgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmYzk2ZDczYS1iZjI3LTExNzctOTdmMC1jNjliOTljMjQzYWEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6H8msgAAAB5ElEQVR42nTUT0jTcRjHcTeH0QRJ6uBBl0F/dk0oRAh1KwhUvNSCIcLqJN2iW0Ee1EPDk90kgrWQRGJDKNAsRwlSI7QO5cGiGhEVdBEhHaz3A58ffPn58wcv3ObzPN9nz/f7XahcLtcFPAlc0d+YPvuGF5jFkj8h7Hsfx0sFXsUu3mAah3ENzxUTdxMjzutuzGMbW/iHQyjo9SW0YwdZLTCAktuRVS/iC85pAevgID7gIi7jMfI4o9ii15kVCuGBOunDaTRoASt0HR04os7sqSh2W7khK5REJ24rYMjp9IA6W8MIqs4oKsqx3KQlpPATOQUUfBtwDKP4E7C7OeWmItriZWc1G946/uprncSzuuCnqh1MWEdt+Or8cxNT+IVTWuSEhAKKfbcaEWeA7nMfr5FW8hNEUQuIrXm79gNHAwI2cEcrTqpD2/KbaHbi7ORXwjpYPb7D6T7vcR6NOpBZDfmGCvZixQo9QguG9ynUhOO+z/p1HNLKzVuhBaxiDK0BhX5jPGA+Nrdbyl0MKyCjYT7dp9gEZpz393Syo7rcNe8Ef8KgZvBWp7veV+ysrsQ7XeCYcj76b39JwXZ3HuKufn8+6555c+rQ18mogT0/I15nXbigVZO6Qjv63yvM2Uz8M/svwAA6A3MOnWctGAAAAABJRU5ErkJggg==);
	background-repeat:no-repeat;
	margin:0 4px 0 0;
}

#f-wrap .copyright_wrap {
	clear: none;
	float: left;
	margin:24px 0;
}

.copyright_wrap .copyright {
	float:left;
	font-size:12px;
	color:gray;
	margin:0 24px 0 0;
}


@media screen and (max-width: 1024px) {
	.footer_bnr_area, #site_footer .change_language_area {
		float:none;
		text-align: center;
	}
	#site_footer .change_language_area {
		margin: 24px 0;
	}
	#site_footer .change_language_group {
		width: 240px;
	}
}

/* ==========================================================================
   lang-foreign
========================================================================== */
.lang-foreign .mb10 {
	margin-bottom: 10px;
}

.lang-foreign b,
.lang-foreign optgroup,
.lang-foreign strong {
	font-weight: 700;
}

/* menu_login */
.lang-foreign #sidemenu{
	float: left;
	width: 200px;
}

.lang-foreign #sidemenu h3[class^="sh_management_"]{
	display: none;
}

.lang-foreign .menubox {
	background: #fcfcfc;
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	line-height: 1.2;
}

.lang-foreign #login_body {
	padding: 10px;
}

.lang-foreign #login_body li {
	padding-bottom: 5px;
}

.lang-foreign #login_body a {
	background: url() no-repeat -220px 5px;
	padding-left: 10px;
}

.lang-foreign .topic_path{
	padding: 0 0 8px 0;
	margin: 0;
	overflow: hidden;
}

.lang-foreign .sh_heading_main_b{
	color: #4d4d4d;
	font-size: 28px;
	margin: 40px 0;
	padding: 0;
	font-weight: 400;
	line-height: 1em;
}

/* ==========================================================================
   reset
========================================================================== */

.style_error {
  margin: 24px 0;
}

.topic_table_area {
  width: 100%;
}

.forum_box02 {
  border-bottom: 1px dotted #e7e7e7;
  margin: 0;
  padding: 16px 0 16px 0;
  text-align: center;
  background-color: #f7f7f7;
}

.forum_box02 p {
  margin: 1em 0 0;
}

.home_icon {
  display: block;
  width: 18px;
  height: 21px;
  background-position: center -274px;
  padding: 0 0 0 80px;
}

.logo_icon {
  display: block;
  width: 18px;
  height: 21px;
  background-position: center 0;
  padding: 0 0 0 80px;
}

  /* ==========================================================================
      button style
  ========================================================================== */
  .sp_red_btn {
    border: 1px solid #e74f5b;
    border-radius: 5px;
    font-size: 14px;
    background-color: #ec5763;
    color: #fff;
    padding: 0;
    height: 35px;
    line-height: 35px;
    display: block;
    text-align: center;
  }

  .sp_red_btn:hover {
    background-color: #e84e5a;
  }

  .sp_gray_btn {
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    font-size: 14px;
    background-color: #f3f3f3;
    color: #333;
    padding: 0;
    height: 35px;
    line-height: 35px;
    display: block;
    text-align: center;
  }

  .sp_gray_btn:hover {
    background-color: #efefef;
  }

  .menu_btn {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border: none;
    background: 0 0;
    padding: 15px 40px 17px 10px;
    margin: 0;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
  }

  .sp_blue_btn {
    border: 1px solid #4791dd;
    border-radius: 5px;
    font-size: 14px;
    background-color: #55a0ed;
    color: #fff;
    padding: 0;
    height: 35px;
    line-height: 35px;
    display: block;
    text-align: center;
  }

  .sp_blue_btn:hover {
     background-color: #4690db;
  }



/*
=====================================================================
*
* media query
*
* ===================================================================
*/

/* 320px - 959px */
@media screen and (max-width: 959px) {

  /* ==========================================================================
     basic (@media screen and (max-width: 959px))
  ========================================================================== */
  .col_2_main {
    margin: 0;
  }

  .style_error {
    margin: 24px 2%;
  }


  /* ==========================================================================
     header (@media screen and (max-width: 959px))
  ========================================================================== */
  .blog_icon_s {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAdCAIAAABT3mkZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4wLWMwMDAgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjUgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA5LTE2VDIwOjQyOjMwKzA5OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wOS0xNlQyMDo0Njo0MiswOTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wOS0xNlQyMDo0Njo0MiswOTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NDg1NGFmNS1hNzFhLTRlMmEtYTY0Zi1hNDVkMjk2ZjFmZTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTQ4NTRhZjUtYTcxYS00ZTJhLWE2NGYtYTQ1ZDI5NmYxZmU0IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OTQ4NTRhZjUtYTcxYS00ZTJhLWE2NGYtYTQ1ZDI5NmYxZmU0Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NDg1NGFmNS1hNzFhLTRlMmEtYTY0Zi1hNDVkMjk2ZjFmZTQiIHN0RXZ0OndoZW49IjIwMjEtMDktMTZUMjA6NDI6MzArMDk6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmhilQUAAABRSURBVEiJ7dSxDQAxCEPREKVhXuZgPFiFDlKcdCu4iP8Cr7BkiQgzW4jcfUPgP/LApLurCmKrqswMxP56e3vywE5m8vPJA+LnkycPiJ9PHtQFKSIiq5S7w5UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: bottom;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
  }
	
  #site_header {
    background-color: #fff;
    position: relative;
    width: 100%;
    min-height: 40px;
    color: #333;
    text-align: center;
    border-bottom: 2px solid #ec5763;
  }

  .left_menu_btn {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border: none;
    background: 0 0;
    padding: 15px 40px 17px 10px;
    margin: 0;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
  }

  #app_menu_left_trigger {
    z-index: 9999;
    padding: 15px 40px 17px 10px;
  }

  #app_menu_left_trigger .menu_icon {
    width: 20px;
    height: 15px;
    background-position: center;
  }


  /* ==========================================================================
     slide menu (@media screen and (max-width: 959px))
  ========================================================================== */
  /*** basic ***/
  #app_viewport {
    /* background: #545454; */
    overflow: hidden
  }

  #app_viewport a,#app_viewport li {
    font-family: Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
  }

  #app_viewport .disabled a,#app_viewport .disabled iframe {
      pointer-events: none;
      -webkit-tap-highlight-color: transparent
  }

  #app_menu_left {
      position: absolute;
      display: none;
      width: 260px;
      left: 0;
      top: 0;
      overflow: hidden
  }

  #app_viewport .app_menu {
      width: 260px;
      min-height: 100%;
      font-size: 14px;
      color: #fff
  }

  #app_viewport .app_menu a.active {
      background: #777
  }

  #app_frame {
      position: relative;
      width: 100%;
      background: #F0F0F0;
      min-height: 100%;
  }

  .app_overlay {
    cursor: pointer;
      position: absolute;
      display: none;
      height: 100%;
      left: 0;
      right: 0;
      top: 0;
      z-index: 9999;
      background: 0 0;
      -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none;
      background-color: rgba(0, 0, 0, .5);
  }

  #wrapper {
      background-color: #fff;
      position: relative;
      text-align: left;
  }

  #left_menu {
      position: relative;
      display: block;
      z-index: 0;
      left: 0
  }

  /*** slide menu ***/
  #app_viewport .app_menu .list_titile {
      font-size: 11px;
      padding: 0 0 0 12px;
      border-top: 1px solid #999;
      border-bottom: 1px solid #4d4d4d;
      background: #666;
      background: -webkit-gradient(linear,left top,left bottom,from(gray),to(#666));
      background: -moz-linear-gradient(top,gray,#666);
      background: -o-linear-gradient(top,gray,#666);
      background: linear-gradient(to bottom,gray 0,#666 100%)
  }

  #app_viewport .app_menu a {
      display: block;
      padding: 12px;
      text-decoration: none;
      color: #fff;
      border-top: 1px solid #666;
      border-bottom: 1px solid #333
  }

  .sidemenu {
      display: none;
      position: absolute;
      top: 0;
      width: 260px;
      font-size: 14px;
      min-height: 100%;
      background: #545454;
      color: #fff
  }

  body>.sidemenu {
      height: auto
  }

  .sidemenu ul {
      display: block;
      margin: 0;
      padding: 0
  }

  .sidemenu ul li:first-child {
      border-top: none
  }

  .sidemenu .list_titile {
    background: #F5F8FA;
    padding: 8px 12px;
  }

  .sidemenu .list_titile h3 {
      margin: 0;
      padding: 0;
      font-size: 12px;
			font-weight: bold;
      color: #4d4d4d;
  }

  .sidemenu ul li{
    border-bottom: 1px solid #e8e8e8;
  }

  .sidemenu ul li a {
    display: block;
    color: #4d4d4d;
    padding: 18px 12px;
    text-decoration: none;
    background: #fff;
  }

  .sidemenu_submit_item {
    background: #F5F8FA;
    padding: 12px 8px;
    text-align: center;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: stretch;
		align-content: stretch;
  }
  .sidemenu ul li a.sidemenu_primary_btn {
      background: #36d6bd;
      color: #fff;
  }
  .sidemenu ul li a.sidemenu_normal_btn {
    background: #F3F3F3;
    border: 1px solid #c3c3c3;
  }
  .sidemenu ul li a.sidemenu_submit_btn {
    border-radius: 4px;
    display: inline-block;
    line-height: 1;
    margin: 0 1%;
    padding: 8px;
    text-align: center;
    max-width: 80%;
    flex: 1 1 80%;
  }

  /* ==========================================================================
       login menu (@media screen and (max-width: 959px))
  ========================================================================== */
  #menu_login_tb {
    background-color: #f6f6f6;
    padding: 0;
  }

  .login_menu {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    padding: 10px 10px 15px;
    padding: 10px 10px 15px \9;
    box-sizing: border-box;
    overflow: hidden;
  }

  .login_menu .login_menu_btn {
    position: relative;
    list-style: none;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    ーms−flex: 1;
    flex: 1;
    width: 48% \9;
    font-size: 14px;
    float: left \9;
    margin: 0 10px 0 0;
    margin: 0 1% 0 \9;
    text-align: center;
  }

  .login_menu .primary_btn {
    margin: 0;
  }

  .login_menu .default_btn {
    display: block;
  }
	
	/* ==========================================================================
     pager (@media screen and (max-width: 959px))
  ========================================================================== */
	.pager {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: stretch;
		align-content: stretch;
	}

	.pager .pager_first,
	.pager .pager_last{
		display: none;
	}

	.pager a,
	.pager span{
    box-sizing: border-box;
    height: 40px;
    width: 40px;
    margin: 0 1px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
	}

  /* ==========================================================================
     footer navigation (@media screen and (max-width: 959px))
  ========================================================================== */
  .contents_area {
    margin-top: 36px;
  }

  .contents_title_sup {
    font-size: 16px;
  }

  .list_arr_icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    left: auto;
    margin: auto;
    display: block;
    width: 6px;
    height: 10px;
    height: 12px \9;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAVCAYAAACdbmSKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANRJREFUeNqMk4ERwiAMRYEJHMERdAKvGzgCbKCTdAS6CSPIBjqCI/jR6MU0ieaOowVefkJ/Q2DRWjthbMKPSAyomObXow9GBmS23jEmxF1Voqw7sT7eq1keZZsoO48jVaCXRyVuMV0wZD8LEhf1IrBxI0XZR5aKUUrjwOineYpJQtjojmJWlf5QLNH7iJS5mo4w4qCs9eSoSJcE6lMvzwGGtdZKAGYPWN2e0fgXIG2UDZPuOfC5PQcoEngqkVGvBrBYv8YwahG2MQHZ09s2Zw8Y8RBgAAtuZ+qooV8QAAAAAElFTkSuQmCC) 0 0/6px 10px no-repeat;
  }


  /* ==========================================================================
      footer (@media screen and (max-width: 959px))
  ========================================================================== */
  #footer_container {
	  display: none;
  }




  #site_footer {
    margin-top: 0;
    clear: both;
    padding-bottom: 60px;
    background-color: #f5f8fa;
  }

  .footer_nav {
    overflow: hidden;
    margin: 0;
    padding: 0 10px 16px;
    background-color: #fff;
  }

  .footer_nav p {
    margin: 0;
  }

  .twitter_link {
    position: relative;
    background-color: #5ea9dd;
    width: 35px;
    height: 35px;
    float: left;
  }

  .twitter_link .twitter_white_icon {
    width: 27px;
    height: 26px;
    background-position: center -245px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  .goto_top {
    float: right;
    text-align: center;
  }

  .goto_top a {
    display: block;
    border-radius: 2px;
    color: #666;
    background-color: #eaeaea;
    border: 1px solid #e7e7e7;
    padding: 0 21px;
    height: 33px;
    line-height: 33px;
  }

  .goto_top .top_arr_icon {
    margin-right: 4px;
  }

  .goto_top .btn_text, .goto_top .top_arr_icon {
    width: 12px;
    height: 10px;
    background-position: center -296px;
    vertical-align: middle;
  }

  .footer_link_area {
    clear: both;
    background-color: #f5f8fa;
    overflow: hidden;
  }

  .footer_about_link {
    text-align: center;
    margin: 16px 0;
    padding: 0;
  }

  .footer_about_item {
    display: inline-block;
    border-right: 1px solid #4d4d4d;
  }

  .footer_about_item a {
    color: #4d4d4d;
    display: block;
    padding: 0 10px;
    font-size: 12px;
  }

  .footer_about_item:last-child {
    border: none;
  }

  .footer_info_link {
    margin: 16px 10px;
    padding: 0;
  }

  .footer_info_item {
    position: relative;
    background-color: #fff;
    border: 1px solid #e7e7e7;
  }

  .footer_info_item a {
    color: #656565;
    display: block;
    padding: 10px;
  }

  .footer_info_item + .footer_info_item {
    border-top: none;
  }

  .footer_info_item:first-child {
    border-radius: 3px 3px 0 0;
  }

  .footer_info_item:last-child {
    border-radius: 0 0 3px 3px;
  }

  .footer_service_btn_area {
    text-align: center;
  }

  .footer_service_btn {
    display: inline-block;
  }

  .footer_service_btn a {
    width: 100px;
    padding: 8px 15px;
    display: block;
    vertical-align: middle;
    color: #666;
    background-color: #eaeaea;
    border: 1px solid #e7e7e7;
  }

  .footer_service_btn .blog_icon {
    vertical-align: middle;
    margin-right: 4px;
  }

  .footer_service_btn .btn_text {
    vertical-align: middle;
  }

  .copyright {
    text-align: center;
    margin: 0;
    padding: 10px 10px 16px;
    background-color: #f5f8fa;
  }
}


/* 320px - 767px */
@media screen and (max-width: 767px) {

  /* ==========================================================================
     base/reset
  ========================================================================== */
  /*** reset ***/
  #h-service_link,
  #h-main,
  #h-gnav,
  .menu_login,
  #menu_login_tb,
  #col_nav,
  .topic_path_list,
  .forum_top_about,
  .topic_table,
  .topic_table_area,
  .forum_contents_more,
  .forum_search_area,
  .topic_detail_post,
  .main_contents_title,
  .forum_nav_list,/*comunity _top*/
  .forum_box02,
  #main_title_pc,
  .view_total,
  .more_read,
  .comm_btn_pc,
  #f-wrap {
    display: none;
  }

   /*** basic ***/
  html {
    font-size: 14px;
  }

  body {
    width: 100%;
    min-width: 100%;
  }

  #contents_body {
    padding: 0px;
    margin: 0 0 36px 0;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
  }

  .style_error {
    margin: 40px 2%;
    font-size: 16px;
  }


  /* ==========================================================================
     login menu
  ========================================================================== */
  #menu_login {
    background-color: #f6f6f6;
    padding: 0;
  }

  #menu_login > p {
    font-size: 12px;
    font-weight: bold;
    padding: 12px 0 0;
    margin: 0;
    text-align: center;
  }

  /* ==========================================================================
     title
  ========================================================================== */

  .topic_article_title,
  .contents_title,
  .main_contents_title_sp,
  .topic_table_title {
    font-size: 21px;
    border-bottom: 1px solid #e7e7e7;
    font-weight: 400;
    margin: 0;
    padding: 0 0 4px 10px;
  }

  .page_title {
    background-color: #f6f6f6;
    color: #4d4d4d;
    font-size: 16px;
    margin: 0;
    padding: 14px 12px;
    font-weight: 700;
    line-height: 100%;
  }

  /* ==========================================================================
     article
  ========================================================================== */
  .topic_article_area {
    margin-top: 40px;
  }

  .topic_list {
    border: none;
    margin: 0px;
    padding: 0px;
  }

  .topic_list {
    border: none;
    margin: 0px;
    padding: 0px;
  }

  .topic_list .topic_article {
    border-bottom: 1px solid #e7e7e7;
    border-top: none;
    padding: 16px 10px;
    position: relative;
  }

  .topic_list .topic_article:hover {
    background-color: #f2f2f2;
  }

  .topic_list .topic_article a {
    display: block;
  }

  .topic_list .add_icon {
    padding: 16px 56px 16px 10px;
  }

  .topic_list .topic_entry_title {
    color: #4d4d4d;
    font-size: 16px;
    padding: 0;
    margin: 0 0 10px 0;
    line-height: 100%;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    font-weight: 700;
    line-height: 1.4;
  }

  .topic_list .topic_entry_desc {
    color: #4d4d4d;
  }

  .topic_list .topic_entry_detail {
    color: #959595;
    margin: 0;
    line-height: 1.6;
  }

  .topic_list .add_icon .forum_pick_icon {
    background-position: 0 -115px;
  }

  .topic_list .add_icon .forum_pick_o_icon {
    background-position: 0 -167px;
  }

  .topic_list .add_icon .forum_close_icon {
    background-position: 0 0;
  }

  .forum_contents_more_s {
    margin: 0;
  }

  .forum_contents_more_s a {
    display: block;
    font-weight: 700;
    text-align: center;
    padding: 15px 10px;
    color: #666;
    background-color: #fcfcfc;
    border-bottom: 1px solid #e7e7e7;
  }

  .forum_contents_more_s a:hover {
    text-decoration: none;
    background-color: #f2f2f2;
  }


  /* ==========================================================================
     search area
  ========================================================================== */
  .forum_search_area_sp {
    background-color: #f6f6f6;
    margin: 24px 0 0;
    padding: 16px 10px;
  }

  .forum_search_area_sp form {
    text-align: center;
  }

  .forum_search_area_sp .forum_search_text {
    padding: 8px;
    margin-right: 4px;
    width: 65%;
  }

  .forum_search_area_sp .forum_search_select {
    display: inline-block;
    margin: 8px auto 0;
    text-align: center;
    width: 100%;
  }

  .forum_search_area_sp .forum_search_select select {
     margin-bottom: 4px;
  }

  .forum_search_area_sp .sp_gray_btn {
    height: auto;
    line-height: 100%;
    display: inline-block;
    padding: 10px 20px;
  }



  /* ==========================================================================
     pager style
  ========================================================================== */
  .forum_box p {
    margin: 0;
  }

  .forum_box .pager {
    margin: 16px 0 0;
  }

  .forum_box .pager a, .forum_box .pager span {
    color: #4d4d4d;
    min-width: 16px;
    display: inline-block;
    line-height: 1em;
    padding: 11px 9px 10px;
    height: 13px;
    border: 1px solid #e7e7e7;
    margin-right: 2px;
  }

  .forum_box .pager .disabled .blog_icon {
    filter: alpha(opacity=40);
    -moz-opacity: .4;
    opacity: 0.5;
  }

  /* ==========================================================================
     community page
  ========================================================================== */
  .forum_community_about {
    border: 3px solid #e7e7e7;
    margin: 12px;
    padding: 12px;
  }

  .forum_community_about .comm_btn {
    margin-top: 12px;
  }

  .comm_btn {
    width: 100%;
  }

  .comm_btn input {
    width: 100%;
  }

  .forum_community_img {
    display: table-cell;
    float: none;
    margin: 0 12px 0 0;
    vertical-align: top;
    width: 72px;
  }

  .forum_community_img img {
    padding: 0 12px 0 0;
    width: 72px;
  }

  .forum_community_text {
    display: table-cell;
    word-break: break-all;
  }

  .forum_community_text p {
    margin: 0px;
    line-height: 1.2;
  }


  /* ==========================================================================
     topic detail
  ========================================================================== */
  .topic_detail_title {
    margin-bottom: 32px;
  }

  .topic_detail {
    border: none;
    padding: 32px 15px 0;
  }

  .topic_detail .topic_detail_text {
    font-size: 14px;
    line-height: 1.6;
  }

  .topic_detail_post_sp {
    color: #959595;
    margin: 32px 0 0 0;
    text-align: right;
    line-height: 1.8;
  }

  .forum_search {
    margin: 0;
    padding: 0;
  }

  .forum_search li {
    border-bottom: 1px solid #e7e7e7;
    margin: 0;
    padding: 24px 15px;
  }

  .main_contents_title_sp {
    padding: 0 10px 10px 10px;
  }

  .topic_detail_comment_title {
    padding-top: 40px;
  }

  .main_contents_title_sp span {
    float: left;
  }

  .main_contents_title_sup_right_sp {
    color: #959595;
    float: right;
    font-size: 14px;
    margin: 4px 2% 0 0;
  }

}

/* 768px - 959px */
@media screen and (min-width: 768px) and (max-width: 959px) {

  /* ==========================================================================
     basic
  ========================================================================== */
  /* reset */
  #h-service_link,
  #h-main,
  #h-gnav,
  .menu_login,
  #col_nav,
  .main_img_area,
  .topic_list,
  .forum_search_area_sp,
  .topic_article_area,
  .topic_article_title,
  .topic_detail_post_sp,
  .main_contents_title_sp,
  .forum_nav_list,/*comunity _top*/
  #menu_login,
  .comm_btn,
  .more_read,

  #f-wrap {
    display: none;
  }

  /* basic */
  body {
    min-width: 100%;
    width: 100%;
  }

  #contents_body {
    padding: 20px 0 0;
    min-width: 100%;
  }


    /* ==========================================================================
     header
  ========================================================================== */
  .menu_btn {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border: none;
    background: 0 0;
    padding: 15px 40px 17px 10px;
    margin: 0;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
  }


  /* ==========================================================================
     login menu
  ========================================================================== */
  #menu_login_tb {
    background-color: #f6f6f6;
    padding: 0;
  }


    /* ==========================================================================
     footer
  ========================================================================== */
  .footer_info_link {
    margin: 16px 2%;
  }

  /* ==========================================================================
     contents
  ========================================================================== */
  /* basic */
  .topic_path_list {
    padding: 0 0 8px 2%;
  }

  .page_title {
    margin: 20px 2% 30px;
  }

  .forum_search_area {
    margin: 0 2% 24px;
  }

  /* article */
  .topic_table_title {
    margin: 0 2% 8px;
  }

  .topic_table .topic_title {
    width: 40% !important;
  }

  .topic_table th {
    padding: 13px 2%;
  }

  .topic_table td {
    padding: 2px 18px;
  }

  .topic_table .post_date,
  .topic_table .user_name {
     width: auto;
  }

  .forum_contents_more {
    margin: 8px 1% 0 16px;
  }

  /* footer navigation */
  .contents_title {
    font-size: 21px;
    border-bottom: 1px solid #e7e7e7;
    font-weight: 400;
    margin: 0;
    padding: 0 0 4px 2%;
  }

  /* top page */
  .forum_top_about {
    margin: 0 2% 10px;
  }
  .topic_search_list .main_entry_item {
    padding: 16px 2%;
    width: 96%;
  }

  /* comunity detail page */
  .forum_community_about {
    margin: 0 2% 24px;
  }

  .forum_community_about .comm_btn_pc {
    margin-top: 12px;
  }

  /* topic detail page */
  .topic_detail {
    padding: 24px;
    margin: 0 2% 40px;
  }

  .main_contents_title {
    margin: 0;
    padding: 0 2% 8px;
    border-bottom: 1px solid #e7e7e7;
  }

  .forum_search {
    margin: 0;
  }

  .forum_search li {
    border-bottom: 1px dotted #dedede;
    padding: 18px 2%;
    margin: 0;
  }

  .topic_detail_post {
    color: #959595;
    margin: 32px 0 0 0;
  }

}

/* OVER 960px */
@media screen and (min-width: 960px) {
    /* reset */
    #site_header,
    #site_footer,
    #app_menu_left,
    .main_img_area,
    .topic_list,
    .forum_search_area_sp,
    .topic_article_area,
    .contents_area,
    .topic_detail_post_sp,
    .main_contents_title_sp,
    .comm_btn,
    #menu_login,
    #menu_login_tb {
      display: none;
    }

}


/* html , body */
* {
  margin: 0;
  padding: 0; }

html, body {
  height: 100%;
  font-weight: normal;
  color: #444444; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 100; }

.disp_no {
  display: none; }

/*	link */
a.signup_btn {
  display: block;
  width: 200px;
  font-size: 22px;
  text-align: center;
  border-radius: 40px;
  color: #FFFFFF;
  background: #EA525E;
  margin: 0 auto 30px auto;
  padding: 14px 40px;
  cursor: pointer; }
a.signup_btn:hover {
	background: #D6525C; }

a.learn_more {
  font-size: 18px;
  font-weight: 200; }
a.learn_more:hover {
	color: #2e5cb4;
	text-decoration: underline; }

p.login_area {
	margin: 20px 0 0;
  font-size: 16px;
  text-align: center;
  color: #FFFFFF; }
  p.login_area a {
    font-weight: 400;
		padding: 10px 24px;
		border: 1px solid #fff;
		border-radius: 40px;
    color: #FFFFFF; }
  p.login_area a:hover {
	  text-decoration: underline; }

/*	main_visual */
#main_visual {
  font-family: "Helvetica Neue","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-weight: 200;
  min-width: 1024px;
  height: auto;
  background-size: cover;
  padding: 200px 0 400px 0; }
  #main_visual .inner {
    max-width: 1024px;
    margin: 0 auto;
    position: relative; }
    #main_visual .inner h2 {
      color: #FFF;
      font-size: 68px;
      text-align: center;
      letter-spacing: 2px;
      padding: 0 0 100px 0; }
    #main_visual .inner .mv_img_templates {
      position: absolute;
      bottom: -520px;
      width: 1024px;
      height: 420px;
      background-size: 1024px; }

/*	content_wrap */
#content_wrap {
  font-family: "Helvetica Neue","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-weight: 200;
  text-align: left;
  padding: 200px 0 0 0; }
  #content_wrap .inner {
    width: 100%; }
    #content_wrap .inner h3 {
      font-size: 58px;
      text-align: center;
      letter-spacing: 1px;
      margin: 0 0 120px 0; }
    #content_wrap .inner .feature_list {
      max-width: 1024px;
      margin: 0 auto 160px auto; }
      #content_wrap .inner .feature_list li {
        float: left;
        width: 33%;
        text-align: center; }
        #content_wrap .inner .feature_list li i.icon_features {
          display: block;
          width: 144px;
          height: 94px;
          background-size: 144px 860px;
          margin: 0 auto 50px auto; }
        #content_wrap .inner .feature_list li i.many_features {
          background-position: 2px 12px; }
        #content_wrap .inner .feature_list li i.mobile_support {
          background-position: 2px -88px; }
        #content_wrap .inner .feature_list li i.customize {
          background-position: 2px -196px; }
        #content_wrap .inner .feature_list li i.easy_to_use_tools {
          background-position: 2px -295px; }
        #content_wrap .inner .feature_list li i.fight_spam {
          background-position: 2px -387px; }
        #content_wrap .inner .feature_list li i.applications {
          background-position: 2px -488px; }
        #content_wrap .inner .feature_list li i.selling_your_blog {
          background-position: 2px -593px; }
        #content_wrap .inner .feature_list li i.photo_album {
          background-position: 2px -695px; }
        #content_wrap .inner .feature_list li i.moving_from_wordPress {
          background-position: 0px -783px; }
        #content_wrap .inner .feature_list li h5, #content_wrap .inner .feature_list li p {
          text-align: center;
          margin: 0 0 30px 0; }
        #content_wrap .inner .feature_list li h5 {
          font-size: 26px;
          letter-spacing: 0.5px; }
        #content_wrap .inner .feature_list li p {
          font-size: 15px;
					text-align-last: left;
          color: #9A9A9A;
          padding: 0 20px; }
        #content_wrap .inner .feature_list li a.app_apple, #content_wrap .inner .feature_list li a.app_google {
          display: inline-block;
          height: 42px; }
    #content_wrap .inner .detail_section {
      width: 100%; }
      #content_wrap .inner .detail_section .inner {
        position: relative;
        width: 960px;
        margin: 0 auto; }
        #content_wrap .inner .detail_section .inner h4 {
          font-size: 42px;
					font-weight: bold;
          letter-spacing: 1px;
          text-align: center;
          margin: 0 0 60px 0; }
        #content_wrap .inner .detail_section .inner p {
          font-size: 25px;
          letter-spacing: 0.5px;
          margin: 0 0 30px 0; }
        #content_wrap .inner .detail_section .inner a.learn_more {
          color: #FFFFFF; }
      #content_wrap .inner .detail_section.template, #content_wrap .inner .detail_section.storage {
        color: #FFFFFF; }
      #content_wrap .inner .detail_section.template {
        position: relative;
        overflow: hidden;
				background-color: #89f7fe;
				background-image: linear-gradient(120deg, #5cd6de 0%, #66a6ff 100%);
        margin: 0 0 160px 0;
        padding: 70px 0 70px 0; }
        #content_wrap .inner .detail_section.template .detail_section_txt {
          float: left;
          width: 500px;
          margin: 70px 0 20px 20px; }
        #content_wrap .inner .detail_section.template .detail_section_img {
          position: absolute;
          margin-top: -22px;
          margin-left: 550px; }
      #content_wrap .inner .detail_section.storage {
        background: #70C3EB;
background-image: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%);
        margin: 0 0 0 0;
        padding: 70px 0 60px 0; }
        #content_wrap .inner .detail_section.storage .detail_section_txt {
          float: right;
          width: 500px;
          margin: 70px 0 0 0; }
        #content_wrap .inner .detail_section.storage .detail_section_img {
          position: absolute;
          margin-top: -32px;
          margin-left: 140px; }
      #content_wrap .inner .detail_section.notifications {
        display: block;
        background: #F9F9F2;
        padding: 70px 0 80px 0;
        text-align: center; }
        #content_wrap .inner .detail_section.notifications .notifications_list {
          margin: 40px 0 0 0;
          padding: 0 20px;
          text-align: left; }
          #content_wrap .inner .detail_section.notifications .notifications_list li p {
            font-size: 18px; }
            #content_wrap .inner .detail_section.notifications .notifications_list li p span.date {
              display: block;
              float: left;
              width: 120px;
              font-weight: 100;
              margin: 0; }
            #content_wrap .inner .detail_section.notifications .notifications_list li p a {
              display: block;
              float: right;
              width: 800px;
              color: #444444; }
            #content_wrap .inner .detail_section.notifications .notifications_list li p a:hover {
	            text-decoration: underline; }
        #content_wrap .inner .detail_section.notifications a.learn_more {
          color: #2e5cb4; }

/*	signup_section */
.signup_section {
  width: 100%;
  background-size: cover; }
  .signup_section .inner {
    padding: 90px 0; }
    .signup_section .inner p.signup_leadtxt {
      color: #FFFFFF;
      text-align: center;
      font-size: 26px;
      letter-spacing: 1px;
      margin: 0 0 20px 0; }

/*	page_title */
#page_title {
  font-family: "Helvetica Neue","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  width: 100%;
  background-image: linear-gradient(340deg, #08AEEA 0%, #2AF598 100%);
  background-color: #519EB6;
  padding: 110px 0; }
  #page_title .inner {
    font-weight: 100;
    text-align: center;
    letter-spacing: 2px;
    padding: 0 20px; }
    #page_title .inner h2 {
      color: #FFFFFF;
      font-size: 50px;
      margin: 0 0 20px 0; }
    #page_title .inner p.page_title_description {
      max-width: 960px;
      margin: 0 auto;
      font-size: 16px;
      color: #FFFFFF; }

/*	content_feature_wrap */
#content_feature_wrap {
  font-family: "Helvetica Neue","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-weight: 200;
  background: #FBFBFB;
  padding: 90px 20px;
  text-align: left; }
  #content_feature_wrap .inner {
    width: 960px;
    margin: 0 auto; }
    #content_feature_wrap .inner #content_side_menu {
      float: left;
      width: 20%; }
      #content_feature_wrap .inner #content_side_menu h3.side_menu_title {
        font-size: 22px;
        font-weight: 100;
        text-align: left;
        letter-spacing: 2px;
        margin: 0 0 20px 0; }
      #content_feature_wrap .inner #content_side_menu .side_menu_list li.side_menu {
        margin: 0 0 16px 0;
        line-height: 22px;
        font-size: 18px;
        font-weight: 100; }
        #content_feature_wrap .inner #content_side_menu .side_menu_list li.side_menu a {
          color: #888888; }
          #content_feature_wrap .inner #content_side_menu .side_menu_list li.side_menu a:hover {
            text-decoration: underline; }
        #content_feature_wrap .inner #content_side_menu .side_menu_list li.side_menu.active {
          color: #2e5cb4;
          border-left: 3px #2e5cb4 solid;
          padding: 0 0 0 10px; }
    #content_feature_wrap .inner #content_feature_detail {
      float: right;
      width: 75%; }
      #content_feature_wrap .inner #content_feature_detail .feature_detail_list li.feature_detail {
        position: relative;
        border: 1px solid #EBEBEB;
        border-radius: 4px;
        background: #FFFFFF;
        margin: 0 0 40px 0;
        padding: 30px 30px 30px 160px; }
      #content_feature_wrap .inner #content_feature_detail .feature_detail_list h4.feature_detail_title {
        font-size: 26px;
        letter-spacing: 2px;
        margin: 0 0 14px 0; }
      #content_feature_wrap .inner #content_feature_detail .feature_detail_list p.feature_detail_txt {
        font-size: 16px;
        font-weight: 100;
        color: #888888;
        letter-spacing: 1px; }
      #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon {
        position: absolute;
        top: 30px;
        left: 30px;
        width: 100px;
        height: 100px;
        background-size: 84px 2692px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_1 {
          background-position: center 8px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_2 {
          background-position: center -104px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_3 {
          background-position: center -212px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_4 {
          background-position: center -324px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_5 {
          background-position: center -436px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_6 {
          background-position: center -560px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_7 {
          background-position: center -681px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_8 {
          background-position: center -798px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_9 {
          background-position: center -913px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_10 {
          background-position: center -1023px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_11 {
          background-position: center -1132px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_12 {
          background-position: center -1244px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_13 {
          background-position: center -1358px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_14 {
          background-position: center -1464px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_15 {
          background-position: center -1568px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_16 {
          background-position: center -1672px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_17 {
          background-position: center -1774px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_18 {
          background-position: center -1884px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_19 {
          background-position: center -1992px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_20 {
          background-position: center -2090px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_21 {
          background-position: center -2192px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_22 {
          background-position: center -2304px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_23 {
          background-position: center -2404px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_24 {
          background-position: center -2510px; }
        #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon.icon_25 {
          background-position: center -2616px; }
      #content_feature_wrap .inner #content_feature_detail #content_feature_pager {
        margin: 100px 0 20px 0; }
        #content_feature_wrap .inner #content_feature_detail #content_feature_pager .feature_pager {
          width: 100%; }
          #content_feature_wrap .inner #content_feature_detail #content_feature_pager .feature_pager li.feature_prev {
            float: left;
            width: 50%;
            text-align: left; }
          #content_feature_wrap .inner #content_feature_detail #content_feature_pager .feature_pager li.feature_next {
            float: right;
            width: 50%;
            text-align: right; }
          #content_feature_wrap .inner #content_feature_detail #content_feature_pager .feature_pager li.feature_prev a, #content_feature_wrap .inner #content_feature_detail #content_feature_pager .feature_pager li.feature_next a {
            font-size: 24px;
            font-weight: 100;
            color: #2e5cb4;
            letter-spacing: 2px; }
          #content_feature_wrap .inner #content_feature_detail #content_feature_pager .feature_pager li.feature_prev a:hover, #content_feature_wrap .inner #content_feature_detail #content_feature_pager .feature_pager li.feature_next a:hover {
						text-decoration: underline; }

/*	content_faq_wrap */
#content_faq_wrap {
  font-family: "Helvetica Neue","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-weight: 200;
  background: #FBFBFB;
  padding: 90px 20px; }
  #content_faq_wrap .inner {
    width: 960px;
    margin: 0 auto; }
    #content_faq_wrap .inner #content_side_menu {
      float: left;
      width: 20%; }
      #content_faq_wrap .inner #content_side_menu h3.side_menu_title {
        font-size: 22px;
        font-weight: 100;
        text-align: left;
        letter-spacing: 2px;
        margin: 0 0 20px 0; }
      #content_faq_wrap .inner #content_side_menu .side_menu_list li.side_menu {
        margin: 0 0 16px 0;
        line-height: 22px;
        font-size: 18px;
        font-weight: 100; }
        #content_faq_wrap .inner #content_side_menu .side_menu_list li.side_menu a {
          color: #888888; }
          #content_faq_wrap .inner #content_side_menu .side_menu_list li.side_menu a:hover {
            text-decoration: underline; }
        #content_faq_wrap .inner #content_side_menu .side_menu_list li.side_menu.active {
          color: #2e5cb4;
          border-left: 3px #2e5cb4 solid;
          padding: 0 0 0 10px; }
    #content_faq_wrap .inner #content_faq_detail {
      float: right;
      width: 75%; }
      #content_faq_wrap .inner #content_faq_detail .faq_detail_page_title {
        font-size: 36px;
        letter-spacing: 1px;
        margin: 0 0 20px 0; }
      #content_faq_wrap .inner #content_faq_detail .faq_detail_description {
        font-size: 21px;
        font-weight: 100;
        letter-spacing: 2px;
        line-height: 26px;
        color: #888888;
        margin: 0 0 40px 0; }
      #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail {
        margin: 0 0 60px 0; }
        #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_question {
          font-size: 20px;
          letter-spacing: 1px;
          margin: 0px 0 10px 0; }
          #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_question span.question {
            float: left;
            width: 5%; }
          #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_question span.question_title {
            float: left;
            width: 95%; }
        #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_answer {
          font-size: 18px;
          color: #888888;
          border: 1px solid #EBEBEB;
          border-radius: 4px;
          background: #FFFFFF;
          padding: 30px; }
          #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_answer span.answer {
            float: left;
            width: 5%; }
          #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_answer span.answer_title {
            float: left;
            width: 95%; }
      #content_faq_wrap .inner #content_faq_detail #content_faq_pager {
        margin: 100px 0 20px 0; }
        #content_faq_wrap .inner #content_faq_detail #content_faq_pager .faq_pager {
          width: 100%; }
          #content_faq_wrap .inner #content_faq_detail #content_faq_pager .faq_pager li.faq_prev {
            float: left;
            width: 50%;
            text-align: left; }
          #content_faq_wrap .inner #content_faq_detail #content_faq_pager .faq_pager li.faq_next {
            float: right;
            width: 50%;
            text-align: right; }
          #content_faq_wrap .inner #content_faq_detail #content_faq_pager .faq_pager li.faq_prev a, #content_faq_wrap .inner #content_faq_detail #content_faq_pager .faq_pager li.faq_next a {
            font-size: 24px;
            font-weight: 100;
            color: #2e5cb4;
            letter-spacing: 2px; }

/*
=====================================================================
*
*	320px から 599px の指定
*
* =================================================================== 
*/
@media screen and (max-width: 599px) {
  h1, h2, h3, h4, h5, h6 {
    font-weight: 100; }

  #main_visual {
    min-width: 100%;
    height: auto;
    padding: 80px 0 240px 0; }
    #main_visual .inner h2 {
      font-size: 56px;
      padding: 0 0 70px 0; }
    #main_visual .inner .mv_img_templates {
      width: 100%;
      height: 420px;
      background-size: 500px; }

  #content_wrap {
	  text-align: left;
    padding: 150px 0 0 0; }
    #content_wrap .inner {
      width: 100%; }
      #content_wrap .inner h3 {
        font-size: 48px;
        margin: 0 0 120px 0; }
      #content_wrap .inner .feature_list {
        max-width: 1024px;
        margin: 0 auto 30px auto; }
        #content_wrap .inner .feature_list li {
          float: none;
          width: 100%;
          margin: 0 0 90px 0;
          padding: 0; }
          #content_wrap .inner .feature_list li i.icon_features {
            margin: 0 auto 30px auto; }
          #content_wrap .inner .feature_list li a.app_apple, #content_wrap .inner .feature_list li a.app_google {
            display: inline-block;
            height: 42px; }
          #content_wrap .inner .feature_list li a.app_apple {
            margin: 0 0 8px 0; }
      #content_wrap .inner .detail_section .inner {
        position: relative;
        width: 100%;
        margin: 0 auto; }
        #content_wrap .inner .detail_section .inner h4 {
          font-size: 33px;
          margin: 0;
          padding: 0 20px; }
        #content_wrap .inner .detail_section .inner p {
          font-size: 18px;
          margin: 0 0 30px 0; }
      #content_wrap .inner .detail_section.template {
        position: relative;
        overflow: hidden;
        background: #73D18D;
        margin: 0 0 160px 0;
        padding: 70px 0 160px 0; }
        #content_wrap .inner .detail_section.template .detail_section_txt {
          float: none;
          width: auto;
          margin: 70px 0 40px 0;
          padding: 0 20px; }
        #content_wrap .inner .detail_section.template .detail_section_img {
          position: absolute;
          margin-top: 0;
          margin-left: 10px; }
          #content_wrap .inner .detail_section.template .detail_section_img img {
            width: 100%;
            height: auto; }
      #content_wrap .inner .detail_section.storage {
        background: #70C3EB;
        margin: 0 0 0 0;
        padding: 70px 0 40px 0; }
        #content_wrap .inner .detail_section.storage .detail_section_txt {
          float: none;
          width: auto;
          margin: 70px 0 40px 0;
          padding: 0 20px; }
        #content_wrap .inner .detail_section.storage .detail_section_img {
          display: none; }
      #content_wrap .inner .detail_section.notifications {
        display: block;
        background: #F9F9F2;
        padding: 70px 0 80px 0;
        text-align: center; }
        #content_wrap .inner .detail_section.notifications .notifications_list {
          margin: 40px 0 0 0;
          padding: 0 20px;
          text-align: left; }
          #content_wrap .inner .detail_section.notifications .notifications_list li p {
            font-size: 18px; }
            #content_wrap .inner .detail_section.notifications .notifications_list li p span.date {
              display: block;
              float: none;
              width: 100%;
              font-weight: 100;
              margin: 0 20px 0 0; }
            #content_wrap .inner .detail_section.notifications .notifications_list li p a {
              display: block;
              float: none;
              width: 100%;
              color: #444444; }
        #content_wrap .inner .detail_section.notifications a.learn_more {
          color: #2e5cb4; }

  .signup_section .inner {
    padding: 70px 0; }

  /*	page_title */
  #page_title {
    padding: 70px 0; }
    #page_title .inner h2 {
      font-size: 28px; }
    #page_title .inner p.page_title_description {
      font-size: 16px;
      font-weight: 200; }

  /*	content_feature_wrap */
  #content_feature_wrap .inner {
    width: 100%; }
    #content_feature_wrap .inner #content_side_menu {
      display: none; }
    #content_feature_wrap .inner #content_feature_detail {
      float: none;
      width: auto; }
      #content_feature_wrap .inner #content_feature_detail .feature_detail_list li.feature_detail {
        padding: 30px; }
      #content_feature_wrap .inner #content_feature_detail .feature_detail_list h4.feature_detail_title {
        font-size: 24px;
        text-align: center;
        margin: 20px 0; }
      #content_feature_wrap .inner #content_feature_detail .feature_detail_list p.feature_detail_txt {
        text-align: center; }
      #content_feature_wrap .inner #content_feature_detail .feature_detail_list i.feature_icon {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 0 auto; }
      #content_feature_wrap .inner #content_feature_detail #content_feature_pager {
        margin: 80px 0 0px 0; }
        #content_feature_wrap .inner #content_feature_detail #content_feature_pager .feature_pager li.feature_prev a, #content_feature_wrap .inner #content_feature_detail #content_feature_pager .feature_pager li.feature_next a {
          font-size: 21px; }

  /*	content_faq_wrap */
  #content_faq_wrap .inner {
    width: 100%; }
    #content_faq_wrap .inner #content_side_menu {
      display: none; }
    #content_faq_wrap .inner #content_faq_detail {
      float: none;
      width: auto; }
      #content_faq_wrap .inner #content_faq_detail .faq_detail_page_title {
        font-size: 32px;
        text-align: center; }
      #content_faq_wrap .inner #content_faq_detail .faq_detail_description {
        font-size: 16px;
        text-align: center;
        line-height: 22px; }
      #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail {
        margin: 0 0 30px 0; }
        #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_question {
          font-size: 18px; }
          #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_question span.question {
            width: 10%;
            line-height: 22px; }
          #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_question span.question_title {
            width: 90%;
            line-height: 22px; }
        #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_answer {
          font-size: 16px;
          padding: 20px; }
          #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_answer span.answer {
            width: 10%; }
          #content_faq_wrap .inner #content_faq_detail .faq_detail_list li.faq_detail .faq_detail_answer span.answer_title {
            width: 90%; }
      #content_faq_wrap .inner #content_faq_detail #content_faq_pager {
        margin: 80px 0 0px 0; }
        #content_faq_wrap .inner #content_faq_detail #content_faq_pager .faq_pager li.faq_prev a, #content_faq_wrap .inner #content_faq_detail #content_faq_pager .faq_pager li.faq_next a {
          font-size: 21px; } }
/*
=====================================================================
*
*	600px から 1024px の指定
*
* =================================================================== 
*/
@media screen and (min-width: 600px) and (max-width: 1024px) {
  #main_visual {
    min-width: 100%;
    height: auto;
    padding: 80px 0 320px 0; }
    #main_visual .inner h2 {
      font-size: 56px;
      padding: 0 0 70px 0; }
    #main_visual .inner .mv_img_templates {
      width: 100%;
      height: 420px;
      background-size: 740px; }

  #content_wrap .inner .detail_section .inner {
    max-width: 100%; }
  #content_wrap .inner .detail_section.storage {
    padding: 70px 0 330px 0; }
    #content_wrap .inner .detail_section.storage .detail_section_txt {
      float: none;
      width: auto;
      margin: 0;
      position: absolute;
      margin-top: 30px;
      margin-left: 320px;
      padding: 0 20px 0 0; }
    #content_wrap .inner .detail_section.storage .detail_section_img {
      margin-top: 28px;
      margin-left: 10px; }
	    #content_wrap .inner .detail_section.storage .detail_section_img img {
	      width: 270px;
	      height: auto; }
  #content_wrap .inner .detail_section.notifications {
    display: block;
    background: #F9F9F2;
    padding: 70px 0 80px 0;
    text-align: center; }
    #content_wrap .inner .detail_section.notifications .notifications_list {
      text-align: left;
      margin: 40px 0 0 0;
      padding: 0 30px; }
      #content_wrap .inner .detail_section.notifications .notifications_list li p {
        font-size: 18px; }
        #content_wrap .inner .detail_section.notifications .notifications_list li p span.date {
          display: block;
          float: left;
          width: 18%;
          font-weight: 100;
          margin: 0; }
        #content_wrap .inner .detail_section.notifications .notifications_list li p a {
          display: block;
          float: right;
          width: 80%;
          color: #444444; }
    #content_wrap .inner .detail_section.notifications a.learn_more {
      color: #2e5cb4; }

  /*	page_title */
  #page_title {
    padding: 80px 0; }
    #page_title .inner p.page_title_description {
      font-weight: 200; }

  /*	content_feature_wrap */
  #content_feature_wrap .inner {
    width: 100%;
    margin: 0 auto; }
    #content_feature_wrap .inner #content_side_menu {
      width: 25%; }
    #content_feature_wrap .inner #content_feature_detail {
      width: 73%; } }

/*
=====================================================================
*
*	960px以上 の指定
*
* =================================================================== 
*/
@media screen and (min-width: 960px) {
	#app_menu_left #left_menu {
		display: none; } }

		
.body__2nt{
	font-family: "Helvetica Neue","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}