@charset "utf-8";
/**
 *  default from  CSS
 *
 *  modify 2008-08-12 15:11 +0900
*/

/*-------------------------------------------------------
font-sizeのパーセント表記一覧表
参考サイト
http://webtech-walker.com/archive/2008/05/16032443.html

基本サイズ12px
表示したいサイズ 指定する値
10px    84%
11px    92%
12px    100%
13px    109%
14px    117%
15px    125%
16px    134%
17px    142%
18px    150%
19px    159%
20px    167%
21px    175%
22px    184%
23px    192%
24px    200%
25px    209%
26px    217%
---------------------------------------------------------*/

/************/
/*  GLOBAL  */
/************/
body {
    font-size: 13px;
    /* font-family:'メイリオ',Meiryo,Verdana,sans-serif; */
    font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    /* background-color:#f7f7f7; */
    color: #333333;
}

/* for IE6 */
* html body {
    font-size: 82%;
    /* font-size: small; */
    font-size: 12px;
    /* letter-spacing: -1px; */
}

/* for IE7 */
*:first-child+html body {
    font-size: 76%;
    /* font-size: small; */
    /* font-size: 11px; */
}


/* HEADER */
.header {width:960px; font-family:"trebuchet ms",arial,sans-serif;}
.header-top {
    width:960px;
    height:41px;
    background:rgb(255,255,255)  /* url(../img/bg_head_top.jpg) */;
    overflow:visible !important /*Firefox*/;
    overflow:hidden /*IE6*/;
}
.header-middle {
    width:960px;
    height:96px;
    background:#EEEEEE url(../img/bg_head_middle_grey.gif) repeat-x scroll 0 0;
    position: relative;
    overflow:visible !important /*Firefox*/;
    overflow:hidden /*IE6*/;
}

.header-bottom {
    width:960px;
    height:40px;
    background:rgb(255,255,255) /* url(../img/bg_head_breadcrumbs.jpg) repeat-y*/ ;
}

.header-breadcrumbs {
    clear:both; 
    width:960px;
    padding:0 0;
    background:rgb(255,255,255) /* url(../img/bg_head_breadcrumbs.jpg) repeat-y */  ;
    text-align:right;
}

/*******************/
/*  HEADER SECTION */
/*******************/
.sitelogo {
    width:47px;
    height:26px;
    position:absolute;
    z-index:1;
    margin: 7px 0 0 15px;
    background: transparent url(../img/logo_small.gif) norepeat scroll 0 0;
}
.sitename {
    width:600px;
    height:58px;
    position:absolute;
    z-index:1;
    margin:16px 0 0 70px;
    overflow:visible !important /*Firefox*/;
    overflow:hidden             /*IE6*/;
    line-height:1.2em           /*IE7*/;
}

.sitename h1 {font-size:120%;}
.sitename h2 {margin:0px 0 0 0; color:rgb(125,125,125); font-size:100%;}
.sitename a {text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}

.nav0 {width:350px; position:absolute; z-index:2; margin:25px 0 0 0; margin-left:550px !important /*Non-IE6*/; margin-left:553px /*IE6*/;}
.nav0 ul {float:right; padding:0 20px 0 0;}
.nav0 li {display:inline; list-style:none;}
.nav0 li a {padding:0 0 0 3px;}
.nav0 a:hover {text-decoration:none;}
.nav0 a img {height:14px; border:none;}

.nav1 {width:350px; position:absolute; z-index:3; margin:0 0 0 550px;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:bold;}
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:#1e9fc7;text-decoration:underline; font-size:100%;}
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}

.sitemessage {
    width:960px;
    height:60px;
    position:absolute;
    z-index:1;
    margin:30px 0 0 0;
    /* color:rgb(234,239,247);*/
    /*overflow:visible !important /*Activate if Firefox print problems*/;
    overflow:hidden /*IE6*/;
}

.sitemessage h1 {
    width:960px;
    text-align:center;
    color:#333333;
    font-weight:bold;
    font-size:240%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}


.sitemessage h2 {float:right; width:320px; margin:8px 0 0 0; text-align:left; line-height:100%; font-size:160%;}
.sitemessage h3 {float:right; width:320px; margin:10px 0 0 0; text-align:left; font-size:140%;}
.sitemessage h3 a {text-decoration:none; color:rgb(234,239,247);}
.sitemessage h3 a:hover {text-decoration:none; color:rgb(50,50,50);}


.header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;}
.header-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}
.header-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}

