/* 文字エンコードの設定（削除不可） */
@charset "shift_jis";

/* =========================================================== */
/* 全体設定 ================================================== */
/* =========================================================== */

*{
	margin								:0px;
	padding								:0px;
	font-size							:100%;
	font-style							:normal;
	font-family							:'ＭＳＰゴシック',Verdana;
	text-align							:left;
}

body{
	background-color					:#413948;
	font-size							:80%;
	line-height							:150%;
	color								:#FFFFFF;
	text-align							:center;
}

table,td,th{
	margin : 5px;
	border-color:#2e2535;
	border-width:1px;
	border-style:solid;
	padding		:5px;
}
p{
	margin								:0 0 0 10px;
	text-align							:left;
}


/* =========================================================== */
/* フォント指定 ============================================== */
/* =========================================================== */

em{
	font-weight							:bold;
	color								:#FF6666;
	line-height							:250%;
}

.error{
	color								:#FF8C37;
	font-weight							:bolder;
}


/* =========================================================== */
/* タイトル指定 ============================================== */
/* =========================================================== */

h2{
	display								:block;
	margin								:0 0 10px;
	line-height							:30px;
	text-indent							:5px;
	font-weight							:bold;
	font-size							:120%;
	text-align							:left;
	
}



h3{
		clear							:both;
		display							:block;
		margin							:15px 0 5px 10px;
		height							:25px;
		line-height						:25px;
		text-indent						:10px;
		
		font-weight						:bold;
		list-style						:none;
		text-align						:left;
}

	h3 a{
		color							:#FFFF00;
	}



/* =========================================================== */
/* リンク ==================================================== */
/* =========================================================== */

a{
	color							:#000000;
	text-decoration					:none;
}

	a:hover{
		text-decoration				:blink underline;
	}

small{
	margin							:0 5px;
	color							:#999999;
	font-size						:80%;
	font-weight						:normal;
}

small.external a{
	padding							:2px 5px;
	color							:#ffffff;
	text-decoration					:none;
	font-weight						:normal;
	background-color				:#2e2535;
}

/* =========================================================== */
/* 線設定 ==================================================== */
/* =========================================================== */

hr{
	display							:none;
}

img{
	border							:none;
}

/* =========================================================== */
/* フォーム設定 ============================================== */
/* =========================================================== */

form fieldset {
	border							:none;
}

form legend {
	display							:none;
}

input , textarea{
	text-align						:left;
}

input.text{
	border-style					:solid;
	border-width					:1px;
	border-color					:#666666;
}

input.submit{
	padding							:5px;
	color							:#2e2535;
	background-color				:#fff65b;
	border							:none;
	text-align						:center;
}option

input.search_bottom{
	border-width					:0px;
	width							:40px;
	height							:20px;
	margin							:-5px 0 0 0px;
	text-align						:center;
}



	
	
/* =========================================================== */
/* container ================================================= */
/* =========================================================== */

div#container{
	margin								:0px auto;
	width								:780px;
	border-width						:0 1px;
	border-style						:solid;
	border-color						:#221f24;
	background-color					:#71657d;
	background-image					:url(../image/star_bk.gif);
	background-repeat					:no-repeat;
	background-position					:top right;
}

/* =========================================================== */
/* header ==================================================== */
/* =========================================================== */

div#header{
	width								:780px;
	margin-bottom						: 10px;
	
}

#spacer{
	height								:225px;
	text-align							:right;
	
}

/* =========================================================== */
/* 更新経歴設定 ============================================== */
/* =========================================================== */

iframe{
	width:150px;
	height:150px;
	margin-top:40px;
	margin-right:35px;
}

/* タイトルの設定 -------------------------------------------- */

div#header h1 a{
	display								:block;
	font-size							:200%;
	text-decoration						:none;
	color:#000000;
	padding								:60px 50px;
}

div#header a{
	color								:#71657d;
	text-decoration 					:none;
	font-weight							:bolder;
	
}

div#header a:hover{
	text-decoration				:blink underline;
}
/* メニュー設定 ---------------------------------------------- */

div#header h2{
	display								:none;
}

div#header #menubar{
	
	height								: 32px;
	background-image					: url(../image/navibar.gif);
	background-repeat					: no-repeat;
	background-position					: bottom right;
}

div#header #menubar ul{
	width								:740px;
	text-align							:right;
	position							:relative;
	z-index								:3;
	padding-top							:10px;
}

	div#header #menubar ul li{
		display							:inline;
		padding							:0px 15px;
		list-style						:none;
		border-width					:0 0 0 3px;
		border-style					:dotted;
		border-color					:#71657d;
	}

