@charset "UTF-8";


/*--------------------------------------------------------------------
初期設定
--------------------------------------------------------------------*/


/* =============== 標準化 */

/* ------ framework */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, i, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary,time, mark, audio, video
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-style:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block;}
html {-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; overflow-y:scroll;}

/* ------ block elements */
ul {margin:0; padding:0; list-style-type:none;}
ol {margin:0; padding:0 0 0 2em;}
p {margin:0 0 0.6em;}

/* ------ inline elements */
a {outline:none; background:transparent;}
a:focus, a:active, a:hover {outline:none;}
small {font-size:80%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}

/* ------ form */
button, input, select, textarea {font-family:inherit; font-size:100%; margin:0;}
button, input {line-height:normal;}
button, select {text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top;}

/* ------ table */
table {border-collapse:collapse; border-spacing:0;}
caption {text-align:left;}

/* ------ img */
img {border:0; vertical-align:bottom;}
.ie7 img {-ms-interpolation-mode:bicubic;}




/*--------------------------------------------------------------------
基本レイアウト
--------------------------------------------------------------------*/


/* =============== 全体 */

body {font:13px/1.5 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; *font-size:small; *font:x-small;}
.ie6 body {text-align:center;}
.ie6 header, .ie6 #main, .ie6 footer {text-align:left;}

