@charset "utf-8";

/*------------------------
=01 default style reset
=02 clearfix
=03 common
=04 layout
=05 module head
=06 module foot
=07 module navi
=08 module contents
=09 module form
=10 module page
=11 module top
=12 module item
=13 module mail
=14 module news
=15 module template
=16 module login
=17 module admin
=18 module system
=19 module etc
------------------------*/



/* =01 default style reset
------------------------*/

body,div,dl,dt,dd,ul,li,ol,li,
h1,h2,h3,h4,h5,form,p,
table,th,td,address,input{
	margin:0;
	padding:0;
}

body{
	font-size:90%;
	color:#333;
	line-height:1;
}
	
a img,img{
	border:0;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}
	
caption,th{
    	text-align:left;
}
	
ul,li,ol,li{
	list-style:none;
}

a{
	color:#69F;
	outline:none;
	text-decoration:underline;	
}

a:hover{
	text-decoration:none;
}

address{
	font-style:normal;
}

textarea{
	width:98%;
	font-size:12px;
	margin:5px 0;
}

iframe{
	border:none;
}


/* =02 clearfix
------------------------*/

.clearfix{
	/zoom:1;
}

.clearfix:after{
	content:'';
	display:block;
	clear:both;
	height:0;
}



/* =03 common
------------------------*/

.r_txt{
	text-align:right !important;	
}

.l_txt{
	text-align:left !important;	
}
	
.c_txt{
	text-align:center !important;	
}

.r_lnk{
	text-align:right;
	margin:0 !important;
}

.r_lnk a{
	line-height:150%;
	padding:0 10px 0 0;
	background:url(img/icon_arrow_01.gif) no-repeat right 3px;
}

/*img a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}*/



/* =04 layout
------------------------*/

body{
	padding:0 0 65px 0;
	background:#e5e5e5 url(img/body_bg.gif) repeat-x left bottom;
}

#wrapper{
	width:100%;
	margin:0 auto;
	background:url(img/wrapper_bg.gif) repeat-x left top;
	position:relative;
}

#header{
	width:980px;
	height:220px;
	margin:0 auto;
	background:url(img/head_bg.gif) no-repeat left top;
	position:relative;
}

#contents{
	width:918px;
	margin:0 auto;
	padding:0 30px 30px 30px;
	background:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

#footer{
	color:#878787;
	width:980px;
	height:220px;
	margin:0 auto;
	background:url(img/foot_bg.gif) repeat-x left top;
	position:relative;
}



/* =05 module head
------------------------*/

/*______ ロゴ ______*/

#logo a{
	width:148px;
	height:148px;
	text-indent:-9999px;
	position:absolute;
	top:22px;
	left:30px;
	_zoom:1;
}

#logo a:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


/*______ ヘッダーナビ ______*/

#header .h_navi{
	position:absolute;
	top:30px;
	right:0;
}


#header .h_navi li{
	line-height:25px;
	float:left;
}

#header .h_navi li a{
	color:#fff;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	border-left:1px solid #fff;
}

#header .h_navi li.logout a{
	width:75px;
	height:25px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	border-left:none;
	background:url(img/logout.gif) no-repeat 0 0;
}

#header .h_navi li.logout a:hover{
	background-position:0 -25px;
}



/* =06 module foot
------------------------*/

#footer .f_navi{
	margin:0 0 0 24px;
	_margin:0 0 0 6px;
	}

#footer .f_navi ul{
	font-size:80%;
	width:150px;
	height:100px;
	float:left;
	margin:80px 20px 20px 0;
	padding:0 20px 0 0;
	border-right:1px dotted #878787;
}

#footer .f_navi .title{
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #878787;
}

#footer .f_navi li{
	margin:0 0 5px 0;
}

#footer .f_navi a{
	color:#878787;
	line-height:150%;
	padding:0 0 0 15px;
	background:url(img/icon_arrow_01.gif) no-repeat left 50%;
}

#footer .f_navi ul.none{
	border-right:none;
}
	
#footer #address{
	clear:both;
	display:block;
	text-align:center;
}
#footer #address a{
	color: #666666;
    text-decoration: none;
}


/* =07 module navi
------------------------*/

#g_navi{
	width:745px;
	height:55px;
	position:absolute;
	bottom:50px;
	right:30px;
}

#g_navi li{
	float:left;
}

#g_navi li a{
	height:55px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:url(img/g_navi.gif) no-repeat;
}

