/*------　style.css　日本語コメント＆フォント名使用のためUTF-8で保存------*/

/*------　basic elements　------*/
body {
	margin: 0px;	padding: 0px;
	background-color: #FFF;
	color: #333;
	font-size: 12px;
	font: 12px 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	text-align: center;
	border-top: 3px solid #225CA0;
	background: url(../img/bg.jpg) repeat-x 0 0;
	}
img {
	border: none;
	}
.visible { display: block; }
.invisible { display: none; }

/*------　div: page (defines the area of content)  ------*/
#page {
	margin-left: auto; margin-right: auto;	/*--FF用--*/
	}
#pagetop .invisible {
	display: none;
	}

/*------　div: header ------*/
#header{
	width: 1000px;
	height: 50px;
	text-align: left;
	margin-left: auto; margin-right: auto;	/*--FF用--*/
	}

/*------　div: header > title------*/
#header #title {
	margin: 25px 0 0;
	width: 500px;
	height: 35px;
	}
#header #title h1 { 
	margin: 0px;
	padding: 0px;
	}
#header #solonavi {
	margin-top: 30px;
	margin-left: 850px;
	top: 0px;
	position: absolute;
	text-align: right;
	}
#header #solonavi ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
#header #solonavi ul li {
	display: block;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
	height: 20px;
	text-decoration: none;
	}
#header #solonavi ul li.btn a {
	display: block;
	background: url(../img/bg_btn_header.gif) no-repeat;
	background-position: 0px 0px;
	}
#header #solonavi ul li.btn a:hover {
	background: url(../img/bg_btn_header_o.gif) no-repeat;
	}
#header #solonavi ul li.info {
	line-height: 150%;
	width: 160px;
	}
#header #solonavi ul li.logout a:hover {
	margin: 0px;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	}

/*------　div: navibase ------*/
/*
#navibase {
	clear: both;
	height: 5px;
	}
#navibase #navi {
	}
#navibase #navi ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
#navibase #navi ul li {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 30px;
	text-decoration: none;
	}
#navibase #navi ul li a:hover {
	background-color: #3377C7;
	}
#navibase #navi ul li.here {
	background-color: #3377C7;
	}
*/

/*------　div: content ------*/
#content {
	clear: both;
	width: 1000px;
	text-align: left;
	margin-left: auto; margin-right: auto;	/*--FF用--*/
	border-top: 0px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
	background: url(../img/bg_content.gif) repeat-y;
	}

/*------　div: content > menu ---*/
#content div#menu {
	width: 180px;
	padding: 0px;
	padding: 0px 0px 0px 1px;
	float: left;
	}

div#menu div.navi {
}

div#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

div#menu div.opened {}

div#menu h2.menu_heading {
	display: block;
	width: 180px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	position: relative;
	color: #333 !important;
	background: url(../img/bg_menu_01.gif) no-repeat;
	background-position: 0px 0px;
	line-height: 29px;
	font-size: 100%;
	text-indent: 15px;
	font-weight: bold;
}
div#menu h2.opened {
}
div#menu h3.menu_heading {
	display: block;
	width: 180px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	position: relative;
	color: #336699 !important;
	background: url(../img/bg_menu_04.gif) no-repeat;
	background-position: 0px 0px;
	line-height: 29px;
	font-size: 100%;
	text-indent: 28px;
	font-weight: bold;
}

div#menu h3.menu_heading span.toggle {
	padding: 0;
	width: 180px;
	height: 25px;
	position: absolute;
	top: 1px;
	right: 1px;
	background: url(../img/menu_toggle.gif) no-repeat;
	background-position: 150px 0px;
	cursor: pointer;
}

div#menu ul li.part {
	display: block;
	width: 180px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background: url(../img/bg_menu_04.gif) no-repeat;
	background-position: 0px 0px;
	line-height: 29px;
	text-indent: 15px;
	color: #336699 !important;
	font-weight: bold;
	}
div#menu ul li a {
	display: block;
	width: 180px;
	height: 29px;
	background: url(../img/bg_menu_02.gif) no-repeat;
	background-position: 0px 0px;
	color: #336699 !important;
	text-decoration: none;
	line-height: 29px;
	text-indent: 33px;
}
div#menu ul li a:hover {
	background: url(../img/bg_menu_03.gif) no-repeat;
	background-position: 0px 0px;
	color: #FFF !important;
	text-decoration:none;
	line-height: 29px;
	text-indent: 33px;
	}

div#menu li span {
	display: block;
	font-size: 10px;
	text-indent: 33px;
	height: 29px;
	}

/*------　div: content > main ------*/
#content #main {
	width: 819px;
	padding-top: 0px;
	padding-bottom: 20px;
	text-align: left;
	float: right;
	overflow: auto;
	overflow-y:hidden;
	clear:right;
	}
#login-content #main {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 20px;
	text-align: left;
	}


/*------　div: content > main > block ------*/
#content #main .block {
	margin: 15px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	width: 790px;
	}
#content #main h2 {
	margin: 0px 0px 20px;
	padding: 0px 0px 2px;
	border-bottom: 2px solid #3377C7;
	font-size: 17px;
	color: #3377C7;		/*--ブロックタイトルの文字色--*/
	}
#content #main h3 {
	margin: 0px 0px 10px;
	padding: 0px 0px 2px;
	border-bottom: 1px dotted #3377C7;
	font-size: 15px;
	color: #3377C7;	
	}
#content #main #alert {
	border: 1px solid #888;
	padding: 10px;
	background: #FCC;
	}
