/*------------------------------------------------------------------------------
Admin
2011/04
------------------------------------------------------------------------------*/

*{ margin: 0; padding: 0; }
body {
    background-color:#f9f9f9;
    font: small/1.231 arial,helvetica,clean,sans-serif;
    color:#333;
}
img {border: none;}
input,password {padding:2px}
textarea {font-size: 12px;padding:2px;}
p {margin:0px;padding:4px 0 8px 8px;}
fieldset{padding:5px;}
strong{font-weight: bold;}
dt {color:#384654;font-weight:bold;margin-top:1em;}
dd {margin-left:2em;}
pre {
    padding: 15px 20px;
    background-color: #f5f5f5;
    overflow: auto;
    width: 90%;
}

a {color: #336633;text-decoration: none; }
a:hover { color: #AA0000; background: inherit; text-decoration: underline; }

input {
    background:none repeat scroll 0 0 #F8FAFA;
    border:1px solid #ABC6DD;
    margin-right:5px;
}

input:hover,
input:focus,
textarea:hover,
select:hover,
checkbox:hover {
    background:none repeat scroll 0 0 #E2EBEB;
    border:1px solid #4E6972;
}
input[type="text"], input[type="password"] {
    padding:2px;
}
input[type="button"], input[type="submit"] {

}
input[type="button"]:hover, input[type="submit"]:hover {

}
input[type="checkbox"] {
    background:none repeat scroll 0 0 #F8FAFA;
}
textarea {
    background:none repeat scroll 0 0 #F8FAFA;
    border:1px solid #ABC6DD;
}
select {
    background:none repeat scroll 0 0 #F8FAFA;
    border:1px solid #ABC6DD;
    font-size:1.0em;
}

h1 {font-size: 140%;}
h2 {font-size: 136%;}
h3 {font-size: 126%;}
h4 {font-size: 116%;}
h5 {font-size: 106%;}
h6 {font-size: 96%;}

h1 span{
    padding-left: 1em;
    font-size: 0.8em;
}
/* H2はページタイトル */
h2 {
    border-bottom: 1px dotted #ccc;
    margin:1em 0;
    padding: 0.2em;
}
h3 {
    border-bottom: 1px dotted #ccc;
    margin:1em 0;
    padding: 0.2em;
}




/*------------------------------------------------------------------------------
細かいパーツ
------------------------------------------------------------------------------*/
.clear{clear: both;}
.status{color:tomato;font-weight : bolder;font-size:106%;margin:0 2px}
a.green,a.green:visited{color:green;font-size:106%;font-weight:bolder;}
a.button,a.button:visited{background-color : #333; border : 1px solid #c3c8cb; color:#ffcc00;font-size:106%;font-weight:bolder; padding:3px 20px;}
button.sendButton{width:150px;height:35px}
span.select_text {text-decoration : underline; cursor : pointer;}
.handle{text-decoration : underline;}


.line { clear: both; padding: 3px; margin: 0 10px; background: #fff url(images/smalldot.gif) repeat-x; }
.border { clear: both; border-left: 4px solid #ccc; padding: 0 0 0 15px; }






/*------------------------------------------------------------------------------
ボタン各種
------------------------------------------------------------------------------*/
/* Form Button */
.form-buttons{
    padding :5px;
    text-align:right;
    margin:10px 2px;;
    white-space:nowrap;
}

a.btnAdd {
    border-color: #ED6502 #A04300 #A04300 #ED6502;
    border-width:1px;
    border-style:solid;
    padding:3px 7px;
    background-color:#ffac47;
    color : #ffffff;
}
a.btnAdd:hover{
    background-color: #F77C16;
    color : #ffffff;
    text-decoration: none;
}
a.btnAdd span{
    background:url("images/add_btn_icon.gif") no-repeat 5px 50%;
    padding-left : 20px;
}



a.btnBack {
    border-width:1px;
    border-style:solid;
    padding:2px 7px;
    background-color: #cccccc;
    border-color:#CCCCCC #AAAAAA #AAAAAA #CCCCCC;
    color:#555555;
}

a.btnBack:hover{
    background-color: #dddddd;
    color:#555555;
    text-decoration: none;
}
a.btnBack span{
    background:url("images/icon_btn_back.gif") no-repeat 5px 50%;
    padding-left : 20px;
}



/*------------------------------------------------------------------------------
全体デザイン
------------------------------------------------------------------------------*/
div#container{
    border: 1px solid #ccc;
    padding:0.5em 1em;
    margin: 10px auto;
    width: 950px;
    background-color: #fff;
}

#header{
    color: #fff;
    padding: 20px;
    margin: 0;
    width:auto;
    background-color: #314348;
}
#header a{color:#fff;}
#header p{padding:0.5em;}


#wrapper{
    margin-top: 20px;
}

#navigation{
    background-color: #E2E9EB;
}


div#footer {
    border-top: 1px dotted #ccc;
    padding:5px;
    text-align:right;
}



#footer_navi {
    padding: 7px;
    background: #FF6600;
    color: #FFFFFF;
    text-align: center;
}
#footer_navi a{color: #FFFFFF;	padding: 5px;}