#g_navi .navi01 a{
	width:170px;
	background-position:0 0;
}
	
#g_navi .navi02 a{
	width:170px;
	background-position:-170px 0;
}
	
#g_navi .navi03 a{
	width:200px;
	background-position:-340px 0;
}
		
#g_navi .navi04 a{
	width:205px;
	background-position:-540px 0;
}
	
#g_navi .navi01 a:hover{
	background-position:0 -55px;
	}

#g_navi .navi02 a:hover{
	background-position:-170px -55px;
	}

#g_navi .navi03 a:hover{
	background-position:-340px -55px;
	}

#g_navi .navi04 a:hover{
	background-position:-540px -55px;
	}


/* =08 module contents
------------------------*/

#main{
	width:680px;
	float:right;
}

#side{
	width:210px;
	float:left;
}


/*______ カラム ______*/

.column1 #main{
	width:920px;
}


/*______ パンくず ______*/

#topicpath{
	margin:0 auto 20px auto;
}

#topicpath li{
	color:#7c7c7c;
	font-size:80%;
	line-height:150%;
	display:inline;
	list-style-type:none;
	padding:0 6px 0 12px;
	background:url(img/topicpath.gif) no-repeat 0 51%;
}

#topicpath li a{
	color:#7c7c7c;
}

#topicpath li.home{
	padding:0 3px 0 18px;
	background:url(img/home.gif) no-repeat 0 50%;
}

#topicpath li strong{
	color:#333;
}



/* =09 module form
------------------------*/

/*______ 共通 ______*/

.ex{
	line-height:150%;
	margin:0 0 10px 0;
}

td input{
	margin:0 3px 3px 3px;
	padding:2px;
	position:relative;
	top:1px;
}

td label{
	line-height:200%;
	margin:5px 5px 0 0;
}


/*______ サブミット ______*/

.submit{
	text-align:center;
	padding:10px 0;
	clear:both;
}

.sbmt_login,
.sbmt_next,
.sbmt_back,
.sbmt_check,
.sbmt_regist,
.sbmt_edit,
.sbmt_send,
.sbmt_up,
.sbmt_close{
	width:110px;
	height:30px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	margin:0 20px;
}

.sbmt_login{
	background:url(img/sbmt_login.gif) no-repeat 0 0;
}

.sbmt_next{
	background:url(img/sbmt_next.gif) no-repeat 0 0;
}

.sbmt_back{
	background:url(img/sbmt_back.gif) no-repeat 0 0;
}

.sbmt_check{
	background:url(img/sbmt_check.gif) no-repeat 0 0;
}

.sbmt_regist{
	background:url(img/sbmt_regist.gif) no-repeat 0 0;
}

.sbmt_edit{
	background:url(img/sbmt_edit.gif) no-repeat 0 0;
}

.sbmt_send{
	background:url(img/sbmt_send.gif) no-repeat 0 0;
}

.sbmt_up{
	background:url(img/sbmt_up.gif) no-repeat 0 0;
}

.sbmt_close{
	background:url(img/sbmt_close.gif) no-repeat 0 0;
}

.sbmt_login:hover,
.sbmt_next:hover,
.sbmt_back:hover,
.sbmt_check:hover,
.sbmt_regist:hover,
.sbmt_edit:hover,
.sbmt_send:hover,
.sbmt_up:hover,
.sbmt_close:hover{
	background-position:0 -30px;
}


/*______ 登録フォーム ______*/

.form{
	background:#fff;
	margin:0 10px;
	padding:20px;
	}

.form table{
	width:100%;
	font-size:80%;
	margin:20px 0 0 0;
}
.form .check_table{
	font-size:120%;
}

.form table caption{
	color:#666;
	font-size:120%;
	padding:10px 0;
	border-bottom:1px dotted #ccc;
}

.form th,
.form td{
	line-height:150%;
	padding:10px;
}


.form th{
	text-align:right;
}

.form th span{
	color:#fff;
	font-size:78%;
	background:#ff6600;
	padding:3px 5px 3px 3px;
	margin:0 0 0 10px;
}

.form td{
	text-align:left;
}

.form td span{
	color:#fff;
	font-size:78%;
	background:#ff6600;
	padding:3px 5px 3px 3px;
	margin:0 0 0 10px;
}

.form td p{
	font-size: 90%;
	line-height:160%;
}

.form td.row label{
	width:43%;
	float:left;
}

.form td input.btn{
	padding:2px 10px;
	margin:0 5px;	
	}

