/* common */

body{
	font-family: "ŸàƒSƒVƒbƒN‘Ì", "Yu Gothic", "Yu Gothic M", Meiryo, sans-serif;
	margin:0;
	padding:0;
	color:#666;
	text-align:center;
}

h1.tp{ display:none;}

.fl0{ margin:0 auto 0 auto;}

.title{ border-bottom:1px solid #666;}



/* pc */
@media all and (min-width: 768px) {

.fl0{ width:900px;}


h1.ki{
	background-image:url(../img/toukou/title.gif);
	background-repeat:no-repeat;
	margin:30px 0 15px 0 ;
	width:300px;
	height:32px;
	text-indent:-5000px;
}

h2{
	background-image:url(../img/toukou/s-title.gif);
	background-repeat:no-repeat;
	margin:50px auto 25px auto ;
	width:750px;
	height:60px;
	text-indent:-5000px;
}





.main{
	background-image:url(../img/toukou/main.gif);
	background-repeat:no-repeat;
	margin:40px auto 40px auto ;
	width:750px;
	height:200px;
}


.tx-a{
	margin:0 auto 0 auto;
	width:750px;
	text-align:left;
	line-height:2em;
}

.tx-b{
	margin:0 auto 0 auto;
	width:730px;
	text-align:left;
	line-height:1.3em;
	font-size:small;
}

ul{
	margin:0;
	padding: 0 0 0 1em;
}

li{
	margin: 0 0 1em 0;
}


.kyk-b{
	display:block;
	margin:30px auto 0px auto;
	padding:10px;
	border:2px solid #f90;
	width:400px;
	font-weight:bold;
}

.form-b{
	background-image:url(../img/toukou/form.png);
	background-position:center center;
	display:block;
	margin:50px auto 25px auto;
	padding:10px;
	border:2px solid #0050ff;
	width:680px;
	height:46px;
	font-weight:bold;
}

.back-b{
	display:block;
	margin:30px auto 0px auto;
	padding:10px;
	border:2px solid #0050ff;
	width:250px;
	font-weight:bold;
}

.kankyo{
	text-align:left;
	font-size:0.8rem;
	line-height:1.1rem;
	margin:0 auto;
	padding:0 10px 0 10px;
	border-top:1px solid #ccc;	
	width:680px;
}

.kankyo-p{font-size:1rem;}


a.kyk-b:link { color:#f90; text-decoration:none;}
a.kyk-b:visited { color:#f90; text-decoration:none;}
a.kyk-b:active { color:#f90; text-decoration: none;}
a.kyk-b:hover { color:#fff; background-color:#fa0;}

a.form-b:link { color:#fff; background-color:#0050ff;}
a.form-b:visited { color:#fff; background-color:#0050ff;}
a.form-b:active { color:#fff; background-color:#0050ff;}
a.form-b:hover { color:#0050ff; text-decoration: none; background-color:#326dee;}

a.back-b:link { color:#fff; text-decoration: none; background-color:#0050ff;}
a.back-b:visited { color:#fff; text-decoration: none; background-color:#0050ff;}
a.back-b:active { color:#fff; text-decoration: none; background-color:#0050ff;}
a.back-b:hover { color:#0050ff; text-decoration: none; background-color:#fff;}


a.text-l:link { color:#0050ff; text-decoration: none;}
a.text-l:visited { color:#0050ff; text-decoration: none;}
a.text-l:active { color:#0050ff; text-decoration: none;}
a.text-l:hover { color:#f90; text-decoration: underline;}

.app{display:none;}
.dwl{display:block;}


.foot{
	margin:60px 0 0 0;
	padding:20px 0 20px 0 ;
	border-top:1px solid #666;
	line-height:1.3em;
	font-size:small;
	word-break: break-all;
}


.alt{
	position:absolute;
	top:-5000px;
	left:-999px;
}

.ob{
	display:block;
	text-indent:-5000px;
	background-repeat:no-repeat;
	overflow:hidden;
}


.red{color:#f00;}
.blue{color:#0050ff;}
.bold{font-weight:bold;}

.app{
	color:#f00;
}



}




/* smp */
@media all and (max-width: 767px) {


.fl0{width:100%;}




h1.ki{
	background-image:url(../img/toukou/title.gif);
	background-repeat:no-repeat;
	margin:30px 0 15px 10px ;
	width:300px;
	height:32px;
	text-indent:-5000px;
}

h2{
	background-image:url(../img/toukou/s-title.gif);
	background-repeat:no-repeat;
	margin:50px auto 25px auto ;
	width:480px;
	height:60px;
	text-indent:-5000px;
}

.main{
	background-image:url(../img/toukou/main.gif);
	background-repeat:no-repeat;
	background-size:contain;
	margin:40px auto 30px auto ;
	width:90%;
}

.main img{	width:100%;}


.tx-a{
	margin:0 auto 0 auto;
	width:90%;
	text-align:left;
	line-height:1.7em;
}

.tx-b{
	margin:0 auto 0 auto;
	width:90%;
	text-align:left;
	line-height:1.3em;
	font-size:small;
}

ul{
	margin:0;
	padding: 0 0 0 1em;
}

li{
	margin: 0 0 1em 0;
}


.kyk-b{
	display:block;
	margin:30px auto 0px auto;
	padding:12px 10px;
	border:2px solid #f90;
	width:70%;
	font-weight:bold;
	box-sizing:border-box;
}

.form-b{
	background-image:url(../img/toukou/form.png);
	background-position:center center;
	background-repeat:no-repeat;
	display:block;
	margin:40px auto 40px auto;
	padding:20px 10px;
	border:2px solid #0050ff;
	box-sizing:border-box;
	width:90%;
	font-weight:bold;
}

.back-b{
	display:block;
	margin:30px auto 0px auto;
	padding:10px;
	border:2px solid #0050ff;
	width:250px;
	font-weight:bold;
}

.kankyo{
	text-align:left;
	font-size:0.8rem;
	line-height:1.1rem;
	margin:0 auto;
	padding:0 10px 0 10px;
	border-top:1px solid #ccc;	
	width:90%;
}

.kankyo-p{font-size:1rem;}


a.kyk-b:link { color:#f90; text-decoration:none;}
a.kyk-b:visited { color:#f90; text-decoration:none;}
a.kyk-b:active { color:#f90; text-decoration: none;}
a.kyk-b:hover { color:#fff; background-color:#fa0;}

a.form-b:link { color:#fff; background-color:#0050ff;}
a.form-b:visited { color:#fff; background-color:#0050ff;}
a.form-b:active { color:#fff; background-color:#0050ff;}
a.form-b:hover { color:#0050ff; text-decoration: none; background-color:#326dee;}

a.back-b:link { color:#fff; text-decoration: none; background-color:#0050ff;}
a.back-b:visited { color:#fff; text-decoration: none; background-color:#0050ff;}
a.back-b:active { color:#fff; text-decoration: none; background-color:#0050ff;}
a.back-b:hover { color:#0050ff; text-decoration: none; background-color:#fff;}

a.text-l:link { color:#0050ff; text-decoration: none;}
a.text-l:visited { color:#0050ff; text-decoration: none;}
a.text-l:active { color:#0050ff; text-decoration: none;}
a.text-l:hover { color:#f90; text-decoration: underline;}

.app{display:block;}
.dwl{display:none;}


.foot{
	margin:60px 0 0 0;
	padding:20px 0 20px 0 ;
	border-top:1px solid #666;
	font-size:0.5rem;
	line-height:1.3em;
	word-break: break-all;
}



.app-title{
	background-image:url(../img/toukou/app-title.gif);
	background-position:center center;
	background-repeat:no-repeat;
	display:block;
	margin:0px auto 0px auto;
	border:1px solid #666;
	width:460px;
	height:60px;
}

.app-set{
	position:relative;
	background-image:url(../img/toukou/dash.gif);
	background-position:center center;
	background-repeat:repeat-y;
	margin:0px auto 0px auto;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
	width:460px;
	height:76px;
}

.apple-b{
	position:absolute;
	top:17px;
	left:50px;
	background-image:url(../img/toukou/apple.gif);
	width:135px;
	height:40px;
}

.google-b{
	position:absolute;
	top:14px;
	left:285px;
	background-image:url(../img/toukou/google.gif);
	width:130px;
	height:45px;
}

.rec{
	margin:10px;
	font-size:small;
}



.alt{
	position:absolute;
	top:-5000px;
	left:-999px;
}

.red{color:#f00;}
.blue{color:#0050ff;}
.bold{font-weight:bold;}

.ob{
	display:block;
	text-indent:-5000px;
	background-repeat:no-repeat;
	overflow:hidden;
}



}