#footbar {
    color: #111;
    text-align: center;
    padding:20px;
    clear:both;
    background: #314348 url(images/bg_banner.png) repeat-x left top;
    width: auto;
    font-size: 11px;
}
#footbar a{color: #111;}



ul#topsubmenu {float:right;}
ul#topsubmenu li {display:inline;}



#submenu {clear: both;
          text-decoration: none;
          background: transparent;
          color: #243135;
          background: #F2F5F7;
          border-bottom: 1px solid #E2E9EB;}
#submenu ul {padding-top:5px;list-style:none;}
#submenu li {float: left; text-transform: uppercase; }
#submenu li a { color: #808080; padding:8px 10px; display: block;}
#submenu li a:hover { background:  url(images/nav.png) repeat-x left 0px; color: #000000;}
#submenu li a#selected  {
    background:  url(images/nav.png) repeat-x left -50px;
    color: #000000;
    font-weight: bold;
}



div#breadcrumbs {
    background:none repeat scroll 0 0 #F2F5F7;
    border-bottom:1px solid #E2E9EB;
    color:#243135;
    margin-bottom: 10px;
    padding:10px 10px 10px 20px;
}

div.pagetop{ text-align: right; margin-top: 10px;}

/*------------------------------------------------------------------------------
ログイン
------------------------------------------------------------------------------*/
#login {
    background-color: #FFFFFF;
    display: block;
    margin: 30px auto;
    width: 350px;
}


/*------------------------------------------------------------------------------
サイドナビ
------------------------------------------------------------------------------*/
div.submenu{ margin-left: 0; margin-top: 20px;}
ul.submenu{ list-style: none; padding: 0 10px;}
ul.submenu li{
    background: url(../images/arrow.gif) no-repeat left top;
    padding-left: 13px;
    margin-bottom: 10px;
}
ul.submenu li a,
ul.submenu li a:hover{
    background: none;
}
ul.submenu li.active a{ font-weight: bold; color: #333333;}




/*------------------------------------------------------------------------------
サイドナビ
------------------------------------------------------------------------------*/
div#navigation ul.submenu{ list-style: none; padding:20px 10px;}
div#navigation ul.submenu li{
    background: url(../images/arrow.gif) no-repeat left top;
    padding-left: 13px;
    margin-bottom: 10px;
}
div#navigation ul.submenu li a,
div#navigation ul.submenu li a:hover{
    background: none;
}
div#navigation ul.submenu li.active a{ font-weight: bold; color: #333333;}



/*------------------------------------------------------------------------------
リスト
------------------------------------------------------------------------------*/

ul.hint{
    margin-bottom: 5px;
}
ul.hint li{
    display: inline;
    list-style:none;
    padding-right: 15px;
}


