@charset "UTF-8";
/* CSS Document */

/* ---------- COMMON ---------- */
article h1,
article h2,
article h3,
article h4,
article h5,
article h6{clear:both;}

/* Page Title and Pagelink */

#icon{position:absolute;}
.intro{margin-bottom: 10px;}
#page_nav{
	border-bottom: solid 1px #CCCCCC;
	margin-bottom: 40px;
}
#page_nav ul{
	margin-bottom: 30px;
	padding-left: 50px;
}
#page_nav ul li{
	display: inline-block;
	margin-right: 25px;
}
#page_nav ul li a{
	background: url(../images/img_common/list_gray.png) no-repeat left top;
	background-size: 12px;
	padding-left:15px;
}

/* Index */
article h1{
	background: #FFE69B;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	color:#000000;
	font-size:185%;
	font-weight:bold;
	margin-bottom:20px;
	margin-left: 70px;
	line-height: 1.2em;
	padding:20px 10px 18px 10px;
}
article h2 { 
	font-size:160%;
	line-height: 1.8em;
	margin-bottom:30px;
	position: relative;
}
article h2:after{
    position: absolute;
    top: 1.5em;
    left: 0px;
    width: 100%;
    height: 3px;
	background: linear-gradient(left,#449271 200px,#CCCCCC 200px, #CCCCCC 100%);
	background: -webkit-linear-gradient(left,#449271 200px,#CCCCCC 200px, #CCCCCC 100%);
	background: -moz-linear-gradient(left,#449271 200px,#CCCCCC 200px, #CCCCCC 100%);
	background: -o-linear-gradient(left,#449271 200px,#CCCCCC 200px, #CCCCCC 100%);
	background: -ms-linear-gradient(left,#449271 200px,#CCCCCC 200px, #CCCCCC 100%);
	content:""; 
}
article h3{
	border-left:solid 7px #328C64;
	font-size:135%;
	margin-bottom:20px;
	padding-left:10px;
}
article h4{
	color:#328C64;
	font-size:120%;
	margin-bottom:15px;
}
article h5{
	font-size:115%;
	font-weight:bold;
	margin-bottom:10px;
}
article h6{
	font-size:110%;
	font-weight:bold;
	margin-bottom:5px;
}

/* Article */
.lang_jp{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif}
section{
	display: block;
	clear: both;
}
section#:after{
	content: " ";
    display: table;
    clear: both;
}
article section{margin-bottom:40px;}
article p{margin-bottom:30px;}

.notes{
	border:dotted 2px #999999;
	clear:both;
	display:inline-block;
	margin-bottom:20px;
	padding:10px;
}
.notes ul{margin-bottom: 0;}
.column{
	border:solid 2px #999999;
	display:inline-block;
	margin-bottom:20px;
	padding:10px;
}
.column ul{margin-bottom: 0;}

/* Table */
article table{margin:0 0 30px 0px;}
article table caption{
	color:#328C64;
	font-weight:bold;
	padding:4px;
}
article th,
article td{
	border:solid 1px #999999;
	padding:5px;
	word-wrap:break-all;
}
article th{
	background-color:#E6F0ED;
	text-align:center;
}
article td ul{margin-bottom: 0;}

/* List */
article ul,
article ol{
	margin-left:2em;
	margin-bottom:20px;
}
article ul li{
	list-style:disc;
	margin-bottom:5px;
}
article ol li{
	list-style:decimal;
	margin-bottom:5px;
}

article dl{margin-bottom:20px;}
article dl dd{margin-bottom:5px;}

.cstm-list ul li ul {
	padding-top: 8px;
	margin-left: 0px;
}
.cstm-list ul li ul li{
	list-style: none;
}

/* ---------- PC ---------- */
@media(min-width:1024px){

#main_img img{width: 100%;}
#main_img{margin-bottom: 30px;}

.float_left{float:left;}
.float_right{float:right;}
.clear{clear:both;}

.margin_item{margin-right: 20px;}

#eq_01_left{
	width:380px;
	margin-bottom: 30px;
}
#eq_02_left{
	width:250px;
	margin-bottom: 30px;
}
#eq_03_left{
	margin-right: 20px;
	width:400px;
}
#emergency_left{
	width: 300px;
	margin-right: 20px;
}
#emergency_right{
	width: 350px;
}

}
/* ---------- iPhone landscape / iPad ---------- */
@media(max-width:1023px) and (min-width: 569px){
	
#main_img img{width: 100%;}
#main_img{margin-bottom: 30px;}

}
/* ---------- iPhone 6, 6S ---------- */
@media(max-width:568px) and (min-width: 321px){

#main_img{
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	text-align: center;
    width: 100%;
}
#main_img img{
	height: 80px;
	margin-left: -15px;
}

article img{max-width: 100%;}

.table_row{border-bottom: solid 1px #CCCCCC;}
.table_row th{display: block;}
.table_row td{
	border-top: none;
    border-bottom: none;
	display: block;
}
.table_flat{width: 100%;}
.table_flat thead {display: none;}
.table_flat tr {
    display: block;
    margin-bottom: 20px;
}
.table_flat td {
    display: block;
    padding: 10px;
}
.table_flat td::before {
    content: attr(data-label);
    display: block;
    font-weight: bold;
}
}
/* ---------- iPhone 4S, 5S ---------- */
@media(max-width:320px){

#main_img{
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	text-align: center;
    width: 100%;
}
#main_img img{
	height: 70px;
	margin-left: -15px;
}
article{word-wrap: break-word !important;}
article img{max-width: 100%;}
.notes,
.column{
	max-width: 90%;
	word-wrap: break-word !important;
}
table{
	max-width: 90% !important;
	word-wrap: break-word !important;
}
.table_row{border-bottom: solid 1px #CCCCCC;}
.table_row th{display: block;}
.table_row td{
	border-top: none;
    border-bottom: none;
	display: block;
}
.table_flat{
	width: 100%;
	word-wrap: break-word !important;
}
.table_flat thead {display: none;}
.table_flat tr {
    display: block;
    margin-bottom: 20px;
}
.table_flat td {
    display: block;
    padding: 10px;
}
.table_flat td::before {
    content: attr(data-label);
    display: block;
    font-weight: bold;
}
.table_flat caption a{font-size: 85%;}

}

/* adjust width */
.w05{width: 5%;}
.w10{width: 10%;}
.w15{width: 15%;}
.w20{width: 20%;}
.w25{width: 25%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w45{width: 45%;}
.w50{width: 50%;}
.w55{width: 55%;}
.w60{width: 60%;}
.w65{width: 65%;}
.w70{width: 70%;}
.w75{width: 75%;}
.w80{width: 80%;}
.w85{width: 85%;}
.w90{width: 90%;}
.w95{width: 95%;}
.w100{width: 100%;}