@charset "UTF-8";body { background-color: #f6f6f6;  text-align: center; width:100%;}  p, h1, h2, h3, h4, h5 {font-family: "Arial","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic" ,  "Osaka", sans-serif;}p { text-justify:distribute-all-lines; text-align:justify;}h1, h2, h3, h4, h5 {font-size: 100%;}a {text-decoration: none;  color:#003366; }a { outline: none; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out;}img {border-radius:3px; }img.banner { border-radius:0px; }object {border:1px solid #ccc; }a:link { text-decoration:none; color:#003366; }a:visited { text-decoration:none; color:#003366; }a:active { text-decoration:none; color:#3366cc; }a:hover { text-decoration:none; color:#3366cc; }a.mail:link { text-decoration:none; color:#003366; }a.mail:visited { text-decoration:none; color:#003366; }a.mail:active { text-decoration:none; color:#3366cc; }a.mail:hover { text-decoration:none; color:#3366cc; }a:hover img{ opacity:0.8; filter:alpha(opacity=80); -ms-filter: “alpha( opacity=80 )”; -webkit-transition: opacity 0.3s ease-out;  -moz-transition: opacity 0.3s ease-out;}#wrap { width:1080px; text-align:left; margin:0 auto; border-style:solid;  border-width:0px;  border-color:#666666; }  #inner { margin:0; padding:0 0 20px ;}  #header { position: relative; height:94px; margin:15px 0 0 0px; padding:0px 0px 0px 10px;} #logo {height:90px;  float:left; margin:0; padding:0 ;} #logo img { width:320px; height:67px; margin:3px 0 3px 0;}#logo span { width:320px; height:23px; color:#717171;  font-size:16px;  text-align:center; font-weight:bold; text-shadow: -1px 1px 0 rgba(255, 255, 255, 1); letter-spacing: 0.2em; margin:-6px 0 0 0; padding:0; display:block; } #cse-search-box { width: 320px !important;  height:40px;  margin:30px 3px 40px 5px; display:block;}#mainWrap { width:520px; float:left; margin:10px 15px 25px 15px; font-size:12px;  text-align:center;  line-height:147%;}  #sideWrap { width:180px; float:left; margin:12px 0 0 0px;   padding:0px 0px 0px 10px;  font-size:18px; text-align:left; position:relative;} #rightWrap { width:340px;  float:left; margin:28px 0 30px 0;  font-size:13px; text-align:left; position:relative;} #rightg h2 {letter-spacing: 0.1em; padding-left:10px; }#righthead2 { width:340px; height:150px; margin:0px 0px 30px;    padding:0px 0px 10px 0px; border-radius:3px; display:block;  border:1px solid #ccc; background-color: #eee;}#hNavi { width:auto; font-size:12px; margin:-10px 0 5px 0; line-height:77%; text-align:right;  padding: 0 10px; }  #hNavi li { display:inline; list-style:none; padding-left:15px;   letter-spacing: 0.3em; } .mNavi , .mNavi ul {margin:3px 0px 10px 0px; padding:0; width:170px;}  .mNavi li { list-style:none; }  .mNavi li a { display:block; padding:0 1px; color:#000000; line-height:45px; border-bottom:dashed 1px #777; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.3);}  .mNavi li a:hover { background:#e7e7e7;  color:#333333; -webkit-transition: background-color 0.8s ease-out; -moz-transition: background-color 0.8s ease-out; letter-spacing: 0.025em; border-radius:3px;} .mNavi li a:active { text-shadow: -1px 1px 0 rgba(255, 255, 255, 1);} .snavi {font-size:14px;  margin:5px 0px 4px -1px;  text-align:left;  color:#000000;  width:500px; height:40px; line-height:280%; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.2); letter-spacing: 0.1em;}#snavi {font-size:14px;  margin:0px -4px 0px -10px;  text-align:left;   width:510px; height:49px;  letter-spacing: 0.1em; overflow:hidden;}#snavi li {width:auto; min-width:57px; display:inline; list-style:none;  padding:0; float:left; text-align:center;  margin:7px 4px 0px 0px;}#snavi li a {  display:block; font-size:14px;  color:#333;  margin:5px 0px 0px 0px;  line-height:100%; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.1);  padding:5px 4px 6px 4px; border-radius:2px; }#snavi li span a {color:#444; background-color:#f6f6f6; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.1);	font-weight:bold;}#snavi li a:hover {  background-color:#e6e6e6	; color:#666; } #snavi li span a:hover {  color:#555; background-color:#f6f6f6; } #topimage{ width:480px; height:320px; overflow:hidden; display:block;}#topimg{ width:480px; height:138px; display:block;}#cont { width:480px; min-height:1150px;  margin:0 auto; padding:0; text-align:left; }  #social { width:480px;   margin:0 auto; padding:20px 0 0; text-align:left; }  #footer { width:1080px;  margin:10px 0 10px 0; font-size:11px; line-height:250%; text-align:right;  letter-spacing: 0.1em;}  #footer span { color:#000;  text-align:left; float:left; cursor: pointer; }  #footer a {text-decoration: none;  color:#000; }#footer a { outline: none; }#footer a:link { text-decoration:none; color:#000; }#footer a:visited { text-decoration:none; color:#000; }#footer a:active { text-decoration:none; color:#000; position:relative;top:1px;left:0px;}#footer a:hover { text-decoration:none; color:#000; position:relative;top:1px;left:0px;}#footdate { width:auto;   margin:20px 0 55px 78px; padding:20px 0 0; text-align:left; }  .footdate { font-size:16px;  line-height:130%; text-align:left; color:#000;  padding:0px 50px 0px 30px ; letter-spacing: 0.1em; overflow: visible;}  .footdate li  { font-size:12px;  line-height:130%; text-align:left; color:#717171; display:inline; list-style:none; padding:0 25px; }  .footdate li em { font-size:28px;  color:#aaa; margin:0px 10px 10px 0px; padding:30px 0px 0px 10px;  text-shadow: -1px 1px 0 rgba(255, 255, 255, 1); letter-spacing: 0em; }  #footmenu  { margin:0px 0px 30px 0px; padding:15px 0px 20px 78px;   background-repeat: repeat;  }  .footobox {display:block;  float:left; margin:20px 20px 20px 20px; width:122px;}.footinde  {  margin:0px 0px 10px 0px; }.footindex  {  display:block; height:24px; width:100px;  border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); padding:0px 5px 5px 5px; margin:-6px 0px 0px 100px; font-size:16px; color:#aaa; letter-spacing: 0.2em;  font-weight:bold; background-color:#f1f1f1	; text-align: center; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); box-shadow:0px 0px 1px 1px rgba(255, 255, 255, 0.3) inset;}.footindex em { letter-spacing: 0em; }.footinde em { font-size:20px;  color:#aaa;  text-shadow: -1px 1px 0 rgba(255, 255, 255, 1); letter-spacing: 0em;}.footmenu li  { font-size:12px;  line-height:280%; text-align:left; color:#717171;  }  .footrbox {width:960px; height:146px; float:left; display:block;  margin:10px 0px 30px 20px; }.footmenu2  {  margin:0px 0px 0px 0px;    }  .footmenu2 li  { font-size:14px;  display:inline; list-style:none; float:left;}  .footmenu2 li a {  width:200px;  color:#717171; display:block; margin:20px 40px 0px 0px;   padding:50px 30px; border-radius:3px; letter-spacing: 0.3em; border-top: 3px solid rgba(175, 0, 12, 0.58); border-bottom: 3px solid rgba(191, 50, 60, 0.8); border-left: 1px solid rgba(175,0,12,0.1);  border-right: 1px solid rgba(175,0,12,0.1); position: relative;  text-align: center;  color: #af000c; line-height:20px; }  .footmenu2 li a:hover {  border-color:#ae1a14 !important; color:#222 !important; }  #footsbox { height:165px;  padding:15px 0px 30px 15px; }.footsbox {width:125px;  height:125px; display:block;  float:left; margin:20px 20px 20px 20px; background-color:#eee	; border:1px solid #aaa; }#fmn2 {background-color:#f5f5f5; }span { font-style:bold;  color:#af000c; } em {font-weight: bold; font-style:normal;}.leftside {width:170px; margin:40px 0 20px 0; padding:0px; border-radius:3px; display:block;  color: #f6f6f6; border:1px solid #ccc; background-color: #eee;}.black {font-size:12px; line-height:150%;  padding:10px 10px 25px; color: #000;  text-align: left;}.black span {text-decoration:line-through; color: #000;}.black em { letter-spacing: 0.1em;}.bannertitle {font-size:14px; line-height:160%; text-align:center; color: #af000c; padding:15px 0px 5px ; font-weight:bold; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.5);}.leftimg { margin:5px 0px 8px 22px; width:125px; height:125px; display:block; background:#eee;}.leftbn1 {width:125px; height:125px; display:block; border-radius: 50%; border: solid 10px #afafaf; margin:10px 0 0 20px;}.seisakuirai {font-size:48px; font-weight:bold; transform: rotate(-7deg) skew(0deg); padding:5px 0 0 5px; color:#afafaf; text-shadow:-1px -1px 1px #eee, 1px 1px 1px #eee;}.leftbn2 {width:125px; height:100px; margin: 5px 0 5px 20px; transform: skewX(8deg); background: #D85D5D; display:block; box-shadow: 3px 3px #ffbe75;}.ganbare {font-size:14px; font-family: serif; transform: skewX(-8deg); color:#eee; padding:15px 0 25px 10px ; display:inline-block; line-height:17px; text-align:right; font-weight:normal;}.ganbare span {font-size:28px; color:#eee; margin:0 0 10px -5px; line-height:30px; display:inline-block; text-align:left; font-weight:bold;}.leftbn4 {display:block; height: 0px; border-top: 60px solid #38DCDD; border-right: 72px solid transparent; 	border-left: 72px solid transparent; margin:10px 12px 5px 12px ;}.comewith {font-size:16px; display:block; width:125px; padding:25px 6px 20px 6px; margin:-70px 0 0 -58px;  transform: rotate(-7deg) skew(-15deg); color:#f6f6f6; text-shadow: -1px 1px 6px #00ABA8}#rightWrap p {text-align: left;}.righthead2 {font-size:12px; font-weight:normal; margin:8px 0 5px 10px ; color:#717171; display:block; letter-spacing:-0.025rem;}.flash{animation: flash 2.5s ease-in-out infinite; transform: rotate(-2deg) skew(-7deg); margin:5px 0 12px 10px ; text-align:left; letter-spacing:0.25rem; color:#717171; font-weight:bold; font-size:13px; line-height:100%;}@keyframes flash {0%,100% {opacity: 1;}50% {opacity: 0.3;}}.live {width:320px; height:90px; margin:8px 0 0 8px ; display:block;}#rightz { width:340px; height:340px; margin:0px 0px 30px 0px;    padding:0 0 0 0 ; border-radius:3px; display:block;  border:1px solid #ccc; background-color: #eee; overflow:hidden;}.righta{ width:336px; height:300px; margin:0px 0px 35px 0px ; font-weight:bold; display:block;}.rights{ width:250px; height:81px; margin:0px 0px 30px 35px ;  padding:0px 0px 0px 0px ; font-weight:bold; overflow: hidden; display:block;}#rightWrap p {margin:5px 0px 5px 0px ;font-weight: lighter;  font-size:12px;}#rightg{ width:340px; height:290px; margin:0px 0px 40px 0px ; padding:0px; border-radius:3px; display:block; border:1px solid #ccc; background-color: #eee;}#rightg p {  padding:0px 10px 0px 10px; letter-spacing: 0.1em;}#rightg h3{  padding:10px 0px 5px 10px; letter-spacing: 0.1em;}.youtubed {font-size:12px; line-height:150%;  padding:10px 20px 20px; color: #717171; letter-spacing: 0em; text-justify:distribute-all-lines; text-align:justify;}#youtube { width:338px;  height:70px;}#youtube li { list-style:none; margin: 20px 0 15px 17px ; } #youtube li a {  width:300px;  height:70px; display:block;  border:1px solid #ccc; background-color:#f6f6f6; padding :15px 0 15px 100px; border-radius:3px;} #rightg em{  letter-spacing: 0.2em;}.border {border-radius:3px; display:block;   border:1px solid #777}.right260 { width:260px; height:125px;  margin:18px 0px 18px 35px ; padding:0 0 0 0 ;display:block;}.right125 { width:300px; height:125px; margin:0px 0px 10px 25px ; display:block;}.right125 img, .right125 span { float: left; margin: 0 25px 15px 0 }.right125-1 { height:167px; }.right125-2 { height:307px; }.right125-3 { height:448px; }#mainfoot { display:none;} #mainfoot1 { display:none;} #mainfoot p{text-align:left;} #contmid { display:none;}#contmid-t{display:none;}#allfoot { width:480px; margin: 10px auto 35px;}.cl1{width:224px; height:117px; float:left; margin: 0 20px 0 5px;}.cl2{width:224px; height:117px; float:left; margin: 0 5px 0 0;}.clear { clear:both; }  .clear hr { display:none; }  hr.line { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }.center { font-size:14px; line-height:150%; text-align: center; margin:0px 0px 10px 0px;  font-weight: bold; }  .centert { font-size:14px; line-height:150%; text-align: center; margin:-20px 0px 10px 0px;  font-weight: bold; }  #dsp {width:480px; height:152px; margin:0px 0px 30px 0px ;}.playlist{width:460px; height:267px;}.tx5 { width:203px; border:1px solid #ccc; border-radius:3px; padding:5px 5px; margin:10px 10px 20px 5px; float:left;}.tx2 { border:1px solid #D29A43; border-radius:3px; padding:5px 8px; margin:30px 0 30px 0; background-color:#f5f5f5;}.tx1 { border:1px solid #ccc; border-radius:3px; padding:5px 8px; margin:0px 0 30px 0; background-color:#f5f5f5; overflow:hidden;}.tx3 { height:170px; overflow: auto; border:1px solid #ccc; border-radius:3px; padding:5px 8px; margin:0px 0 30px 0; background-color:#f5f5f5;}.tx4 {  max-height:360px; overflow: auto; border:1px solid #ccc;  border-radius:3px; padding:5px 8px; margin:0px 0 30px 0; background-color:#f5f5f5;}.tx0 { border:1px solid #f6f6f6; border-radius:3px; padding:5px 8px; margin:0px 0 30px 0;}.prof { border:1px solid #ccc; border-radius:3px; padding:5px 8px; margin:15px 0 30px 0; background-color:#f5f5f5;}.bgm { border:1px solid #ccc; border-radius:3px; padding:5px 8px; margin:15px 0;}.rec { border:1px solid #ccc; border-radius:3px; padding:5px 8px; margin:15px 0 ;}.rec .down {margin:-32px 0 0 0;} .user { border:1px solid #ccc; border-radius:3px; padding:5px 8px; margin:30px 0; background-color:#f5f5f5;}.three {  overflow: hidden; margin-right: -20px;} .tm { width:480px; min-height:120px;  float:left; margin:10px 0px 30px 0px; } .tmse { width:230px; min-height:120px;  float:left; margin:10px 20px 10px 0px; } .tmse a { width:230px; min-height:120px; } .tmb span { width:90px; float:right; margin:0px px 0px 0px; } .tmb em { width:90px; float:right; margin:0px px 0px 0px; color:#119717;} .tmb { font-size:14px; margin:0px 0px 10px 0px; line-height:90%; color:#000000;  font-weight: bold; } .art { width:480px; float:left; margin:20px 10px 20px 0px;  } .list { width:200px; font-size:12px; margin:38px 5px 5px 10px; padding:10px 10px 0px 10px;   float:left;  line-height:100%; font-family: sans-serif; text-align: center; } .list span { font-size:24px;  color:#aaa; margin:10px 12px 10px 3px; padding:30px 0px 0px 8px;  text-shadow: -1px 1px 0 rgba(255, 255, 255, 1); letter-spacing: 0em;} .art2 { width:480px; float:left; margin:10px 10px 20px 10px;  } .art2 img ,.art img ,.aer3 img{  float:left; } .art3 { width:140px; float:left; margin:30px 15px 20px 0px; } .list3 {  width:140px; font-size:12px; margin:5px 10px 10px 0px; padding:5px 0px 0px 0px;   float:left;  line-height:100%; font-family: sans-serif; text-align: center; } .list3 span { font-size:16px;  color:#aaa; margin:10px 10px 10px 0px; padding:30px 5px 0px 10px;  text-shadow: -1px 1px 0 rgba(255, 255, 255, 1); letter-spacing: 0em;} .list2 { width:200px; font-size:12px; margin:92px 5px 5px 10px; padding:10px 10px 0px 15px;   float:left;  line-height:100%; font-family: sans-serif; text-align: center; } .list2 span { font-size:24px;  color:#aaa; margin:10px 10px 10px 0px; padding:30px 5px 0px 10px;  text-shadow: -1px 1px 0 rgba(255, 255, 255, 1); letter-spacing: 0em;} .list4 { width:230px; float:left; margin:10px 20px 20px 0px; font-size:12px;  padding:10px 0px 0px 0px;  line-height:100%; font-family: sans-serif; text-align: right; } .list4 span { font-size:24px;  color:#aaa; margin:10px 0px 0px 0px; padding:30px 0px 0px 20px;  text-shadow: -1px 1px 0 rgba(255, 255, 255, 1); letter-spacing: 0em; line-height:60%;} .sc, .th, .rk {  overflow: hidden; margin: 30px -25px 30px 0 ;} .rq {  overflow: hidden; margin: 50px -25px 30px 0 ;} .rqimg { width:480px; height:276px; display:block; background: linear-gradient(-135deg, #E4A972, #9941D8); border-radius:3px;} .rpimg { width:480px; height:276px; font-family: serif; color:#f6f6f6; font-size:80px; font-weight: bold; line-height:80px; letter-spacing:-0.7rem; padding:120px 0px 5px 60px; overflow:hidden;}.rqimg span {font-family: serif; color:#f6f6f6; font-size:40px; position:relative; top:-270px; left:-4px; transform: rotate(-2deg) skew(-7deg); display:block;}.socialimg { width:480px; height:276px; margin:50px 0 0 20px;} .ct {  overflow: hidden; margin: 30px 0px 30px 0 ;} .mname{ font-size:14px; line-height:100%; margin:10px 0px 9px 0; color:#717171;   font-weight: bold; text-align:center; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.5);} .creator, .theme, .ranking{ width:100px; height:100px; margin:15px 25px 20px 0; float:left;}.creator a, .theme a, .ranking a{ width:100px; height:52px; display:block;}.thindex { width:120px; height:50px; float:left; display:block; color:#717171;  font-size:13px;  letter-spacing: 0em; margin:0 0 0 0 ; font-weight:normal; padding:5px 10px 5px 0px;}.thindex a {  color:#717171;  font-family: sans-serif; display:block; }.thindex a:hover {  color:#222; } .media ul { width:480px;   margin:10px 0px 30px 0px; padding:0 0 40px 0; font-size:12px; line-height:200%;}  .media li {  width:auto; display:inline; list-style:none;  padding:0; }  .media li a {  display:block;  color:#888; line-height:250%; padding:0 10px 0 10px; border:2px solid #aaa; font-weight:400; float:left; text-align:center;  border-radius:3px; margin:10px 10px 3px 0px; font-weight:bold;}  .media li span { display:block; } .media li span a{color:#666; border-color:#777 !important; font-weight:bold;}.media li.all { font-size:12px; line-height:250%;  text-align: center; } .media li.all a { border-color:#f6f6f6; }  .media li.all a:hover { border-color:#f6f6f6 !important; }  .media li a:hover {  border-color:#777 !important; color:#666 !important; }  .media a:hover {  position:relative;top:1px;left:0px;}.media2 ul {  margin:30px 0 60px; padding:0 0 40px 0;   }.media2 li {  width:480px;  margin:10px 0px 40px 0px ; display:inline; list-style:none;  padding:0; float:left; letter-spacing: 0.4em;}  .media2 li a {width:480px; font-size:14px; display:block;  color:#af000c; line-height:400%; padding:0 28px 0 28px; border:2px solid #af000c; font-weight:400; float:left; text-align:center;  border-radius:3px; margin:0px 4px 3px 0px; font-weight:bold;}  .media2 li.all { font-size:12px; line-height:250%;  text-align: center; } .media2 li.all a { border-color:#af000c; }  .media2 li.all a:hover { border-color:#ae1a14 !important; }  .media2 li a:hover {  border-color:#ae1a14 !important; color:#ae1a14 !important; }  .media2 li  a span {  font-size:12px; line-height:400%; letter-spacing: 0; color:#777; font-weight:100; margin:-30px 0 0 0; display:block;}.media2 a:hover {  position:relative;top:1px;left:0px;}.links {margin:8px 0px 8px 10px ; padding:0; font-size:11px; line-height:200%; text-align: center; }  .links li { display:inline; list-style:none; margin:5px 10px 18px 0px;   float:left; border-radius:3px;} .links li a { width:140px; display:block;  color:#777; background-color: #eee; padding:3px 0; font-weight:bold; border:1px solid #ccc; }  .links li a:hover {  border-color:#777 !important; color:#555 !important; position:relative;top:1px;left:0px;}  .linkp {margin:10px 0px 15px ; padding:0; font-size:15px; line-height:200%; text-align: center; height:30px;}  .linkp li {  list-style:none; margin:0;  } .linkp li a { width:220px; display:block;  color:#000;  padding:3px 0; font-weight:normal;  float:left; letter-spacing: 0.1em;}  .linkp li a:hover {  border-color:#777 !important; color:#555 !important; position:relative;top:1px;left:0px;}  .linkd {margin:0 ; padding:0; font-size:15px; line-height:100%; text-align: right; height:30px;}  .linkd li {  list-style:none; margin:0; width:455px; display:block;  color:#ccc;  padding: 0; font-weight:normal;  float:left; letter-spacing: 0.05em; font-weight:thin; text-shadow: -2px 2px 0 rgba(255, 255, 255, 0.9); font-style:italic;} .linkc {width:350px; margin:0 auto; padding:0; font-size:14px; line-height:200%; text-align: center; }  .linkc li {  list-style:none; margin:10px 10px 40px 0px; padding:0 ;  } .linkc li a {  display:block;  color:#717171; background-color: #f4f4f4; border-top:3px solid #ccc; border-bottom:3px solid #ccc;  padding:10px 20px;}  .linkc li a:hover {  border-color:#ddd transparent #ddd !important; color:#222 !important; position:relative;top:1px;left:0px; }  .three .linkr {margin:5px 35px 25px 0px; }.sumb { width:155px;  height:89px; margin:18px 10px 15px 5px;  float:left; display:block;} .info {width:290px; margin:10px 0 0px 0; float:right;} #twinr {width:360px; height:52px; float:left; margin:30px 0 10px 125px;} .player {width:480px; height:25px; display:block;}.down {width:220px; height:40px; margin:0px 10px 10px 0px; padding:0;  color:#777;  font-size:16px; font-weight:normal;  letter-spacing: 0.1em;  float:left; text-align: center;   background-color:#f6f6f6; border-radius:5px;}.down a { display:block;  color:#003366;  padding:5px 5px; border:2px solid #336699; }  .down a:hover { position:relative;top:1px;left:0px; background-color:#f4f4f4;}  .bgm .down {margin:10px 10px 15px 0px; width:140px; float:right;}.bgm .down a {height:40px; padding:3px 5px; font-size:14px; border:1px solid #336699; font-weight:normal; letter-spacing: 0em; }.bgm .down a:hover {border:2px solid #336699;}.title {font-size:15px; font-weight:bold; margin:10px 10px 10px 10px; line-height:250%; text-align:left;  color:#4b4b4b;     background-color:#f6f6f6; padding:5px 5px 5px 0px; border-radius:2px; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.5); }.title2 {font-size:15px; font-weight:bold; margin:10px 10px 10px 10px; line-height:250%; text-align:center;  color:#4b4b4b;     background-color:#f6f6f6; padding:5px 5px 5px 0px; border-radius:2px; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.5); }#rightWrap > .title{width:320px; position: relative; padding: 0.8em; margin: 0 0 1.0em 0.5em; font-size: 1.15em; font-weight: bold; text-align: left; line-height:60%; color: #f6f6f6; background: #aaa; transform: rotate(-1deg) skew(-1deg); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0.5em 0 0 0 #eee, -0.5em 0 0 0 #ddd; text-shadow: 0 0 0 rgba(255, 255, 255, 0.5);}.title3 {font-size:25px; transform: rotate(-2deg) skew(-7deg); margin:-15px 0 20px 0 ; color: #717171;}.subtitle {font-style:normal; font-weight:bold; font-size:15px; margin:8px 5px 3px -2px;  text-align:left;  color:#717171;  padding:3px; line-height:200%; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.5);}.subtitle2 {font-style:italic; font-weight:bold; font-size:15px; margin:10px 5px 5px 10px;  text-align:center;  color:#f6f6f6;  padding:3px; line-height:200%;  background-color:rgba(172, 0, 0, 0.75); border-radius:5px; letter-spacing: 0.1em;}.subd {font-size:12px; font-weight:normal;  line-height:200%; margin:0px 0px 20px 0px; color:#717171;  letter-spacing: 0.1em;  text-align: left; }.subd em {font-size:18px; font-weight:normal;  line-height:200%; margin:0px 0px 20px 0px; color:#000000;  letter-spacing: 0.1em; background-color: #f6f6f6;}.subi  {font-size:12px; font-weight:normal; min-height:48px; line-height:150%; margin:0px 0px 17px 0px; padding:12px 0 12px 0; color:#717171;  letter-spacing: 0.1em;  text-align: left;  border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1);  background-color: #eee; max-width:480px; box-shadow:0px 0px 1px 1px rgba(255, 255, 255, 0.3) inset;}.subi em {font-size:16px; font-weight:normal; min-height:48px; line-height:150%; margin:0px 0px 20px 0px;  color:#000000;  letter-spacing: 0.1em; padding:0 0 0 15px;}.subi a {font-size:12px; font-weight:normal;  line-height:150%; color:#717171;  letter-spacing: 0em;  text-align: left; }.subi a:hover { position:relative;top:1px;left:0px;}.subi span {color:#0b4060; letter-spacing:0.1em; font-style:italic;  padding:5px 5px 5px;}.subi span a {color:#0b4060; letter-spacing:0.1em; }.sns  {font-size:12px; font-weight:normal;  line-height:300%; margin:0px 0px 17px 0px; color:#717171;  letter-spacing: 0.1em;  text-align: left;  border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1);  background-color: #eee; max-width:480px; box-shadow:0px 0px 1px 1px rgba(255, 255, 255, 0.3) inset;}.sns em {font-size:16px; font-weight:normal;  line-height:300%; margin:0px 0px 20px 0px; color:#000000;  letter-spacing: 0.1em; padding:0 0 0 15px;}.sns a {font-size:12px; font-weight:normal;  line-height:300%; color:#717171;  letter-spacing: 0em;  text-align: left; }.sns a:hover { position:relative;top:1px;left:0px;}.sns span {color:#0b4060; letter-spacing:0.1em; font-style:italic;  padding:5px 5px 5px;}.sns span a {color:#0b4060; letter-spacing:0.1em; }.sns2  {font-size:12px; font-weight:normal;  line-height:300%; margin:0px 0px 17px 0px; color:#717171;  letter-spacing: 0.1em;  text-align: left;  border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1);  background-color: #eee; max-width:480px; box-shadow:0px 0px 1px 1px rgba(255, 255, 255, 0.3) inset; display:block;}.sns2 em {font-size:16px; font-weight:normal;  line-height:300%; margin:0px 0px 20px 0px; color:#000000;  letter-spacing: 0.1em; padding:0 0 0 15px;}.sns2 a {font-size:12px; font-weight:normal;  line-height:300%; color:#717171;  letter-spacing: -0.03em;  text-align: left; }.sns2 a:hover { position:relative;top:1px;left:0px;}.sns2 span {color:#0b4060; letter-spacing:0.1em; font-style:italic;  padding:5px 5px 5px;}.sns2 span a {color:#0b4060; letter-spacing:0.1em; }.nml {font-size:13px; margin:5px 0 15px 0 ; line-height:185%; text-align:left;  color:#000000;   }.nml span {color:#aaa;}.nml3 {font-size:14px; margin:15px 0 15px; line-height:200%; text-align:left;  color:#000000;  letter-spacing: 0.1em; }.nml3 i{font-size:12px; letter-spacing: 0em;  padding:10px 0 0; color:#666; line-height:200%; display:block; margin:5px 0 10px;}.nml3 b{letter-spacing: -0.1em; color:#5896c7;}.nml3 em{letter-spacing: -0.1em; color:#b0320c;}.nmn {font-size:13px; margin:5px 10px 15px 10px; line-height:185%; text-align:left;  color:#000000;    }.coment {font-size:13px; margin:5px 0px 10px 0px; line-height:185%; text-align:left;  color:#000000;   min-height:200px; text-justify:distribute-all-lines; text-align:justify;}.mini {font-size:12px; margin-top:4px; ; text-align:left;  color:#000000;   line-height:200%; padding: 5px 10px 10px 10px ; font-weight:normal;}.updateinfo{ width:340px; font-size:12px; margin:10px 15px 10px  0px; text-align:left;  line-height:180%;  color:#000000; float:left;  }.update { width:62px; font-size:12px; margin:10px 15px 10px 10px; text-align:left;   line-height:180%; color:#717171; float:left;}blockquote, q  {padding:15px;  font-style: italic; letter-spacing: 0.8em;}.credit {font-style:italic; font-size:11px;  text-align:right; margin:5px 0 30px;  line-height:90%; color:#000000;   }.date {font-style:italic; font-size:12px; margin:0px 10px 10px; line-height:100%; text-align:right;  color:#717171;   }.name {font-size:15px; margin:0px 5px 0px 0px;  text-align:left;  color:#717171;   font-weight: bold; text-align:left; line-height:180%; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.5);}.info > .name {font-size:18px; margin:0px 5px 0px 0px;  text-align:left;  color:#717171;   font-weight: bold; text-align:left; line-height:180%; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.5);}.namel {width:452px; height:80px; line-height:300%; font-size:18px; margin:8px 5px 5px 5px; padding:15px 0;  text-align:center;  color:#717171;   font-weight: bold; background-color:rgba(170,170,170,0.1);  border-radius:6px; border:1px dash #f9f9f9; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.7)}.namep {font-size:12px; margin:0px 0px 5px 0px; text-align:left;  color:#000000; line-height: 230%; text-align:left; }.names {font-size:12px; margin:0px 0px 5px 5px; text-align:left;  color:#000000; line-height: 200%; }.jisseki {width:150px; height:40px; line-height:200%; font-size:18px; margin:30px 0 20px 0px; padding:0 auto;  text-align:center;  color:#717171;   font-weight: bold; float:left;}.song {font-style:italic; font-weight:bold; font-size:16px; margin:0px 0px 10px 0px;  text-align:left;  color:#717171; line-height: 150%; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.2);}.songr {font-style:italic; font-weight:bold; font-size:16px; margin:0px 0px 25px 0px;  text-align:left;  color:#717171;  letter-spacing: 0.1em; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1);  background-color: #f1f1f1; line-height:150%; padding:12px 0 12px 10px; box-shadow:0px 0px 1px 1px rgba(255, 255, 255, 0.3) inset;}.rank {font-size:12px; padding:5px 10px; margin:0px 0px -12px -3px;  text-align:left;   color:#717171; border-radius:2px; letter-spacing: 0.3em;  line-height: 100%;}.rank span {font-size:22px; padding:5px 10px; margin:0px -8px -12px -6px;  text-align:left;   color:#717171;   font-weight:bold; border-radius:2px; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.3); line-height: 80%;}.naka {margin:0 auto; teext-align:center; width:400px;}.circle {  background-color:rgba(0,235,0,0.8); width:30px; height: 30px; display: inline-block; border-radius: 50%; margin:0 0 0 30px; border:5px solid rgba(0,202,0,0.05);}.circle2 {  background-color:#eaeaea; width: 30px; height: 30px; display: inline-block; border-radius: 50%; margin:0 0 0 30px; border:5px solid rgba(196,196,198,0.15);}.signal {width:250px; height:50px; float:right; margin:30px 25px 0 0 ;}.facebook {margin: -1px 0 0 0 ; width:8px; height:50px; background:linear-gradient(to bottom, #3b5998, #8b9dc3); float:left;}.twitter {margin: -1px 0 0 0 ; width:8px; height:50px; background:linear-gradient(to bottom, #1da1f2, #76c5f5); float:left;}.podcast {margin: -1px 0 0 0 ; width:8px; height:50px; background:linear-gradient(to bottom, #842ac0, #bf5ceb); float:left;}.youtubech {margin: -1px 0 0 0 ; width:8px; height:50px; background:linear-gradient(to bottom, #ff0000, #000000); float:left;}textarea.yoko {width:480px; height:60px; font-size:12px; resize:none; background-color: #f6f6f6; margin:10px 0px 40px 0px;}textarea.tate {width:233px; height:140px; font-size:12px; resize:none; background-color: #f6f6f6; margin:10px 0px 40px 0px;}table#table-010 { margin:0px 0px 40px 0px;  font-size:14px; width: 480px;  border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0;}table#table-010 .w_no { width: 5em;}table#table-010 .w_name { width: auto;}table#table-010 .w_theme { width: 8em;}table#table-010 .w_composer { width: 8em;}table#table-010 .w_time { width: 4em;}table#table-010 .w_download { width: 2.5em;}table#table-010 .w_junle { width: 8em;}table#table-010 th { height:42px; padding: 5px; border: #ddd solid; border-width: 0 0 1px 1px;    background: #eee; font-weight: bold; vertical-align: middle; text-align: center;}table#table-010 td { height:72px; padding:15px 0px; border: 1px #E3E3E3 solid; border-width: 0 0 1px 1px; text-align: center; line-height: 150%; vertical-align: middle; background-color:#f5f5f5;}table#table-010 td:first-child {font-size:10pt; color:#222;}.table-030 { font-size:14px; width: 460px; 	 border: 0px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0; }.table-030 th {  padding: 5px; border: #E3E3E3 solid; background: #F5F5F5;     border-width: 0 0 0px 0px; text-align: left; }.table-030 td { height:120px; padding: 5px; border: 0px #E3E3E3 solid; border-width: 0 0 0px 0px; line-height: 150%; text-align: left; vertical-align:top;}.table-040 { width: 460px; 	margin: 10px 0px 5px; border: 0px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0; }.table-040 th {  border: #E3E3E3 solid; background: #F5F5F5;     border-width: 0 0 0px 0px;  }.table-040 td {  border: 0px #E3E3E3 solid; border-width: 0 0 0px 0px;  vertical-align:top;}.table-060 {  font-size:13px; line-height:250%;  	margin: 5px 5px 5px 5px; border: 0px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0; }.table-060 th {  min-width: 50px; border-width: 0 0 0px 0px;  vertical-align:top;}.table-060 td {  width: auto; border: 0px #E3E3E3 solid; border-width: 0 0 0px 0px;  vertical-align:top; font-size:90%; word-break : break-all;  }select { -moz-appearance: button; -webkit-appearance: button; appearance: button; margin: 0px 0px 0px 10px; padding: 4px; background: #eee; border: none; color: #717171; box-shadow: 0 0 2px rgba(0, 0, 0, 0.32) inset;}.category { width:480px; height:69px; display:block;  overflow: hidden; margin:-10px 0 40px 0 ;}.under {margin:0px 0 35px 0 ;  border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}.sc .under {margin:0px 30px 35px 0 ;  border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}.three .category {margin:0 0 20px 0 ;}.sube {font-size:18px; font-weight:normal;  line-height:350%; margin:20px 0px 0px 0px; color:#000000;  letter-spacing: 0.2em; background-color: #f6f6f6;}.arrow01 {position:relative;height:7px;width:7px;background-color:#336699;margin:1px 0 -5px 100px;}.arrow01::before {position:absolute;content:"";border:solid 8px transparent;border-top:solid 8px #336699;top:6px;left:-5px;}.arrow02 {position:relative;height:7px;width:7px;background-color:#336699;margin:-8px 0 0 14px;}.arrow02::before {position:absolute;content:"";border:solid 8px transparent;border-top:solid 8px #336699;top:6px;left:-5px;}.arrow03 {position:relative;height:7px;width:7px;background-color:#336699;margin:0 0 -10px 60px;}.arrow03::before {position:absolute;content:"";border:solid 8px transparent;border-top:solid 8px #336699;top:6px;left:-5px;}iframe {max-width: 100%;}.audiojs { height: 25px; background: #eee; width: 480px; margin:30px 0 20px; border:1px solid rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); border-radius:3px;}.audiojs .play-pause { width: 25px; height: 25px; padding: 1px 8px 0px 0px; border-right:1px solid rgba(0, 0, 0, 0.3)}.audiojs p { width: 25px; height: 25px; margin: -3px 0px 0px -1px; }.audiojs .scrubber { background: #ccc; width: 330px; height: 10px; margin: 7px 0 0 10px; border-radius:3px; border-top:1px solid rgba(0, 0, 0, 0.3)}.audiojs .progress { height: 10px; width: 0px; background: #777; }.audiojs .loaded { height: 10px; background: #bbb;}.audiojs .time { float: right; height: 25px; line-height: 25px; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); font-size:11px; border-left:1px solid rgba(0, 0, 0, 0.3)}.audiojs .error-message { height: 24px;line-height: 24px; }.audiojs em.played { color:#777; font-weight:normal; }.audiojs strong.duration { color:#777; font-weight:normal; }@media screen and (max-device-width: 1060px) {* {margin:0; padding:0;}body {-webkit-text-size-adjust: 100%;}#wrap { width:730px; }  #rightWrap { width:480px; margin:0 0 0 285px; } #footer { width:100%; clear: both; font-size:50%; margin:0 0 0 0; padding:0 0 2% 0;}.footdate { letter-spacing: -0.05em; }  .footdate li  { line-height:200%; }  .footrbox {width:652px; height:136px; margin:10px 0 0 10px ;}.footmenu2 li a {width:140px; margin:20px 20px 0 0 ; padding:45px 0px 45px 0px; letter-spacing:0.1em;}#hNavi li { letter-spacing: 0em; } }@media screen and (max-device-width: 750px) {#wrap { width:480px; }  .img {max-width: 480px; height: auto; }#header { width:100%; position: relative; height:150px; } #mainWrap { width:100%; margin:30px 0 0 0; padding:0; float: none;}  #logo{width:100%; height:90px; margin:15px 0 0 0 ;}#sideWrap { width:100%; height:94px; margin:0 0 0 0; padding:0; float: none; } #rightWrap { width:100%; margin:0 0 0 0; padding:0; float: none; } #rightWrap .title {margin-top:40px;}#rightWrap .credit, #rightWrap > .title, .rights, #rightg {display:none; }#cse-search-box {margin:30px 80px 40px 80px;}#righthead2 { margin:5% auto 0; }.rightWrap h1 {margin:5% 0 0 0;}#righta {width:100%;}#youtube { float: left;}#rights img {margin-left:50%;}#rightz, .righta {margin:5% auto 0;}#hNavi { width:30%;  height:125px; list-style:inline; font-size:0.75rem; position: absolute; top:5%; right:0; line-height:85%;}  #hNavi li { width:auto; display:block; list-style:none; margin:12% 0 0 0;} .mNavi,.mNavi ul { width:100%; height:auto; display:table;table-layout: fixed; margin:0;}  .mNavi li {width:120px; float:left;  display: table-cell; text-align:center; border:solid 1px #f6f6f6; line-height:100%;background-color: #aaa; color: #f6f6f6; border-radius:3px;} .mNavi li a {color: #f6f6f6; font-size:0.9rem;  border-bottom:dashed 0px #fff;  text-shadow:-1px 1px 0 rgba(74, 74, 74, 0.29);} #topimage, #topimg, .credit {display:none;}.three {width:100%;}.art {width:100%; margin-right:0; margin-left:0;}#snavi {width:100%; margin:10px 0 10px; }#snavi li a {font-size:0.8rem; margin:0 0 0 0 ; padding:10px 4px 6px 4px ;}.list4 {width:230px;}.tmse { width:230px; margin:0 0 0 10px;}.snavi {width:100%; height:auto; letter-spacing:0rem; line-height:1.5rem; margin:0 0 20px 0;}.sc, .th, .rk, .rq {width:100%;}.theme, .ranking, .creator {margin:15px 20px 20px 0;}#youtube li a {  width:230px; padding :15px 0 15px 60px;}#twinr {width:auto; } .player {width:100%; }#footer { width:100%; clear: both; font-size:50%; margin:0 0 0 0; padding:0 0 2% 0;}#footer span {margin:5px 0 0 0px; text-align:right;}#footdate { width:100%; margin:0 0 10% 0 ;   } .footdate { letter-spacing: 0em; }  .footdate li  { display:block;  margin:3% 0 7% 25%; padding:0;}  .footrbox { width:402px; height:272px; display:block;  float:left; margin:0 0 0 15px;}#footmenu {margin:0 0 30px 0;}.footindex {margin:-6px 0 0 20px;}.leftside, .leftsidea {display:none; }table#table-010 th, table#table-010 td { height:5rem; line-height: 150%; }table#table-010 td a {display:block;}.table-030, .table-040 {width:100%; }textarea.yoko {width:100%; margin:10px 0px 40px 0px;}textarea.tate {width:100%; height:140px; font-size:12px; resize:none; background-color: #f6f6f6; margin:10px 0px 40px 0px;}.fixed{position: fixed; top: 0px; z-index: 9999;}}@media screen and (max-device-width: 470px)  {#wrap { width:320px; } .img {max-width: 320px; height: auto; }#header { width:100%; height:140px; padding:0; }#logo{margin-top:50px;}#hNavi { width:100%; height:59px; margin:-50px 0 0 0 ; padding:0 0 5px 0 ; background:linear-gradient(-36deg, #DBDBE2, #ddd); text-align:center;  border-radius:5px;}#hNavi li {display:inline-block; padding:0 5px 0 5px ; font-size:0.65rem; margin:12% 0 2% 0;}#inner { margin:50px 0 0 0;}  .mNavi {margin-bottom:20px;}.mNavi li {float:left; width:80px;}#cont {width:100%;}#snavi {overflow:auto; height:auto; dispaly:block; margin:10px 0 30px 0;}#snavi li {width:100%; height:30px; background-color:#eee;  border-radius:3px; margin:7px 0 0 0;}#snavi li span a {width:100%; height:30px; background-color:#f6f6f6; border:1px solid #ccc; margin:0 0 0 0; padding:10px 4px 6px 4px ;}#topimage{ width:320px; height:auto; overflow:hidden;}#topimg{ width:320px; height:auto; }table#table-010 { width: 320px; }table#table-010 .w_no { width: 3em;}table#table-010 .w_composer { width: 5em;}table#table-010 .w_theme { width: 5rem;}table#table-010 .w_time { width: 3em;}table#table-010 .w_download { width: 2em;}.art {width:100%; margin:20px 0 20px 30px;}.art img {width:100% height:auto;}.art > .list {margin-left:60px;}.category {width:320px; height:auto; overflow:hidden;}.category img {width:320px; height:46px;}select {width:100%;}.media2 li, .media2 li a{width:100%; letter-spacing:0.2rem;}.linkc {width:100%; max-width:280px;}.audiojs {  width: 320px;}.audiojs .scrubber { width: 180px;}.namel {width:290px;}.linkp li a { width:150px;}.linkd li { width:100%; }.linkc {font-size:12px;}  .linkc li a { padding:10px 10px;}  .mini {font-size:11px;  line-height:180%; letter-spacing:-0.075rem;}.media ul, li {font-size:0.75rem; }  .media li a {margin:0 5px 5px 0 ; }  .jisseki {margin:20px 0 0 0; text-align:center; width:100%;}.signal {width:250px; margin:30px 0 0 0 ;}.naka {width:100%;}#twinr {margin:30px 0 0 45px;}.bgm .down{width:290px; margin:10px -2px 20px 0px;}.arrow02 {margin:-5px 0 0 10px;}.arrow03 {margin:0 0 -10px 135px;}.media2 li a span {letter-spacing:-0.1rem;}.subi em {padding-left:0; letter-spacing:-0.025rem;}.theme, .ranking, .creator {margin:15px 6px 20px 0;}.thindex { margin:0 30px 0 0 ; }.tm {width:320px; margin:0 0 30px 0px;}.tm img {width:100%; height:92px;}.tmse {margin:0 0 0 50px;}#rightWrap {margin:50px 0 0 0;}#righthead2, #rightz {width:100%;}.righthead2 {margin:10px 0 0 0; letter-spacing:-0.025rem;}.flash {margin:5px 0 10px 0; }.live {margin:0 0 0 -1px;}#cse-search-box {margin:30px 0 40px 0;}#youtube li a {width:100px; padding:15px 0 0 2px;}.footdate {width:100%; padding:0; margin:0;}.footdate li{margin:20px;}#footer span {margin:0 0 0 75px;}.righta {width:320px; height:300px;  margin:30px 0 30px 0 ;}#social, #allfoot {width:100%;}.sns, .sns2 {height:60px; overflow:hidden;font-size:0.8em;line-height:50%;}.sns a {font-size:0.8em; margin:0 0 0 -10px;}.sns2 a {font-size:0.8em; letter-spacing:-0.04em; margin:0 0 0 -10px;}.sns em, .sns2 em {font-size:1.5em; line-height:100%;margin:15px 0 0 0 ;display:block;}.sns span, .sns2 span {margin:0 0 0 0;}.twitter, .facebook, .podcast, .youtubech {height:60px;margin:-1px 15px 0 0;}#footmenu {padding:0 0 0 0; margin:20px 0 50px 0;}.footrbox {width:310px; margin:0 0 0 10px;}.footmenu2 li a {width:135px; height:116px;}.footobox {width:120px;}.table-040 { width: 100%; }.table-040 img { max-width: 320px; height:auto;}.updateinfo{ width:100%; margin:0 15px 10px 0;}.update{margin:0 15px 0 5px;}select { margin: 0px 0px 0px 0px;}.info {float:left;}.links {margin:0px 0px 0px 0px ;}.rqimg { width:320px; height:184px;}.rpimg { width:320px; height:184px; padding:40px 0 0 0; font-size:50px; letter-spacing:0rem; line-height:60px;}.rqimg span {position:relative; top:-170px; left:-2px; font-size:20px;}}