/*------------------------------------------------------------------------------
ブロック・テーブル
------------------------------------------------------------------------------*/
.itemOuter {clear:both; display: block; background-color : #f5f5f5;border : 1px solid #c3c8cb;padding:5px;margin-bottom:5px;}
.itemOuter .itemImgbox{float:left;line-height:125%;}
.itemOuter .itemImgbox img{margin:3px;}
.itemOuter .itemBody{padding-left:20px;float:left;width:380px;}
.itemOuter a.title{font-size:120%;margin-bottom:5px}
.itemOuter .itemFoot{clear:both;font-size:90%;text-align:right;}
.itemOuter p{background-color : #fff;border : 1px solid #c3c8cb;}

table.outer {background:#fff;border: 1px solid silver;font-size:11px;}
table.outer th{background: #243135 url(images/bg_titles.png) repeat-x left top; white-space:nowrap; color:#fff; padding:5px; font-weight:bold;}
table.outer .head {white-space:nowrap; background: #eee; padding:5px; font-weight:bold;}
table.outer td{vertical-align:top; padding:5px;}
table.outer .even {background:#fff;}
table.outer .odd  {background:#EDF2F3;}
table.outer tr.head td {padding:5px;}
table.outer .foot {background:#c9c9c9; text-align: center; color:#111;}
/*table.outer tr:hover { background: #dddddd;}*/

tr.disabled-row {
    background-color: #f0f0f0;
    color:           #999;
  }

div.captionBox {padding:5px;}
div.captionBox span{font-size: 10px;color: #666;border: 1px solid #666; background-color: #ffffff; margin: 2px; padding: 2px;}




.blockOuter{border:1px solid #ccc;}
.blockTitle{
    background:#388FC3;
    border-style:none;
    border-width:0;
    color:#FFFFFF;
    font-weight:bold;
    margin:5px 5px 0;
    padding:8px 12px;
    text-align:left;
    width:auto;
}
.blockContent{padding:5px;background-color: #fff}
.blockFoot{clear:both;padding:5px;}

#navigation .blockOuter{margin: 10px;background-color: #fff}
#navigation .blockContent{}


/*------------------------------------------------------------------------------
ページャー
------------------------------------------------------------------------------*/
div.paginationControl {padding: 10px 0 10px;clear:both;}
div.paginationControl div.navi{text-align: center;}
div.paginationControl div.records{text-align: right; width: 100px; float: right;}
div.paginationControl a{color: #333;background: #fff;padding:3px 8px;margin:1px;border:1px solid #ccc;}
div.paginationControl a:hover {color:#000000;background: #BFDDED;}
div.paginationControl .active{color: #333;background: #BFDDED;padding:3px 10px 3px 10px;margin:1px;border:1px solid #aaa;font-weight: bold;}
div.paginationControl .disabled{color: #ccc;background: #fff;padding:3px 10px 3px 10px;margin:1px;border:1px solid #ccc;}






/*------------------------------------------------------------------------------
アラート
------------------------------------------------------------------------------*/
ul.errors{
    list-style-type: none;
    color:#f00;
    background: url(../images/icons/exclamation.png) 10px 50% no-repeat;
    text-align: left;
    padding: 5px 0 5px 30px;
    margin: 5px;
}
ul.errors li{}



ul.alertInformation {
    background: #f8fafc url(../images/icons/information.png) 15px 50% no-repeat;
    text-align: left;
    padding: 10px 20px 10px 45px;
    border-top: 2px solid #b5d4fe;
    border-bottom: 2px solid #b5d4fe;
    margin: 5px;
    list-style: none;
}

div.alertAttention {
    background: #ff8 url(images/attention.gif) 15px center no-repeat;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #D09731;
    border-bottom: 2px solid #D09731;
    margin: 5px;
}

div.alertHelp {
    background: #fff6bf url(/admin/images/img/help.gif) 15px center no-repeat;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    margin: 5px;
}

div.alertError {
    background-color: #fff6f6 ;
    color: #FF0000;
    text-align:center;
    border-top: 1px solid #DDDDFF;
    border-left: 1px solid #DDDDFF;
    border-right: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    font-weight: bold; padding: 10px;

}

div.alertCancel {
    background: #fff6f6 url(images/cancel.gif) 15px center no-repeat;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #faa;
    border-bottom: 2px solid #faa;
    margin: 5px;
}



div.alertWarnning {
    background: #fff6f6 url(images/cancel.gif) 15px center no-repeat;
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #faa;
    border-bottom: 2px solid #faa;
    margin: 5px;
}
div.alertConfirm {
    background-color: #DDFFDF;
    color: #136C99;
    text-align:center;
    border-top: 1px solid #DDDDFF;
    border-left: 1px solid #DDDDFF;
    border-right: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    font-weight: bold; padding: 10px;
}



/*------------------------------------------------------------------------------
Zend_Form
------------------------------------------------------------------------------*/
.zend_form .buttons{
    text-align: center;
    padding : 20px;
}


.zend_form button {
    background:none repeat scroll 0 0 #F8FAFA;
    border:1px solid #ABC6DD;
    margin-right:5px;
    cursor:pointer;
    color:#333;
    padding:3px 4px 4px;
}
.zend_form button:hover {
    background:none repeat scroll 0 0 #E2EBEB;
    border:1px solid #4E6972;
}



ul.tagsMenu{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

ul.tagsMenu li a {
    background:transparent url(images/arrow.gif) no-repeat scroll left center;
    color:#222222;
    padding:0pt 0pt 0pt 12px;
}

ul.tagsMenu li ul{
    padding-left:22px;
}