@charset "UTF-8"; 

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

}
.border{

}
#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;
	margin-left:40px;
	color:#333;
}
.title img{
	margin:0 auto !important;
}
#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;
}
#music iframe{
	display:inline;
	margin:0px auto !important;
}
.download{
	text-align:center;
	margin:60px 0 60px 0;
	
}
#share{
	margin-top:30px;
	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;
}
#content{
	margin:60px auto 68px auto;
	width:1024px;
}
hr{
	display:block;
	margin:40px auto;
	border:2px solid #DDD;
	clear:both;
}
#date{
	float:right;
	color:#DDD;
	font-size:36px;
	font-weight:bold;
}
.box h2 img{
	border:none;
}
.blog p{
	margin:20px 40px;
}
.blog p a{
	color:#059;
	font-size:16px;
	text-decoration:underline;
	transition:.1s;
}
.blog p a:hover{
	background:#BDF;
	transition:.2s;
}
.boxCd{
	position:relative;
	margin:20px 40px;
}
.cd{
	position:relative;
	display:inline-block;
}
.cdInfo{
	width:280px;
	position:absolute;
	bottom:0px;
	opacity:0;
	transition:.1s;
	padding:10px;
}
.cd:hover .cdInfo{
	opacity:.8;
	background:#000;
	color:#FFF;
	transition:.2s;
}

.boxTitle{
	font-size:36px;
	color:#333;
}
.boxSt p{
	font-size:16px;
	margin:20px 40px;
}

#ostlist{
	background:#F1F1F1;
	padding:20px;
	width:430px;
}
#ostlist img{
	margin-left:5px;
	height:8px;
	width:8px;
	background:#FFF;
}
#ostimg{
	margin-right:39px;
	float:right;
}
#game{
	margin:20px auto;
	width:760px;
	padding:20px;
	background:#F1F1F1;
}
#game img{
	background:#FFF;
	margin:10px auto;
}
.box img{
	display:inline-block;
	border:1px solid #BBB;
	padding:5px;
}
.box{
	font-size:16px;
	position:relative;
	margin:20px 40px;
}
strong{
	font-weight:normal;
}
.box a{
	color:#059;
	font-size:16px;
	text-decoration:underline;
	transition:.1s;
}
.box a:hover{
	background:#BDF;
	transition:.2s;
}

.box img{
	border:1px solid #BBB;
	padding:5px;
}
.boxDate{
	position:absolute;
	top:0;
	right:0;
	color:#BBB;
	font-weight:bold;
	font-size:16px;
	font-style:italic;
	text-align:right;
}
.boxText{
	float:right;
	text-align:left;
	width:600px;
	min-height:200px;
	overflow:hidden;
}
.boxText p{
	margin-bottom:20px;
	font-size:16px;
}
.boxText p img{
	border:none;
	display:block;
	margin-bottom:15px;
}
.boxText a{
	color:#059;
	font-size:16px;
	text-decoration:underline;
	transition:.1s;
}
.boxText a:hover{
	background:#BDF;
	transition:.2s;
}
.title img{
	margin:0 40px 0 40px;
}
#footer h1{
	margin-top:20px;
}
#footer h1 a{
	font-weight:normal;
	font-size:13px;
	color:#333;
}
.twitter-timeline{
	width:100% !important;
}
#music{
	margin:0px 40px 24px 40px;
}
#music table{
	width:100%;
}
#music img{
	border:1px solid #DDd;
	padding:3px;
}
#music a{
	color:#059;
	font-size:16px;
	text-decoration:underline;
	transition:.1s;
}
#music a:hover{
	background:#BDF;
	transition:.2s;
}
#tag{
	width:458px;
	padding:8px 0px;
	background:#2F2F28;
	color:#CCC;
}
#tag a{
	color:#CCC;
	text-decoration:none;
	font-weight:normal;
}
#tag a:hover{
	text-decoration:underline;
	background:#2f2f28;
}
#tag2{
	width:440px;
	padding:8px 0px;
	background:#2F2F28;
	color:#CCC;
}
#tag2 h2{
	font-size:15px;
	font-weight:normal;
	color:#CCC;
}
.note{
	background:#DDD;
	margin:20px 40px;
	padding:20px;
}
.note a{
	color:#057;
	text-decoration:underline;
	transition:.1s;
}
.note a:hover{
	background:#FFF;
	transition:.2s;
}
.note p{
	color:#333;
	margin:20px 40px;
}
input,textarea{
	width:360px;
	padding:10px;
	margin-bottom:10px;
}
textarea{
	width:720px;
}
h4{
	margin-top:20px;
}