/* default css */
* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size; 100%;
}

body {
  background: #FFF;
  font-family: sans-serif;
  font-size: 13px;
  color: #333;
}

* html body { /* for IE6 */
  font-size: small;
}
  
*:first-child+html body { /* for IE7 */
  font-size: small;
}

/* common css */
body{
	background-color: black;
}

h1{
	display:inline;
}
h2,h3 {
	width:100%;
	background-color: #F6CEF5;
	color: #FA00FF;
	padding: 1px 3px;
}

div#headerArea {
	top: 0;
	left: 0;
	width: 100%;
	padding : 1px 0 3px;
	background-color: #000000;
	color: #0051FF;
	text-align:center;
	border-bottom:solid 1px blue;
}
#site_title{
	color: #00CDFF;
	font:bold 150% 'HG行書体';
	text-decoration: none;
	padding:0px 3px;
}
#navi{
	margin:0 auto;
}
body#top #headerArea a#menu_top,
body#mypage #headerArea a#menu_mypage,
body#mylist #headerArea a#menu_mylist,
body#logout #headerArea a#menu_logout
{
	background:url(bgc_yellow.jpg) repeat-x;
color:#F6CEF5;
	text-decoration: none;
}
#headerArea li{ 
	display:inline;
}
#headerArea li a{ 
	color:#0C0FFA;
	text-decoration: none;
	font:bold 200% sans-serif;
	padding : 5px 10px;
	text-shadow:0 3px 3px #FFFFFF;
}
.headTitle{ 
	color:#0C0FFA;
	text-decoration: none;
	font:bold 150% sans-serif;
	text-shadow:0 2px 2px #FFFFFF;
	max-width:860px;
	margin: 0 auto;
}
#contentsArea{
	overflow: auto;
	color:white;
	width : 96%;
	max-width:920px; 
	border : 2px solid #0C0FFA;
	margin: 1% auto;
	padding : 1% 
}
#linkArea, #serviceArea, #mvArea{
	margin:0 auto;
	padding:1%;
	text-align:center;
}
#newsArea{
	overflow: auto;
	color: white;
	width : 100%; 
	height:90px;
	border : 2px solid #0C0FFA;
	margin: 0 auto;
	padding : 5px 10px
}
#newsArea{
	margin-top:1%;
	width : 92%;
	line-height:120%;
	direction: rtl;
}
#newsText{
  direction: ltr;}
#news_title{
	color: #FA00FF;
	font:bold 120% 'HGP行書体';
	text-decoration: none;
}
#top-image img {
    width: 100%;
    height: auto;//56.25%;
}
#profileArea {
  width: 92%;
  margin: 0 auto;
  padding: 5px 10px;
  margin-top: 1%;
  line-height:130%;
  text-align:center;
  background: rgba(0, 205, 255, 0.2);
  overflow:auto;
}
#profileArea .name{
  font-size:120%;
  font-weight: bold;
}
ul{
	display:block;
	text-align:center;
}
.right{
float: right; 
}
.left{
float: left; 
display:inline;
}
a{/*リンクされた文字*/
    color:#CC0000;
    font-style:normal;
    text-decoration:underline;
}
a:link {/*未訪問のリンク*/
    color:#CC0000;
    font-style:normal;
    text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
    color:#550000;
    text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    font-style:normal;
    text-decoration:underline;
}
a:active {/*クリック中*/
    text-decoration:none;
}
.bannerImg {
  width:30%;
}
#newsArea, #profileArea, #linkArea, #mvArea {
  margin-bottom: 20px;
}
#mvArea iframe {
  width:32%;
}
@media(max-width:680px){
.bannerImg {
  width:48%;
}
#mvArea iframe {
  width:48%;
}
a:visited {/*訪問後のリンク*/
    color:#CC0000;
}
.moreLink {
  float:right;
}
#mvArea::after {
  	content: "";
	display: block;
	clear: both;
}
#newsArea, #profileArea, #linkArea, #mvArea {
  margin-bottom: 10px;
}
}
@media(min-width:680px){
#newMv {
  display:none;
}
}