* {
	font-size:100%;
	font-family:'Osaka', 'ＭＳ Ｐゴシック';
}

/* マルチカラム構成 */

body,td,th {
	color:#333333; font-size:9pt;
}

body {
	text-align:center;
	margin:0 10px;
	padding:0;
}

#container {
	width:790px;
	margin-left:auto; margin-right:auto;
	text-align:left;
	background-color:#FFFFFF;
}

#box_main {
	width:560px;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
	display:inline;
	font-size:9pt;
	line-height:130%;
}

#box_menu {
	width:200px;
	float:left;
	display:inline;
	text-align:left;
	font-size:9pt;
	margin-bottom:20px;
}

/* --- ヘッド部分 --- */
#box_head {
	width: 790px;
	height: 110px;
	padding-top: 7px;
	background:url(/imgs/head_bg.gif) no-repeat;
	border-top:5px solid #3399FF;
}
#box_head h1 {
	display: block;
	text-indent: -9999px;
	width: 300px;
	height: 29px;
	background-image: url(/imgs/head_logo.gif);
	margin: 0px;
	padding: 0px;
}
#box_head h1 a {
	display: block;
	width: 300px;
	height: 29px;
}
#box_head h1 a:hover {
	background-image: url(/imgs/head_logo_hover.gif);
}
#box_head ul {
	padding: 0px;
	margin: 0px;
	list-style-type:none;
}
#box_head ul li {
	list-style-type:none;
	float: left;
	margin-right: 5px;
	padding-right: 5px;
	border-right: dotted 1px #333;
}
#box_head ul li a {
	text-decoration: none;
}
#box_head ul li.logo {
	width: 389px;
	height: 29px;
	border-right: none;
	padding: 7px 0px 0px 10px;
	margin: 0px;
}
#box_head ul li.icon {
	width: 59px;
	height: 45px;
}
#box_head ul li.ad {
	width: 89px;
	height: 31px;
	padding: 0px;
	margin: 7px 0px 0px 5px;
	border: none;
}
/* --- /ヘッド部分 --- */

#box_foot {
	width:790px;
	clear:both;
	text-align:center;
	margin:2px auto 10px;
	padding:10px 0;
}

/* インデックスのカテゴリ一覧 */

.main_ct {
	font-weight:bold;
	margin-bottom:5px;
	padding-left:18px;
	background:url(/img/folder.gif) no-repeat left center;
}

/* その他の一般スタイル */

#logo {
	background:url(/imgs/head_bg.jpg) repeat-x;
}

