@charset "utf-8";

/*------------------------------------------------
	共通
------------------------------------------------*/

::-webkit-input-placeholder {
    color:    #CCC;
}
:-moz-placeholder {
    color:    #CCC;
}

#page-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1500;
}

#page-top:hover
{
	opacity:0.9;
}

@media screen and (max-width: 1050px)
{
.pageTop
{
	display:none;
}

}



/*form:inputとtextareaは#contact_form経由で使う*/

#contact_form input.input_area,
#contact_form textarea.input_area,
#contact_form select,
#search_form input.input_area,
#search_form textarea.input_area,
#search_form select{
    font-size:14px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo;
    border: 1px solid #B9C9CE;
    border-radius:3px;
    padding: 5px 0.8em 3px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}
.form_search_title
{
	width			: 18em;
}
.form_search_author
{
	width			: 9em;
}
.form_search_magazine
{
	width			: 14em;
}
.form_search_class
{
	width			: 16em;
}

.form_search_publisher,
.form_search_standard
{
	width			: 9em;
}




.form_name
{
	width			: 10em;
}
.form_tel
{
	width			: 15em;
}

.form_mail
{
	width			: 25em;
}
.form_add
{
	width			: 30em;
}
.form_team
{
	width			: 20em;
}
.form_other
{
	width			: 30em;
	height			: 10em;
}


.form_name_s
{
	width			: 10em;
}
.form_tel_s
{
	width			: 15em;
}

.form_mail_s
{
	width			: 16em;
}
.form_add_s
{
	width			: 16em;
}


.form_zip
{
	width			: 4em;
}



.topicPath
{
	width			: 95%;
	text-align		: left;
	margin			: 0px auto 15px;
}
.layout_table
{
	width			: 100%;
	border-collapse	: collapse;
	padding			: 0px;
	margin			: 0px;
	
}
.layout_table td,
.layout_table th
{
		padding:0;
}


.layout_table_wnone
{
	border-collapse	: collapse;
	padding			: 0px;
	margin			: 0px;
	
}
.layout_table_wnone td,
.layout_table_wnone th,
{
		padding:0;
}





.data_box table
{

	text-align      : left;
	width           : 95%;
	margin-left     : auto;
	margin-right    : auto;
	margin-bottom   : 15px;
}

.data_box th
{
	border-bottom	: 1px solid #ccc;
	border-right	: 1px solid #ccc;
	padding			: 10px 14px;
	background		: #f0f0f0;
	font-weight     : normal;
}

.data_box td
{
	border-bottom	: 1px solid #ccc;
	border-right	: 1px solid #ccc;
	padding			: 10px 14px;
	background		: #fff;
}

.shadow
{
	background		: #f7f7f7;
	margin-left     : auto;
	margin-right    : auto;
	margin-bottom   : 15px;
	padding			: 3px;
	width           : 95%;
}

.shadow_inner
{
	background		: #fff;
	border			: solid 1px #ccc;
	padding			: 10px;
	text-align      : left;
}

/*------------------------------------------------
	main:トップページ
------------------------------------------------*/
#main
{
	text-align:left;
	padding-bottom		: 20px;
}

#main .page_title
{
	width		: 98%;
	margin		: 0 auto 20px;
	text-align	: right;
}


#main h2
{
	margin						: 0px;
	padding						: 0px;
	margin-bottom				: 25px;
	border-radius				: 3px;
	-webkit-border-radius		: 3px;
	-moz-border-radius			: 3px;
	border						: 1px #EEE solid;
	width						: inherit;
	box-sizing					: border-box;
	background-image			: url(../images/common/base/title_icon.png),url(../images/common/base/title_bg02.png),url(../images/common/base/title_bg.jpg);
	background-repeat			: no-repeat,no-repeat,repeat-y;
	background-position			: 15px 10px,right bottom,left top;
	background-color			: #f7f7f7;
	padding						: 12px 556px 12px 46px;
	color						: #FFF;
	font-size					: 18px;
}
#main h2 .en
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
	vertical-align		: middle;
	border-left			: dotted 1px #FFF;
	padding				: 5px 0px 5px 15px;
	margin				: -5px 0px -5px 15px;
	font-size			: 14px;
}

#main h2.review_icon_set
{
	position			: relative;
	background-image			: none,url(../images/common/base/title_bg02.png),url(../images/common/base/title_bg.jpg);
	padding						: 12px 556px 12px 120px;
}
#main h2.review_icon_set:before
{
	position			: absolute;
	top					: -20px;
	left				: 10px;
	content				: url(../images/common/icon/com_icon.png);

}


#main .review_item
{
	width				: 315px;
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
	margin-left			: 12px;
	margin-bottom		: 20px;
}
#main .review_item a
{
	text-decoration:none;
}
#main .review_item a:hover
{
	opacity:0.9;
}
#main .review_item a h3
{
	text-decoration:underline;
}
#main .review_item a:hover h3
{
	text-decoration:none;
}