/* =========================================================== */
/* navigation ================================================ */
/* =========================================================== */


div#navigation h2{
	display								:none;
}

div#navigation{
	width								:250px;
	float								:left;
}
div#navigation h3,#search_bar h3,h4{
	display								:block;
	margin								:0 0 15px 0;
	text-indent							:40px;
	font-weight							:bold;
	text-align							:left;
		
	background-image				:url(../image/sdot_left.gif);
	background-repeat				:no-repeat;
	background-position				:top left;
	background-color				:#2e2535;
}

select,input{
	margin-left					:10px;
}

/* =========================================================== */
/* メインページ - page ======================================= */
/* =========================================================== */

div#contents{
	padding								:0 5px;
}

div#page{
	width								:780px;
	margin								:10px;
}

div#spage{
	width								:500px;
	margin								:20px 140px;
}

/* ジャンル表示設定 ------------------------------------------ */

div#page div#genre ul{
	margin								:5px 0 20px;
	list-style							:none;
}

	div#page div#genre ul li.sub{
		display							:block;
		width							:150px;
		float							:left;
		margin-left						:15px;
		list-style						:none;
		text-align						:left;
		margin-bottom					:5px;
	}

	div#page div#genre ul li.title{
		clear							:both;
		display							:block;
		margin							:15px 0px 5px 10px;
		width							:500px;
		height							:25px;
		line-height						:25px;
		text-indent						:50px;
		font-weight						:bold;
		list-style						:none;
		text-align						:left;
		background-image				:url(../image/sdot_left.gif);
		background-repeat				:no-repeat;
		background-position				:top left;
		background-color				:#2e2535;
	}

/* 項目表示設定 ---------------------------------------------- */

dl.enter{
	margin								:10px 0 5px 15px;
	text-align							:left;
}

	dl.enter dt {
		width							:13em;
		text-indent						:10px;
		height							:24px;
		float							:left;
		font-weight						:bold;
		text-align						:left;
		border-style					:dashed;
		border-width					:0px 1px 1px 0px;
		border-color					:#9c8fa9;
	}

	dl.enter dd {
		margin							:0 0 0 13em;
		padding							:0.6em;
		text-align						:left;
	}

div.back_link,
div.enter_submit{
	margin								:0 0 20px;
}

	div.back_link a{
		padding							:2px;
		color							:#ffffff;
		background-color				:#666666;
		text-align						:center;
		border							:none;
		width							:100px;
	}

/* パンくず設定 ---------------------------------------------- */

ul#pan{
	display								:none;
	margin								:0 0 10px;
	text-align							:left;
}

	ul#pan li{
		list-style						:none;
		display							:inline;
		margin							:0 5px 0 0;
	}

/* =========================================================== */
/* フッター - footer ========================================= */
/* =========================================================== */

div#footer{
	float								:none;
	clear								:both;
	width								:100%;
	text-align							:center;
	margin								:20px 0 10px;
}

/* ページトップ設定 ----------------------------------------- */

	div#footer div.pagetop{
		margin							:0 0 10px;
		padding							:0 10px 10px;
		border-width					:0 0 1px;
		border-style					:dotted;
		border-color					:#cccccc;
		text-align						:right;
	}

/* =========================================================== */
/* serch_bar ================================================= */
/* =========================================================== */

div#search_bar{
	display								:block;
	width								:500px;
	float								:right;
	margin-bottom						:10px;
}



	.menu_category{
		margin							:20px 15px;
		text-align						:left;
	}

		.menu_category li{
			display						:inline;
			margin						:0px 0px 0px 20px;
			text-align					:left;
		}

		.menu_category li small{
			padding						:0 3px;
			font-size					:80%;
		}

/* =========================================================== */
/* リスト - list ============================================= */
/* =========================================================== */

ul.arrow{
	display								:block;
	clear								:both;
	margin								:0 0 5px 15px;
	text-align							:left;
}

	ul.arrow li{
		list-style						:square;
		text-align						:left;
		margin							:0 0 0 20px;
	}

ul.sub{
	margin								:0 0 5px 20px;
}

	ul.sub li{
		list-style						:circle;
		margin							:0 0 0 20px;
		text-align						:left;
	}

/* =========================================================== */
/* 管理画面 - admin ========================================== */
/* =========================================================== */

