@charset "Shift_JIS";

/*-----------------------------------------------------------------------------
=header
-----------------------------------------------------------------------------*/

div#headerWrap {
	width:100%;
	background:url(../images/header/bg_header.gif) repeat-x 0 0;
	}

/* =ヘッダー
------------------------------------------------------------------*/
div#header {
	width:960px;
	height:90px;
	margin: 0 auto;
	text-align:left;
	}
	div#header p#siteRead {
		float:left;
		width:850px;
		height:18px;
		line-height:18px;
		color:#333333;
    font-size:10px;
		}
	div#header p#powered {
		float:right;
		width:103px;
		height:18px;
		line-height:18px;
		color:#333333;
		font-size:x-small;
		}
div#headerInner {
	clear:both;
	widows:960px;
	height:68px;
	background:url(../images/header/bg_form.gif) repeat-y right top;
	}
div#headerInner02 {
	clear:both;
	widows:960px;
	height:68px;
	}

div#headLeft {
	display:inline;
	float:left;
	width:231px;
	}
	div#headLeft h1 {
		display:inline;
		float:left;
		margin:7px 0px 0 0;
		}
	div#headLeftInner {
		display:inline;
		float:left;
		width:309px;
		}
	div#headLeft p#publish {
		width:193px;
		margin: 0 0 6px 0;
		}
	div#headLeft p#publish img {
		margin:10px 0 0 3px;
		}
	div#headLeft p#deliver {
		display:inline-table;
		color:#FFFFFF;
		background:url(../images/header/bg_deliver01.gif) no-repeat left top;
		}
	div#headLeft p#deliver span {
		display:inline-block;
		height:20px;
		padding: 0 0 0 32px;
		line-height:20px;
		background:url(../images/header/bg_deliver02.gif) no-repeat right top;
		}
div#headRight {
	display:inline;
	float:right;
	width:261px;
	}
div#headBanner {
	display:inline;
	float:left;
	width:460px;
	margin:7px 5px 0 2px;
	text-align:right;
	}
	
div#headBannerOtherWindow {
	display:inline;
	float:right;
	width:400px;
	text-align:right;
	margin:7px 0 0 0;
	}
	
/* ログイン前 - ログインフォーム */
div#loginWrap {
	position:relative;
	}
	div#loginWrap label.label_check {
		position:absolute;
		top:3px;
		left:59px;
		width:112px;
		height:13px;
		font-size:1px;
		line-height:1;
		text-indent:-9999px;
		text-decoration:none;
		}
	div#loginWrap label.label_check input {
		position:absolute;
		left:-9999px;
		}

	label.c_off, label.c_on {
		padding-left: 20px;
		}
	label.c_off input, label.c_on input {
		position: absolute; left: -9999px;
		}
	label.c_off {
		background:url(../images/header/bg_form_check.gif) no-repeat 0 0;
		}
	label.c_on  {
		background:url(../images/header/bg_form_check_on.gif) no-repeat 0 0;
		}

div#loginWrap form {
	}
	div#loginWrap div#labelID {
		margin:0px 0 2px 0;
		padding:19px 0 0 0;
		width:196px;
    zoom: 100%;
		height:22px;
		line-height:22px;
		background:url(../images/header/bg_form_id.gif) no-repeat 59px 19px;
		}
		div#loginWrap div#labelID img {
			display:inline;
			float:left;
			margin:4px 3px 0 41px;
			}
		div#loginWrap div#labelID input {
			display:inline;
			float:left;
			width:110px;
			height:18px;
			line-height:18px;
			margin: 1px 0 1px 18px;
			border:solid 1px #FFF;
			}
	div#loginWrap div#labelID:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
		}


	div#loginWrap div#labelPW {
		padding:0;
		width:196px;
    zoom: 100%;
		height:22px;
		line-height:22px;
		background:url(../images/header/bg_form_pw.gif) no-repeat 59px 0;
		}
		div#loginWrap div#labelPW img {
			display:inline;
			float:left;
			margin:4px 3px 0 4px;
			}
		div#loginWrap div#labelPW input {
			display:inline;
			float:left;
			width:110px;
			height:18px;
			line-height:18px;
			margin: 1px 0 1px 18px;
			border:solid 1px #FFF;
			}
	div#loginWrap div#labelPW:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
		}


	div#loginWrap p#regBtn {
		display:block;
		width:60px;
		height:40px;
		position:absolute;
		top:2px;
		left:196px;
		z-index:10;
		}
	div#loginWrap span#loginBtn {
		display:block;
		width:60px;
		height:24px;
		position:absolute;
		top:43px;
		left:196px;
		z-index:10;
		}

/* ログイン前 - トップ以外 */
div#loginWrap p#loginBtn02 {
	display:block;
	width:66px;
	height:38px;
	position:absolute;
	top:24px;
	left:48px;
	padding:0;
	}
div#loginWrap p#regBtn02 {
	display:block;
	width:108px;
	height:38px;
	position:absolute;
	top:24px;
	left:116px;
	padding:0;
	}

/* ログイン後 - ログインフォーム */
	div#loginWrap p#welcome {
		display:block;
		width:223px;
		height:20px;
		line-height:20px;
		padding: 0 0 0 26px;
		margin:4px 0 0 6px;
		font-weight:bold;
		background:url(../images/header/bg_welcome.gif) no-repeat 0 0;
		}
		div#loginWrap p#welcome span {
			padding: 0 0 0 5px;
			}
	div#loginWrap p#mypage {
		display:block;
		width:96px;
		height:33px;
		margin:7px 0 0 6px;
		}
	div#loginWrap p#logput {
		display:inline-table;
		position:absolute;
		top:40px;
		left:196px;
		padding: 0 0 0 8px;
		font-size:x-small;
		background:url(../images/header/icon_logout.gif) no-repeat 0 2px;
		}
		div#loginWrap p#logput a:link {
			color:#000000;
			text-decoration:none;
			}
		div#loginWrap p#logput a:visited {
			color:#5c3b93;
			text-decoration:none;
			}
		div#loginWrap p#logput a:hover {
			color:#d71400;
			text-decoration:none;
			}
		div#loginWrap p#logput a:active {
			color:#d71400;
			text-decoration:none;
			}