#main .review_item img,
#main .review_item .review_item_inner
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;

}

#main .review_item img
{
	width				: 132px;
	border				: 1px #CCC solid;

}
#main .review_item_inner
{
	width				: 170px;
	margin-left			: 5px;
}
#main .review_item_inner h3
{
	margin				: 0px;
	padding				: 0px;
	font-size			: 14px;
	font-weight			: bold;
	padding				: 10px 10px;
	border-left			: 3px solid #ff4f00;
	margin-bottom		: 9px;
}
#main .review_item_inner .comment
{
	background:url(../images/common/base/review_bg.png) 0 0 repeat;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding			: 10px 15px;
	width			: inherit;
	box-sizing		: border-box;
	position		: relative;
	
}
#main .review_item_inner .comment:before
{
	content:url(../images/common/base/review_bg02.png);
	position:absolute;
	top				: -12px;
	left			: 15px;
}

#main .review_item_inner .comment .user
{
	margin			: 0px;
	padding			: 0px;
	border-top		: 1px #CCC solid;
	padding			: 10px 10px 0px;
	margin			: 10px -5px 0px;
	color			: #ff4f00;
	text-align		: right;
}
#main .review_item_inner .comment .user span:before
{
	content:url(../images/common/icon/use_icon01.png);
		display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
	vertical-align:middle;
	margin-right			: 5px;
	
}
#main .more_btn
{
	text-align			: center;
	margin-bottom		: 30px;
}
#main .more_btn a
{
	border				: 1px #CCC solid;
	border-radius			: 3px;
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;
	width					: 432px;
	margin					: 0 auto;
	display					: block;
	background-image		: url(../images/common/icon/btn_arr.png),url(../images/common/base/btn_bg.png);
	background-position		: 97% 50%,0 0;
	background-repeat		: no-repeat,repeat-x;
	padding					: 15px 0px;
	text-decoration			: none;

}

#main .more_btn a:hover
{
	background-image		: url(../images/common/icon/btn_arr.png),url(../images/common/base/btn_bg_on.png);
}


#main .more_btn a span:before
{
	content:url(../images/common/icon/list_icon.png);
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
	margin-right		: 10px;
}

#main .ad_block02
{
	text-align			: center;
	margin-bottom		: 40px;
}

#main .book_item
{
	width				: 142px;
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
	margin-left			: 17px;
	margin-bottom		: 15px;
}
#main .book_item .date
{
	color:#ff4f00;
}
#main .book_item .date:before
{
	content:url(../images/common/icon/new_icon.gif);
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
	margin-right		: 5px;
	margin-left			: 5px;
}
#main .book_item .icon_none:before
{
	display:none;
}




#main .book_item img
{
	border				: 1px #CCC solid;
	display				: block;
	margin-bottom				: 10px;
}
#main .book_item a
{
	text-decoration:none;
}
#main .book_item a .book_name,
#main .book_item a .publisher
{
	text-decoration:underline;
	margin-bottom		: 5px;
}
#main .book_item a:hover .book_name,
#main .book_item a:hover .publisher
{
	text-decoration:none;
}




#main .book_item_inner
{
	margin				: 0 auto;
	text-decoration		: none;
}
#main .publisher
{
	background			: #eeeeee;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding				: 4px 10px;
	font-size			: 12px;
	margin-top			: 10px;
}
#main .publisher span:before
{
	content:url(../images/common/icon/company_icon.png);
		display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
	vertical-align:middle;
	padding-top			: 3px;
	margin-right		: 5px;

}

#main .detail_pic,
#main .detail_data
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
}

#main .detail_pic
{
	width				: 289px;
	margin-bottom		: 20px;
}
#main .detail_pic img
{
	border				: 1px #CCC solid;
}

#main .detail_data
{
	width				: 323px;
	margin-left			: 15px;
	padding-top			: 20px;
background					: url(../images/common/base/search_bg.png) top left repeat-x;
border-top:1px #CCC solid;
margin-bottom			: 20px;

}
#main .detail_data .data_author
{
	padding				: 0px;
	margin				: 0px;
	padding					: 0px 10px;
	margin-bottom		: 10px;
	text-align:right;

}


#main .detail_data .data_area
{
	padding					: 10px 5px 15px;
background					: url(../images/common/base/search_bg.png) bottom left repeat-x;
border-top:1px #CCC solid;
border-bottom:1px #CCC solid;
margin-bottom				: 15px;
}

#main .detail_data h3
{
	padding					: 0px;
	margin					: 0px;
	line-height				: 1.2em;
	font-size				: 20px;
	color					: #ff0000;
	font-weight				: normal;
	padding					: 0px 10px;
}


#main .data_area table
{
border-collapse:separate;
border-spacing:5px;
}


#main .data_area td,
#main .data_area th
{
	padding					: 10px 15px;
	background				: #fff;

}

#main .data_area th
{
	background:#ff4200;
	color:#FFF;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
width			: 30%;
}

