@charset "Shift_JIS";
@import "character.css";

/* 基本設定
------------------------------------------------------------------ */
body {
	margin: 0;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W6",sans-serif;
	font-size: 12px;
	line-height: 15px;
}

#checkDIV {
	display: none;
}

#wrapper {
	width: 800px;
}

img {
	border: none;
}

/* anchor */
a:link {
	color: #06f;
	text-decoration: none;
}

a:visited {
	color: #939;
	text-decoration: none;
}

a:hover {
	color: #0cf;
	text-decoration: underline;
}

/* 位置調整
------------------------------------------------------------------ */
#content {
	float: right;
	width: 585px;
	padding: 15px 0 0 0;
}

#menu {
	float: left;
	width: 200px;
	padding: 15px 0 0 0;
}

#footer {
	clear: both;
}

.page_top {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: right;
}

.page_top a {
	padding: 0 0 0 10px;
	background: url(../img/common/arrow_up.gif) left center no-repeat;
}

/* #header
------------------------------------------------------------------ */
#header {
	position: relative;
	height: 143px;
	background: url(../img/common/bg_header.gif) left bottom no-repeat;
}

#header h1 {
	position: absolute;
	top: 6px;
	left: 7px;
	margin: 0;
	padding: 0;
}

#header h1 a {
	display: block;
	width: 215px;
	height: 116px;
	background: url(../img/common/logo.gif) no-repeat;
	text-indent: -2000px;
}

#header p {
	position: absolute;
	top: 16px;
	left: 248px;
	margin: 0;
	padding: 0;
}

#header strong {
	color: #900;
	font-weight: normal;
}

#header p.description {
	position: absolute;
	top: 58px;
	left: 248px;
	color: #666;
	font-size: 10px;
	line-height: 12px;
}

#header em {
	font-style: normal;
	font-weight: bold;
}

#header .advertisement {
	position: absolute;
	top: 2px;
	right: 0;
}

#header .advertisement ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#header .advertisement ul * {
	margin: 0;
	padding: 0;
}

#header .advertisement a {
	display: block;
	width: 226px;
	height: 128px;
	background: url(../img/common/no_bottakuri.gif) no-repeat;
	text-indent: -2000px;
}

#header .advertisement a:hover {
	background-position: left bottom;
}


/* #menu
------------------------------------------------------------------ */
#menu .menu {
	margin: 0 0 2px 0;
	padding: 0;
}

#menu .menu dt {
	margin: 0;
	padding: 0 0 0 5px;
	background-color: #999;
	color: #fff;
	line-height: 20px;
}

#menu .menu dd {
	height: 27px;
	margin: 0 0 1px 0;
	padding: 0;
	background: url(../img/common/bg_menu_default.jpg) left bottom no-repeat;
	font-weight: bold;
	line-height: 27px;
	text-indent: 36px;
}

#menu .menu dd a {
	display: block;
	height: 27px;
	padding: 0;
	background-image: url(../img/common/bg_menu_default.jpg);
	background-position: left top;
	color: #333;
	font-weight: normal;
	line-height: 27px;
	text-indent: 24px;
	text-decoration: none;
}

#menu .menu dd a:hover {
	background-position: left center;
	font-weight: bold;
	text-indent: 36px;
	text-decoration: none;
}

/* by みるみるん用画像 */
#menu #menu-hataraku dd      { background: url(../img/common/bg_menu_mirun.jpg) left top no-repeat; }
#menu #menu-hataraku dd a    { background-image: url(../img/common/bg_menu_mirun.jpg); }
#menu #menu-hataraku dd.by   { background: none; }
#menu #menu-hataraku dd.by a { background: none; }

/* by ナイスタ用画像 */
#menu #menu-search dd      { background: url(../img/common/bg_menu_ns.jpg) left top no-repeat; }
#menu #menu-search dd a    { background-image: url(../img/common/bg_menu_ns.jpg); }
#menu #menu-search dd.by   { background: none; }
#menu #menu-search dd.by a { background: none; }

/* TOP */
#menu #menu_top dt {
	height: 27px;
	padding: 0;
	background: url(../img/common/bg_menu_default.jpg) left bottom no-repeat;
	color: #333;
	font-weight: bold;
	line-height: 27px;
	text-indent: 36px;
}

#menu #menu_top dt a {
	display: block;
	height: 27px;
	padding: 0;
	background: url(../img/common/bg_menu_default.jpg) left top no-repeat;
	color: #000;
	font-weight: normal;
	line-height: 27px;
	text-indent: 24px;
	text-decoration: none;
}

