@charset "UTF-8";
body  {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #fff url(../img/ilibro_back.png) 0 0 repeat-x;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}
#container { 
	width: 860px; 
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 
#header {
	height:73px;
	padding: 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
} 
#header_r{
	padding:0;
	margin:16px 0 0;
	width:150px;
	height:52px;
	float:left;
}

#header p {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 48px 0 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	text-align:right;
}
#header p.rogo {
	padding: 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	text-align:left;
}


#glovalmenu {
	display:block;
	margin:0 0 5px;
	width:860px;
	height:38px !important;
	height/**/:46px;
	padding:3px 0 0;
}

#sidebar {
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 196px !important; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	width/**/: 196px;
	background:#009CFF; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 0 4px 4px;
}

#sidebox{
	width: 196px;
	background:url(../img/sideber_bottom.jpg) no-repeat bottom;
	margin:30px 0 0;
	padding:0;
}

#sidebox p{
	margin:0 0 4px 0;
	font-size:10px;
	line-height:120%;
	padding:0 6px;
}
#sidebox p.topkado{
	margin:0;
	padding:0;
}
#sidebox p.title{
	font-size:12px;
	color:#0064FF;
	line-height:100%;
	margin-top:6px;
}
#sidebox p.pass{
	font-size:12px;
	font-weight:bold;
	color:#E71262;
	padding:2px;
	border-bottom:#DAD7D7 solid 1px;
	text-align:center;
	margin:10px 0 10px;
}
#sidebox a{
	text-decoration:none;
	color:#E71262;
}
#sidebox_idpass{
	width:166px;
	margin:0 auto;
	padding:0 0 10px;
}
#sidebox td{
	font-size:12px;
	font-weight:bold;
	color:#E71262;
	text-align:right;
}
#sidebox td.left{
	text-align:left;
}
#sidebox h3{ 
	margin:5px 0;
	padding:0;
}
#sidebox_game{
	padding:5px;
	text-align:center;
}
#sidebox_top{
	width: 197px;
	height:10px;
	padding: 0;
	margin:0;
}

#topimg { 
	margin: 0 0 5px -6px; /* この div エレメントの右マージンにより、ページの右側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding:0;
	height:348px;
	
}
#topimg p{
	margin:0;
	padding:0;
}

#mainContent { 
	margin: 0 204px 0 0; /* この div エレメントの右マージンにより、ページの右側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0 7px 6px 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
} 
#mainContent p{
	margin:0;
	font-size:12px;
	line-height:175%;
	color:#000;
}
#mainContent th{
	font-size:12px;
	text-align:center;
	padding:6px;
}
#mainContent td{
	font-size:12px;
	padding:6px;
	vertical-align:top;
}

#mainContent a{
	color:#0064FF;
	text-decoration:none;
}
#mainContent ol,ul{
	font-size:12px;
	line-height:200%;
	margin-top:8px;
	margin-bottom:8px;
}
#mainContent ul{
	list-style-type:disc;
}
#mainContent h1{
	text-decoration:none;
	font-size:14px;
	padding:8px 6px 4px;
	margin:0 0 6px;
}
#mainContent .game h1{
	background-color:#F21367;
	color:#FFF;
}
#mainContent .read h1{
	background-color:#7BCB25;
	color:#FFF;
}
#mainContent .readt h1{
	color:#000;
	padding:0;
	font-size:18px;
	margin:0 0 10px;
}
#mainContent .upload h1{
	background-color:#56B4F0;
	color:#FFF;
}
#mainContent .blog h1{
	background-color:#FF87E4;
	color:#FFF;
}
#mainContent .help h1{
	background-color:#FFB400;
	color:#000;
}

#mainContent h2{
	text-decoration:none;
	font-size:13px;
	padding:4px 6px 2px;
	margin:14px 0 8px
}

#mainContent .help h2{
	border-left:#FFB400 6px solid;
	border-bottom:#FFB400 1px solid;
	color:#555;
}

#mainContent .upload h2{
	border-left:#56B4F0 6px solid;
	border-bottom:#56B4F0 1px solid;
	color:#555;
}

#mainContent h3{
	text-decoration:none;
	font-size:13px;
	padding:4px 6px 2px;
	margin:14px 0 6px
}
#mainContent .game h3{
	border-left:#F21367 6px solid;
	color:#555;
}
#mainContent .read h3{
	border-left:#7BCB25 6px solid;
	color:#555;
}
#mainContent .upload h3{
	border-left:#56B4F0 6px solid;
	color:#555;
}
#mainContent .help h3{
	border-left:#FFB400 6px solid;
	color:#555;
}
#mainContent .help p{
	margin:0;
	font-size:13px;
	line-height:200%;
	color:#000;
}
#mainContent .readt h5{
	margin:0 0 10px;
	color:#666;
	padding:0;
}

#mainContent .upload b{
	color:#ff0000;
}

#mainContent_t{
	margin:0;
	padding:46px 8px 8px;
	height:130px !important;
	height/**/:178px;
	background:url(../img/toku_back.jpg) 0 0 no-repeat;
}
#mainContent img.tokuno{
	margin-bottom:16px;
	margin-right:10px;
	float:left;
}
#topContent { 
	margin: 0 204px 0 0; /* この div エレメントの右マージンにより、ページの右側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0 7px 6px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */

} 
#topContent p{
	margin:0;
	font-size:10px;
	line-height:200%;
	color:#000;
}
#topContent a{
	color:#0064FF;
	text-decoration:none;
}
#topContent ul{
	margin:0;
	padding-left:83px;
	font-size:12px;
	line-height:200%;
	color:#000;
	list-style:none;
}
#topContent h3{ 
	margin:4px 0;
	padding:0;
}
#toptext1{
	background-color:#F2FAFF;
	padding:10px;
	min-height:100px !important;
	height/**/:auto;
	overflow:auto;
}
#toptext1 h4{
	padding-left: 66px;
	color:#444444;
}
#toptext2{
	background-color:#FEFFF2;
	padding:10px;
	overflow:auto;
	min-height:100px !important;
	height/**/:auto;
}
.toplead{
	padding-left:83px;
}

