/* ----------------------------------------------------------
  Author : Miyata @Jcity
  Date : 2008.10.29
---------------------------------------------------------- */

/*
 Share Style [
----------------------------------------------------------- */
*{
margin:0;
padding:0;
}
body{
font-size:0.8em;
line-height:1.6em;
color:#333333;
width:auto;
background:#F2F2F2;
}

html{

height:100%;

margin-bottom:1px;

overflow-y:scroll;

}

img{
border:0;
}
hr{
display:none;
}
.f_left{
float:left;
}
.m_auto{
margin:auto;
margin-bottom:20px;
}
.hr_line1{
background:url(../img/hr_line1.gif) repeat-x;
height:3px;
margin:10px 10px;
}
.i_txt{
padding:2px 5px;
margin-bottom:10px;
}

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

Common Layout [

-------------------------------------------------------------------- */
div#wrapper{
width:1000px;
margin:auto;
border:#CCCCCC solid 1px;
background:#FFFFFF;
}
div#header{
position:relative;
background:url(../img/h-bg.jpg) repeat-x;
}
div#mnavi_bg{
height:80px;
background:url(../img/m-bg.jpg) repeat-x;
}
div#container_1clum{
padding:20px;
}
div#footer{
clear:both;
text-align:center;
padding-top:5px;
height:25px;
background:#777777;
color:#FFFFFF;
}
/* #header ヘッダー部分[
----------------------------------------- */
#header #logo{
position:relative;
width:226px;
height:110px;
text-indent:-9999px;
background:url(../img/logo.gif) no-repeat;
}
#header ul#userinfo{
position:absolute;
top:80px;
right:5px;
font-size:12px;
color:#fff;
}
#header ul#userinfo li{
display:inline;
margin:0px;
padding:0px 10px;
list-style-type:none;
border-left:#fff solid 1px;
}
#header ul#userinfo li.border_none{
border:none;
}

/*
 #mnavi メインナビゲーション部分[
----------------------------------------- */
ul#mnavi li{
display:inline;
list-style-type:none;
}
ul#mnavi li a{
height:80px;
display:block;
float:left;
text-indent:-9999em;
text-decoration:none;
overflow:hidden;
}
/*------off*/
ul#mnavi li.mnavi01 a{background:url(../img/mnavi.jpg) no-repeat 0px 0px; width:150px;}
ul#mnavi li.mnavi02 a{background:url(../img/mnavi.jpg) no-repeat -150px 0px; width:150px;}
ul#mnavi li.mnavi03 a{background:url(../img/mnavi.jpg) no-repeat -300px 0px; width:150px;}
ul#mnavi li.mnavi04 a{background:url(../img/mnavi.jpg) no-repeat -450px 0px; width:150px;}
/*------hover*/
ul#mnavi li.mnavi01 a:hover{background:url(../img/mnavi.jpg) no-repeat 0px -80px;}
ul#mnavi li.mnavi02 a:hover{background:url(../img/mnavi.jpg) no-repeat -150px -80px;}
ul#mnavi li.mnavi03 a:hover{background:url(../img/mnavi.jpg) no-repeat -300px -80px;}
ul#mnavi li.mnavi04 a:hover{background:url(../img/mnavi.jpg) no-repeat -450px -80px;}
/*------select*/
ul#mnavi li.mnavi01_select a{background:url(../img/mnavi.jpg) no-repeat 0px -80px; width:150px;}
ul#mnavi li.mnavi02_select a{background:url(../img/mnavi.jpg) no-repeat -150px -80px; width:150px;}
ul#mnavi li.mnavi03_select a{background:url(../img/mnavi.jpg) no-repeat -300px -80px; width:150px;}
ul#mnavi li.mnavi04_select a{background:url(../img/mnavi.jpg) no-repeat -450px -80px; width:150px;}