.sbmt_add{
	width:80px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	margin:0 0 0 5px;
}

.sbmt_add{
	background:url(img/sbmt_add.gif) no-repeat 0 0;
}

.sbmt_add:hover{
	background-position:0 -20px;
}

.form .submit{
	width:150px;
	margin:0 auto;
}


/*______ チェックフォーム ______*/


.check{
	background:#fff;
	margin:0 10px;
	padding:20px;
	}
	
.check table{
	width:100%;
	margin:0 0 10px 0;
}

.check table caption{
	color:#666;
	padding:10px 0;
	border-bottom: double #ccc;
}

.check th,
.check td{
	font-size:80%;
	border-bottom:1px dotted #ccc;
	padding:7px;
}

.check th{
	width:30%;
	text-align:center;
}

.check td{
	width:70%;
	text-align:left;
	line-height: 160%;
}

.check .submit{
	width:300px;
	margin:0 auto;
}


/*______ 検索フォーム ______*/

.search{
	width:640px;
	margin:0 auto;
	padding:10px;
	background:#fff url(img/search_bg.gif) no-repeat center bottom;
}

.search p{
	width:640px;
	height:23px;
	padding:17px 0 0 0;
	background:url(img/title_search.gif) no-repeat center top;
}

.search p a{
	color:#333;
	font-weight:bold;
	padding-left:40px;
}

.search table{
	width:640px;
	margin:0 auto;
	background:#efefef;
	border-left:3px solid #bfbfbf;
	border-right:3px solid #bfbfbf;
}

.search th,
.search td{
	font-size:85%;
	padding:10px;
	}

.search th{
	width:20%;
	font-weight:bold;
	text-align:right;
}
	
.search td input{
	margin:0 3px 3px 0;
	padding:2px;
	position:relative;
	top:1px;
	}

.search td.row label{
	width:20%;
	float:left;
	}
	
.search td label{
	margin:5px 5px 0 0;
	}

.search .submit{
	background:#efefef;
	border-left:3px solid #bfbfbf;
	border-right:3px solid #bfbfbf;
}

.sbmt_search{
	width:110px;
	height:30px;
	/display:block;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	margin:0 20px;
}

.sbmt_search{
	background:url(img/sbmt_search.gif) no-repeat 0 0;
}

.sbmt_search:hover{
	background-position:0 -30px;
}


/*______ エラー ______*/

.error{
	padding:20px;
	margin:20px auto 0px auto;
	border:2px solid #ff6600;
	background:#ffffee;
}
	
.error .msg{
	font-weight:bold;
	color:#ff6600;
	line-height:150%;
	padding:5px 0 5px 25px;
	margin:0 0 10px 0;
	border-bottom:1px dashed #ff6600;
	background:url(img/icon_alert.gif) no-repeat 0 50%;
}

.error ul{
	padding:0 10px;
}
	
.error li{
	font-size:85%;
	color:#ff6600;
	line-height:180%;
	background:url(img/icon_arrow_02.gif) no-repeat 0 50%;
	padding:0 0 0 12px;
}
	
tr.validate{
	background:#ffffcc;
}

.validate p{
	color:#ff6600;
	margin:0 0 0 3px;
}

.validate .error{
	border:none;
	background:none;
	padding:0;
	margin:0;
}

.validate .error p{
	margin:0 0 5px 0;
}

.validate input{
	border:1px solid #ff6600;
}



/* =10 module common page
------------------------*/

/*______ コンテンツ ______*/

h2{
	width:920px;
	height:50px;
	text-indent:-9999px;
	margin:0 0 20px 0;
}

/*______ ボックス ______*/

.box{
	padding:0 0 10px 0;
	margin:0 0 30px 0;
	background:#2469CE url(img/box_bg.gif) no-repeat left bottom;
}

.box .title{
	width:620px;
	height:32px;
	font-family:"メイリオ", Meiryo;
	color:#FFFFFF;
	font-size:130%;
	display:block;
	padding:18px 0 0 60px;
	background:url(img/title_bg.gif) no-repeat left top;
	position:relative;
}

.box .title a{
	height:30px;
	text-indent:-9999px;
	position:absolute;
	right:10px;
	top:10px;
}

.column1 .box{
	background:#2469CE url(img/box_full_bg.gif) no-repeat left bottom;
}

.column1 .box .title{
	width:860px;
	background:url(img/title_full_bg.gif) no-repeat left top;
}



