@charset "utf-8";

/* 共通CSS読み込み ------------- */

@import "default.css";

/* ----------------------------- */



/* ---------------------------------
  TOP Page
--------------------------------- */

#header h1.com {
	width: 294px;
	height: 37px;
	margin-left: 10px;
	text-indent: -9999px;
	background: transparent url(../imgs/saaj.gif) no-repeat;
}

#top {
	padding: 6px 17px 10px;
	_padding-bottom: 20px;
	zoom: 1;
	background: transparent url(../imgs/bg.gif) repeat-y;
}


/* --- 上段 --- */

#top div#upper {
	zoom: 1;
	margin-bottom: 15px;
	background: transparent url(../../imgs/top/bg_upper.gif) no-repeat right top;
}

div.upper-left {
	float: left;
}

div.upper-right {
	float: right;
}

#top div#upper div.director {
	width: 306px;
	margin: 17px 5px 0 0;
	padding-top: 4px;
	background: transparent url(../../imgs/top/bg_director.gif) no-repeat;
}

#top div#upper div.director div.message {
	width: 284px;
	min-height: 84px;
	height: auto !important;
	height: 84px;
	margin-left: 11px;
	padding: 3px 0 5px;
	background: transparent url(../../imgs/top/bg_director.jpg) no-repeat;
	background-position: 198px 0;
}

#top div#upper div.director div.message h2 a {
	width: 169px;
	height: 17px;
	margin-bottom: 10px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	background: transparent url(../../imgs/top/ttl_director.gif) no-repeat;
}

#top div#upper div.director div.message dl dt,
#top div#upper div.director div.message dl dd {
	font-size: 1.2em;
	line-height: 1.5;
}

#top div#upper div.director div.message p.back {
	min-height: 12px;
	height: auto !important;
	height: 12px;
	margin: 0.5em 0 0;
	padding-left: 15px;
	font-size: 1.2em;
	line-height: 1.5;
	background: transparent url(../imgs/icon_arrow01.gif) no-repeat left center;
}

#top div#upper div.login {
	width: 306px;
	padding-top: 3px;
	background: transparent url(../../imgs/top/bg_login.gif) no-repeat;
}

#top div#upper div.login h2 {
	height: 25px;
	margin: 0 2px;
	text-indent: -9999px;
	background: transparent url(../../imgs/top/ttl_login.gif) no-repeat;
}

#top div#upper ul.selector {
	margin-top: 5px;
}

#top div#upper ul.selector li {
	margin-left: 10px;
	font-size: 1.2em;
	display: inline;
}

#top div#upper ul.selector input {
	margin-right: 3px;
}

#top div#upper div.login div#login-mypage,
#top div#upper div.login div#login-shift {
	min-height: 90px;
	height: auto !important;
	height: 100px;
	padding: 4px 6px 5px;
}

*:first-child+html #top div#upper div.login div#login-mypage,
*:first-child+html #top div#upper div.login div#login-shift {
	min-height: 88px;
}

#top div#upper div.login div#login-shift {
	display: none;
}


#top div#upper div.login form input.uifrm,
#top div#upper div.login form input.pwfrm {
	width: 215px;
	_width: 225px;
	height: 14px;
	_height: 22px;
	padding: 3px 5px;
	font-size: 1.2em;
	color: #999;
	border: 1px solid #ccc;
}

#top div#upper div.login form input.pwfrm {
	margin-top: 4px;
}

#top div#upper div.login div#login-mypage ul.confirm {
	margin-top: 10px;
}

#top div#upper div.login div#login-mypage ul.confirm li {
	margin-left: 10px;
	padding-left: 15px;
	font-size: 1.2em;
	display: inline;
	background: transparent url(../imgs/icon_arrow01.gif) no-repeat;
}

#top div#upper div.login div#login-mypage p,
#top div#upper div.login div#login-shift p {
	margin: 5px 0 0;
}

#top div#upper div.login div#login-mypage form,
#top div#upper div.login div#login-shift form {
	min-height: 53px;
	height: auto !important;
	height: 53px;
}

#top div#upper div.login input.btn {
	width: 62px;
	height: 53px;
	text-indent: -9999px;
	float: right;
}

#top div#upper div.login div#login-mypage input.btn {
	background: transparent url(../../imgs/top/btn_login_r.gif) no-repeat;
}