a:link { color:#003399; text-decoration:underline; }
a:visited { color:#666666; text-decoration:underline; }
a:active { color:#003399; text-decoration:none; }
a:hover { color:#3399FF; text-decoration:underline; }

.imgcolor  { background-color:#FF9900; }
.imgcolor2 { background-color:#898E79; }

table,td,th { border-collapse:collapse; }

th {
	color:#FFFFFF;
	background-color:#2753AA;
	text-align:left;
	padding:3px;
}

img { border:0 }

#box_main h1 {
	font-size:9pt;
	background:url(/imgs/title_bg.jpg) no-repeat left center;
	border:1px solid #EFEFEF;
	border-bottom:2px solid #3399FF;
	padding:2px 0 0 30px;
	margin:0 0 8px;
	height:20px;
	line-height:170%;
}

h2 {
	font-size:11pt;
	margin:0 0 3px;
	padding-left:18px;
	background:url(/img/folder.gif) no-repeat left center;
}
h3 {
	font-size:12pt;
	font-weight:bold;
	margin:2px 0px 6px;
	padding:2px 0 2px 27px;
	background:url(/img/frame.gif) no-repeat left center;
}
h4 {
	font-size:9pt;
	background:url(/imgs/title_bg.jpg) no-repeat left center;
	border:1px solid #EFEFEF;
	border-bottom:2px solid #3399FF;
	padding:2px 0 0 30px;
	margin:1em 0 8px;
	height:20px;
	line-height:170%;
}
h5 {
	background:url(/img/arrow3.gif) no-repeat 0 3px;
	border-bottom:1px solid #666666;
	padding:0 0 3px 9pt;
	margin:15px 0 5px;
}

.pgtitle {
	font-size:9pt;
	background:url(/imgs/title_bg.jpg) no-repeat left center;
	border:1px solid #EFEFEF;
	border-bottom:2px solid #3399FF;
	padding:2px 0 0 30px;
	margin:0 0 8px;
	height:20px;
	line-height:170%;
}

ol { margin-bottom:0; }
pre { margin:0; padding:0; }

div#box_menu ul, div.menu ul {
	list-style-type:none; 
	margin:0; 
	padding:0;
}
div#box_menu li, div.menu li {
	margin-bottom:5px;
	padding-left:10pt;
	background:url(/img/arrow.gif) no-repeat left center;
}
div#box_menu table {
	border-bottom:1px dotted #333;
	padding-bottom:5px;
	margin-bottom:7px;
}
div#box_menu table.top {
	border-top:1px dotted #333;
	padding-top:5px;
	margin-top:7px;
}

#lst li { list-style-type:square; margin-top:3px; }

form { margin:0; padding:0; }

hr {
	color:#999999;
	background-color:#999999;
	border:0px;
	height:1px;
	margin: 5px 0;
}
*hr {
	margin: 0;
}
hr.bold {
	height:3px;
}

#kanri {
	font-size:10px;
	line-height:normal;
	margin-top:2px;
	color:#990000; /* 管理人コメントの色 */
}

#log { width:560px; border-style:solid; border-color:#9999CC; }
#log-0 { background-color:#FFCC66; } /* ランキング順位 */
#log-1 { background-color:#CCCCFF; } /* タイトル */
#log-2 { background-color:#FFCCFF; } /* カテゴリ */
#log-3 { background-color:#FFFFFF; } /* 紹介文 */
#log-4 { background-color:#FFFFFF; } /* 管理人コメント */

/* タイトルバー */
#title-bar{
	color:#FFFFFF;
	background-color:#2753AA;
	text-align:left;
	padding:3px;
}
#mid-bar { background-color:#DDDDDD; } /* 中段バー */

#tbl {
	border:1px solid #333333;
	margin-top:5px;
}
#tbl th {
	color:#FFFFFF;
	background-color:#3399FF;
	border:1px solid #333333;
	padding:3px;
}
#tbl td {
	border:1px solid #333333;
	background-color:#FFFFFF;
	padding:3px;
	text-align:left;
}
#tbl2 {
	border:1px solid #666666;
	background-color:#FFFFFF;
	margin-top:5px;
}
#tbl2 th {
	color:#666666;
	background-color:#EEEEEE;
	border:1px solid #666666;
	padding:3px;
}
#tbl2 td {
	border:1px solid #666666;
	background-color:#FFFFFF;
	padding:3px;
	text-align:left;
}


.tbl {
	border:1px solid #333333;
	margin-top:5px;
}
.tbl th {
	color:#FFFFFF;
	background-color:#3399FF;
	border:1px solid #333333;
	padding:3px;
}
.tbl td {
	border:1px solid #333333;
	background-color:#FFFFFF;
	padding:3px;
	text-align:left;
}
.tbl2 {
	border:1px solid #666666;
	background-color:#FFFFFF;
	margin-top:5px;
}
.tbl2 th {
	color:#666666;
	background-color:#EEEEEE;
	border:1px solid #666666;
	padding:3px;
}
.tbl2 td {
	border:1px solid #666666;
	background-color:#FFFFFF;
	padding:3px;
	text-align:left;
}
.tbl3 {
	border:0;
	margin:5px 0;
}
.tbl3 td {
	border:0;
	margin:0;
	padding:0;
	text-align:left;
}
.small { font-size:10px; }

.small2 {
	font-size:10px;
	line-height:120%;
}

.point {
	color:#FF0000;
	font-weight:bold;
	margin:0 2px;
}

.point2 {
	color:#3366CC;
}

