@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 common
=11 module report
=12 module top
=13 module group
=14 module frame
=15 module data
=16 module library
=17 module material
=18 module login
=19 module admin
=20 module system
=21 module template
=22 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:12px;
	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:#0088cc;
	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;	
}

.letf_10{
	padding-left: 10px;
}

.letf_20{
	padding-left: 20px;
}

.top_10{
	padding-top: 10px;
}

.top_20{
	padding-top: 20px;
}

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

.r_lnk a{
	color:#452300;
	line-height:150%;
	padding:1px 0 4px 20px;
	background:url(img/icon_arrow_01.gif) no-repeat left 1px;
}

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



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

body{
	padding:0 0 65px 0;
	background:#eee;
}

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

#header{
	width:980px;
	height:110px;
	margin:0 auto;
	position:relative;
}

#contents{
	width:980px;
	margin:0 auto;
}

#footer{
	width:980px;
	height:100px;
	padding:20px 0 0 0;
	margin:0 auto;
	position:relative;
}



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

/*______ ロゴ ______*/

#logo{
	float:left;
	margin:30px 0 0 0;
}

#logo a{
	width:251px;
	height:49px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	background:url(img/logo.jpg) no-repeat 0 0;
}

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


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

#h_navi{
	float:right;
	margin:40px 0 20px 0;
}

#h_navi li{
	width:140px;
	height:35px;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1;
	margin:0 0 0 4px;
	_margin:0 0 0 10px;
}

#h_navi li a{
	width:140px;
	height:35px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:0 0;
}

#h_navi .mail a{
	background:url(img/h_navi_mail.gif);
}

#h_navi .admin a{
	background:url(img/h_navi_admin.gif);
}

#h_navi .system a{
	background:url(img/h_navi_system.gif);
}

#h_navi .logout a{
	background:url(img/h_navi_logout.gif);
}

#h_navi a:hover{
	background-position:0 -35px;
}

#index #h_navi{
	margin:20px 0 0 0;
	z-index:2;
}



/* =06 module foot
------------------------*/
	
#footer #address{
	clear:both;
	display:block;
	text-align:center;
	font-size:110%;
}

#footer #address a{
	color:#333333;
	text-decoration:none;
}


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

#g_navi{
	width:980px;
	height:45px;
	margin:0 auto 25px auto;
}

#g_navi li{
	float:left;
}

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

#g_navi .navi01 a{
	background-position:0 0;
}
	
#g_navi .navi02 a{
	background-position:-185px 0;
}

#g_navi li#current.navi01 a,
#g_navi .navi01 a:hover{
	background-position:0 -45px;
}

#g_navi li#current.navi02 a,
#g_navi .navi02 a:hover{
	background-position:-185px -45px;
}

#g_navi li a:hover{
	position:static;
}

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

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

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


/*______ カラム ______*/

.column1 #main{
	width:980px;
}


/*______ パンくず ______*/

#topicpath{
	height:30px;
	margin:0 0 25px 0;
	background:#c8e8f7;
}

#topicpath li{
	font-size:12px;
	color:#7c7c7c;
	line-height:30px;
	display:block;
	float:left;
}

#topicpath li a{
	color:#7c7c7c;
	display:block;
	padding:0 10px 0 20px;
	background:url(img/topicpath1.gif) no-repeat 0 50%;
	background-color:#ddd;
}

#topicpath li a:hover{
	color:#555;
	text-decoration:underline;
}

#topicpath li.home a{
	padding:0 10px 0 10px;
	background:none;
	background-color:#ddd;
}

#topicpath li strong{
	color:#2180ab;
	display:block;
	padding:0 10px 0 20px;
	background:url(img/topicpath2.gif) no-repeat left 50%;
}

#topicpath li span{
	color:#8cc7e2;
	display:block;
	padding:0 10px 0 20px;
	background:url(img/topicpath3.gif) no-repeat left 50%;
}

#topicpath li p{
	color:#7c7c7c;
	display:block;
	padding:0 10px 0 20px;
	background:url(img/topicpath1.gif) no-repeat 0 50%;
	background-color:#ddd;
}

/* =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:0 5px 0 0;
}

td label input{
	margin:0 8px 0 5px;
}


/*______ サブミット ______*/

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

.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_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_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 5px;
	padding:20px;
}

.form table{
	width:100%;
	margin:20px 0 0 0;
}

.form table caption{
	font-size:14px;
	color:#3399cc;
	padding:10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #3399cc;
}

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

.form th{
	width:25%;
	text-align:right;
}

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

.form td{
	text-align:left;
}

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

