@charset "utf-8";


.end-message{
	background:#fff;
	width:650px;
	padding:50px;
	margin:30px auto 100px auto;
	float:center;
	max-width:100%;
}


@media screen and (min-width:641px) {

#top{
background-color:#000000; 
background-image:url(img/top.jpg); 
background-position:center top; 
height:52px; 
background-repeat:no-repeat; 
background-position:center top;
}

#top img{
	display:none;
}

#head{
 background-image:url(img/head.jpg); 
 height:677px; 
 background-position: center top; 
 background-repeat:no-repeat;"	
}

#head img{
	display:none;
}

#cnt{
width:850px; 
margin:auto;
background-color:#FFF;
}

#line_wrap{

width:740px; 
margin:auto;
}

#line1{
	background-color:#F0FDF0; 
	padding:10px 20px; 
	margin:5px;
}

#line2{
background-color:#F0FDF0; 
padding:10px 20px; 
margin:5px; 
width:320px; 
float:left;
}

#line3{
background-color:#F0FDF0; 
padding:10px 20px; 
margin:5px; 
width:320px; 
float:right;
}

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


footer {
	position: relative;
	width:100%;
	bottom:0;
	height:95px;
	padding-top:20px;
	background:#000;
	color:#FFF;
	text-align:center;

}

footer p{
	margin:0 auto 20px;
	font-size:16px;
}

footer small{
	font-size:14px;
}



}
  
@media only screen and (min-width:376px) and (max-width:960px) {
/*tablet用のcssを記述*/
}
 
@media screen and (max-width:640px) {
/* CSS Document */

/*----------------------------------------------------
 リセット
----------------------------------------------------*/
#top{
background-color:#000000; 
background-position:center top; 
}

#head{

}

#top img{
 width:100%;
}

#head img{
 width:100%;
}

#line1{
	display:none;

}


#cnt{
	width:100%;
	background-color:#FFFFFF;
}
#cnt img{
	width:100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html { overflow-y: scroll; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
input, textarea, {
margin: 0;
padding: 0;
}

.pad{
	padding:5px 5%;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;

}

ol, ul { list-style: none; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th { text-align: left; }

a:focus { outline: none; }

img{ vertical-align:middle; }

img {
	max-width: 100% ;
	height:auto ;
}
ul, menu, dd, dir{
	margin:0;
	padding:0;
}
ul,ol{
	margin:0;
	-webkit-padding-start:0;
	-moz-padding-start:0;
	-o-padding-start:0;
	-ms-padding-start:0;
}

/*----------------------------------------------------
 共通
----------------------------------------------------*/


body {
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background:#fff;
	font-size: 30px;
	line-height: 1.5;
	letter-spacing: 0;
	-webkit-text-size-adjust : 100% ;
	overflow:hidden;/* スクロール時横幅全体表示 */
}
a{
	color:#A82222;
}

a:hover{
	color:#E58F0E;
}
/* IEイメージ枠なし */
a img {
	border-style:none;
}

/*----------------------------------------------------
 contents
----------------------------------------------------*/



.main{
	margin:0 auto;
	text-align:center;
}

.main img{
	text-align:center;
	width:100%;
}

header{
	padding: 20px;

}
header.pt2{
	margin:0 auto;
}


.m_space{
	margin-bottom:30px;
}

.m_space2{
	margin-bottom:10px;
}

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


footer {
	position: relative;
	width:100%;
	bottom:0;
	height:95px;
	padding-top:20px;
	background:#000;
	color:#FFF;
	text-align:center;

}

footer p{
	margin:0 auto 20px;
	font-size:16px;
}

footer small{
	font-size:14px;
}



/*----------------------------------------------------
 clearfix
----------------------------------------------------*/

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


.cntbox{
	margin:10px 0px;;
	border:3px solid #F30;
	padding:20px;
}

.tit{

	background-image:-moz-linear-gradient(top, #009, #009);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#009), to(#000066), color-stop(1,#000066));
	color:#FFFFFF;
	 border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	padding:10px 20px;
	 border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	margin-bottom:10px;

}
.boxtit{
	padding-left:10px;
	border-bottom:2px solid #ccc;
	font-weight: bold;
	border-left:5px solid #F30;
	margin-bottom:10px;

}

em{
	background-color:#FF0 ;
	font-style:normal ;
	font-weight:bold ;
}

h1{
padding:0px;
font-size:18px;
	font-weight: bold;
}
h2{
padding:0px;
font-size:14px;
	font-weight: normal;
}
#cnt p{
padding: 0px 0px;
}

}


table, tr, th, td{
	border-collapse: collapse;
}

table{
	width:100%;
}

th{
	background-color: #F9F4FB;
	color: #333;
	text-align: right;
	font-weight: normal;
	font-size: 16px;
}

td{
	background: #fff;
text-align: left;
}

th, td{
	padding: 5px;
}

.foot{
	background-repeat: repeat-x;
	color: #333;
	padding: 2px 5px;
	text-align: center;
	font-size: 12px;
	margin-top: 10px;
}


.riv_table table, 
.riv_table tr, 
.riv_table th,
.riv_table td {
	border-style:none;
	border-bottom: 1px solid #ccc;
}

.riv_table th, 
.riv_table td {
	background-color: #f8f8f8;
	font-size: 16px;
}

.riv_table th{
	color: black;
	font-weight: normal;
}

.error{
	border: 1px solid red;
	padding: 10px;
	margin: 1em 5em;
}

.error p{
	font-size: 14px;
	line-height: 1.5em;
}
tr{
	border-top:1px solid #FFF;
	border-bottom:1px solid #ddd;
}

input , select{
	border:1px solid #CCC;
	margin: 5px;
}
table{
	padding:5px;

}

textarea{
	border-collapse: collapse;
	border: 1px solid #ddd;
	font-size:16px;
}