@charset "Shift_JIS";
/*___________ 基本設定 ___________ */

*{padding:0; margin:0; border:0;}
body {
	margin:0;
	padding:0;
	text-align:center;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	color:  #333333;
	background:url(images/bg.jpg) repeat-x fixed;
}

#wrap{
    width:770px;
	margin:0 auto;
	}

#container {
    width:770px;
	margin:0 auto;
	border: 1px solid #CCCCCC;
}
div {
	text-align:left;
}

p {
	margin:0;
	font:11pt/160% 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
}
li {
	margin: 0;
	padding:0;
	list-style: none;
}
ol, ul {
	margin: 0;
	padding:0;
}

a {
	color: #0D0EEE
}
a:hover {
color:#FF0000;
}
a:active {
	color: #FF0000
}
a:visited {
	color: #5E2791
}
/*ヘッダー */
h1 {
	font-size:9pt;
	text-align:left;
	color:#FFFFFF;
	}

#header {
	width:770px;
	height: 220px;
	background:url(images/header.jpg);
	position: relative;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border-bottom:2px solid #333333;
	text-indent:-9999px;
}



/*メインレイアウト */
#main {
	width:770px;
	float:left;
	background-color: #FFFFFF;
}
/* コンテンツページ */
#contents{
	width:570px;
	margin-top:10px;
	float:right;}

#contents h2 {
background:url(images/h2.gif) no-repeat;
width:560px;
height:35px;
color:#FFFFFF;
font-size:20px;
font-weight:bold;
margin-left:4px;
padding-left:18px;
padding-top:8px;
}

#contents p {
margin-bottom:2em;
padding-left:8px;
padding-right:8px;
}

.next{
font-size:10px;
text-align:right;
padding-right:8px;
margin-bottom:8px;
}
#contents h3 {
width:550px;
margin-bottom:0;
margin-left:8px;
  border: 0px;
 
   height: 30px;

}
table {
  border-collapse: collapse;
  border: 1px solid #CCCCCC;
  }
th {
  border: 1px solid #CCCCCC;
  background-color:#666666;
  color:#FFFFFF;
  font-weight: normal;
  line-height: 125%;
  padding:0.5em;
  text-align: center;
  }
td {
  border: 1px solid #CCCCCC;
  background-color: #EEEEEE;
  line-height: 125%;
  padding:0.5em;
  text-align: center;
  }

*:first-child+html .difficulty-ranking{
width:542px;
}

.difficulty-ranking, x:-moz-any-link {
width:542px;
}




.clear {
	clear:both;
}



/*サイドメニュー  */
#side-menu {
width:200px;
margin-top:10px;
float:left;
}
#side-menu h2 {
width: 190px;
background:url(images/side_bg.gif) no-repeat;
color: #ffffff;
text-transform: uppercase;
font-size:14px;
font-weight: bold;
margin-top:0;
padding-top:6px;
text-align:center;
}

#side-menu h3 {
width: 190px;
background:url(images/side-pikup_bg.gif) no-repeat;
color: #ffffff;
text-transform: uppercase;
font-size:16px;
font-weight: bold;
margin-top:10px;
padding-top:10px;
text-align:center;
}

.menu{
width: 190px;
line-height:26px;
margin:0;
text-align:left;
background-color:#CCCCCC;
}

#side-menu ul{
list-style:none;
margin:0;
padding:0 0 10px 0;
}

#side-menu ul li{
width:190px;

}


#side-menu ul li a{
display:block;
line-height:26px;
font-size:14px;
font-weight:bold;
color:#0000FF;
background:url(images/li.gif) no-repeat;
background-position:2px;
padding-left:25px;

}

#side-menu ul li a{
display:block;
_width:190px;
}

#side-menu ul li a:hover{
display:block;
color:#FFFFFF;
background-color:#FF0000;
}

.menu-sub{
width: 188px;
line-height:26px;
margin:0;
text-align:left;
border: solid 1px #FF0000;
}


.ranku_title{
font-size:14px;
font-weight:bold;
background:url(images/oukany_1.gif) no-repeat;
padding-left:35px;
}


.ranku_title2{
font-size:14px;
font-weight:bold;
background:url(images/oukany_2.gif) no-repeat;
padding-left:35px;
}



.menu-sub a{
color:#FF0000;
}
.menu-sub a:hover{
color:#0000FF;
}



.menu-sub p{
margin:0;
padding-left:10px;
padding-right:10px;
line-height:1.5em;
}




.side-ranku {
width:190px;
	
	}
	
	

.ranku_title{
font-size:14px;
font-weight:bold;
}



/*フッダー */
#footer {
	width:770px;
	clear:both;
	margin-top:20px;
	background-color: #4e4e4e;
	color:#FFFFFF;
}
#footer a {
     color:#FFFFFF;
}
#footer a:hover {
color:#FF0000;
text-decoration:none;
}
.footer-inner {
	padding: 3px;
	text-align: center;
}
#footer p {
	font-size: 10pt;
}

.clear {
	clear:both;
}
/*テキスト*/

.u {
	text-decoration: underline;
}
.b {
	font-weight: bold;
}

/* 画像用*/
img {
	border:0;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.red{color:#FF0000; font-weight:bold;}