/* CSS Document */

@charset "utf-8";

	/* Micro clearfix */
	.cf { zoom: 1; }
	.cf:before, .cf:after { content: ""; display: table; }
	.cf:after { clear: both; }

body {
	font: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
dt, dd{
	padding:0;
	margin:0;
}
a img {
	border: none;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
	cursor:pointer;
}

.container {
	width: 95%;
	max-width: 960px;
	/*min-width: 400px;*/
	background-color: #fff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 20px;
}

/* header
------------------------------------------------------------*/
div#header {
	margin:0px auto;
}
div#header h1{
	text-align:center;
	margin:0px auto;
	width:100%;
}

div#header h1 img{
	width:100%;
	height:auto;
	max-width:1041px;
	max-height:546px;
	margin:0px auto;
}

/* footer
------------------------------------------------------------*/

div#footer_bg{
	clear:both;
	float:left;
	width:100%;
	background-image:url(../../images/footer_bg.jpg);
	height:40px;
	margin:0px;
	padding:0;
}
div#footer{
	width:95%;
	height:40px;
	margin:0 auto;
}
div#footer h2{
	float:left;
	width:300px;
	margin:10px 0 0 15px;
}
div#footer ul li{
	float: right;
	margin: 12px 15px 0 0px;
	list-style-type: none;
}

/* conents
------------------------------------------------------------*/
div.container h2{
	font-size: 24px;
	line-height: 36px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #090;
	text-indent: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
p{
	padding: 0;
	font-size: 18px;
	line-height: 18px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 18px;
	margin-left: 0;
}
.lead{
	font-weight:bold;
}
.ac{
	text-align:center;
}
div.container ul{
	margin-bottom: 18px;
}
div.container ul li{
	font-size: 18px;
	line-height: 18px;
	margin-left: 2em;
	margin-bottom:9px;
}
div.app{
	width:50%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 36px;
	text-align:center;
}

div.app ul li{
	list-style:none;
	margin-left:0;
	margin-right:0;
	margin-bottom:36px;
}

div.grayBox {
	background: #f0f0f0;
	color: #787878;
	margin-bottom: 36px;
	padding-top: 30px;
	padding-right: 25px;
	padding-bottom: 30px;
	padding-left: 25px;
}
div.guide{
	margin-bottom: 36px;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}

div.guide01{
	padding-top:36px;
	margin-bottom: 36px;
	border-top-width: medium;
	border-top-style: dotted;
	border-top-color: #666666;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}

iframe{
	zoom:1
}
div.iframe{
	margin-bottom:36px;
}

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}

@media only screen and (min-width: 769px){
	div.app ul li{
		display:inline;
		margin:45px;
}

}