dl.admin{
	margin								:0 0 40px 30px;
}

	dl.admin dt{
		list-style						:square;
		text-align						:left;
		margin							:0 0 0 20px;
	}

	dl.admin dd{
		margin							:0 0 10px 35px;
		text-align						:left;
	}

	dl.admin dd ul{
		list-style						:none;
		text-align						:left;
	}

	dl.admin dd ul li{
		list-style						:square;
		text-align						:left;
		margin							:0 0 0 20px;
		}

table.admin{
	margin								:0px 20px 10px 25px;
	border-width						:1px;
	border-style						:solid;
	border-color						:#cccccc;
	border-collapse						:collapse;
}

	table.admin th{
		padding							:5px;
		border-width					:1px;
		border-style					:solid;
		border-color					:#cccccc;
		background-color				:#eeeeee;
		vertical-align					:top;
		text-align						:left;
	}

	table.admin td{
		padding							:5px;
		border-width					:1px;
		border-style					:solid;
		border-color					:#cccccc;
		text-align						:left;
	}

/* =========================================================== */
/* サイト表示 - Site ========================================= */
/* =========================================================== */

div.site_indication{
	margin								:40px 0px;
	border-width						:0px 0px 2px 0px;
	border-style						:dotted;
	border-color						:#2e2535;
	width								:665px;
	height								:360px;
}

div.site_indication #description{
	width								:390px;
	height 								:237px;
	float								:right;
	text-align							:center;
	background-color					:#867795;
	overflow							:hidden;
}

div.site_indication #icon{
	width								:210px;
	height 								:50px;
	float								:right;
	text-align							:left;
	margin-right						:40px;
	margin-top							:10px;
}

.site_indication #description #introduction {
	display								:block;
	height								:107px; 
	width								:340px; 
	text-align							:left;
	overflow 							:auto;
	background-color					:#dfd2eb;
	color								:#413948;
	margin								:5px 20px;
	padding								:5px;
}

/* タイトル・マーク表示設定 */
	div.site_indication ul.title{
		display							:block;
		margin							:5px 15px;
		text-align						:left;
		background-color				:#413948;
		background-image				:url(../image/titlebar.gif);
		background-repeat				:repeat-y;
		background-position				:top left;
		color							:#ffffff;
		text-indent						:50px;
		line-height						:200%;
		vertical-align					:middle;
		width							:360px;
	}
	

	div.site_indication ul.title a{
		color							:#ffffff;
		text-decoration					:none;
	}
	
	div.site_indication ul.adminword{
	
		color							:#f2d1ce;
		width							:550px;
		border-width					:0px 0px 1px 0px;
		border-style					:dotted;
		border-color					:#2e2535;
		float							:right;
		font-weight						:bolder;
		line-height						:150%;
	}
	
	div.site_indication ul.adminword li{
		list-style-image				:url(../image/whycool.gif);
		list-style-position				:outside;
		vertical-align					:top;
		
	}

		div.site_indication ul.title li{
			display						:inline;
			margin						:0 1px 0 0;
			text-align					:left;
		}

		div.site_indication ul.title li em{
			font-weight					:bold;
		}


/* 右側表示設定 */
	div.site_indication div.right{
		width							:360px;
		text-align						:left;
	}

/* バナー表示設定 */
		div.site_indication #banner{
			height						:41px;
			text-align					:left;
			width						:227px;
			height						:193px;
			float						:left;
			background-image			:url(../image/banner_frame.gif);
			background-repeat			:no-repeat;
			background-position			:top left;
		}
		
		#banner img{
			margin				:38px 0px 0px 42px;
			width				:160px;
			height				:120px;
		}

/* 名前表示設定 */
		div.site_indication ul.user{
			display						:block;
			text-align					:right;
			padding						:1px 2px 2px;
		}

			div.site_indication ul.user li{
				text-align				:right;
				display					:inline;
			}
		

/* 左側表示設定 */
	div.site_indication div.left{
		float							:left;
		width							:128px;
	}

/* カテゴリ表示設定 */
	div.site_indication ul.category {
		clear							:both;
		display							:block;
		overflow						:auto;
		font-size						:80%;
		text-align						:left;
		line-height						:150%;
		border-style					:dotted;
		border-color					:#dfd2eb;
		border-width					:3px 0px 0px 0px;
		padding-top						:5px;
		margin							:10px 20px;
		height							:60px;
	}

		div.site_indication ul.category li{
			margin						:0 10px 0 0;
			display						:inline;
			text-align					:left;
		}