.form td span{
	color:#878787;
	font-size:11px;
	display:block;
}

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

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

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


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

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

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

.check .even th,
.check .even td{
	background:#fafafa;
}

.check th,
.check td{
	border-bottom:1px dotted #bbb;
	padding:7px;
}

.check th{
	width:30%;
	text-align:center;
	border-right:1px dotted #bbb;
}

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

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


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

.search{
	width:930px;
	padding:20px;
	background:#fff;
	margin:0 5px;
}

.search_box{
	width:926px;
	margin:0 auto;
	padding:0 0 5px 0;
	border:2px solid #ccc;
	background:#f8f8f8;
}

.search_box p{
	font-size:14px;
	height:23px;
	padding:17px 0 0 0;
	background:url(img/search.gif) no-repeat 15px 15px;
}

.search_box p a{
	color:#555;
	font-weight:bold;
	padding-left:45px;
}

.search_box table{
	width:900px;
	margin:0 auto;
}

.search_box th,
.search_box td{
	padding:10px 10px 0 10px;
}

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

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

.sbmt_search{
	width:150px;
	height:35px;
	/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 -35px;
}


/*______ エラー ______*/

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

.error ul{
	padding:0 10px;
}
	
.error li{
	color:#ff6600;
	line-height:150%;
	background:url(img/icon_arrow_02.gif) no-repeat 0 5px;
	padding:0 0 0 12px;
	margin:5px 0 0 0;
}
	
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 5px 0;
	margin:0 0 20px 0;
	background:#3399cc url(img/box_bg.gif) no-repeat left bottom;
}

.box .title{
	width:455px;
	color:#fff;
	font-size:15px;
	line-height:150%;
	font-family:"メイリオ", Meiryo;
	font-weight:bold;
	display:block;
	padding:9px 200px 7px 45px;
	background:url(img/title_bg.gif) no-repeat left top;
	position:relative;
}

.box .title a{
	color:#fff;
}

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

.column1 .box .title{
	width:625px;
	height:auto;
	font-size:16px;
	padding:12px 300px 11px 55px;
	background:url(img/title_full_bg.gif) no-repeat left top;
}


/*______ レポート/編集/削除ボタン ______*/

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

.report,
.edit,
.delete{
	width:19px;
	height:17px;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
	/display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 5px;
	background-position:0 0;
	background-repeat:no-repeat;
}

a.report{
	background-image:url(img/icon_report.png);
}
	
a.edit{
	background-image:url(img/icon_edit.png);
}

a.delete{
	background-image:url(img/icon_delete.png);
}

a.report:hover,
a.edit:hover,
a.delete:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


/*______ 追加/レポート/詳細/ダウンロードボタン ______*/

.btn_regist a,
.btn_report a,
.btn_info a,
.btn_dl a{
	height:30px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
}

.btn_regist a{
	float:right;
	margin:0 0 20px 0;
}

.btn_report a{
	width:167px;
	background-image:url(img/btn_report.gif);
	position:absolute;
	top:10px;
	right:15px;
}

.btn_info a{
	position:absolute;
	top:10px;
	right:15px;
}

.btn_dl a{
	width:224px;
	float:right;
	margin:0 0 20px 0;
	background-image:url(img/btn_dl.gif);
}

.btn_regist a:hover,
.btn_report a:hover,
.btn_info a:hover,
.btn_dl a:hover{
	background-position:0 -30px;
}


/*______ 一覧 ______*/

.list{
	width:930px;
	padding:10px 20px 10px 20px;
	margin:0 5px;
	background:#fff;
}

.list table{
	width:100%;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	clear:both;
}

.list .even th,
.list .even td{
	background:#fafafa;
}

.list th,
.list td{
	line-height:150%;
	text-align:center;
	padding:10px 5px;
	/border-bottom:1px solid #ddd;
}