/*______ 複写/編集/削除ボタン ______*/

.editer a.copy,
.editer a.edit,
.editer a.delete{
	float:left;
}

.copy,
.edit,
.delete{
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
	text-indent:-9999px;
	overflow:hidden;
	margin:0 5px;
}


/*______ プレビューボタン ______*/

.preview{
	float:right;
}

a.sbmt_preview{
	width:80px;
	height:20px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	margin:0 auto;
	/margin:0;
	background:url(img/sbmt_preview.gif) no-repeat 0 0;
}

a:hover.sbmt_preview{
	background-position:0 -20px;
}


/*______ 一覧 ______*/

.list{
	padding:10px;
	margin:0 10px;
	background:#fff;
}

.list table{
	width:100%;
	font-size:80%;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:2px solid #ccc;
	margin:15px 0 10px 0;
	clear:both;
}
	
.list th,
.list td{
	text-align:center;
	/border-bottom:1px solid #ccc;
}

.list th{
	padding:7px 5px 6px 5px;
	background:#ccc;
	border-left:1px dotted #fff;
	border-right:1px dotted #fff;
}

.list th a{
	color:#333;
	text-decoration:none;
}

.list th a:hover{
	color:#666;
}

.list td{
	padding:7px;
	padding-top:12px;
	padding-bottom:12px;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	border-bottom:1px solid #ccc;
}

.list .name{
	background:#fafafa;
}

.list tr.mark{
	border-bottom:2px solid #ccc;
}

.list .editer{
	width:90px;
	_width:95px;
	margin:0 auto;
}

.list .copy,
.list .edit,
.list .delete{
	width:20px;
	height:20px;
	/display:block;
}

.list a.copy{
	background:url(img/btn_copy.gif) no-repeat 0 0;
}
	
.list a.edit{
	background:url(img/btn_edit.gif) no-repeat 0 0;
}

.list a.delete{
	background:url(img/btn_delete.gif) no-repeat 0 0;
}

.list a.copy:hover,
.list a.edit:hover,
.list a.delete:hover{
	background-position:0 -20px;
}


/*______ 詳細 ______*/

.info{
	padding:20px;
	margin:0 10px;
	background:#fff;
}

.info .editer{
	float:right;
}

.info .editer a.copy,
.info .editer a.edit,
.info .editer a.delete{
	width:85px;
	height:25px;
	margin:0 0 0 10px;
}

.info .editer a.copy{
	background:url(img/btn_full_copy.gif) no-repeat 0 0;
}
	
.info .editer a.edit{
	background:url(img/btn_full_edit.gif) no-repeat 0 0;
}

.info .editer a.delete{
	background:url(img/btn_full_delete.gif) no-repeat 0 0;
}

.info .editer a:hover{
	background-position:0 -25px;
}

.info table{
	width:100%;
	border-collapse:separate;
	border-spacing:1px;
	background:#ccc;
	margin:0 0 20px 0;
	clear:both;
}

.info table caption{
	font-size:120%;
	font-family:"メイリオ", Meiryo;
	color:#2469CE;
	padding:10px 0;
}

.info th,
.info td{
	font-size:80%;
	line-height:150%;
	padding:7px;
	border:1px solid #fff;
}

.info th{
	width:30%;
	text-align:center;
	background:#F8F5F8;
}


.info td{
	width:70%;
	background:#fff;
}


/*______ ページナビ ______*/

.page_navi p{
	font-size:80%;
	text-align:center;
	height:24px;
	line-height:24px;
	margin:0 0 5px 0;
}

.page_navi p strong{
	margin:0 5px 0 0;
}

.page_navi ul{
	font-size:78%;
	text-align:right;
}

.page_navi li{
	display:inline;
}

.page_navi li span {
	color:#fff;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
	padding:0.4em 0.7em;
	background-color:#2469CE;
	border:1px #2469CE solid;
	font-weight:bold;
}

.page_navi li a{
	color:#333;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
	padding:0.4em 0.7em;
	border:1px #ccc solid;
}
	 
.page_navi li a:link,
.page_navi li a:visited{
	border-color:#ccc;
}

.page_navi li a:hover,
.page_navi li a:active{
	border-color:#ccc;
	background-color:#f2f2f2;
}

.page_navi li.next a{
	width:32px;
	text-align:left;
	background:url(img/next.gif) no-repeat 33px 6px;
}

