@charset "utf-8";
/* ----------------------------------------
CSS Information

 Site URL:		http://www.rakuhen.com
 File name:		common.css(http://www.rakuhen.com/css/system.css)
 Summary:		all styles
 Created:		2009-1-6
 Lust update:	2009-1- by inoue
 Author:		Yumi Inoue
 Style Info:	システム用CSS
------------------------------------------ */


/* ログインページ */
#login_header {
	width:900px;
	height:100px;
	background:url(http://www.rakuhen.com/img/header.jpg) no-repeat;
	margin:0 auto;
}

#login_header h1 {
	text-indent: -1000em;
}

#login_mtop {margin-top:50px; overflow:hidden;}
#loginBox {
	position:relative;
	width:620px;
	height:233px;
	margin:20px auto 40px;
	overflow:hidden;
	background:#F2F3F5 url(http://www.rakuhen.com/img/icon_login.gif) no-repeat top left;
	text-align:left;
}

/* member */
#loginBox .rightBox {
	width:260px;
	position:absolute;
	top:38px;
	right:20px;
	background:#E8ECEF;
	border:1px solid #ADBFCF;
	padding:10px;
	font-weight:bold;
	font-size:12px;
}

.rightBox input {margin-bottom:2px;}
.rightBox span {font-size:12px; font-weight:normal; vertical-align:middle; margin-left:5px;}
.rightBox p {margin-top:5px; text-align:left;}


/* admin */
#loginBox .admin {
	width:260px;
	position:absolute;
	top:10px;
	right:20px;
	background:#E8ECEF;
	border:1px solid #ADBFCF;
	padding:10px;
	font-weight:bold;
	font-size:12px;
}

.admin input {margin-bottom:2px;}
.admin span {font-size:12px; font-weight:normal; vertical-align:middle; margin-left:5px;}
.admin p {margin-top:5px; text-align:left;}





/* 使用率（登録件数）
-----------------------------------*/
/* member */
#useRate {float:left; margin:0 auto 40px; width:900px;}
#useRate h2 {margin:20px 0 5px; font-size:14px; font-weight:bold;}

/* admin */
#ad_useRate {float:left; width:900px; height:84px;}
#ad_useRate h2 {margin:10px 0 5px; font-size:14px; font-weight:bold;}

/* 使用率バー */
.bar {
	width: 450px;
	height: 35px;
	background: #FFF;
	border: 1px solid #CCC;
}

.bar span {
	float:left;
	margin:8px;
}
.bar p {
	margin:10px 0 5px;
	float:right;
	text-align:left;
	font-weight:bold;
	line-height:1.9;
	margin-right:5px;
}





/* 見出しエリア(Admin) */
.m_title {
	width:900px;
	background:#CFC;
	border:1px solid #CCC;
	border-top:none;
	clear:both;
}

.m_title h2 {
	padding-left:10px;
	line-height:2.4;
	font-size:16px;
	font-weight:bold;
}


/* プロフィール用テーブル */
table.pf_t {
	width:650px;
	border:1px solid #CCC;
	border-right:none;
	border-bottom:none;
	text-align:left;
	font-size:12px;
	margin:30px auto 0;
}