#main .data_area td
{
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
background:#f7f7f7;
}


#main .sample_read a,
#main .sample_read span
{
	display			: block;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background:#f7f7f7;

padding				: 10px 0px;
border:1px #CCC solid;

text-align:center;
width				: 95%;
margin				:0 auto 10px;
}


#main .sample_read span
{
	color:#bbb;
}


#main .sample_read a
{
	color:#666
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 text-decoration:none;
}


#main .sample_read a:hover
{
	background:#ff4200;
	color:#FFF;
}

#main .sample_read em
{
	font-style:normal;
}
#main .sample_read em.read_icon:before
{
	content:url(../images/common/icon/read_icon.gif);
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
	vertical-align:middle;
	margin-right		: 10px;
	opacity				: 0.7;
}
#main .sample_read a em.read_icon:before
{
	opacity				: 1;
}

#main .review_form th,
#main .review_form td
{
	padding				: 5px;
	vertical-align:bottom;
}
#main .review_form td span
{
	display				: block;
	border-left:5px #ff4200 solid;
	padding				: 0px 10px 0px;
	margin-bottom		: 5px;
}
#main .review_form
{

	padding				: 10px 10px;
	border				: 1px #CCC solid;
	background			: #f7f7f7;
	margin-bottom		: 20px;

}

.review_form .cel01
{
	width				: 280px;
}
.review_form .cel02
{
	width				: 500px;
}


.form_nickname
{
	width				: 20em;
}

.form_editkey
{
	width				: 10em;
}

.form_btw
{
	width				: 100%;
	box-sizing		: border-box;
}
.form_comment
{
	width				: 100%;
	height				: 6em;
	box-sizing		: border-box;
}

.review_submit input
{
	color				: #FFF;
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
	color				: #FFF;
	border-radius			: 3px;
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;
	padding					: 34px 28px;
	border					: none;
	background				: #5c5c5c;
	cursor:pointer;
}

.review_submit input:hover
{
	opacity:0.9;
}


.review_form .cel01 label
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
}
.review_form .cel01 label.input_user_info01
{
	width				: 320px;
}
.review_form .cel01 label.input_user_info02
{
	width				: 200px;
}

.review_item_large
{
	width				: 100%;
	position			: relative;
	box-sizing		: border-box;
	border-bottom:1px #CCC dashed;
	margin-bottom		: 10px;
	padding				: 15px;
}


.review_item_large .review_item_large_header .num
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
	background			: #f7f7f7;
	border-radius		: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding				: 0px 10px;
	margin-bottom		: 5px;

}
.review_item_large .review_item_large_header .nickname
{
	display				: block;
	background:url(../images/common/icon/use_icon01.png) 0 0 no-repeat;
	color:#ff4200;
	padding-left		: 18px;
	margin-left			: 10px;
	margin-bottom		: 10px;
}
.review_item_large .editid
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
	background:url(../images/common/line/02.gif) 0 0 repeat-y;
	padding-left		: 10px;
	margin-left			: 10px;
}
.review_item_large_inner
{
	background:url(../images/common/base/review_bg.png) 0 0 repeat;
	padding				: 15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position:relative;
}
.review_item_large_inner:before
{

	content:url(../images/common/base/review_bg02.png);
	position			: absolute;
	left				: 10px;
	top					: -10px;
}
.review_item_large .review_item_large_footer
{
	padding				: 10px 0px 10px;
}
.review_item_large .review_item_large_footer .btw
{
	display				: block;
}
.review_item_large .review_date
{
	position			: absolute;
	right				: 20px;
	top					: 40px;
}
.review_item_large .edit_btn
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
	background:url(../images/common/icon/edit_icon.png) 0 0 no-repeat;
	padding-left		: 20px;
	margin-left			: 10px;
}

#main h4
{
	margin					: 0px;
	padding					: 5px 20px;
	border-radius			: 3px;
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;

	font-size				: 16px;
	background:url(../images/common/base/press_bg.png) 0 0 repeat;
	margin-bottom			: 15px;
}


#main h4 span
{
	font-size				: 26px;
	color:#ff4200;
}


.alert
{
	border-radius				: 3px;
	-webkit-border-radius		: 3px;
	-moz-border-radius			: 3px;
	font-size					: 16px;
	padding						: 10px 15px;
	text-align					: center;
	background					: #f7f7f7;
	width						: 95%;
	margin						: 0 auto;
	box-sizing					: border-box;
}

.alert span
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
	padding				: 20px 0px 15px 45px;
	background			: url(../images/common/icon/1436799716_info.png) 0 50% no-repeat;
}




/*------------------------------------------------
	コンテンツ　テキスト装飾
------------------------------------------------*/



#wp_main strong
{
	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	color		: #F60;
	padding		: 0px 3px;
}
/*---------------------------------------------------------*/
/*    copyright(C) WEB-SEED.All rights reserved. Ver1.0    */
/*---------------------------------------------------------*/