.list th{
	color:#2080aa;
	background:#c8e8f7 !important;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

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

.list th a:hover{
	color:#2080aa;
}

.list td{
	border-left:1px dotted #ddd;
	border-right:1px dotted #ddd;
	border-bottom:1px solid #ddd;
}

.list .name{
	background:#fafafa;
}

.list .editer{
	width:87px;
	_width:100px;
	margin:0 auto;
}

.list .check_delete{
	padding:2px 0 2px 25px;
	margin:20px 0 0 0;
	background:url(img/icon_delete.png) no-repeat 0 0;
}


/*______ 詳細 ______*/

.info{
	padding:20px 20px 0 20px;
	margin:0 5px;
	background:#fff;
	position:relative;
}

.info .editer{
	width:58px;
	_width:68px;
	float:right;
	margin:0 0 20px 0;
}

.info .report,
.info .edit,
.info .delete{
	margin:0 0 0 10px;
}

.info table{
	width:100%;
	margin:0;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
}

.info table caption{
	font-family:"メイリオ", Meiryo;
	color:#3399cc;
	padding:10px 0;
}

.info th,
.info td{
	line-height:150%;
	padding:10px;
	border-bottom:1px dotted #bbb;
}

.info th{
	width:20%;
	text-align:center;
	background-color:#f8f8f8;
	border-right:1px dotted #bbb;
}

.info td{
	width:70%;
}

.info td span{
	color:#878787;
	font-size:11px;
	display:block;
}

.info td textarea{
	width:95%;
	padding:10px;
}


/*______ ページナビ ______*/

.page_navi{
	margin:10px 5px 10px 5px;
	clear:both;
}

.page_navi p{
	height:24px;
	line-height:24px;
	margin:0 0 5px 0;
	float:left;
}

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

.page_navi ul{
	text-align:right;
	float: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.5em 0.8em;
	background-color:#3399cc;
	border:1px #3399cc solid;
	font-weight:bold;
}

.page_navi li a{
	color:#666;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
	padding:0.5em 0.8em;
	border:1px #ccc solid;
	text-decoration:none;
}
	 
.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 40px 10px;
}

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



/* =11 module report page
------------------------*/

/*______ レポート検索 ______*/

.report_search{
	width:930px;
	padding:20px;
	margin:0 auto;
	background:#fff;
}

.report_search table{
	width:900px;
	margin:0 auto;
}

.report_search th,
.report_search td{
	padding:10px;
}

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

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

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

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

.sbmt_report:hover{
	background-position:0 -35px;
}


/*______ グラフ ______*/

.graph{
	padding:20px;
	margin:0 5px;
	display:block;
	background:#fff url(img/graph_bg.gif) no-repeat 650px 0;
}


/*______ 集計結果 ______*/

.sam{
	line-height:30px;
	padding:10px 10px 10px 106px;
	margin:20px 0 0 0;
	border:1px solid #bbb;
	background:#fff url(img/sam_bg.gif) no-repeat 15px center;
}

.sam li{
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 20px;
	margin:0 0 0 25px;
	float:left;
	background-position:0 50%;
	background-repeat:no-repeat;
}

.sam li span{
	color:#3399cc;
	margin:0 10px 0 0;
}

.sam .click{
	background-image:url(img/icon_click.gif);
}

.sam .imp{
	background-image:url(img/icon_imp.gif);
}

.sam .con{
	background-image:url(img/icon_con.gif);
}



/* =12 module top page
------------------------*/

/*______ グループ一覧 ______*/

#top .group .box{
	position:relative;
}

#top .group .box .list{
	width:670px;
	padding:10px;
}

#top .group .box .editer{
	width:72px;
	_width:85px;
	margin:0 auto;
	position:absolute;
	top:10px;
	right:0px;
}

#top .group .box .report,
#top .group .box .edit,
#top .group .box .delete{
	width:19px;
	height:17px;
	/display:block;
	background-position:0 0;
	background-repeat:no-repeat;
}

#top .group .box a.report{
	background-image:url(img/icon_report.png);
}
	
#top .group .box a.edit{
	background-image:url(img/icon_edit.png);
}

#top .group .box a.delete{
	background-image:url(img/icon_delete.png);
}	


/*______ 広告枠一覧 ______*/

#top .ac{
	padding:0 0 2px 0;
	margin:10px auto 0 auto;
	background:#fff url(img/ac_bg.jpg) no-repeat center bottom;
}

#top .ac .open,
#top .ac .close{
	height:24px;
	padding:13px 0 0 0;
	background-repeat:no-repeat;
	background-position:center top;
}

#top .ac .open{
	background-image:url(img/title_ac_open.jpg);
}

#top .ac .close{
	background-image:url(img/title_ac_close.jpg);
}

#top .ac p a{
	color:#546a7f;
	font-weight:bold;
	padding-left:35px;
}

#top .ac .ac_table{
	padding:10px;
	border-left:2px solid #b4cbdd;
	border-right:2px solid #b4cbdd;
}

#top .ac table{
	margin:0;
}


/*______ 広告グループ登録 ______*/

#side .btn_ad_regist a{
	width:250px;
	height:85px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(img/btn_ad_regist.gif);
}

#side .btn_ad_regist a:hover{
	background-position:0 -85px;
}


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

#side .lw_info{
   padding:0 0 5px 0;
   margin:25px 0 25px 0;
   background:url(img/form_bottom.gif) no-repeat bottom left;
}