table.pf_t th {
	width:100px;
	background:#F0F0F0;
	font-weight:bold;
	padding:7px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

table.pf_t td {
	padding:7px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

table.pf_t span {color:#900;}

/* エラー設定 */
table.pf_t span.error {
	color:#F00;
	display:block;
	clear:both;
	margin-bottom:3px;
}




/* 確認文体裁 */
p.confirm {
	color:#F00;
	font-size:16px;
	font-weight:bold;
	margin-top:30px;
}




/* テーマボックス */
.themesBox {
	width:650px;
	margin:40px auto 0;
	text-align:left;
	clear:both;
}

.themesBox textarea {width:645px; background:#F8FFDF;}
.themesBox h3 {
	font-weight:bold;
	font-size:14px;
	margin-bottom:3px;
}
.themesBox ul {margin-left:16px;}
.themesBox li {list-style:disc!important;}
.themesBox img {vertical-align:middle; margin-left:5px;}

/* テーマ用テーブル */
table.themes_t {
	width:645px;
	border:1px solid #CCC;
	border-right:none;
	border-bottom:none;
	text-align:left;
	font-size:12px;
}

table.themes_t th {
	width:180px;
	font-weight:bold;
	padding:7px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

table.themes_t td {
	padding:7px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}




/* 施工事例一覧テーブル */
.systemTable {
	width:900px;
	text-align:left;
	border:1px solid #CCC;
  	font-size:12px;
}

.systemTable th {
	padding:5px;
	border:1px solid #CCC;
	border-width:0 0 1px 1px;
	white-space:nowrap;
	background:#E8E8E8;
	font-weight:bold;
}

.systemTable th.timestamp {width:120px;}
.systemTable th.view {width:60px;}
.systemTable th.action {width:180px;}

.systemTable td {
	padding:3px;
	border:1px solid #CCC;
	border-width:0 0 1px 1px;
	white-space:nowrap;
}

/* submitエリア */
#submitBox {
	width:400px;
	text-align:center;
	margin:40px auto;
}

#submitBox input {vertical-align:middle; margin:0 5px;}
#submitBox img {margin:0 5px;}


/* 未公開背景 */
.systemTable tr.still {background:#FDF;}

/* ボタンエリア */
.systemTable td.btnArea {text-align:center;}
.systemTable td.btnArea img {margin:0 2px;}

/* リンク設定 */
.systemTable a {color:#0033CC;text-decoration:underline;}
.systemTable a:hover {color:#F00;text-decoration:underline;}

/* 未公開マーク */
.f_still {
	margin-left:10px;
	color:#F00;
	font-weight:bold;
}

/* リスト件数 */
#dispMsg {
	margin:0px auto;
	width:900px;
	overflow:hidden;
}

/* 表示件数 */
#dispMsg p{
	font-size:18px;
	font-weight:bold;
}

/* 注釈 */
#dispMsg span{
	float:right;
	line-height:2.0;
	font-size:12px;
}

/* レイアウト選択表示 */
#entryMsg {
	position:relative;
	width:900px;
	height:30px;
	background:#EEE;
	text-align:left;
	margin-bottom:20px;
}

#entryMsg h3 {
	font-weight:bold;
	font-size:14px;
	color:#F00;
	line-height:2.6;
	padding-left:5px;
}

#entryMsg img {
	position:absolute;
	top:6px;
	right:10px;
}

*html #entryMsg img {
	position:absolute;
	top:8px;
	right:10px;
}




/* 必須説明 */
#reqBox {
	width:710px;
	margin:0 auto 5px;
	text-align:left;
}

#del_img_notes {
	font-size:10px;
	color:#FF0000;
}


/* エントリーフォーム */
table.EntryForm {
	width: 710px;
	border: 1px solid #CCC;
	border-right:none;
	border-bottom:none;
	text-align:left;
	margin:0 auto;
	font-size:12px;
}

table.EntryForm th {
	width:130px;
	background:#FFC;
	font-weight:bold;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:15px 10px;
	vertical-align:top;
}

table.EntryForm span {color:#900; font-weight:bold;}

table.EntryForm p img {margin:5px 0;}

table.EntryForm td.clause {
	background:#FFF;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:15px 10px;
}

table.EntryForm td.req {
	padding:0px;
	width:2px;
	background:#900;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}

table.EntryForm td.no_req {
	padding:0px;
	width:2px;
	background:#FFF;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}

table.EntryForm input {vertical-align:middle; margin-right:3px;}
table.EntryForm input.bg {background:#EBEBEB;}

table.EntryForm textarea {margin-right:3px;}
table.EntryForm textarea.bg {background:#EBEBEB;}
table.EntryForm li {display:inline; margin:0 15px 0 0;}

/* エラー設定 */
table.EntryForm span.error {
	color:#F00;
	display:block;
	clear:both;
	margin-bottom:3px;
	font-weight:normal;
}



/* 体裁揃え用入れ子テーブル */
table.inner {
	width:500px;
	padding:0;
	margin:0;
	font-size:12px;
}

table.inner th {
	width:130px;
	background:#FFF!important;
	padding:10px 0 10px 0!important;
	border:none!important;
	font-weight:normal;
}

table.inner td {
	border-right:none!important;
	font-weight:normal;
}

/* ラインあり */
table.inner2 {
	width:530px;
	padding:0;
	margin:0;
	font-size:12px;
	border-bottom:1px solid #CCC;
}

table.inner2 th {
	width:130px;
	background:#FFF!important;
	padding:10px 0 10px 0!important;
	border:none!important;
	font-weight:normal;
}

table.inner2 td {
	padding:10px 0;
	border-right:none!important;
	font-weight:normal;
}

/* ライン削除 */
.bnone {border-bottom:none!important;}


/* 編集時の画像表示 */
.pic {
	width:280px;
	float:left;
	font-weight:bold;
}

.pic img {margin-bottom:5px; clear:both;}





/* プレビュー */
#preBox {
	width:900px;
	background:#CFC;
	margin:20px auto 40px;
	text-align:left;
	overflow:hidden;
}

#preBox_in {width:600px; margin:10px 0 10px 20px;}
#preBox_in h2 {color:#900; font-size:14px; font-weight:bold;}
#preBox_in input {margin:5px 2px 0 0;}

/* ヘッダー・フッターエリア */
#header_Area,
#footer_Area {
	width:100%;
	margin:0 auto;
	padding:0;
}




/* プレビュー(削除あり) */

#preBox_view {width:600px; margin:10px 0 10px 20px;}
#preBox_view h2 {color:#000; font-size:14px; font-weight:bold;}
#preBox_view input {margin:5px 2px 0 0;}

/* ヘッダー・フッターエリア */
#header_Area {
	width:100%;
	margin:0 auto;
	padding:0;
	clear:both;
}

#footer_Area {
	width:100%;
	margin:50px auto 0;
	padding:0;
	clear:both;
}



/* ページ送り */
#linkNumber {
	margin:30px auto 0;
	width:350px;
	text-align:center;
}