#books{
	float:left;
	margin:20px 0 0 30px;
	width:174px;
	display: inline;
}
#books p{
	font-size:11px;
	font-weight:bold;
	line-height:140%;
	letter-spacing:0.2;
}

#books p.company{
	font-size:9px;
	padding-left:11px;
	line-height:180%;
}

#footer {
	clear:both;
	margin:0;
	padding: 0 0 0 20px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#fff; 
} 
#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 0 0 10px; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	font-size:9px;
}

#bloglist th{
	font-size:12px;
	text-align:center;
	padding:6px;
	background-color:#f21367;
	color:#FFF;
}
#bloglist td{
	font-size:12px;
	padding:6px;
	background-color:#EEE;
}

#gamelist th{
	font-size:12px;
	text-align:center;
	padding:6px;
	background-color:#F21367;
	color:#FFF;
	max-width: 240px;
}
#gamelist td{
	font-size:12px;
	padding:6px;
	background-color:#EEE;
	max-width: 240px;
}

.tright{
	text-align:right;
}

#marusi_text{
	margin:20px 0 0;
	padding:16px;
	border:#FFB400 4px solid;
	background-color:#FDFDF3;
}
#marusi_text p{
	font-size:11px;
	line-height:160%;
}
#marusi_code{
	margin:10px 0;
	padding:10px;
	background-color:#EEE;
}
#mainContent h2.marusi{
	background:#FFB400;
	color:#FFF;
	margin:0 0 8px -16px;
	padding:4px 16px 2px;
}

#mainContent .readt p{
	text-indent:1em;
	margin:1.5em 0;
}
#mainContent .readt p.cap{
	text-indent:0;
	margin:4px 0 3em;
	font-size:11px;
	font-weight:bold;
	color:#444;
}
#mainContent .readt table {
	margin: 0 0 10px;
	padding: 0;
	border-collapse: collapse;
}
#mainContent .readt th,#mainContent .readt td{
	font-size:12px;
	line-height:150%;
	border:#333 1px solid;
	padding:4px 10px;
	text-align:center;
	vertical-align: top;
	margin:0;
}
#mainContent .readt th {
	background-color: #D7EFBD;
	font-weight:normal;
	width:auto;
}
#mainContent .nomberlist p{
	text-indent:-1.3em;
	padding-left:2.2em;
	margin:0.8em 0;
}

#readfooter{
	text-align:center;
	margin:40px 0 0;
	padding:0 2em 0 0;
}
#mainContent .next ul{
	font-size:14px;
	margin: 0;
	padding:0;
}
#mainContent .next li{
	display:inline;
	padding:6px 8px;
	width:16px;
	border:#7BCB25 1px solid;
	margin:2px 0;
	color:#7BCB25;
}
#mainContent .next li.activ{
	background-color:#7BCB25;
	color:#FFF;
}
#mainContent .next a{
	color:#7BCB25;
}
#mainContent .next a:visited{
	color:#7BCB25;
}