#menu #menu_top dt a:hover {
	background: url(../img/common/bg_menu_default.jpg) left center no-repeat;
	font-weight: bold;
	text-indent: 36px;
	text-decoration: none;
}

#menu dd.by {
	height: auto;
	margin: 0 0 10px 0;
	background: none;
	font-size: 10px;
	text-align: right;
	line-height: 12px;
	text-indent: 0;
}

#menu dd.by a {
	display: inline;
	margin: 0;
	padding: 0;
	background: none;
	color: #00f;
	line-height: 12px;
	text-indent: 0;
}

#menu dd.by a:hover {
	background: none;
	font-weight: normal;
	text-decoration: underline;
	text-indent: 0;
}

#menu #menu-etc {
	margin: 0 0 10px 0;
}

#menu #menu-etc.menu dt {
	margin-bottom: 5px;
}

#menu #menu-etc.menu dd {
	height: 18px;
	padding: 0;
	background: none;
	text-indent: 24px;
	line-height: 18px;
}

#menu #menu-etc dd a {
	display: inline;
	padding: 0;
	background: none;
	line-height: 18px;
}

#menu #menu-etc dd a:hover {
	font-weight: normal;
	text-indent: 24px;
	text-decoration: underline;
}


/* #honne
------------------------------------------------------------------ */
#menu #honne {
	width: 194px;
	margin: 0 0 10px auto;
	background: url(../img/common/bg_honne.gif) left top repeat-y;
}

#menu #honne .header {
	height: 54px;
	background: url(../img/common/cap_honne.gif) left top no-repeat;
	font-family: "ヒラギノ角ゴ Pro W6","ＭＳ Ｐゴシック",sans-serif;
	font-size: 10px;
	font-weight: bold;
}

#menu #honne .header p {
	margin: 0;
	padding: 13px 0 0 30px;
	text-indent: 4px;
	line-height: 15px;
}

#menu #honne .header p strong {
	display: block;
	font-size: 15px;
	line-height: 18px;
	text-indent: 0;
}

#menu #honne .body {
	padding: 0 5px 20px 5px;
	background: url(../img/common/bg_honne_bottom.gif) left bottom no-repeat;
}

#menu #honne .description {
	margin: 0 20px 7px 0;
	padding: 0;
	color: #666;
}

#menu #honne dl {
	margin: 0 0 0 3px;
	padding: 0;
	color: #033;
}

#menu #honne dl dt {
	margin: 0 0 5px 0;
	padding: 0;
}

#menu #honne dl dd {
	margin: 0 0 10px 0;
	padding: 0;
}

#menu #honne select {
	width: 95%;
}

#menu #honne textarea {
	width: 168px;
	border: 1px solid #333;
	font-size: 12px;
}

#menu #honne input {
	display: block;
	margin: 0 auto 0 auto;
	padding: 2px 4px 2px 4px;
	border-top: 2px solid #A0A0A0;
	border-left: 2px solid #A0A0A0;
	border-right: 2px solid #505050;
	border-bottom: 2px solid #505050;
	background-color: #868686;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
}

#menu #honne input.hidden {
	display: none;
}

#menu #honne form {
	margin: 0;
	padding: 0;
}

/* #footer
------------------------------------------------------------------ */
#footer {
	margin: 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #ccc;
}

#footer .global-navi,
#footer .etc-navi {
	margin: 0 0 7px 0;
	padding: 0;
	color: #00f;
	text-align: center;
	line-height: 18px;
}

#footer .etc-navi {
	font-size: 10px;
}

#footer .bar {
	padding: 0 5px 0 5px;
}

#footer .presented {
	margin: 0 0 12px 110px;
	padding: 0;
}

#footer .ns {
	float: left;
	width: 280px;
	margin: 0;
	padding: 0 0 0 110px;
}

#footer .mm {
	float: right;
	width: 290px;
	margin: 0;
	padding: 0 60px 0 0;
}

#footer dl dt {
	margin: 0 0 2px 0;
	padding: 0;
}

#footer dl dd {
	margin: 0 0 15px 0;
	padding: 0;
	color: #333;
	font-size: 10px;
}

#footer .copyright {
	clear: both;
	margin: 0;
	padding: 0 12px 0 0;
	background-color: #ccc;
	color: #333;
	line-height: 20px;
	text-align: right;
}

#footer a {
	white-space: nowrap;
}