#chpg{padding-top:0.5em 0;text-align:center;zoom:1;}
#chpg p{font-size:131%;}
#chpg p br{display:none;}
#chpg span,#chpg a{padding:0.25em 0.4em;margin:2px;border:1px solid #eee;zoom:1;}
#chpg span{background:#eee;font-weight:bold;}
#chpg #chprvb{position:relative;left:0.15em;zoom:1;}
#chpg #yschnxtb a,#chpg #chprvb a{margin-right:0;_padding-bottom:0.1em;text-decoration:none;_height:1.35em;}
*+html body #chpg a,*+html body #chpg #chprvb a{padding-top:0.2em;}
#chpg a b,#yschpg #chprvb a b{text-decoration:underline;}
#chpg a span,#chpg #chprvb a span{padding:0;margin:0;background-color:transparent;border:0 none;font-weight:normal;font-family:Tahoma;line-height:1;zoom:1;}
#chpg a:hover{border-color:#00d;background:#039;color:#fff;}
#chpg a:hover span,#chpg #chprvb a:hover span{border-color:#039;background:#039;color:#fff;}





/* エラー設定 
------------------------------------*/
/* ログインエラー */
#sml_error {
	position:relative;
	width:415px;
	height:55px;
	border:3px solid #EFC8C9;
	background:#FFF url(http://www.rakuhen.com/img/error_mark.gif) no-repeat center left;
	text-align:left;
	margin:0 auto;
}

#sml_error p {
	position:absolute;
	top:11px;
	left:60px;
	color:#900;
	font-weight:bold;
	font-size:14px;
	line-height:1.2;
}



/* レイアウトエラー */
#layout_error {
	position:relative;
	width:360px;
	height:55px;
	border:3px solid #EFC8C9;
	background:#FFF url(http://www.rakuhen.com/img/error_mark.gif) no-repeat center left;
	text-align:left;
	margin:30px auto 30px;
}

#layout_error p {
	position:absolute;
	top:20px;
	left:60px;
	color:#900;
	font-weight:bold;
	font-size:14px;
	line-height:1.2;
}



/* フォームエラー (Admin) */
#Form_error {
	position:relative;
	width:560px;
	height:55px;
	border:3px solid #EFC8C9;
	background:#FFF url(http://www.rakuhen.com/img/error_mark.gif) no-repeat center left;
	text-align:left;
	margin:30px auto 0;
}

#Form_error p {
	position:absolute;
	top:20px;
	left:60px;
	color:#900;
	font-weight:bold;
	font-size:14px;
	line-height:1.2;
}


/* エントリーエラー */
#Entry_error {
	position:relative;
	width:500px;
	height:55px;
	border:3px solid #EFC8C9;
	background:#FFF url(http://www.rakuhen.com/img/error_mark.gif) no-repeat center left;
	text-align:left;
	margin:30px auto 30px;
}

#Entry_error p {
	position:absolute;
	top:20px;
	left:60px;
	color:#900;
	font-weight:bold;
	font-size:14px;
	line-height:1.2;
}


/* マイページ作成エラー */
#mypage_error {
	position:relative;
	width:350px;
	height:55px;
	border:3px solid #EFC8C9;
	background:#FFF url(http://www.rakuhen.com/img/error_mark.gif) no-repeat center left;
	text-align:left;
	margin:0 auto 30px;
}

#mypage_error p {
	position:absolute;
	top:19px;
	left:60px;
	color:#900;
	font-weight:bold;
	font-size:14px;
	line-height:1.2;
}