.page_navi li.back a{
	width:32px;
	text-align:right;
	background:url(img/back.gif) no-repeat 3px 6px;
}


/*______ 表示件数 ______*/

.order{
	font-size:80%;
}
	
.order span a{
	color:#333;
}
	
.order span{
	padding:0 5px 0 0;
	margin:0 0 0 5px;
}


/*______ ローカルメニュー ______*/

#side .l_navi a{
	width:210px;
	height:100px;
	display:block;
	text-indent:-9999px;
	margin:0 0 20px 0;
}



/* =11 module top page
------------------------*/

#top .item .box .title .btn_list a{
	width:112px;
	background:url(img/btn_item_list.gif) no-repeat 0 0;
}

#top .mail .box .title .btn_list a{
	width:112px;
	background:url(img/btn_mail_list.gif) no-repeat 0 0;
}

#top .box .title .btn_list a:hover{
	background-position:0 -30px;
}


/*______ ローカルメニュー ______*/

#top #side .l_navi a{
	width:210px;
	height:120px;
}

#top #side .l_navi .navi01 a{
	background:url(img/l_navi01.gif) no-repeat 0 0;
}

#top #side .l_navi .navi02 a{
	background:url(img/l_navi02.gif) no-repeat 0 0;
}

#top #side .l_navi .navi03 a{
	background:url(img/l_navi03.gif) no-repeat 0 0;
}

#top #side .l_navi a:hover{
	background-position:0 -120px;
}


/*______ インフォメーション ______*/

#side .lw_info iframe{
	width:210px;
	height:310px;
	}


/* =12 module item page
------------------------*/

#item h2{
	background:url(img/h2_item.gif) no-repeat left top;
}

#item .box .title .btn_regist a{
	width:138px;
	background:url(img/btn_item_regist.gif) no-repeat 0 0;
}

#item .box .title .btn_regist a:hover{
	background-position:0 -30px;
}


/*______ ローカルメニュー ______*/

#item #side .l_navi .navi01 a{
	background:url(img/l_navi_item_regist.gif) no-repeat 0 0;
}

#item #side .l_navi .navi02 a{
	background:url(img/l_navi_item_import.gif) no-repeat 0 0;
}

#item #side .l_navi .navi03 a{
	background:url(img/l_navi_item_dl.gif) no-repeat 0 0;
}

#item #side .l_navi a:hover{
	background-position:0 -100px;
}



/* =13 module mail page
------------------------*/

#mail h2{
	background:url(img/h2_mail.gif) no-repeat left top;
}


/*______ ローカルメニュー ______*/

#mail #side .l_navi .navi01 a{
	background:url(img/l_navi_system_mail.gif) no-repeat 0 0;
}

#mail #side .l_navi .navi02 a{
	background:url(img/l_navi_mail_list.gif) no-repeat 0 0;
}

#mail #side .l_navi .navi03 a{
	background:url(img/l_navi_temp_mail.gif) no-repeat 0 0;
}

#mail #side .l_navi a:hover{
	background-position:0 -100px;
}



/* =14 module news page
------------------------*/

#news h2{
	background:url(img/h2_news.gif) no-repeat left top;
}

#news .box .title .btn_regist a{
	width:160px;
	background:url(img/btn_news_regist.gif) no-repeat 0 0;
}

#news .box .title .btn_regist a:hover{
	background-position:0 -30px;
}

#news .list .editer{
	width:60px;
	_width:65px;
}



/*______ ローカルメニュー ______*/

#news #side .l_navi .navi01 a{
	background:url(img/l_navi_news_regist.gif) no-repeat 0 0;
}

#news #side .l_navi a:hover{
	background-position:0 -100px;
}



/* =15 module template page
------------------------*/

#template h2{
	background:url(img/h2_template.gif) no-repeat left top;
}

#template .box .title .btn_regist a{
	width:172px;
	background:url(img/btn_temp_regist.gif) no-repeat 0 0;
}

#template .box .title .btn_regist a:hover{
	background-position:0 -30px;
}


/*______ ローカルメニュー ______*/

#template #side .l_navi .navi01 a{
	background:url(img/l_navi_temp_regist.gif) no-repeat 0 0;
}

#template #side .l_navi .navi02 a{
	background:url(img/l_navi_temp_list.gif) no-repeat 0 0;
}

#template #side .l_navi .navi03 a{
	background:url(img/l_navi_temp_mail.gif) no-repeat 0 0;
}

#template #side .l_navi a:hover{
	background-position:0 -100px;
}