.header-breadcrumbs .searchform {float:right; width:285px; padding:0 17px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;}
/*.header-breadcrumbs .searchform form fieldset {float:right; border:none;} */
.header-breadcrumbs .searchform input.field {width:10.0em; padding:0.2em 0 0.2em 0; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%; }
.header-breadcrumbs .searchform input.button {width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.header-breadcrumbs .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* --- For alternative headers END PASTE here --- */


/* padding-top */

.padtop5  { clear:both; padding-top:  5px;}
.padtop8  { clear:both; padding-top:  8px;}
.padtop13 { clear:both; padding-top: 13px;}
.padtop21 { clear:both; padding-top: 21px;}
.padtop34 { clear:both; padding-top: 34px;}
.padtop55 { clear:both; padding-top: 55px;}
.padtop89 { clear:both; padding-top: 89px;}
.padtop144 { clear:both; padding-top: 144px;}
.padtop233 { clear:both; padding-top: 233px;}

.padleft13 { padding-left: 13px;}



.main {
	background-color: #ffffff;
	clear: both;
	pading-bottom: 30px;
	/* width: 960px; */
	margin: 0 auto;
}

.main-content {
    margin: 0 auto;
    min-width: 100%
    padding:0;
    position: relative;
    width: 900px;
    z-index: 0;
}

.main-content a:visited {
    color:#0085CF;	
}
.main-content a:hover {
    text-decoration: underline;
}
.main-content a {
    color:#0085CF;  
    text-decoration: none;
}

.column2-unit-left {
	float:left; 
	width:440px;  
	margin-bottom:10px !important /*Non-IE6*/; 
	margin-bottom:5px /*IE6*/
;}
.column2-unit-right {
	float:right; 
	width:440px;  
	margin-bottom:10px !important /*Non-IE6*/; 
	margin-bottom:5px /*IE6*/
;}

.column-unit-560 {
    float:none; 
    width:560px; 
    margin:0 auto;
;}

.column-unit-600 {
    float:none; 
    width:600px; 
    margin:0 auto;
;}

/******************/
/*  information    */
/******************/
.information {
    clear:both;
    width:100%;
    margin: 0 auto auto 0;
    /* border:solid 0px #fff; */
}

/*
.information fieldset {
    border: none;
    margin:5px 0 10px 0px;
    border:solid 1px #e5e5e5;
    background-color: #f7f7f7;

}
*/

#summary h1.block {
    clear:both;
    margin:1.0em 0 0.5em -0.2em;
    font-size:167%;                 /* 20px */
    color:#61743A;
    font-weight:bold;
    border-style: solid;            /* 枠の種類 */
    border-width: 0px 0px 0px 0px;  /* 枠の幅 */

}
#summary h1 {
    clear:both;
    margin:1.0em 0 0.5em 0;
    font-family:arial,sans-serif;
    color:rgb(80,80,80);
    font-weight:normal;
    font-size:217%;
}
.information h2 {
    clear:both;
    color:#000000;
    margin:1.0em 0 0.5em 0;
    font-weight:normal;
    font-size:150%;     /* 18px */
}

#summary h3 {
    clear:both;
    margin:1.0em 0 0em 0;
    font-family:arial,sans-serif;
    color:rgb(80,80,80);
    font-weight:normal;
    font-size:134%;     /* 16px */
}

#summary img {border:none;}

/********************/
/* Login Section    */
/********************/
div.distance {
    float:left;
    height:10px;
    width:100%;
    margin-bottom: 30px;
}


/*--------------------------------------------------------*/
/*  Login form メイン                                     */
/*--------------------------------------------------------*/
#login {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:7px;
    -moz-border-radius-bottomright:7px;
    -moz-border-radius-topleft:7px;
    -moz-border-radius-topright:7px;
    background:#EBEBEB url(/img/loginbg.gif) repeat-x scroll 0 0;
    border:1px solid #D3D3D3;
    width:320px;
    margin:0 auto;
    clear:both;
}


#login .loginform {
    margin:22px;
}

#login form, #login fieldset {
    margin:0 !important;
    padding:0 !important;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent none repeat scroll 0 0;
    border:0 none;
    font-size:100%;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:0;
    padding:0;
    vertical-align:baseline;
}


#login label {
    color:#444444;
    display:block;
    font-size:15px;
    margin-bottom:3px;
}

#login input.textinput {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FFFFFF url(/img/textinputbg.gif) repeat-x scroll 0 0;
    border:1px solid #D3D3D3;
    color:#000000;
    font-size:15px;
    margin-bottom:10px;
    padding:7px 0;
    text-indent:7px;
    width:97%;
}

#login .loginbtn {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    /* background:transparent url(/img/loginbtn.gif) no-repeat scroll 0 0; */
    display:block;
    margin-top:19px;
}


#login input:focus {
    border-color:#77B2EE;
    /* border-color:#666666; */
}

/* content start */
#content{
    clear:both;
    padding: 10px 40px 10px 40px;
    background-color: #fff;
    color: #333;
    min-height:560px;
    height: auto !important;
    height: 560px;
}

/* ---- view -------------*/
#view {
    clear:both;
    display:block;
    background-color: #fff;
}

/* ---- Pagination -------------*/
#pagination {
    /* clear:both;
    display:block;
    padding: 10px 40px 10px 40px;
    text-align:center;
    background-color: #fff;
    font-family: Verdana;
    color: #333;
    font-size : 110%; */

    //clear:both;
    display:block;
    font-family: Arial,sans-serif;

    padding-top: 11px;
    padding-bottom: 11px;
    font-size : 92%;
}

