/* CSS Document */
#header .inner {
	box-sizing: border-box;
}



.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
		◆構造　
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#pankuz{}
#wrapper{}
	#contents{}
		#main{}
		#sub{} /* sub.css参照 */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
		◆ラッパー　
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper{
	background:#EEEEEE url(../images/sp/bg.jpg) repeat-y top center;
	border-top:#CCCCCC 2px solid;
	}
#wrapper *{
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;	color:#333;
	color:#333;
	font-style:normal;
	}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆パンくずリスト　
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#pankuz {
	width:960px;
	margin:8px auto 5px auto;
	}
#pankuz *{
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	font-weight:400;
	font-size:12px;
	line-height:1.2em;
	}
#pankuz ul li{
	float:left;
	background-image:url(../images/arrow_pankuz.png);
	background-position:1px -2px;
	background-repeat:no-repeat;
	text-indent:18px;
	}
#pankuz ul li:first-child{
	text-indent:0;
	background-image:none;
	}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆コンテンツ　
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper #contents{
	width:960px;
	margin:0 auto 0 auto;
	background:#FFFFFF;
	padding-top:8px;
	}
#wrapper #contents ul,#wrapper #contents ol,#wrapper #contents li,#wrapper #contents dl,#wrapper #contents dd,#wrapper #contents dt,
#wrapper #contents h1,#wrapper #contents h2,#wrapper #contents h3,#wrapper #contents h4,#wrapper #contents h5,#wrapper #contents h6,
#wrapper #contents table,#wrapper #contents tr,#wrapper #contents th,#wrapper #contents td,#wrapper #contents img,
#wrapper #contents div,#wrapper #contents p,
#wrapper #contents span,#wrapper #contents a{
	margin:0;
	padding:0;
	border:0;
	line-height:140%;
	list-style:none;
	font-size:14px;
	font-weight:400;
	}
#wrapper #contents .date{
	text-align:right;
	margin-top:0;
	margin-right:10px;
	margin-bottom:5px;
	font-size:12px;
	}
#wrapper #contents a{
	color:#003F98;	
	}
#wrapper #contents a:link {color:#003F98; text-decoration:underline;}
#wrapper #contents a:visited {color:#003F98; text-decoration:underline;} 
#wrapper #contents a:hover {color:#34A4FA; text-decoration:underline;} 
#wrapper #contents a:active {color:#34A4FA; text-decoration:none;}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆メイン　
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper #contents #main{
	margin-top:10px;
	margin-left:10px;
	margin-left:5px;
	width:730px;
	float:left;
	}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆ページのいちばん上へ移動
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper #contents #main .toPageTop {
	width:703px;
	margin-top:4px;
	margin-bottom:6px;
	text-align:right;
	clear:both;
	}
#wrapper #contents #main .toPageTop a {
	font-size:12px;
	line-height:13px;
	}
#wrapper #contents #main .toPageTop a:link {color:#666666; text-decoration:none;}
#wrapper #contents #main .toPageTop a:visited {color:#666666; text-decoration:none;} 
#wrapper #contents #main .toPageTop a:hover {color:#999999; text-decoration:none;} 
#wrapper #contents #main .toPageTop a:active {color:#999999; text-decoration:none;}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆当該ページリンク（ページ最下部用）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper #contents #main #myPageLink {
	width:703px;
	margin-top:25px;
	margin-bottom:6px;
	text-align:left;
	clear:both;
	}
#wrapper #contents #main #myPageLink a {
	font-size:10px;
	line-height:12px;
	}
#wrapper #contents #main #myPageLink a:link {color:#666666; text-decoration:none;}
#wrapper #contents #main #myPageLink a:visited {color:#666666; text-decoration:none;} 
#wrapper #contents #main #myPageLink a:hover {color:#999999; text-decoration:none;} 
#wrapper #contents #main #myPageLink a:active {color:#999999; text-decoration:none;}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆当該ページリンク（ページ最下部用）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper #contents h1{
	background-color:#0066FF;
	color:#FFFFFF;
	font-weight:800;
	margin:0 20px 12px 10px;
	padding:5px 0 5px 0;
	text-indent:5px;
	}
#wrapper #contents h2{
	color:#0066FF;
	border-bottom:2px solid #0066FF;
	font-weight:700;
	margin:12px 20px 12px 10px;
	text-indent:5px;
	}
#wrapper #contents h3{
	color:#333333;
	font-weight:700;
	margin:15px 0 6px 0;
	}
#wrapper #contents h4{
    font-weight:bold;
    margin:0 0 5px 0;
	padding:5px 0 0 0;
}
#wrapper #contents p{
	color:#333333;
	font-weight:400;
	margin:10px 0 10px 0;
	line-height:18px;
	}
#wrapper #contents p span.pay{
	color:#009966;
	font-weight:700;
	}
#wrapper #contents table{

	margin-bottom:10px;
	border-collapse:collapse;
}

#wrapper #contents table th{
	border:1px solid #999999;
	text-align:center;
	padding:5px;
	background-color:#0066FF;
	 color:#FFFFFF;
	font-weight:bold;
    
}

#wrapper #contents table td{
	border:1px solid #999999;
	 padding:7px 10px;
	 text-align:center;
	 line-height:18px;
	
}
	 
#wrapper #contents ol li{
    list-style-type:decimal;
	list-style-position:outside;
	margin-left:30px;
} 
#wrapper #contents #main ul li{
    list-style-type:circle;
	list-style-position:outside;
	margin-left:30px;
}
#wrapper #contents #main ul{
    margin-bottom:15px;
}
#wrapper #contents table tr,td{
    margin:10px,10px,10px,10px;
}
#wrapper #contents h2 p{
    line-height:10px;
}
#wrapper #contents #main #contents_area h4 ol li{
    line-height:10px;
}
#wrapper #contents #contents_area #main2{
    margin:0 20px 0 30px;
}

#wrapper #contents h5 p{
    line-height:10px;
}
#wrapper #contents #main2 .imp{
    color:#FF0000;
}
#wrapper #contents #main2 table td{
    text-align:left;
}
#wrapper #contents #main #shitsumon{
      margin-left:30px;
}
#wrapper #contents #main #shitsumon table{
      margin:30px 20px;
}
#wrapper #contents #main #shitsumon table td{
    text-align:left;
}