@charset "utf-8";

/* =============================================
 subject.css
=============================================== */

/* main
=============================================*/
.bookdetail_wrp{
	margin: 0 0 20px;
}

/* title
=============================================*/
h3{
	margin:0 0 5px;
	color: #0071bc;
	font-size:120%;
	font-weight:bold;
}

.h4_wrp {
}
.h4_wrp h4{
	height: 26px;
	width: 910px;
	margin:0 auto;
	font-size:150%;
	font-weight:bold;
	line-height:26px;
	vertical-align: middle;
	border-bottom: 3px solid #ccc;
}
.ie7 .h4_wrp h4{
}
.h4_wrp h4 span{
    display: inline-block;
    height: 26px;
    width: 306px;
    margin: 0 10px 0 0;
	border-bottom: 3px solid #0071bc;
}

/* number_box
-------------------------- */
#main .number_box{
	overflow: hidden;
	margin:12px 0;
}
#main .number_box dt,
#main .number_box dd{
	float: left;
	font-size:110%;
	text-align: center;
}
.ie7 #main .number_box dd{
	font-size:100%;
}

#main .number_box dt,
#main .number_box dd.num{
	border-bottom:1px dotted #bfbfbf; 
	border-top:1px dotted #bfbfbf; 
	border-right:2px solid #fff; 
}

#main .number_box dt{
	width: 101px;
}

#main .number_box dd.num{
	width: 201px;
}

#main .number_box dd a{
	display:block;
	height:24px;
	font-size: 90%;
	line-height:26px;
	text-align: center;
	border-radius: 3px;
	behavior: url(/text/hs/common/js/PIE.htc);
}
.ie7 #main .number_box dd a{
	line-height:22px;
}

#main .number_box a{
	position: relative;
	background-color: #3fa9f5;
	color:#fff;
}
#main .number_box a i{
	position: relative;
	left: 1px;
	top: 3px;
	font-size: 150%;
}
.ie7 #main .number_box a i{
	position: relative;
	left: 3px;
	top: 1px;
	font-size: 140%;
}
#main .number_box a span{
	position: absolute;
	width: 14px;
}
#main .number_box a span img{
	width: 100%;
}
#main .number_box a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

/* PDF */
#main .number_box dd.doc{
	width: 604px;
}
#main .number_box dd.doc a{
	display: inline-block;
	width:184px;
	margin: 0 8px;
	font-weight:bold;
}
#main .number_box a span{
    left: 57px;
    top: 4px;
 }


/* detail 
=============================================*/
#main .detail-btn-1,
#main .detail-btn-2,
#main .detail-btn-3,
#main .detail-btn-4,
#main .detail-btn-5{
	height: 24px;
    min-width: 130px;
    width: 178px;
    margin: 10px auto 2px;
    padding: 0 4px 0 0;
	border: 1px solid #0097e0;
	border-radius: 3px;
   	font-size:96%;
	font-weight:bold;
}
.ie8 #main .detail-btn-1,
.ie8 #main .detail-btn-2,
.ie8 #main .detail-btn-3,
.ie8 #main .detail-btn-4,
.ie8 #main .detail-btn-5{
	border-radius: 3px;
	behavior: url(/text/hs/common/js/PIE.htc);
}
.ie7 #main .detail-btn-1,
.ie7 #main .detail-btn-2,
.ie7 #main .detail-btn-3,
.ie7 #main .detail-btn-4,
.ie7 #main .detail-btn-5{
	margin: 10px 0 10px 364px;
	height: 26px;
	width: 184px;
	border: none;
	background:url(../images/bg_detail-btn-1.gif) no-repeat;
}
#main .detail-btn-1 a,
#main .detail-btn-2 a,
#main .detail-btn-3 a,
#main .detail-btn-4 a,
#main .detail-btn-5 a{
	padding: 0 8px 0 8px;
	height: 24px;
	width: 158px;
	color:#0097e0;
	display:table-cell;
	line-height: 1.3em;
	text-align: center;
	vertical-align: middle;
	}
#main .detail-btn-1 a.close,
#main .detail-btn-2 a.close,
#main .detail-btn-3 a.close,
#main .detail-btn-4 a.close,
#main .detail-btn-5 a.close{
	background:url(../images/btn_arrow_close.png) no-repeat right center;
	}
#main .detail-btn-1 a.open,
#main .detail-btn-2 a.open,
#main .detail-btn-3 a.open,
#main .detail-btn-4 a.open,
#main .detail-btn-5 a.open{
	background:url(../images/btn_arrow_open.png) no-repeat right center;
	}