#pagination .previous {
    float:left;
    margin: 2px;
    text-decoration: none;
    border: 1px solid #999999;
    color: #999999;
    background-color: #FFFFFF;
    height: 28px;

    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;

}


#pagination  a, #pagination a:link, #pagination a:active {
    /*
    color:#fd8c41;
    text-decoration:underline;
    */

    margin: 2px;
    text-decoration: none;
    border: 1px solid #999999;
    color: #999999;
    background-color: #FFFFFF;
    height: 28px;

    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;

    /*
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-left: 8px;
    */
}
#pagination  a:hover{
    /*
    color:#fd8c41;
    text-decoration:none;*/

    border: 1px solid #666666;
    color: #666666;
    background-color: #F2F2F2;

}
#pagination span.result {
    margin: 2px;
    color: #999999;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
}

#pagination  span.current {
    margin: 2px;
    font-weight: bold;
    border: 1px solid #999999;
    color: #FFFFFF;
    background-color: #999999;

    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
}

/* tables */
#summary table {
    clear both;
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    color:#333;
    background-color: #fff;
    clear:both;
    padding: 0;
    margin: 0 0 0 0;
    white-space: normal;
    font-size: 100%;
    line-height:1.5em;
    font-family: Verdana, sans-serif;
}

#summary table.summary table {
    width: 100%;
}

#summary div.summaryCounter table {
    width: 80%;
}

#summary th {
    background-color:#f0f0f0;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
    text-align:center;
    padding: 0px 5px;
    font-size:100%;
    font-weight:normal;
}
#summary table tr td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    /* padding-top: 0px */
    /* padding: 13px 4px; */
    padding: 0.5em 0.3em;
    /* vertical-align:middle; */
    text-align: center;
    font-size:92%;
}

#summary table tr.altRow td {
    background: #f4f4f4;
}
#summary table td.actions {
    white-space: nowrap;
}


#cakeSqlLog td {
    text-align: left;
    padding: 4px 8px;
    background: #fff;
    border-bottom: 2px solid #ccc;
}

/* scaffold show */

div.related {
    clear:both;
    display:block;
}
dl {
    line-height:2em;
    margin:0em 1em;
    float:left;
    width: 400px;
}
dt {
    font-weight: bold;
    vertical-align:top;
}
dd {
    margin-left:10em;
    margin-top:-2em;
    vertical-align:top;
}

/* notices and errors */

#flashMessage, .error, .error_message {
    color:#ff0000;
    font-size: 134%;
    background-color: #fff;
    margin: 8px 0px;
    font-weight: bold;
}
.error_message {
    clear: both;
}
.error em {
    font-size: 150%;
    color: #003d4c;
}
.notice {
    color: #656565;
    font-size: 117%;
    background-color: #f4f4f4;
    padding: 0.5em;
    margin: 1em 0;
    display:block;
}
.tip {
    color: #656565;
    background-color: #ddd;
}

/*--------------------------------------
    div.missing errorform
---------------------------------------*/

div.missing {
    color: #666666;
    clear: both;
    margin-top:  30px;
    margin-left: 20px;
    font-size: 110%;
    font-family: Verdana, sans-serif;
}

div.missing h1 {
    color: #000;                /* 文字の色 */
    font-size: 300%;            /* 26px */
    margin:0 0;
    padding: 0px 0px 0px 0px;
    border-style:none;
}


.main-content p.summary {
    margin:0 0 0em 0.5em;
    font-size:100%;
    color: #a9a9a9;
}

/*--------------------------------------
    div.missing errorform
---------------------------------------*/
pre {
  width: 95%;
  overflow: scroll;
  margin: 1.5em 0;
  padding: 0.5em 0.8em;
  font-size: 110%;
  font-family: monospace;
  white-space: pre-wrap;          /* CSS3 対応ブラウザ向け （Opera 8 以降とか） */
  white-space: -moz-pre-wrap; /* Firefox （Mozilla） 向け */
  word-wrap: break-word;        /* IE5.5 以降と Safari 向け */
}

html>body pre {
  overflow: visible;
  /*\*/
  overflow: auto;
  /**/
}
@media print {
     pre {
          white-space: pre-wrap;
          white-space: -moz-pre-wrap;
          white-space: -o-pre-wrap;
          white-space: -pre-wrap;
          word-wrap: break-word;
     }
}

/******************/
/*  BUTTONS        */
/******************/

.main-content div.buttons {
    clear:both;
    width:100%;
    margin: 0 auto;
    text-align:center;
}

.button {
    font-size:108%;
    color: #000;
    width: 120px;
    height: 24px;
    border: 0;
    background: url(../img/button.gif) repeat-x;
    /* text-indent: -9999px; */
    vertical-align: top;
    cursor: pointer;
    -moz-border-radius:5px;
}

.button:hover{
  color: #333;
  background: url(../img/button_hover.gif) repeat-x;
}