@charset "UTF-8";



/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
hr{ border:0;}
button{ border:0; padding:0; background:none; font-size:1em; outline:0;}



/*/////////////////////////
base layout
//////////////////////////*/
html,body{ }



body{
	font-family:"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	
	
	
	font-size:16px;
	line-height:180%;
	letter-spacing:0em;

	width:100%;
	height:100%;
	overflow-y:scroll;
	overflow-x:hidden;
	
	text-align:left;
	
	 -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	
}

body.fixed{ overflow-x:hidden;}


@media screen and (max-width: 1070px) {
	
	
}

@media screen and (max-width: 640px) {
	
	
}




body.coverOpen{ position:fixed; width:100%; height:100%;}

img{ vertical-align:bottom;}


a, a:link {
    color:#c00;
    text-decoration:underline;
	outline:0;
	
}
a:hover, a:active {
    color:#c00;
    text-decoration:none;
}
a:visited {
    color:#c00;
    text-decoration:none;
}


h1,
h2,
h3,
h4,
h5,
h6{ padding:0; margin:0 auto 0 auto; font-weight:normal; color:#000; display:block;}


hr{ border:0; padding:0; margin:0; height:1px;}
p{}

select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}




div, span,input,textarea{
	 -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* loading cover
----------------------------------------------- */

#loader{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background:#fff;
	z-index:9999;
	
}

#loadingAnim{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 35px;
	height: 35px;
	margin:-15px 0 0 -18px;
	
	

}

#loading_count{
	position: fixed;
	top: 50%;
	left: 50%;
	margin:30px 0 0 -50px;
	text-align:center;

	color:#999;
	font-size:14px !important;
	width:100px;
	
	padding:0;
}

/* IE Only
----------------------------------------------- */
#dp_swf_engine{ display:none;}





#container{ width:100%; border-top:solid 5px #0CF;}

#base{ width:80%; margin:auto; padding:100px 0;}

h1{ margin-bottom:40px; font-weight:bold;}
h2{ margin-bottom:10px;}

