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

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

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

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

p{
	margin								:0 0 0 10px;
	text-align							:left;
}


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

em{
	font-weight							:bold;
}

.error{
	color								:#cc0000;
}


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

h2{
	display								:block;
	margin								:0 0 10px;
	width								:255;
	height								:159px;
	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							:#666666;
	}

div#contents h4{
	clear								:both;
	display								:block;
	margin								:10px;
	height								:20px;
	line-height							:20px;
	text-indent							:5px;
	border-style						:solid;
	border-width						:0 0 0 3px;
	border-color						:#009999;
	color								:#009999;
	text-align							:left;
}

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

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							:#ffffff;
	background-color				:#666666;
	border							:none;
	text-align						:center;
}

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

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

div#container{
	margin								:0px auto;
	text-align							:inherit;
	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;
}

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								:100%;
	text-align							:left;
	position							:relative;
	z-index								:3;
	padding-left						:250px;
	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{
	float								:right;
	width								:235px;
}

div#navigation h2{
	display								:none;
}

/* 段落設定 -------------------------------------------------- */

div#navigation p{
	margin								:0 5px 3px;
	text-align							:left;
}

/* メニュー設定 ---------------------------------------------- */

div#navigation ul{
	margin								:0 0 10px 30px;
	list-style							:square;
}

	div#navigation ul li{
		list-style						:square;
		text-align						:left;
	}

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

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

div#contents{
	padding								:0 5px;
}

div#page{
	float								:left;
	width								:520px;
	padding								:0 0 0 5px;
}



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

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 leftight;
		background-color				:#2e2535;
	}

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

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

	dl.enter dt {
		padding							:0.6em 0 0.6em 1em;
		width							:13em;
		float							:left;
		font-weight						:bold;
		text-align						:left;
	}

	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{
	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#page div#search_bar{
	display								:block;
	padding								:8px 0;
}

	ul.menu_category{
		list-style						:none;
		margin							:0 15px;
		text-align						:left;
	}

		ul.menu_category li{
			display						:inline;
			margin						:0 10px 0 0;
			list-style					:none;
			text-align					:left;
		}

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

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

ul.arrow{
	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;
	}

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

div.page_contents{
	text-align							:center;
	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				:#eeeeee;
		padding							:5px;
	}

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


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


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

#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;
}