#top div#upper div.login div#login-shift input.btn {
	background: transparent url(../../imgs/top/btn_login_b.gif) no-repeat;
}

#top div.upper-bottom {
	height: 12px;
	width: 306px;
	background: transparent url(../../imgs/top/bg_upper-bottom.gif) no-repeat left top;
}


/* --- 下段 --- */

#top div#lower {
	zoom: 1;
	margin-bottom: 15px;
}


/* --- 下段左 --- */

#top div.whats {
	width: 612px;
	margin-right: 10px;
	float: left;
}

#top div.whats h2 {
	width: 67px;
	height: 15px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background: transparent url(../../imgs/top/ttl_whats.gif) no-repeat;
}

#top div.whats p.backnumber {
	margin: -20px 0 0;
	float: right;
}

#top div.whats p.backnumber a {
	padding-left: 15px;
	font-size: 1.2em;
	line-height: 1.5;
	background: transparent url(../imgs/icon_arrow01.gif) no-repeat;
}

#top div.whats dl {
	width: 612px;
	height: 455px;
	overflow-y: scroll;
	border: 1px solid #999;
}

#top div.whats dl dt {
	padding: 0.8em 1em 0 1em;
	color: #666;
	font-size: 1.2em;
	line-height: 1.5;
	font-weight: bold;
}

#top div.whats dl dd {
	padding: 0 1em 0.8em 1em;
	font-size: 1.2em;
	line-height: 1.5;
	border-bottom: 1px solid #cdcdcd;
}


/* --- 下段右 --- */

#top div.attention {
	width: 306px;
	float: left;
}

#top div.attention h2 {
	width: 84px;
	height: 15px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background: transparent url(../../imgs/top/ttl_attention.gif) no-repeat;
}

#top div.attention dl dt,
#top div.attention dl dd {
	padding: 10px 10px 0;
	background-color: #e6e6e6;
}

#top div.attention dl dt {
	background: #e6e6e6 url(../imgs/icon_arrow01b.gif) no-repeat;
	background-position: 10px 10px;
}

#top div.attention dl dt a {
	padding-left: 20px;
}

#top div.attention dl dt a img {
	height: 13px;
}

#top div.attention dl dd {
	margin-bottom: 2px;
	padding-bottom: 10px;
}

#top div.attention dl dd ul {
	margin-left: 15px;
}

#top div.attention dl dd ul li a {
	padding-left: 10px;
	font-size: 1.2em;
	line-height: 1.5;
	background: transparent url(../imgs/icon_arrow02g.gif) no-repeat 0 3px;
}


/* ----------------------------- */



/* ---------------------------------
  Site Map
--------------------------------- */

div.sitemap {
	margin-top: 10px;
	padding-left: 10px;
	_padding-left: 0;
	zoom: 1;
	background: transparent url(../imgs/dot_glay01.gif) repeat-y center top;
}

div.tree {
	width: 435px;
	margin: 0 10px;
	float: left;
	border-bottom: 1px solid #c8c8c8;
}

div.tree ul li {
	margin-bottom: 10px;
	padding: 10px 0 0 20px;
	font-size: 1.2em;
	line-height: 1.5;
	border-top: 1px solid #c8c8c8;
}

div.tree ul li a {
	font-weight: bold;
}

div.tree ul li ul li,
div.tree ul li ul li ul li {
	margin: 0;
	padding: 0;
}

div.tree ul li ul li a,
div.tree ul li ul li ul li a {
	font-weight: normal;
}

div.tree ul li ul {
	margin-top: 1em;
}

div.tree ul li ul li {
	padding-left: 15px;
	font-size: 1em;
	font-weight: normal;
	border-top: none;
	background: transparent url(../imgs/icon_dot01.gif) no-repeat 0 5px;
}

div.tree ul li ul li ul {
	margin: 0 0 0 20px;
}

div.tree ul li ul li ul li {
	padding-left: 10px;
	font-size: 1em;
	border-top: none;
	background: transparent url(../imgs/icon_line01.gif) no-repeat 0 8px;
}

div.tree ul li ul li ul li ul {
	margin: 0 0 0 10px;
}

div.tree ul li ul li ul li ul li {
	background: none;
}

p.pl300 {
	margin-left:300px;
	}

/* ----------------------------- */