@charset "UTF-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
}
html {
    font-size: 62.5%;
}
body {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic","Osaka","ＭＳ Ｐゴシック","sans-serif";
	line-height: 1.75;
    font-size: 1rem;
    counter-reset: count-number;
}
.clearfix:after {  
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}    
.clearfix { display: inline-table;}
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */
img {
	border: none;
}
a {
	text-decoration: none;
	cursor: pointer;
}
a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”
}
ul li {
	list-style: none;
}
/*パンくず*/
#pnkz-back {
    background-color: #f3f3f3;
}
#pnkz {
    width: 980px;
    margin: 0 auto;
    padding: 8px 0 0 0;
    font-size: 12px;
    font-size: 1.2rem;
}
#pnkz a {
    color: #0065cb;
}
/*ヘッダー*/
header{
	background-color: #fff;
}
header #header_summary{
	width: 980px;
	margin: 0 auto;
	padding: 5px 0;
}
header #header_summary span {
	color: #666;
	font-size: 10px;
	margin: 0 0 0 15px;
}
header #pnkz{
	background-color:#f1f1f1;
	font-size: 80%;
	padding: 6px 0;
}
header #pnkz p{
	width: 980px;
	margin: 0 auto;
}
header #pnkz p a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
}
/* メインコンテンツ */
h1 {
  background-color: #0065cb;
  padding: 15px 0;
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
}
h1 p,.main_wrap {
  width: 980px;
  margin: 0 auto;
}
h1 p {
    padding-left: 10px;
}
#container {
	background-color: #f3f3f3;
}
h2.page_title {
    background-color: #0065cb;
    font-size: 20px;
    font-size: 2.0rem;
    color: #fff;
    border-radius: 6px;
    margin-top: 10px;
}
h2.page_title p {
    padding: 6px 0 6px 99px;
    background-image: url(images/icon_title.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
section {
    background-color: #fff;
    border-radius: 5px;
    padding: 40px;
    margin: 20px 0 40px 0;
    font-size: 14px;
    font-size: 1.4rem;
}
h2.sub_title {
    margin-bottom: 20px;
    border-bottom: 1px solid #0065cb;
}


h3 .kome {
	font-size: 12px;
	font-weight:normal;
	padding-left: 10px;

}
section p {
    padding-bottom: 20px;
}
li.padd {
    padding-top: 20px;
}
p.caution {
    color: #ff0000;
}

p .underline{
	text-decoration: underline;
	
}

p .red {
    color: #ff0000;
border-bottom: 1px solid;
}

h3.document_list_title {
    background-color: #0065cb;
    font-size: 20px;
    font-size: 2.0rem;
    color: #ffffff;
    font-weight: bold;
    padding: 8px 0 4px 30px;
    border-radius: 5px 5px 0 0;
}



div.document_list {
    border: 1px solid #0065cb;
    border-radius: 0 0 5px 5px ;
    padding: 30px;
}
div.document_list li {
	margin: 0 0 0 44px;
}
.caution:before {
    content: "※";
    margin-left: -18px;
}
.caution {
    margin-left: 18px;
}
div.document_list ul.gray_b_box li.caution:before {
    margin-left: -14px;
}
div.document_list ul.gray_b_box li.caution {
    margin: 0 0 0 18px;
}


div.document_list ul .caution_list {
    margin: 0 0 0 -44px;
	text-decoration: underline;
	
}
div.document_list ul .caution_list li{
	text-decoration: underline;
	
}

div.document_list ul li strong {
	font-size: 18px;
}
div.document_list ul li strong.blue_number:before {
    counter-increment: count-number;
    content: counters(count-number,".") " ";
    background-color: #0065cb;
    display: inline-block;
    margin: 0 10px 0 -42px;
    padding: 0 10px;
    border-radius: 3px;
    color: #ffffff;
}
div.document_list a:not(.not-red) {
    display: inline-block;
    padding: 0 12px 0 7px;
    margin: 0 8px;
    background-color: #e20a17;
    border-radius: 3px;
    border: 1px solid #c10a17;
    color: #fff;
    font-weight: bold;
}
span.a_icon {
    display: inline-block;
    padding: 0 0 0 32px;
    background-image: url(images/icon_pdf.png);
    background-repeat: no-repeat;
    background-position: left;
}

div .pdf:not(.not-red) {
    display: inline-block;
    padding: 0 12px 0 7px;
    margin-right:8px;
    background-color: #e20a17;
    border-radius: 3px;
    border: 1px solid #c10a17;
    color: #fff;
    font-weight: bold;
}


li.list3_box span {
    display: inline-block;
    vertical-align: text-top;
}
ul.gray_b_box {
    border: 1px solid #cccccc;
    padding: 12px 16px;
}
div.document_list ul.gray_b_box li {
    padding: 6px 0;
    margin: 0;
}
ul.gray_b_box li p {
    padding: 2px;
    display: inline-block;
    width: 40%;
}
div.document_list ul.gray_b_box li span.bggray {
    background-color: #cccccc;
    display: inline-block;
    padding: 0 8px;
    line-height: 1.4;
}
div.document_list ul.gray_b_box li span.border_b {
    border-bottom: 1px solid #000000;
    font-weight: bold;
}

div.attention{
	padding-top: 40px;
}

div.contact {
    background-color: #f3f3f3;
    border-radius: 5px;
    padding: 20px 30px 8px 30px;
    margin-top: 20px;
}
div.contact h3 {
    margin-bottom: 20px;
    border-bottom: 1px solid #666666;
}
div.contact span {
    background-color: #808080;
    padding: 0 6px;
    margin: 0 6px 0 0;
    font-weight: bold;
    color: #ffffff;
}
div.contact span.fax {
	margin-left: 26px;
}

div.contact span.staff {
	margin-left: 26px;
}

/* トップへ戻る */
#pagetop {
	position: fixed;
	bottom: 30px;
	right: 20px;
}
/* フッター */
footer{
	color: #fff;
	font-size: 12px;
    font-size: 1.2rem;
	background: #0065cb;
	height: 15px;
	padding:10px;
}
footer div{
	width: 980px;
	margin: 0 auto;
}
footer a{
	color: #fff;
	margin-left: 15px;
	text-decoration: none;
}
footer .float_left{
	float: left;
}
footer .float_right{
	float: right;
}

/*-------------------*/
/*                   */
/* tablet/smartphone */
/*                   */
/*-------------------*/
@media screen and (max-width: 980px){
#container{
	width: auto;
	overflow: hidden;
}
img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
header #header_summary {
	padding: 0.3em 0.5em;
	height: auto;
	width: 100%;
}
header #header_summary span {
	display: block;
    margin: 0.5em 0 0 0;
}
/* メインコンテンツ */
h1 p, .main_wrap {
    width: 100%;
}
h2.page_title p {
    padding: 6px 0 6px 88px;
}
section {
    padding: 20px;
    margin: 10px 0 20px 0;
}
h2.sub_title {
	font-size: 18px;
    font-size: 1.8rem;
}
	

	
	
h3.document_list_title {
	padding: 8px 0 4px 20px;
	font-size: 18px;
    font-size: 1.8rem;
}
div.document_list {
    padding: 16px;
}
div.document_list ul li strong {
    font-size: 14px;
    font-size: 1.4rem;
}
div.document_list li {
    margin: 0 0 0 28px;
}
	
	div.document_list ul .caution_list {
    margin: 0 0 0 -28px;
		
	}
	
	
	
div.document_list ul li strong.blue_number:before {
    margin: 0 6px 0 -30px;
    padding: 0 7px;
}
ul.gray_b_box li p {
    width: 100%;
}
/* footer */
footer {
	height: auto;
	padding: 1em 0.5em;
}
footer div {
	width: 100%;
}
footer .float_right,
footer .float_left {
	float: none;
	text-align: left;
}
footer a {
	margin-left: 0;
    margin-right: 15px;
}
footer .float_left {
    margin: 0.8em 0 0;
}
}