@charset "UTF-8";

/*------------------------------------------------------------------------------------
■format 
------------------------------------------------------------------------------------ */

*{
	margin:0;
	padding:0;
}
body{
	background:#FFFFFF url("../img/----.jpg") top left no-repeat;
	font-size:14px;
	line-height:130%;
	text-align:center;
	font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	color:#333333;
}
 
h1,h2,h3,h4,h5,p{
	font-size:14px;
	line-height:150%;
	font-weight:normal;
	padding:0px;
	margin:0px;
}
ul,li{
	padding:0px;
	margin:0px;
	list-style:none;
}
th,td{
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	line-height:150%;
	font-size:100%;	
}
img{
	vertical-align:top;
	border:none;
}
.caution{
	color:#DD0000;
}
/*------------------------------------------------------------------------------------
■clearfix
------------------------------------------------------------------------------------ */
.clearfix:after {
    content:"";
    display:block;
    clear:both;
}


/*------------------------------------------------------------------------------------
■PC ⇔ SP 表示・非表示
------------------------------------------------------------------------------------ */
.pcnone{
	display:none;
}
.spnone{
	display:none;
}


/*------------------------------------------------------------------------------------
■Table
------------------------------------------------------------------------------------ */
table{
	border-top:1px solid #3f3f3f;
	border-left:1px solid #3f3f3f;
}
th,td{
	border-right:1px solid #3f3f3f;
	border-bottom:1px solid #3f3f3f;
	padding:4px 8px;
}
th{
	background:#333333;
	color:#FFFFFF;
	text-align:center;
}
td.tdsubttl{
	background:#EDEDED;
}
/*------------------------------------------------------------------------------------
■LIST
------------------------------------------------------------------------------------ */
ul.list{
	padding:0px 0px 8px 0px;
}
ul.list li{
	text-indent:-1em;
	margin-left:1em;
	padding:2px 0px 2px 0px;
}

/*------------------------------------------------------------------------------------
■Float BOX,IMG etc...
------------------------------------------------------------------------------------ */
.boxL{
	float:left;
}
.boxR{
	float:right;
}
.imgL{
	float:left;
	padding:0px 8px 8px 0px;
}
.imgR{
	float:right;
	padding:0px 0px 8px 8px;
}

/*------------------------------------------------------------------------------------
■link 
------------------------------------------------------------------------------------ */
a{
	color:#2da6db;
	text-decoration:underline;
}
a:visited{
	color:#;
	text-decoration:underline;
}
a:active{
	color:#;
	text-decoration:underline;
}
a:hover{
	color:#FF9900;
	text-decoration:none;
}

/*------------------------------------------------------------------------------------
■<H>
------------------------------------------------------------------------------------ */
h1{
	font-size:36px;
	text-align:center;
	padding:50px 30px;
}
h2{
	font-size:18px;
	border:1px solid #CCCCCC;
	border-left:5px solid #c9151e;

	padding:6px 8px;
	margin:30px 0px 16px 0px;
}
h2 span{
}
p{
	padding:0px 0px 8px 0px;
}

/*------------------------------------------------------------------------------------
■layout 
------------------------------------------------------------------------------------ */
#format{
	width:780px;
	text-align:center;
	margin:0px auto;
}
.wrap{
	text-align:left;
}
.content{
	padding:0px 15px;
}
ul.pagelink li{
	padding:4px 0px;
}
/*------------------------------------------------------------------------------------
■button
------------------------------------------------------------------------------------ */
.btnArea{
	text-align:center;
	margin:50px auto 70px auto;
}
 a.button {
	font-size:14px;
	width: 40%;
	height: 36px;
	line-height: 36px;
	color: #EEEEEE;

	position: relative;
	display: inline-block;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+25,000000+100 */
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(top,  #45484d 25%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #45484d 25%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #45484d 25%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */


	box-shadow: inset 1px 1px 0 #AAAAAA;
	border-bottom: 4px solid #957802;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 1px 0px #000000;
	outline: none;
	border: 1px solid #000000;
}
a.button:hover {
	opacity:0.8;
}

.footer{
	font-size:12px;
	color:#cccccc;
	text-align:center;
	padding:20px 4px;
	background:#2a2a2a;
}

/*------------------------------------------------------------------------------------
	 ★☆★☆★　Smart Phone (max-width: 768px)　★☆★☆★
------------------------------------------------------------------------------------ */

@media screen and (max-width: 768px){
	.pcnone{
		display:inline;
	}
	.spnone{
		display:none;
	}
	img{
		max-width:100%;
	}
#format{
	width:100%;
}

h1{
	font-size:21px;
	text-align:center;
	padding:20px 15px;
}
h2{
	font-size:16px;
	padding:4px 8px;
	margin:30px 10px 16px 10px;
}
.btnArea{
	text-align:center;
	margin:20px auto 35px auto;
}
 a.button {
	height: 44px;
	line-height: 44px;
}


/* ↓media screen閉じタグ
------------------------------------------ */
}