@charset "UTF-8";
/* CSS Document */
  
#wrap{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
	margin-bottom: 50px;
	text-align: center;
	font-size: 20px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #FFFFFF;
	border-radius: 25px;
}
body {
	background-image: url(img/2016bg_a.png);
	background-repeat: repeat;
}
#wrap h1 {
	font-size: 42px;
    color: #fff;
	margin: 0;
    padding: 50px 0;
    text-shadow:
        0 3px 0 #ffaf7f,
        3px 0 0 #ffaf7f,
        0 -3px 0 #ffaf7f,
        -3px 0 0 #ffaf7f,
        -3px -3px 0 #ffaf7f,
        3px -3px 0 #ffaf7f,
        -3px 3px 0 #ffaf7f,
        3px 3px 0 #ffaf7f
        ;
}

h3 {
	margin: 0;
}

.ver{
margin: auto;
background-color: #EE6F2E;
border: solid 6px #fff;
width: 130px;
height: 130px;
-moz-border-radius: 90px;
-webkit-border-radius: 90px;
border-radius: 90px;
box-shadow: 0 0 0 3px #EE6F2E;
-webkit-box-shadow: 0 0 0 3px #EE6F2E;
-moz-box-shadow: 0 0 0 3px #EE6F2E;
}

.ver p{
	color:#fff;
	margin-top:10px;
	font-weight:bolder;
}

#wrap p {
	line-height: 1.8em;
}
#live .button {
	text-decoration: none;
	background-color: #EE6F2E;
	border: 1px solid #DDD;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #FFFFFF;
	width: 100px;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 20px;
	margin-top: 40px;
	margin-bottom: 40px;
}
#wrap #live {
	padding-top: 25px;
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 40px;
	border: 3px dotted #FF6900;
}


#wrap em,strong {
	margin: 0px;
}


.arrow_box {
	margin-top:70px;
	margin-left:20px;
	margin-right:20px;
	padding:15px;
	position: relative;
	background: #fff;
	border: 6px solid #FF6900;
}
.arrow_box p{
	font-size:90%;
	text-align:left;
	color:#861E00;
	
}	


.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 16%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(247, 247, 247, 0);
	border-top-color: #fff;
	border-width: 15px;
	margin-left: -15px;
}
.arrow_box:before {
	border-color: rgba(255, 105, 0, 0);
	border-top-color: #FF6900;
	border-width: 23px;
	margin-left: -23px;
}

.art_maru {
	display: inline-block;
	margin-top:20px;
	margin-left:30px;
	padding:10px;
 /* サイズ指定 */        
 width:135px;
 height:135px;
 /* 背景色 */
 background-color:#FF6900;
 /* 角を丸くする */
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
}

.art{
 padding-top:43px; /* 真ん中にまで文字を下ろす */
}

.art h5,
.art p {
 text-align: center; /* 中央寄せ */
 color: #fff; /* 文字を白色に */
 margin: 0; /* h1とpの余白をリセット */
}
 
/* あとは文字サイズや太字を指定 */
.art h5 {font-size:20px;}
.art p {font-size:15px; font-weight:bold;}

.name{
	margin-top:20px;
	margin-left:60px;
	margin-bottom:50;
	text-align:left;
	/*display: inline-block;*/
	width:200px;
	float:left;
	}
	
.name h4{
	font-size:130%;
	margin-bottom:0;
	
}

.name p{
	color:#2F2F2F;
	
	
}