.ie7 #main .detail-btn-1 a,
.ie7 #main .detail-btn-2 a,
.ie7 #main .detail-btn-3 a,
.ie7 #main .detail-btn-4 a,
.ie7 #main .detail-btn-5 a{
	display: block;
	padding: 3px 8px 0 8px;
	}
#main .detail-btn-1 a:hover,
#main .detail-btn-2 a:hover,
#main .detail-btn-3 a:hover,
#main .detail-btn-4 a:hover,
#main .detail-btn-5 a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
#main #detail-1,
#main #detail-2,
#main #detail-3,
#main #detail-4,
#main #detail-5 {
	display:none;
}

table.inquest_tbl {
	width: 909px;
	margin: 0 0 20px;
	border-collapse: collapse;
	border-spacing: 1px;
	text-align: center;
	line-height: 1.5;
}
table.inquest_tbl th {
	padding: 1px 10px;
	vertical-align: top;
	background: #e5e5e5;
	border: 1px solid #bfbfbf;
	border-bottom: none;
	text-align: center;
}
table.inquest_tbl th.item {
	width: 300px;
}
table.inquest_tbl th.point {
	width: 610px;
}
table.inquest_tbl td {
	padding: 0 0 10px;
	vertical-align: top;
	border: 1px solid #bfbfbf;
	border-top: none;
	text-align: left;
}
.ie7 table.inquest_tbl td {
	padding: 10px 0 10px;
}
table.inquest_tbl p,
table.inquest_tbl ul{
	margin: 10px 10px 0;
}
table.inquest_tbl li{
	padding: 0 0 0 1em;
	text-indent: -1em;
}
.ie7 table.inquest_tbl li{
	width: 580px;
}
.ie7 table.inquest_tbl tr.feature li{
	width: 874px;
}
table.inquest_tbl ul.inner_detail{
	margin: 0 10px 0;
}

@media screen and ( max-width: 910px ) {

/* title
-------------------------- */
.title_wrp .title{
	text-indent:0px;
}

.title_wrp .title p {
	margin-left:2%;
    font-size:130%;
    height: 30px;
    line-height: 30px;
}

.text_wrp .text p.title_img_sp {
	display: block;
}

.text_wrp .text p.title_img {
	display: none;
}


/* subject
=============================================== */
.title_wrp .title #subject{
	display:none;
}


/* main
============================================ */
#main{
	width:700px;
}

/* PDF */
#main .number_box dd.doc a{
	margin: 0 4px;
}
#main .number_box dd.doc{
	width: 394px;
}

table.inquest_tbl { width: 100%; border:none; padding: 10px;}
table.inquest_tbl th { display: none;}
table.inquest_tbl tr { display: block;}
table.inquest_tbl td {
	width: 100%;
	box-sizing: border-box;
	border-right: 1px solid #bfbfbf;
	border-bottom: none;
	display: block;
	padding: 0 0 10px;
}
table.inquest_tbl tr.feature { border-top: none;}
table.inquest_tbl tr.feature td:last-child { border-bottom: 1px solid #bfbfbf;}
table.inquest_tbl td:before {
	display: block;
	background-color: #e5e5e5;
	text-align: center;
}
table.inquest_tbl td:nth-of-type(1):before { content: "項目"; border-top: 1px solid #bfbfbf;}
table.inquest_tbl td:nth-of-type(2):before { content: "観点";}
table.inquest_tbl tr.feature td:nth-of-type(1):before { content: "";}

/* @media screen and ( max-width: 910px )*/
}
/* //@media screen and ( max-width: 910px )*/


@media screen and ( max-width: 768px ) {

/* main
============================================ */
#main{
	width:440px;
}
#main .number_box dt,
#main .number_box dd.num{
	width: 50%;
	box-sizing: border-box;
}

/* PDF */
#main .number_box dd.doc a{
	margin: 4px;
}
#main .number_box dd.doc{
	width: 100%;
	margin: 10px 0 0;
}

/* @media screen and ( max-width: 768px )*/
}
/* //@media screen and ( max-width: 768px )*/



@media screen and ( max-width: 480px ) {

/* main
============================================ */
#main {
    margin: 0 auto 5px;
    width: 280px;
}
#main .number_box dt{
	width: 30%;
}
#main .number_box dd.num{
	width: 70%;
}

/* @media screen and ( max-width: 480px )*/
}
/* //@media screen and ( max-width: 480px )*/