/* 管理・日付表示設定 */
	div.site_indication #bottom{
		height							:32px;
		display							:block;
		clear							:both;
	}
	
	div.site_indication ul.data{
		display							:block;
		float							:none;
		margin							:5px 0 0;
		font-size						:80%;
		text-align						:right;
	}

		div.site_indication ul.data li{
			display						:inline;
			margin						:0 1px 0 0;
			text-align					:right;
		}

		div.site_indication ul.data li a{
			text-decoration				:none;
		}

		div.site_indication ul.data li a:hover{
			text-decoration				:underline;
		}

/* =========================================================== */
/* 目次 - Contents =========================================== */
/* =========================================================== */

div.page_contents{
	text-align							:left;
	height								:25px;
	line-height							:25px;
}

	div.page_contents small{
		font-size						:80%;
		margin							:0 10px 0 0;
	}

	div.page_contents strong{
		margin							:0 2px 0 0;
		padding							:2px 5px;
		background-color				:#efefef;
		border-width					:1px;
		border-color					:#cccccc;
		border-style					:solid;
	}

	div.page_contents a.page{
		margin							:0 2px 0 0;
		padding							:2px 5px;
		border-width					:1px;
		border-color					:#dddddd;
		border-style					:solid;
		text-decoration					:none;
	}

	div.page_contents a.next,
	div.page_contents a.prev{
		margin							:0 2px 0 0;
		padding							:2px 5px;
		text-decoration					:none;
		border-width					:1px;
		border-color					:#dddddd;
		border-style					:solid;
	}


/* =========================================================== */
/* 各ナビ ==================================================== */
/* =========================================================== */

div.shotcut{
	text-align							:center;
	margin								:10px 0 20px;
}

div.navi{
	text-align							:right;
	margin								:10px 10px 20px;
}

	div.navi a{
		text-decoration					:none;
	}

		div.navi a:hover{
			text-decoration				:underline;
		}

/* =========================================================== */
/* 新規登録画面 ============================================== */
/* =========================================================== */

ol.reg{
	margin								:5px 0 5px 60px;
	text-align							:left;
}

	ol.reg li{
		text-align						:left;
	}

dl.reg{
	margin								:0px 0px 5px 25px;
}

	dl.reg dt{
		text-indent						:0.5em;
		margin							:5px 0 0 0;
		font-weight						:bold;
		padding							:3px;
		text-align						:left;
		border-width					:0 0 0 4px;
		border-color					:#eeeeee;
		border-style					:solid;
	}

	dl.reg dd{
		margin							:0 0 0 30px;
		text-align						:left;
	}

ul.reg{
	margin								:5px 0px 5px 10px;
	list-style							:none;
	height								:200px;
	overflow							:auto;
}

	ul.reg li{
		text-align						:left;
	}

	ul.reg li.title{
		display							:block;
		margin							:5px 0 0 0;
		font-weight						:bold;
		background-color				:#ffc13b;
		padding							:5px;
	}

/* トップロゴ ============================================== */


#container #rogo{
	background-image: url(../image/rogo.gif);
	background-repeat: no-repeat;
	z-index: 2;
	height: 370px;
	width: 500px;
	position: absolute;
}


/* サーチ画像 ============================================== */

#searchmenu{
		width:450px;
		float:right;
}
#search{
	margin								:0 0 10px;
	height								:159px;
	line-height							:30px;
	text-indent							:5px;
	font-weight							:bold;
	font-size							:120%;
	text-align							:right;
	background-image					:url(../image/search.gif);
	background-repeat					:no-repeat;
	background-position					:top left;
	width								:780px;
}

#search #banner{
	padding								:0px 40px 0px 0px;
	position							:relative;
	z-index								:4;
	text-align							:right;
}

#search #pickup{
	width								:202px;
	height								:48px;
	background-image					:url(../image/pickup.gif);
	background-repeat					:no-repeat;
	padding-right						:0px;
	text-align							:right;
	margin-left							:575px;
}

ul.rank{
	list-style-image					:url(../image/star.gif);
	list-style-position					:inside;
	font-size							:16px;
	color								:#FFFFFF;
	font-weight							:bolder;
	position							:absolute;
	line-height							:27px;
	z-index								:5;
}


ul.star li{
	list-style-image					:url(../image/star.gif);
	list-style-position					:inside;
	color								:#FFFFFF;
	font-weight							:bolder;
	border-style						:dotted;
	border-width						:0px 0px 3px 0px;
	border-color						:#FFFF66;
	margin-bottom						:10px;
	height								:150%
}