@charset "UTF-8";
/* CSS Document */

@import "reset.css";
@import "clearfix.css";

/*=========common==========*/
body{ background: url(../images/common/bg.jpg); margin:0px; padding:0px; color:#000; font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; font-size:14px; line-height:1.6em;}
p{}

#countainer{ min-width:980px; width: auto !important; width: 980px;}

a {color:#369; text-decoration:none;}
a:hover{ text-decoration:underline;}

#main_nav{ width:100%;}
  #main_nav li {float:left; height:64px; }
  #main_nav li a{display:block; height:64px; background:url(../images/common/bg_mainNav.gif) no-repeat; color:#FFFFFF; font-weight:bold; line-height:64px; text-align:center; text-decoration:none;}
  #main_nav li#homeNav{ width:134px;}
  #main_nav li#homeNav a{ width:134px; background-position: 0 0}
  #main_nav li#homeNav a:hover{ background-position: 0 -64px}
  #main_nav li#infoNav{ width:162px;}
  #main_nav li#infoNav a{ width:162px; background-position: -134px 0}
  #main_nav li#infoNav a:hover{ background-position: -134px -64px}
  #main_nav li#aboutNav{ width:218px;}
  #main_nav li#aboutNav a{ width:218px; background-position: -296px 0}
  #main_nav li#aboutNav a:hover{ background-position: -296px -64px}
  #main_nav li#playNav{ width:142px;}
  #main_nav li#playNav a{ width:142px; background-position: -514px 0}
  #main_nav li#playNav a:hover{ background-position: -514px -64px}
  #main_nav li#libraryNav{ width:160px;}
  #main_nav li#libraryNav a{ width:160px; background-position: -656px 0}
  #main_nav li#libraryNav a:hover{ background-position: -656px -64px}
  #main_nav li#qaNav{ width:164px;}
  #main_nav li#qaNav a{ width:164px; background-position: -816px 0}
  #main_nav li#qaNav a:hover{ background-position: -816px -64px}


#footer{ width:100%; background:url(../images/common/bg_footer.jpg); border-top:#ffdc39 5px solid; bottom:0px;}
  #footer a { color:#FFFFFF;}
  #footer a:hover { text-decoration:underline;}
#footer .footer_in{ width:620px; min-height:130px; margin:0 auto; text-align:center; background:url(../images/common/bg_footer_in.gif) center center no-repeat;}
#footer .footer_in ul{ width:400px; margin:0px auto; padding-right:-10px;}
#footer .footer_in li{ float:left; margin-top:45px; padding-right:10px; font-size:12px;}

address{ font-size:10px; color:#CCC;}

#contents_all{width:980px; margin:0px auto; overflow:hidden; }
  #contents_all h3{padding:30px 0px 10px 0px; }
  #contents_all .all01{ float:left; width:245px; height:155px; background:url(../images/common/img_footerline.gif) right center no-repeat;}
  #contents_all .all02{ float:left; width:245px; height:155px;}
  #contents_all dl {padding-left:12px;}
  #contents_all dt{ margin-bottom:5px; padding-left:20px; color:#FFF; font-weight:bold; background:url(../images/common/icn_contents.gif) left 5px no-repeat;}
  #contents_all dd{ margin-left:20px; padding-left:10px; color:#FFF; background:url(../images/common/icn_contents_arrow.gif) left 7px no-repeat;}
  #contents_all dd.two{ float:left; width:70px;}

#pagetop{ width:100%; padding:5px 0px; text-align:right;}
.arrow_red{ float:right; min-height:15px; line-height:15px; padding: 5px 10px; clear:both; font-size:12px; background:url(../images/common/icn_arrow_red.gif) left no-repeat}
  .arrow_red a{ color:#c50000;}
.allow_next{ width:98%; text-align:right; min-height:15px; line-height:17px; padding-right:10px; font-size:12px; background:url(../images/common/icn_arrow_next.gif) right no-repeat}
.allow_back{ float:left; min-height:15px; line-height:17px; padding-left:10px; font-size:12px; background:url(../images/common/icn_arrow_back.gif) left no-repeat}
span.mente{ color:#36C;}
span.oshirase{ color:#C00;}
span.red{ color:#c00005; font-weight:bold;}

img.mixiPoint{
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:middle;
	margin:0 3px 0 0;
	padding:0;
}