.rank {
	border-left:4px solid #669933;
	padding:3px 0 3px 5px;
	margin-bottom:5px;
}

th.non {
	color:#000000;
	background-color:#FFFFFF;
	text-align:left;
	padding:0;
}

.line {
	background-image:url(/img/line.gif);
	margin-bottom:2px;
}

.ss {
	border:1px solid #999999;
	margin-bottom:3px;
}

.iname {
	font-weight:bold;
	margin-bottom:3px;
}

img.pict{
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:3px;
}

iframe.pict{
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:1px 3px 3px;
}

/* インデックスのカテゴリ一覧（登録時） */

.ct_mainR {
	font-weight:bold;
}

.ct_subR {
	line-height:140%;
	padding-left:18px;
} 

blockquote {
	background:#EFEFEF;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	margin:10px 15px;
}

.code {
	background:#EFEFEF;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	margin:10px 15px;
	font-family:monospace;
}

#tbl_mn {
	border-top:5px solid #3399FF;
	background:url(/imgs/head_bg.gif) no-repeat top center;
}

#tdlist {
}
#tdlist td {
	background:url(/img/arrow.gif) no-repeat 0 4px;
	text-indent:9pt;
}

.mline {
	margin-bottom:5px;
}

.kakomi {
	padding:5px;
	margin-top:5px;
	background:#EFEFEF;
	border:1px solid #CCCCCC;
}

.waku {
	border:4px double #666666;
	padding:10px;
}

.qtext { font-weight:bold; }

.tree {
	display:none;
	font-size:10px;
	border:1px solid #CCCCCC;
	padding:3px;
	margin-top:5px;
}

div.info {
	border:3px solid #CCCCCC;
	padding:5px;
	margin:10px 0;
}

div#info ul{
	list-style-type:none; 
	border:3px solid #CCCCCC;
	padding:10px 7px 0;
	margin:10px 0;
	line-height:100%;
}
div#info li{
	margin-bottom:5px;
	padding-left:9pt;
	background:url(/img/arrow2.gif) no-repeat;
}

dl{
	margin:0; padding:0;
}
dt{
	margin:0; padding:0;
	padding-left:9pt;
	background:url(/img/arrow.gif) no-repeat left center;
	font-weight:bold;
}
dd{
	margin:0; padding:0;
	padding-left:9pt;
}

#show	{ position:relative; width:468px; height:60px; margin:0; }
#show li	{ position:absolute; top:0; left:0; border:0; margin:0; padding:0; }
#adsp 	{ margin:0; padding:0; margin-top:1.5em; text-align:center; }
.ads a	{ display:block; width:468px; height:60px; top:0; left:0; }

.clearfix:after {
	content: url(/img/space.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }

.ad {
	border:1px solid #666666;
	background-color:#FFFFFF;
	margin-top:10px;
}
.ad th {
	color:#666666;
	background-color:#EEEEEE;
	border:1px solid #666666;
	padding:3px;
	text-align:center;
}
.ad td {
	border:1px solid #666666;
	background-color:#FFFFFF;
	padding:3px;
	text-align:center;
}

div#myAd_txt {
	width:790px;
	clear:both;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:3px 0;
	margin:20px auto 0;
	text-align:cehter;
}

div#myAd_txt ul{
	list-style-type:none;
	margin:0; padding:0;
}
div#myAd_txt li{
	list-style-type:none;
	margin:3px 10px 0 0;
	padding:0; padding-left:9pt;
	background:url(/img/arrow.gif) no-repeat left center;
	float:left;
	white-space:nowrap;
}

.gpr {
	margin-top:2px;
}

div#icon_mean {
	border-top:1px dotted;
	border-bottom:1px dotted;
	padding:5px 0 3px;
	margin:8px 0;
}
div#icon_mean img {
	vertical-align:middle;
	margin:0 4px 0 5px;
	padding-bottom:2px;
}

div.ranking p {
	border-bottom:1px dotted #333;
	margin:0; padding:0;
	padding-bottom:3px;
	margin-bottom:3px;
}