#side .lw_info iframe{
   width:218px;
	_width:216px;
   height:250px;
   padding:0 15px 0 15px;
   border-left:1px solid #bbb;
   border-right:1px solid #bbb;
}

.lw_info .title{
	width:250px;
	height:45px;
	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%;
}



/* =13 module group page
------------------------*/

.group .box{
	position:relative;
}

.group .box .list{
	padding-top:0;
}

.group .box .btn_info a{
	width:199px;
	background-image:url(img/btn_group_info.gif);
}



/* =14 module frame page
------------------------*/

.frame .box{
	position:relative;
}

.frame .box .list{
	padding-top:0;
}

.frame .list td input{
	position:static;
}

.frame .btn_regist a{
	width:127px;
	background-image:url(img/btn_frame_regist.gif) ;
}

.frame .box .btn_info a{
	width:199px;
	background-image:url(img/btn_group_info.gif);
}



/* =15 module data page
------------------------*/

.ad_data .box{
	position:relative;
}

.ad_data .box .list{
	padding-top:0;
}

.ad_data .list td input{
	position:static;
}

.ad_data .btn_regist a{
	width:151px;
	background-image:url(img/btn_data_regist.gif) ;
}

.ad_data .box .btn_info a{
	width:163px;
	background-image:url(img/btn_frame_info.gif);
}



/* =16 module library page
------------------------*/

.library .box{
	position:relative;
}

.library .box .list{
	padding-top:0;
}

.library .list td input{
	position:static;
}

.library .btn_regist a{
	width:175px;
	background-image:url(img/btn_library_regist.gif) ;
}

.library .box .btn_info a{
	width:211px;
	background-image:url(img/btn_library_info.gif);
}



/* =17 module material page
------------------------*/

.material .box{
	position:relative;
}

.material .box .list{
	padding-top:0;
}

.material .list td input{
	position:static;
}

.material .btn_regist a{
	width:139px;
	background-image:url(img/btn_material_regist.gif);
}



/* =18 module login page
------------------------*/

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

body#login p.title{
	width:400px;
	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 #3399cc;
	border-right:3px solid #3399cc;
}

body#login .form .text{
	color:#F00;
	font-weight:bold;
	margin-bottom: 15px;
	line-height: 150%;
	text-align:center;
}

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{
	font-size:110%;
	color: #666;
	text-align:center;
}

body#login p#address a{
	color: #666;
    text-decoration: none;
}

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


.sbmt_login{
	width:150px;
	height:35px;
	/display:block;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	margin:0 auto;
}

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

.sbmt_login:hover{
	background-position:0 -35px;
}



/* =19 module admin page
------------------------*/

#admin{}



/* =20 module system page
------------------------*/

#system{}



/* =21 module template page
------------------------*/

#template{}



/* =22 module etc
------------------------*/

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

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

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


/*______ メッセージ ______*/

.comp{
	margin:0 5px;
	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 20px;
	padding:2px 0 2px 20px;
	background:url(img/icon_arrow_03.gif) no-repeat left 50%;
}


/*______ tick box ______*/

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

#tick_box .box{
	margin-bottom: 10px;
}

#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 td.row label{
	width:18%;
	float:left;
}

#tick_box #thickbox_master_data_name,
#tick_box #thickbox_master_material_name{
	display:inline;
	font-size:12px;
	color:#000;
}

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

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

#tick_box_in{
	width:500px;
	margin:0 auto;
	margin-top: 5px;
	background:none;
	padding:0;
}

#tick_box_in .box{
	margin-bottom: 10px;
}

#tick_box_in .box .title_min{
     position:static;
	 padding: 10px;
	 color:#FFF;
}

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

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

#tick_box_in .form td.row label{
	width:32%;
	float:left;
}

#tick_box_in .form th{
	width:25%;
}

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

#tick_box_in .search{
	width:450px;
	padding-bottom: 0px;
}

#tick_box_in .search .search_box{
	width:446px;
}

#tick_box_in .search .search_box th{
	width:25%;
	font-weight:bold;
	text-align:right;
}

#tick_box_in .search .search_box table{
	width:100%;
}

#tick_box_in .list{
	width:450px;
}

#tick_box_in .list th,
#tick_box_in .list td{
	text-align:left;
}

#tick_box_in .list .submit{
	width:110px;
	margin:0 auto;
}

#tick_box_in .list .submit .sbmt_close{
	float:none;
	margin:0;
}

@-moz-document url-prefix(){
	input,
	select,
	textarea{
		font-family:MS UI Gothic;
	}
}