/* cfix
----------------------------------------------- */

	.cfix{
		height:inherit;
		margin:auto;
		zoom:1;
	}

	.cfix:after{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	/*mac\*/
	
	*html .cfix{ height:1%;}
	
	.cfix{ display:block;}
	
	a{ background:url(../img/spacer.png) no-repeat;}
	
	
	
	
/* class
----------------------------------------------- */
	a.btn{ display:block;  text-indent: 200%; white-space: nowrap;overflow: hidden;height:inherit;}
	.hide{ display:block;  text-indent: 200%; white-space: nowrap;overflow: hidden;height:inherit;}



/* section inner
----------------------------------------------- */
	

.anim{
	-moz-transition: -moz-all 300ms cubic-bezier(.50,.0,.50,1);
    -webkit-transition: -webkit-all 300ms cubic-bezier(.50,.0,.50,1);
    -o-transition: -o-all 300ms cubic-bezier(.50,.0,.50,1);
    -ms-transition: -ms-all 300ms cubic-bezier(.50,.0,.50,1);
    transition: all 300ms cubic-bezier(.50,.0,.50,1);
}


/* sample
----------------------------------------------- */



.areaList{ overflow:hidden; clear:both; padding-top:30px; margin-bottom:60px;}

.areaList li{ display:inline-block; margin:0 5px 5px 0;}
.areaList li a{ display:inline-block; background-color:#000; color:#fff; padding:10px 10px; text-decoration:none; line-height:1em; font-size:0.8em;}
.areaList li a:hover{ background-color:#f30;}

.toList{ }

table.normal {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	margin:0 auto 50px auto;
	width:100%;

}
table.normal th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #369;
	border-bottom: 3px solid #036;
}


table.normal tbody th {
	background-color:#f2f2f2;
	border-bottom: 1px solid #ccc;
}

table.normal thead th:nth-of-type(1){ width:200px;}

table.normal tbody th:nth-of-type(1){ width:auto;}
table.normal tbody th:nth-of-type(2){ width:100px;}
table.normal tbody th:nth-of-type(3){ width:100px;}
table.normal tbody th:nth-of-type(4){ width:100px;}
table.normal tbody th:nth-of-type(5){ width:125px;}

table.normal td {
	width: auto;
	padding: 10px;
	
	border-bottom: 1px solid #ccc;
	vertical-align:middle;
}


table.detail {
	border-collapse: collapse;
	width:100%;
	border: #ccc 1px solid;
	margin-bottom:50px;
}

summary{ font-size:1.5em; margin-bottom:10px;}

table.detail th {
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	background-color:#f2f2f2;
}

table.detail td {
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
	text-align: left;
	padding: 10px;
}




table.normal dl{ overflow:hidden; width:100%; padding-top:10px;}
table.normal dl dt{ clear:both;}
table.normal dl dd{ margin-bottom:10px;}

table.normal dl.sns{ margin-bottom:10px; padding-bottom:20px; border-bottom:dotted 1px #ccc;}
table.normal dl.sns dt{ clear:both;}
table.normal dl.sns dd{ width:40%; float:left; margin-bottom:0; margin-right:20px;}

table.normal textarea{ width:100%; padding:5px;border:solid 1px #999;}

table.normal input.text{ width:300px; border:solid 1px #999; padding:5px;}
table.normal input.long{ width:500px;}



table.normal input.text,
table.normal textarea{ font-size:1.2em; color:#C30}



table.normal h3{ font-size:1.2em; margin-bottom:5px;}
table.normal h3 a{ text-decoration:none;}
table.normal .site a{ color:#ccc;text-decoration:none;}

.sample{ display:inline-block; padding-left:10px; font-size:0.8em;}


#detailContents{ position:relative;}
#detailContents h1{ margin-bottom:10px;}
#detailContents h2{ margin-bottom:50px; font-size:1em; color:#999;}


.editLink{ float:right; overflow:hidden; margin-bottom:20px;}
.editBtn{ background-color:#c00; color:#fff; font-size:1em; border:0; padding:5px 40px; margin-right:10px; cursor:pointer;}
.editBtn:hover{ background-color:#a10000;}


.topEditBtn{ background-color:#666; color:#fff; font-size:1em; border:0; padding:5px 10px; margin:0px; cursor:pointer; float:left;}
.topEditBtn:hover{ background-color:#999;}


.topViewBtn{ background-color:#06C; color:#fff; font-size:1em; border:0; padding:5px 10px; margin:0 10px; cursor:pointer; float:left;}
.topViewBtn:hover{ background-color:#03C;}






.delBtn{ background-color:#333; color:#fff; font-size:1em; border:0; padding:5px 40px; margin-right:0px; cursor:pointer;}
.delBtn:hover{background-color:#111; }

.topBtn{ background-color:#093; color:#fff; font-size:1em; border:0; padding:5px 40px; margin-right:10px; cursor:pointer;}
.topBtn:hover{ background-color:#063;}


.cenetrAction{ text-align:center;}
.sendBtn{ background-color:#c00; color:#fff; font-size:1em; border:0; padding:10px 60px; margin-right:10px; cursor:pointer;}
.sendBtn:hover{ background-color:#a10000;}


#memo{ border:double 3px #ccc; padding:20px; font-size:0.8em; line-height:140%; margin-bottom:60px;}

#memo h4{ font-size:1.2em; margin-bottom:1em;}

#memo ul{ list-style:disc; padding-left:20px;}
#memo ul li{ margin-bottom:1em;}



#memo2{ border:double 3px #f30; background-color:#fef3f2; padding:20px; font-size:0.8em; line-height:140%; margin-bottom:60px;}

#memo2 h4{ font-size:1.2em; margin-bottom:2em;}
#memo2 p{ margin-bottom:1.5em;}
#memo2 dl{ }
#memo2 dl dt{ margin-bottom:1em; font-size:1.5rem; color:#f30;}
#memo2 dl dd{ padding:0 0 40px 20px; margin-bottom:40px; border-bottom:solid 2px #ccc;}

.select-wrapper {
    width: 200px;
    overflow: hidden;
    border: #999999 1px solid;
    border-radius: 5px;
    
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 230px;
    margin: 0;
    border: 0;
    outline: none;
    padding: 5px 5px 5px 10px;
    background: transparent;
	font-size:1.1em;
}




/* sample
----------------------------------------------- */
.login_form{ position:fixed; top:50%; left:50%; width:500px; height:200px; margin:-100px 0 0 -250px; text-align:center;}


.login_form .comment{ font-size:1.2em; font-weight:bold; margin-bottom:15px;}
.login_form .input{ margin-bottom:20px;}
.login_form .input input{padding:10px; font-size:1.5em; }


.login_form .loginBtn{ border:0; font-size:1.2em; padding:10px 40px; background-color:#000; color:#fff;}


.login_form ul{}

.login_form ul li{}

.login_form .message{}