@charset "UTF-8"; 

/* デフォルト */
* {
	margin: 0; padding: 0;
font-family: "メイリオ" , Meiryo ,Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	letter-spacing:0.06em;
	color:#333;
	text-decoration:none;
	font-size:15px;

}

.border{

}
.note{
	text-align:center;
	color:#333;
	margin:0px 38px;
}
.note a{
	color:#11C;
	text-decoration:underline;
}
.note a:hover{
	background:#EEF;
}
.note h1{
	margin-top:12px;
	font-size:15px;
}
.note b{
	display:block;
}
.note p{
	text-align:left;
	margin:15px;
	font-size:14px;
}
#navi{
	margin-bottom:20px;
	background:#000;
	opacity:.9;
}
#navi ul{
	width:1024px;
	opacity:.9;
	margin:0 auto;
	text-align:center;
}
#navi li{
	display:inline-block;
}
#navi li a{
	display:block;
	color:#FFF;
	padding:20px 14px;
	opacity:1;
	transition:.2s;
}
#navi li a:hover{
	opacity:.7;
	transition:.2s;
}#navi2 li a:hover{
	opacity:.7;
	transition:.2s;
}
#navi2{
	margin-top:-20px;
	margin-bottom:20px;
}
#navi2 ul{
	background:#EBC;
	opacity:.8;
	margin:0 auto;
	text-align:center;
}
#navi2 li{
	display:inline-block;
}
#navi2 li a{
	display:block;
	color:#FFF;
	padding:20px 40px;
	opacity:1;
	transition:.2s;
}

#notice{
	display:none;
}
.main {  
	background:#FAFAFA;
    width: 100%;  
}  
.main div   {  
    width:1024px;  
    margin: 0 auto;  
	border-right:1px solid #AAA;
	border-left:1px solid #AAA;
	background:#FFF;
}
#cd{
	margin:0 auto;
	width:984px;
	padding:20px;
}
.tr{
	width:464px;
	text-align:left;
	float:right;
}
.title{
	font-size:40px;
	color:#333;
}
.title img{
	margin:0 auto;
	display:block;
}
#footer{
	width:100%;
	padding:40px 0px;
	text-align:center;
	background:#111;
	color:#777;
}
#footer a{
	color:#49D;
}
#footer a:hover{
	text-decoration:underline;
}
iframe{
	display:block;
	margin:20px auto;
	textalign:center;
}
.download{
	text-align:center;
	margin:60px 0 60px 0;
	
}
#share{
	margin:70px;
	text-align:center;
}
#share li{
	display:inline-block;
	margin:0 28px;
	color:#666;
	font-size:28px;
	vertical-align:middle;
}
#share li img{
  border-radius: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 100%;
	opacity:.9;
	transition:.2s;
	width:56px;
	height:56px;
}
#share li img:hover{
	opacity:1;
	transition:.3s;
}
.banner{
	margin-bottom:40px;

	text-align:center;	
}
.banner b{
	display:block;
	color:#666;
	width:500px;
	margin:0 auto;
	font-size:20px;
	text-align:left;
	margin:20px;
}
.banner img{

	padding:5px;
	border:#BBB solid 1px;
}