﻿@charset "utf-8";

@import url("../../css/common.css");
@import url("../../css/style.css");
/*en*/
sup {
	white-space: nowrap;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.1;
	vertical-align: text-top;
}

/* space */
.pt_10{padding-top:10px;}
.pt_20{padding-top:20px;}
.pt_30{padding-top:30px;}
.pt_40{padding-top:40px;}
.pt_50{padding-top:50px;}
.pb_20{padding-bottom:20px;}
.pl_3{padding-left:3px;}
.pl_12{padding-left:12px;}
.pl_15{padding-left:15px;}
.pl_30{padding-left:30px;}
.pr_30{padding-right:30px;}

.view_sp {
	display: none;
}

/* CSR QA INDEX */
#csr_qa_index{
	width:918px;
	margin:0 auto;
	text-align:left;
	padding:30px 0 20px 0;
	font-size: 15px!important;
}
#csr_qa_index h2 {
	font-size: 32px;
	margin: 20px 0 50px 0;
}
#csr_qa_index h3{
	margin:0;
	padding:0 0 0 1.5em;
	font-size: 21px!important;
	line-height:2.5;
	background-color:#efefef;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#csr_qa_index ul{
	margin:0;
	list-style:none;
	padding:15px 0 35px 20px;
}
#csr_qa_index li{
	line-height:1.6;
	margin:10px 0;
	padding:0 0 0 20px;
	zoom:1;
	background: url(../img/qa1.gif) left 6px no-repeat transparent;
}

/* CSR QA */
#csr_qa sub{
	vertical-align: baseline;
}
#csr_qa{
	width:918px;
	margin:0 auto;
	text-align:left;
	padding:30px 0 100px 0;
}
#csr_qa a{
	text-decoration:underline;
}
#csr_qa h2{
	font-size: 32px;
	margin:20px 0 0 0;
	padding:0;
}
#csr_qa h3{
	margin:50px 0 0px 0;
	padding:0 0 0 1.5em;
	font-size: 22px;
	line-height:2.5;
	background-color:#efefef;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#csr_qa div.qa_box{
	margin:0 20px 0 20px;
	padding:60px 0 40px 0;
}
.qa_bk{
	padding:0 0 10px 0;
	margin:0 20px 0 20px;
	text-align:right;
	zoom:1;
	background:url(../../img/line_dot.gif) left bottom repeat-x transparent;
}
.qa_bk a{
	font-size:85%;
	letter-spacing:0;
	padding:0 13px 0 0;
	zoom:1;
	background:url(../../img/li_min.gif) right 4px no-repeat transparent;
}

#csr_qa div.que{
	padding:0 0 30px 0;
}
#csr_qa div.que p{
	font-weight:bold;
	font-size: 19px;
	line-height:1.4;
	margin:0;padding:0 0 0 20px;
	zoom:1;
	background: url(../img/qa1.gif) left 7px no-repeat transparent;
}
#csr_qa div.ans{
	zoom:1;
	padding:0 0 0 20px;
	background: url(../img/qa2.gif) left 7px no-repeat transparent;
}
#csr_qa div.ans p{
	margin:0;
}
#csr_qa div.ans p.small{
	font-size:90%;
	line-height:1.4;
	margin:0;
}
#csr_qa div.ans ul{
	margin:0;
	padding:10px 0 0 20px;
}
#csr_qa div.ans li{
	line-height:1.4;
	margin:5px 0 5px 0;
}
#csr_qa div.ans td.photo{
	font-size:93%;
	line-height:1.6;
	margin:0;
	vertical-align:top;
	text-align:right;
	padding:0 20px 20px 0;
}
#csr_qa div.ans td.txt{
	font-size:93%;
	line-height:1.6;
	margin:0;
	vertical-align:top;
	padding:0 20px 20px 0;
}
.Q3_table{
	margin:10px 0 0 20px;
}
.Q3_table td{
	font-size:93%;
	line-height:1.2;
	vertical-align:top;
	padding:3px 10px 0 0;
}
.qa_box .ans .text {
	float: left;
	width: 380px;
	margin-right: 50px;
}
.qa_box .ans .image {
	float: left;
	padding-top: 27px;
	width: 301px;
}
.qa_box .ans p {
	clear: both;
}
.mark{
	color:#cdcdcd;
	font-size:116%;
	padding-right:3px;
}
.indent{
	text-indent:-7px;
	padding-left:7px;
}
.m1{
	padding:30px 0 6px 0;;
	font-weight:bold;
	text-indent:-1em;
	padding-left:1em;
}
.t_small{
	font-size:93%;
}
.int{
	text-indent:0.7em;
}
.datatable{
	border-collapse: collapse;
}
.datatable th{
	border:1px solid #CCC;
	background-color:#EEE;
	padding:5px 10px;
}
.datatable td{
	border:1px solid #CCC;
	padding:5px 10px;
}
.datatable02{
	margin-bottom: 10px;
	border-collapse: collapse;
}
.datatable02 th{
	border:1px solid #CCC;
	background-color:#EEE;
	padding:5px 15px;
	text-align: center;
}
.datatable02 td{
	border:1px solid #CCC;
	padding:5px 15px;
	text-align: right;
}
.datatable03 {
	border-collapse: collapse;
	width: 100%;
}
.datatable03 th {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}
.datatable03 td {
	border: 1px solid #ccc;
	line-height: 1.7;
	padding: 5px 10px;
}
.ico_square {
	display: block;
	padding-left: 17px;
	background: url(../img/ico_square.gif) no-repeat 0 7px;
}

/* nav inner */
#csr_navi_foot {
	width: 100%;
	min-height: 42px;
	margin: 0 auto;
	border-top: 1px solid #bebebe;
}

#csr_navi_foot .csr_navi {
	padding: 18px 0 3px;
	margin: 0;
	font-size: 16px;
}

#csr_navi_foot .report-title {
	width: 918px;
	padding: 0 15px 32px;
	margin: 0 auto;
	text-align: left;
}

@media print {
	#csr_qa div.que{
		padding:15px 0 15px 0;
	}
	#csr_qa div.qa_box{
		margin:0;
		padding:20px 0 10px 0;
	}
	.qa_bk{
		padding:0 0 20px 0;
		margin:0;
	}
	.qa_bk a{
		display:none;
	}
}

table.datatable td {
	position: relative;	
}

.note_mark {
	font-size: 85%;
	position: absolute;
	top: 4px;
	color: #777;
}

div.table_note {
	margin: 20px 0 0;
	color: #777;
	font-size: 85%;
}

ul.pdf {
	list-style-image: url(../../img/li_pdf.gif);
	position: relative;
	left: 10px;
}