#content #main #information {
	border: 1px solid #888;
	padding: 10px;
	background: #CFF;
	width: 300px;
	}
#content #main a {
	color: #33C;
	}
#content #main a:hover {
	color: #0AF;
	}
#content #main .pagetop {
	clear :both;
	height: 40px; padding-top: 20px;
	margin-right: 0px;
	margin-top: 20px;
	border-top: 1px dotted #CCC;
	}
#content #main .pagetop a {
	display: block;
	margin-top: 0px;	/*--FF対策--*/
	margin-right: 5px;
	padding-top: 2px;
	text-align: right;
	text-decoration: none;
	}
#content #main textarea {
	font-size: 12px;
	}

#content #main .line {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-bottom: 1px dotted #AAA;
	}

/*------　div: content > main > category関連 ------*/
#content #main #category {
	}

#content #main #category .categorylist {
	float: left;
	width: 190px;
	background-color: #F5F5F5;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 5px;
	}

#content #main #category .categorylist ul {
	margin: 10px 5px;
	padding: 0px;
	list-style: none;
	}

#content #main #category .categorylist ul li {
	margin: 10px 0px;
	padding: 0px;
	}

#content #main #category .categorylist span {
	color: #888888;
	}

#content #main #category .categorylist .Text_Blue_Small {
	font-size: 10px;
	color: #3377C7;
	}

#content #main #category .categorymain {
	float: right;
	width: 570px;
	}


/*------　div: content > main > table関連 ------*/
#content #main table, #content #main th, #content #main td {
	border: 1px solid #999;		/*--ボーダー色はデザインに合わせる--*/
	border-collapse: collapse;
	padding: 7px 4px;
	font-size: 12px;
	vertical-align: middle;
	}	/*--ここの設定は下位のtableに継承される為、細かく記述しないこと--*/

#main table {	background: #FFF;	}
/*#main td {	background: #FFF;	}*/

#main caption {
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	color: #89964D;
	}

#content #main table.textop td, .textop th {	/*--table内の文字を全て上揃えにしたい時--*/
	vertical-align: top;
	}
#content #main table.center {	/*--tableを中央配置したい時--*/
	margin-left: auto; margin-right: auto;
	}
#content #main .noborder table, #content #main .noborder td, #content #main .noborder th {	/*--tableを線なしにする場合--*/
	border: none;	/*<div class="noborder">でtableの前後を囲む*/
	}
#content .tr0 { color: #FFFFFF; background: #85ADDA !important; font-weight: bold; }
#content .tr1 { background: #E8EEF8 !important; }
#content .tr2 { background: #EDEDED !important; }
#content .trdef { background: transparent !important; }
#content #main td img {
	margin: 2px 0px;
	}
#content #main td img.lbl {
	margin: 0px;
	}
#content #main td span {
	font-size: 10px;
	color: #CF3E7F;
	}
#content #main span.Text_Blue_Small {
	font-size: 10px;
	color: #3377C7;
	}

/*------　div: content > main > img関連 ------*/
#content #main img.left {
	margin-right: 10px; margin-bottom: 5px;
	float: left;
	}
#content #main img.right {
	margin-left: 10px; margin-bottom: 5px;
	float: right;
	}
#content #main .tile table, #content #main .tile td {	/*--タイル状配置--*/
	border: none;
	padding: 2px;
	}
#content #main .tile img {
	margin: 0px;
	vertical-align: bottom; /*--画像をbaseline(スキマ有)ではなくbottomに配置(IE6以外)--*/
	}
#content #main a img.imgBtn {
	margin-right: 12px;
	}
#content #main a:hover img.imgBtn {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	}
#content #main a img.imgBtnSelect {
	}
#content #main a:hover img.imgBtnSelect {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	}

/*------　div: footer  ------*/
#footer {
	clear: both;
	width: 100%;
	margin-top: 20px;
	border-top: 3px solid #225CA0;
	}

/*------　div: footer > footernavi ------*/
#footer #footernavi {
	height: 3px;	/*--計3px--*/
	margin: 0px;
	}

/*------　div: footer > copyright ------*/
#footer #copyright {
	padding-top: 10px;
	margin: 0px;
	color: #666;
	}
#footer #copyright a {
	color: #666;
	text-decoration: none;
	}
#footer #copyright a:hover {
	color: #E00;
	}

/*------　div: login content ------*/
#login-content {
	clear: both;
	height: 100%;	/*全ブラウザ用*/
	overflow: auto;	/*IE以外*/
	width: 100%; 
	}

#loginbox {
	margin: 100px auto;
	padding: 20px 0px 30px;
	width: 400px;
	border: 5px solid #85adda;
	background-color: #e8eef8;
	}



/*=======　共通で使用するクラス　========*/

/*------　text colors　------*/
.accent {	color: #F00;	}
.hot	{	color: #E64;	}
.cool	{	color: #AAA;	}
.light	{	color: #AAA;	}
.confirm	{	color: #808;	}
.passed	{	color: #F00;	}
.alert {	color: #F00;	}
.green {	color: #3A0;	}
.required {	background: #DEE6FF;	} ※必須入力項目の背景色
.thlink a {	color: #888 !important;	}
.indent10 {	margin-left: 10px;	}
.indent20 {	margin-left: 20px;	}
.indent30 {	margin-left: 30px;	}

.visible { display: block; }
.invisible { display: none; }

.thumb {
	width: 110px; height: 130px; 
	text-align: center;
	}

/*------　text style　------*/
.exp {
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
.subtext {
	font-size: 9px;
}
.subred {
	font-size: 9px;
	color: #D00;
	font-weight: normal;
}