@charset "UTF-8";

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

body {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'メイリオ', Osaka, 'MS PGothic', sans-serif;
    color: #FFFFFF;
    -webkit-text-size-adjust: auto;
}

header, nav, footer, h1, h2, h3, h4, h5, h6, br, dl, dt, dd, p, div, ul, li, img, form {margin:0; padding:0; font-size:100%; }

ul, nav {
	list-style-type:none;
}

img {
	font-size:0;
	line-height:0;
	border:0;
}

a {
	color:#0648C1; text-decoration:none; 
}
a img {
	opacity: 1.0; filter: alpha(opacity=100);
}
a:hover img {
	opacity: 0.6; filter: alpha(opacity=60);
}



/* default -------------------------------------------------------------------------------------------------------------------- */

.for_pc {
	display:block;
}
.for_sp {
	display:none;
}



/* body background ------------------------------------------------------------------------------------------------------------ */

html {
	height:100%;
	margin:0; padding:0;
}

body {
    background-color: #e7e5d4;
    background-image: url(../img/bg_base.png);
    background-repeat: repeat-x;
    background-position: center top;
}



/* wrapper -------------------------------------------------------------------------------------------------------------------- */

div#wrapper {
	width:1237px;
	box-sizing: border-box;
	padding:0;
	margin:0 auto;
	background-image:url(../img/bg_shadow.png);
	background-repeat:repeat-y;
	background-position:center top;
}
div#wrapper:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}



/* top_main ------------------------------------------------------------------------------------------------------------------- */

div#top_main {
    width: 1200px;
    height: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0 0 0 18px;
    background-color: #FFFFFF;
}



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

p.image {
	font-size:0;
	line-height:0;
	text-align:center;
	padding:0;
	margin:0 auto;
}

p.btn {
	font-size:0;
	line-height:0;
	text-align:center;
	padding:20px 0;
	margin:0 auto;
}

p.pagetop {
	font-size:80%;
	line-height:120%;
	font-weight:bold;
	color:#CCC;
	text-align:right;
	padding:20px 8px 10px;
	margin:0;
	border-bottom:1px dotted #CCC;
}
p.pagetop a {
	color:#CCC;
}

p.attention {
	font-size:70%;
	line-height:120%;
	color:#CCC;
	text-align:center;
	padding:20px 8px 10px;
	margin:0;
}

p#copy {
	font-size:70%;
	line-height:120%;
	color:#CCC;
	text-align:right;
	padding:10px 8px;
	margin:20px 0 0;
	border-top:3px solid #CCC;
}






/* ###################### break-spn ###################### */
@media screen and (max-width: 640px) {



/* default -------------------------------------------------------------------------------------------------------------------- */

.for_pc {
	display:none;
}
.for_sp {
	display:block;
}
img {
	width:100%;
}



/* body background ------------------------------------------------------------------------------------------------------------ */

body {
	background:none;
}



/* wrapper -------------------------------------------------------------------------------------------------------------------- */

div#wrapper {
	width:100%;
	background:none;
}



/* top_main ------------------------------------------------------------------------------------------------------------------- */

div#top_main {
	width:100%;
	margin:0;
}



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

p.btn {
	padding:2px 2px;
}

p.pagetop {
	padding:20px 16px 10px;
}

p.attention {
	padding:20px 16px 10px;
	text-align:center;
}

p#copy {
	padding:10px 16px;
}



}