/* =16 module login page
------------------------*/

body#login{
	width:345px;
	margin:150px auto 0 auto;
	background:none;
}

body#login p.content_login{
	width:345px;
	height:25px;
	text-indent:-9999px;
	padding:0;
	background:url(img/title_login.jpg) no-repeat left top;
	}

body#login p.title{
	width:345px;
	height:135px;
	text-indent:-9999px;
	padding:0;
	background:url(img/title_login.jpg) no-repeat left top;
	}

body#login .box{
	padding:0 0 20px 0;
	background:url(img/login_bottom.jpg) no-repeat left bottom;
}

body#login .form{
	padding:0;
	margin:0 auto;
	border-left:3px solid #2469CE;
	border-right:3px solid #2469CE;
}

body#login .form .login_text{
	text-align:center;
	color:#000;
	font-weight:bold;
	font-size: 90%;
	padding-bottom: 10px;
	line-height: 150%;
}

body#login .form .login_error{
	text-align:center;
	color:#F00;
	font-weight:bold;
	font-size: 90%;
	padding-bottom: 10px;
	line-height: 150%;
}

body#login .form .login{
	padding-top: 1px;
}

body#login .form table{
	margin:0 0 10px 0;
}

body#login .form th{
	width:30%;
}


body#login p#address{
	text-align:center;
}
body#login p#address a{
	color: #666666;
    text-decoration: none;
}

body#login .login_input {
	width: 160px;
}


/* =17 module admin page
------------------------*/

#admin h2{
	background:url(img/h2_admin.gif) no-repeat left top;
}



/* =18 module system page
------------------------*/

#system{}

#system h2{
	background:url(img/h2_system.gif) no-repeat left top;
}


/* =19 module etc
------------------------*/

/*______ ページトップ ______*/

.page_top a{
	width:90px;
	height:25px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/pagetop.gif) no-repeat left top;
	position:absolute;
	top:0;
	right:30px;
}

.page_top a:hover{
	background-position:0 -25px;
}


/*______ メッセージ ______*/

.comp{
	margin:0 10px;
	padding:20px;
	background:#fff;
	}

.comp dt{
	line-height:150%;
	margin:0 0 20px 0;
	}

.comp dd{
	text-align:center;
	}

.comp dd p{
	display:inline;
	margin:0 10px;
	padding:2px 0 0 20px;
	background:url(img/icon_arrow_03.gif) no-repeat left 50%;
}

/*______ tick box ______*/

#tick_box{
	width:680px;
	margin:0 auto;
	margin-top: 20px;
	background:none;
	padding:0;
}

#tick_box .box .title{
       position:static;
}

#tick_box .colse{
	background:#ccc;
	padding:5px;
	text-align:right;
}

#tick_box .colse a{
	color:#333;
	text-decoration:none;
}

#tick_box .form th{
	width:30%;
}

#tick_box .form .submit{
	width:300px;
	margin:0 auto;
}

/*______ 変数一覧 ______*/

#variable{
	width:660px;
	margin:0 auto;
	background:none;
}

#variable .ex{
	color:#fff;
}

#variable .list{
	margin:0;
	background:#fff;
}

#variable .list table caption{
	color:#2469CE;
	font-size:110%;
	padding:10px 0
}

#variable .list th,
#variable .list td{
	padding:10px;
}

#variable .list td{
	text-align:left;
	line-height:150%;
}

#variable .list tr.mark{
	background:#F8F5F8;
	border-bottom:1px solid #ccc;
}

/*______ インフォメーション ______*/

.lw_info .title{
	width:210px;
	height:35px;
	text-indent:-9999px;
	background:url(img/info.gif) no-repeat left top;
}

.icon_link {
	font-size: 90%;
	margin-top: 5px;
	margin-left: 5px;
}
.icon_link .icon_csv {
	vertical-align:-6px;
}
.icon_link .icon_delete {
	vertical-align:-7px;
}

.lh_160 {
	line-height: 160%;
}

/*______ HTMLエディタ ______*/

.html_edit .edit_title {
	background-color: #DDDDDD;
	padding: 5px;
}

.html_edit .edit_title span {
	font-weight:bold;
}

.html_edit .edit_title span,
.html_edit .edit_title select,
.html_edit .edit_title input {
    margin: 0 3px 3px;
    padding: 2px;
    position: relative;
    top: 1px;
}

.html_edit .edit_area {
	margin-bottom: 20px;
}