/* ------ テキスト装飾ほか */
a {color:#18d;}
a:hover img {filter:alpha(opacity=80); opacity:0.80;}
.clear {clear:both;}
.center{text-align:center;}
.text_right {text-align:right;}
.bold {font-weight:bold;}
.it {font-style:italic;}
.red {color:#f36;}
.em {font-size:116%;}
.note {font-size:85%; line-height:1.5; margin-bottom:1.2em;}
.nowrap {white-space:nowrap;}


/* =============== ヘッダ */

header {overflow:hidden; zoom:1; padding-bottom:10px; background:url(../../images/header_bg.gif) repeat-x 0 bottom;}
header .content {max-width:1200px; margin:0 auto;}
.site_name {float:left; padding:15px 10px; font-weight:bold; line-height:47px;}
.callto {float:right; padding:10px; text-align:right; line-height:1.3;}


/* =============== メイン */

#main {max-width:1200px; margin:20px auto; padding-bottom:20px;}

#login {margin:20px;}
#login h1 {font-size:174%; color:#47c; font-weight:normal; margin-bottom:10px;}
#login h1 span {white-space:nowrap;}
#login form {border:1px #ccc solid; padding:20px; margin-top:40px;}
#login dd {margin:-1.5em 0 12px 16em;}
#login dd input {width:300px;}
#login .button {margin-left:16em;}
#login .button input {margin-bottom:10px; width:200px;}

.intro {margin:0 10px 20px;}
.page_title {margin-bottom:20px; }
.page_title span, .page_title a {padding-right:0.2em; font-size:112.9%;}
.page_title a {text-decoration:none; color:#000;}
.page_title a:hover {text-decoration:underline;}
.callto b {font-size:167%; font-family:Arial, Helvetica, sans-serif; color:#47c;}
.intro .back {margin:-15px 0 20px;}

.notes {background:#f0f4f7; margin:0 10px 40px; padding-top:12px;}
.notes h1 {margin:0 15px 0; font-size:100%; font-weight:bold;}
.notes_body {padding:10px 15px 18px;}
.notes dl {overflow:hidden; margin:0 15px 8px;}
.notes dt {margin-top:-1px; padding-top:0.75em; border-top:1px #bcd dotted; font-weight:bold; color:#47c;}
.notes dd {padding:1px 0 0.75em;}

.list {clear:both; margin:10px;}
.list li {overflow:hidden; zoom:1; border-bottom:1px #ccc solid; cursor:pointer; background:#7ae url(../../images/dd_bg.gif) repeat-y 300px 0;}
.list li.odd {background:#70a3e7 url(../../images/dd_odd_bg.gif) repeat-y 300px 0;}
.list div {float:left; border-left:1px #ccc solid; margin-left:-1px; padding:8px 1%; word-break:break-all;background:#fff;}
.list li:hover div {background:#fdfdee;}
.list .odd div {background:#f0f4f7;}
.list li.odd:hover div {background:#eef2e7;}

.list div.list_date {width:13%; background:transparent; text-align:center; color:#fff; font-weight:bold;}
.list_date br {display:none;}
.list li:hover .list_date {background:#74a5e3;}
.list li.odd:hover .list_date {background:#6d9fdc;}
.list li.headline:hover .list_date {background:#47c;}
.list_date a {color:#fff; text-decoration:none;}
.list_name {width:33%; border-color:#fff!important;}
.list_phase {width:33%;}
.list_schedule {width:13%; text-align:center;}

.list .headline {border:0; cursor:default;}
.list li.headline div {text-align:center; background:#47c; color:#fff; font-weight:bold;}
.list li.headline div.list_name {width:33%; border-color:#ccc!important;}


.desc {clear:both; margin:-10px 10px 10px;}
.desc p {text-align:right;}
.desc dl {border-bottom:1px #ccc solid;}
.desc dt {padding:0.75em 10px 0; border-top:1px #ccc solid; position:relative; z-index:100; color:#fff; font-weight:bold;}
.desc dd {margin-top:-2.25em; padding:0.75em 10px 0.75em 11em; position:relative; z-index:10; overflow:hidden; background:#7ae url(../../images/dd_bg.gif) repeat-y 10em 0;min-height: 1em;}
.desc dd.odd {background:#70a3e7 url(../../images/dd_odd_bg.gif) repeat-y 10em 0;}

.nav {overflow:hidden; zoom:1; margin-top:20px;}
.nav li {float:left; display:inline; margin:0 2px;}
.nav a {display:block; padding:4px 7px; background:#47c; color:#fff; text-decoration:none; border-radius:3px;}
.nav a:hover {background:#abd;}


/* =============== フッタ */

footer {text-align:center; background:#f0f4f7;}
footer .logout {text-align:left; margin:0; padding:10px 20px 0;}
footer .copyright {margin:0; padding:10px 0;}
footer br {display:none;}



/*--------------------------------------------------------------------
表示サイズに追従
--------------------------------------------------------------------*/

@media screen and (max-width:700px) {
  .site_name {float:none; text-align:left; padding-bottom:0;}
  .callto {float:none; text-align:left; padding-top:0;}
  .callto br {display:none;}
  .callto b {padding:0 0.4em;}

  .list ul {border-bottom:1px #ccc solid;}
  .list li {position:relative; border:0;}
  .list li div {float:none; width:auto; padding:4px 10px; margin-left:6em; border-top:1px #ccc solid!important; border-left:0;}
  .list div.list_date {position:absolute; top:0; left:0; width:6em; margin:0; padding:4px 0;}
  .list_date br {display:block;}
  .list_phase:before {content:"進捗："; color:#47c; margin-right:1em;}
  .list_schedule {text-align:left;}
  .list_schedule:before {content:"予定日："; color:#47c;}

  .list .headline .list_name {width:auto!important; border-left:1px #ccc solid; position:relative;}
  .headline .list_name:before {content:"内容（タップして詳細表示）"; display:block; width:100%; position:absolute; top:0; left:0; padding:4px 0; background:#47c;}
  .headline .list_phase, .headline .list_schedule {display:none;}

  .nav a {padding:10px 12px;}

  footer br {display:block;}
}

@media screen and (max-width:600px) {
  #login dd {margin:0 0 12px;}
  #login .button {margin:30px 0 0;}
}

@media screen and (max-width:500px) {
  #login dd input {width:220px;}
  .site_name {line-height:1.8;}
  .site_name img {display:block;}
  .callto {margin:10px; padding:10px 0 0;  border-top:1px #888 dotted;}
  .callto b {padding-left:0;}
  .callto br:nth-child(1) {display:block;}
}