@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif","Malgun Gothic","Gulim";
	text-align: center;
}

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

a {
	text-decoration: none;
	color:#0099ff;
}
a:hove {
	text-decoration: underline;
}





/*----------------------------------------------------
container
----------------------------------------------------*/
#container {
	margin: 0px auto 30px auto;
	width: 100%;
	height: auto;
	overflow: hidden;
	background:rgba(0, 0, 0, 0.6) url(../img/bg_border.png) top center repeat;
	border-top: 1px solid #ccffff;
	border-bottom: 1px solid #ccffff;

}
/*--------------- common_box ---------------*/
.common_box h4{
	margin: 0px 36px 15px;
	font-size:140%;
}

.common_box h5{
	margin: 0px 36px 0px 36px;
	font-size:120%;
	font-weight: bold;
	text-shadow: 
	1px 2px 3px rgba(0, 0, 0, 0.6);
/*	padding-left: 30px;
	background: url(../img/marker.png) left top no-repeat ; background-size: 25px;*/
}

/*--------------- columntext ---------------*/
#container .columntext {
	margin-left:auto ;
	margin-right:auto ;
	padding-bottom:25px;
	width: 866px;
	height: auto;
	border: 4px solid #ffffff;
	font-size: 85%;
	background:rgba(255,255,255,.6) ;
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;

}

#container .columntext p {
	color:#333333;
	margin: 10px 25px 0px;
}

#container .columntext h4 {
	display: block;
	margin: 25px 25px 15px;
	border-bottom: 1px solid #999999;
	font-size:140%;
}

#container .columntext h5 {
	display: block;
	margin: 15px 25px 0px;
	font-size:120%;
	color:#006699;
}

#container .columntext a {
	text-decoration: none;
	border-bottom: 1px dotted;
	color: #00a0ff;
}

.img_center {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	}




/*--------------- screen ---------------*/
#container .screen {
	width:890px;
	margin-left:36px;
	margin-top:10px;
	text-align: left;
}


#container .screen_box {
	float: left;
	margin-right:22px;
	padding-bottom:5px;
	width:423px;
	height:auto;
	text-align:left;
	font-size:75%;
	color:#ffffff;
	text-shadow: 
	0 0 6px #ff9900, 
	0 0 6px #ff9900, 
	0 0 0.8px #ff9900;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background:rgba(50,50,50,0.7);
}

#container .screen_box p {
	text-align:center;
	height:auto;
	

}

#container .screen_box img {
	width:407px;
	height:auto;
	margin-left:7px;
	margin-top:7px;
	border: 1px solid #cccccc;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;

}

/*--------------- screen02 ---------------*/
#container .screen_box02 {
	float: left;
	margin-right:12px;
	padding-bottom:5px;
	width:281px;
	height:auto;
	text-align:left;
	font-size:75%;
	color:#ffffff;
	text-shadow: 
	0 0 6px #ff9900, 
	0 0 6px #ff9900, 
	0 0 0.8px #ff9900;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background:rgba(50,50,50,0.7);
}

#container .screen_box02 p {
	text-align:center;
	height:auto;
	

}

#container .screen_box02 img {
	width:265px;
	height:auto;
	margin-left:7px;
	margin-top:7px;
	border: 1px solid #cccccc;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;

}

/*----------------------------------------------------
list
----------------------------------------------------*/
table{	
	background-color: #fff;
	border:solid 2px #999999;
	font-size: 85%;
	line-height: 140%;
	padding:0px;
	margin-left:20px;
	margin-right:20px;
	width:auto;
	}

thead {
	background-color: #003366;
	color: #fff;
	text-align: center;
	}
thead td {
	text-align: center;
	}

th {
	padding:0px;
	background-color: #666666;
	font-weight: bold;
	}

td {
	border:solid 1px #cccccc;
	padding:5px 1em 5px 1em;
	text-align: left;

	}


/*-----------------------------------------------------	*/
/*	for - 800px以下の記述　*/
/*-----------------------------------------------------	*/
@media screen and (max-width: 800px) {


/*----------------------------------------------------
 SNS
----------------------------------------------------*/
#snsbutton li img{
	width: 155px;
}

.snsbutton{
	text-align: center;
	width: 510px;
}

/*----------------------------------------------------
container
----------------------------------------------------*/
#container {
	margin: 0px auto 30px auto;
	width: 100%;
}

.common_box h4{
	margin: 0px 36px 15px 36px;
	font-size:160%;
	font-weight: bold;
}

.common_box h5{
	margin: 0px 36px 0px 36px;
	font-size:160%;
	font-weight: bold;
}


/*--------------- columntext ---------------*/
#container .columntext {
	width: 460px;
	font-size: 100%;
}


/*--------------- screen ---------------*/


#container .screen {
	width:510px;
	margin-left:30px;
}

#container .screen_box02,
#container .screen_box {
	float: left;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:10px;
	width:450px;
	font-size:100%;

}
#container .screen_box02 img,
#container .screen_box img {
	float: left;
	margin-left:7px;
	margin-top:7px;
	margin-bottom:7px;
	width:434px;
	font-size:100%;

}

#container .screen_box02 p,
#container .screen_box p {
	text-align:center;
	height:auto;
}