@charset "utf-8";

/* パンくずリスト
------------------------------------------------------------*/
/*div ol#breadcrumb{
padding:0 0 20px;
}*/

/* 見出し
------------------------------------------------------------*/
h2#main_header2 {
text-align:left;
margin:0 0 10px;
border-top:1px dotted #CCC;
border-left:1px dotted #CCC;
border-right:1px dotted #CCC;
border-bottom:3px solid #660000;
padding:8px 5px 5px;
font-size:25px;
font-size:2.5rem;
color:#000080;
font-weight:normal;
background:url('../img/bg_h1.jpg')  repeat-x center bottom;
line-height:1;
}

h2#main_header2 div {
padding-left:38px;
background:url('../img/cart_28x25.gif') no-repeat 0 -2px;
}

#content p{margin:10px 0 10px;}

#content a{
text-decoration:underline;
color:#800000;
}

#content a:hover {
text-decoration:underline;
color:#800000;
}

#indexes {
width:100%;
text-align:center;
}

#indexes ul li{
display:inline-block;
padding:5px;
white-space:nowrap;
}

#indexes ul li:nth-child(1) {width:6em;}
#indexes ul li:nth-child(2) {width:12em;}
#indexes ul li:nth-child(3) {width:13em;}
#indexes ul li:nth-child(4) {width:15em;}
#indexes ul li:nth-child(5) {width:8em;}
#indexes ul li:nth-child(6) {width:11em;}
#indexes ul li:nth-child(7) {width:8em;}
#indexes ul li:nth-child(8) {width:9em;}
#indexes ul li:nth-child(9) {width:14em;}

h3 {
font-size:20px;
line-height:1.2;
font-weight:bold;
margin:20px 0 0 0;
padding:10px 10px 3px;
background-color:#FFE566;
border:solid 1px #999;
text-align:left;
border-radius:8px 8px 0 0;
}

.h3_content {
margin:0 0 20px 0;
padding:5px 15px 15px;
border:solid 1px #999;
border-top:none;
border-radius:0 0 8px 8px;
}
.h3_content .topofpage a{
font-size:12px;
font-size:1.2rem;
line-height:1;
}

#content ul.circle_black2 li {
padding:2px 0 10px 14px;
background:url(https://www.iifas.jp/img/circle_black.gif) no-repeat 0 6px;
}

#content .margin_left {
margin-left:50px;
}

#content .reissue {
padding:8px 10px;
color:#000066;
background:#f5f5f5;
border-radius:8px;
margin:10px 0;
}

img.building_img{
float:right;
margin-left:20px;
}

/* 各種テーブル
------------------------------------------------------------*/

table.member_table{
border-collapse:collapse;
border-spacing:0;
border:1px solid #99cc99;
margin:0 auto;
}
table.member_table th{
padding:5px 8px;
background-color:#f5f5dc;
text-align:center;
vertical-align:bottom;
border:1px solid #99cc99;
font-size:14px;font-size:1.4rem;
}
table.member_table td{
padding:5px 8px;
background-color:#fff;
text-align:center;
vertical-align:middle;
border:1px solid #99cc99;
font-size:14px;font-size:1.4rem;
line-height:1.2;
}

table.how2pay_table{
border-collapse:collapse;
border-spacing:0;
border:1px solid #99cc99;
}
table.how2pay_table th{
padding:3px;
background-color:#f5f5dc;
text-align:center;
vertical-align:bottom;
border:1px solid #99cc99;
}
table.how2pay_table td{
padding:3px;
text-align:center;
vertical-align:middle;
border:1px solid #99cc99;
line-height:1.2;
}
/*table.how2pay_table tr:nth-child(odd) {
background-color:#F6F4EA;
}*/

table.postage_table{
border-collapse:collapse;
border-spacing:0;
border:1px solid #99cc99;
}
table.postage_table th{
padding:3px;
background-color:#f5f5dc;
text-align:center;
vertical-align:bottom;
border:1px solid #99cc99;
line-height:1.2;
}
table.postage_table td{
padding:3px;
background-color:#fff;
text-align:center;
vertical-align:middle;
border:1px solid #99cc99;
line-height:1.2;
}

.table_wrapper{
width:100%;
overflow-x:auto;
}
.table_wrapper::-webkit-scrollbar{
width:8px;
height:8px;
}
.table_wrapper::-webkit-scrollbar-track{
background:#F1F1F1;
}
.table_wrapper::-webkit-scrollbar-thumb {
background:#BCBCBC;
}

/* 幅980px以下から
------------------------------------------------------------*/
@media only screen and (max-width:980px){

	.h3_content .topofpage{
	display:none;
	}
}

/* 幅760px以下から
------------------------------------------------------------*/
@media only screen and (max-width:760px){

	#content img.payment_img{
	width:96%;
	height:auto;
	}
}

/* 幅640px以下から
------------------------------------------------------------*/
@media only screen and (max-width:640px){

	h2#main_header1{
	padding-left:36px;
	}

	#content .margin_left {
	margin-left:10px;
	}
}

/* 幅480px以下から
------------------------------------------------------------*/
@media only screen and (max-width:480px){

	img.building_img{
	display:block;
	float:none;
	width:90%;
	height:auto;
	margin:10px auto;
	}
}