/* 
 #pankuzu　パンくずリスト部分[
----------------------------------------- */
#pankuzu{
font-size:12px;
padding:5px 10px;
margin:0;
color:#5C6055;
}
#pankuzu ol li{
display:inline;
margin:0px;
padding:0px 0px 0px 18px;
list-style-type:none;
background:url(../img/pankuzu-img.gif) no-repeat;
}
#pankuzu ol li.home{
display:inline;
margin:0px;
padding:0px;
list-style-type:none;
background-image:url(../img/no-img.gif);
}

/* 
 お知らせ部分[
----------------------------------------- */
dl#info{
overflow:hidden;
height:100%;
padding:0px 5px 5px 5px;
}
dl#info dt{
float:left;
margin:0;
padding:0.3em 0 0.1em 1em;
width: 8em;
color:#333;
}
dl#info dd{
margin: 0 0 0 8em;
padding: 0.3em 1em;
color: #999;
}


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

[

-------------------------------------------------------------------- */
/* 
 ボックス用スタイル[
----------------------------------------- */
.box{
margin-bottom:20px;
}
.bbox{
border:solid 1px #cccccc;
margin-bottom:20px;
}
/* rbox1 */
.rbox1{
padding:0 11px 0 0;
background:#fff url(../img/rbox1-br.gif) 100% 0 repeat-y;
margin:0 0 10px 0;
}
.bi{
padding:0 0 0 7px;
background:#fff url(../img/rbox1-bl.gif) 0 0 repeat-y;
}
.bt{
height:17px;
margin:0 -11px 0 -7px;
background:url(../img/rbox1.gif) 100% 0 no-repeat;
}
.bt div{
width:18px;
height:17px;
background:url(../img/rbox1.gif) 0 0 no-repeat;
}
.bb{
height:17px;
margin:0 -11px 0 -7px;
background:url(../img/rbox1.gif) 100% 100% no-repeat;
}
.bb div{
width:18px;
height:17px;
background:url(../img/rbox1.gif) 0 100% no-repeat;
}
.rbox1 h3{
margin:0;
padding:0.3em 10px;
background:#E8EEF0;
font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
.rbox1 p{
margin:0;
padding:4px 10px;
background:#fff;
}
.rbox1 dl{padding:0.3em 0px 0.3em 1em; list-style:none;}
.rbox1 dl dt{font-weight:bold; width:15em; float:left;}
.rbox1 dl dd{}
.rbox1 dl span{padding-right:1.5em;}

/* 
 タイトルバー用スタイル[
----------------------------------------- */
.tbar1{
background:url(../img/titlebar1.jpg) repeat-x;
height:22px;
padding:4px 9px 4px 9px;
margin:0px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}
.tbar2{
background:url(../img/titlebar2.jpg) repeat-x;
height:22px;
padding:4px 9px 4px 9px;
margin:0 0 20px 0;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}
.tbar3{
background:url(../img/titlebar3.jpg) repeat-x;
height:42px;
padding:7px 9px 7px 24px;
margin:0;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
border-left:#FFFFFF solid 1px;
border-right:#FFFFFF solid 1px;
}
.tbar4{
background:url(../img/titlebar4.jpg) repeat-x;
height:22px;
padding:7px 9px 4px 24px;
margin:0px 0  20px 0;
color:#336699;
font-size:14px;
font-weight:bold;
border-left:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
}

/* 
 テーブル用スタイル[
----------------------------------------- */
.tb_gray,
.tb_ms,
.tb_report{
color:#3D3D3D;
border: 1px solid #CCCCCC;
border-collapse: separate;
border-spacing: 1px;
background-color:#FFFFFF;
margin-bottom:20px;
}
.tb_gray th,
.tb_ms th,
.tb_report th{
padding: 5px;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background-color: #DBDCDE;
}
.tb_gray td,
.tb_ms td,
.tb_report td{
padding: 5px;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background-color: #EFF2F3;
}
.tb_gray tbody tr.odd  td{
background-color:#F8F8F8;
color: #666;
}
.tb_gray tbody tr.even	td{
background-color: #EFF2F3;
color: #666;
}
/*------.status1：未承認*/
.tb_gray tbody tr.even	td.status1,
.tb_gray tbody tr.odd  td.status1{background:#DAF5F5;}
.tb_gray tbody tr.even	td.status1,
.tb_gray tbody tr.odd  td.status1,
.status1{color:#3366CC;}
/*------.status2：承認*/
.tb_gray tbody tr.even	td.status2,
.tb_gray tbody tr.odd  td.status2{background:#FFE8E8;}
.tb_gray tbody tr.even	td.status2,
.tb_gray tbody tr.odd  td.status2,
.status2{color:color:#CC0000;}
/*------.status3：掲載中*/
.tb_gray tbody tr.even	td.status3,
.tb_gray tbody tr.odd  td.status3{background:#FFFFCC;}

td.td_total{background:#3399CC; font-weight:bold; color:#FFFFFF;}
.tb_ms thead tr th{background:#74B2DC; color:#FFFFFF;}
.tb_report{margin:auto;}
.tb_report th{text-align:center; font-size:1.2em;}
.tb_report td{text-align:right; font-size:1.5em; color:#003399; font-weight:bold;}

/* 
 ボタン用スタイル[
----------------------------------------- */
/* .btn */
.btn{
width:215px;
float:right;
margin-bottom:10px;
text-indent:20px;
}
.btn a{
background:url(../img/btn-bg.jpg) no-repeat 0 0;
height:28px;
display:block;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
padding-top:3px;
}
.btn a:hover{
background:url(../img/btn-bg.jpg) no-repeat 0 -31px;
color:#FFFFFF;
font-weight:bold;
}
.btn_select{
background:url(../img/btn-bg.jpg) no-repeat 0 -62px;
color:#FFFFFF;
font-weight:bold;
}
/* .btn_mnage */
.btn_mnage{
width:80px;
text-indent:-9999em;
}
.btn_mnage a{
background:url(../img/btn_manage.jpg) no-repeat;
height:23px;
display:block;
text-decoration:none;
}
.btn_mnage a:hover{
background:url(../img/btn_manage_over.jpg) no-repeat;
}
/* .btn_ms01：原稿閲覧 */
.btn_ms01{
width:84px;
text-indent:-9999em;
}
.btn_ms01 a{
background:url(../img/btn-ms01.jpg) no-repeat 0 0;
height:25px;
display:block;
text-decoration:none;
}
.btn_ms01 a:hover{
background:url(../img/btn-ms01.jpg) no-repeat 0 -25px;
}
/* .btn_ms02：原稿取得 */
.btn_ms02{
width:84px;
text-indent:-9999em;
}
.btn_ms02 a{
background:url(../img/btn-ms02.jpg) no-repeat 0 0;
height:25px;
display:block;
text-decoration:none;
}
.btn_ms02 a:hover{
background:url(../img/btn-ms02.jpg) no-repeat 0 -25px;
}
/* .snavi */
ul.snavi{
list-style:none;
margin: 10px 0;
height:30px;
}
ul.snavi li{
display:inline;
text-indent:20px;
}
ul.snavi li a{
display:block;
float:left;
width:175px;
height:27px;
padding-top:3px;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
overflow:hidden;
}
/*------off*/
ul.snavi li a{background:url(../img/snavi.jpg) 0 0 no-repeat;}
/*------hover*/
ul.snavi li a:hover{background:url(../img/snavi.jpg) 0 -31px no-repeat;}
/*------select*/
ul.snavi li.sn_select a{background:url(../img/snavi.jpg) 0 -62px no-repeat;}


/* 
float close[
----------------------------------------------------------- */
/* floatを組んでいる次のタグに入れるクラス */
.f_clear{
clear:both !important;
}
/*	おまじない float:left と float:right でレイアウトを組んでいる場合、
それらを囲んでいるdivに入れるクラス */
.f_close{
overflow:auto;
overflow:visible;
clear:both;
}
.f_close:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* hides from ie-mac */
* html .f_close{height:1%;}
.f_close{display:block;}
/* end hide from ie-mac */

.submit-button-dl {
text-align: center;
cursor: default;
color: buttontext;
padding: 1px 6px;
border: 2px outset buttonface;
background-color: buttonface;
}