@charset "utf-8";
body {
    background:#f6f6f6;
    background:-moz-linear-gradient(left,  #f6f6f6 0%, #fcfcfc 50%, #f6f6f6 100%);
    background:-webkit-gradient(linear, left top, right top, color-stop(0%,#f6f6f6), color-stop(50%,#fcfcfc), color-stop(100%,#f6f6f6));
    background:-webkit-linear-gradient(left,  #f6f6f6 0%,#fcfcfc 50%,#f6f6f6 100%);
    background:-o-linear-gradient(left,  #f6f6f6 0%,#fcfcfc 50%,#f6f6f6 100%);
    background:-ms-linear-gradient(left,  #f6f6f6 0%,#fcfcfc 50%,#f6f6f6 100%);
    background:linear-gradient(to right,  #f6f6f6 0%,#fcfcfc 50%,#f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6',GradientType=1 );
    color:#5f5f5f;
    font:normal 10pt Arial, Helvetica, sans-serif;
    line-height:1.6;
}
body,textarea{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", Arial, Helvetica, sans-serif;}
a { color:#58c; text-decoration:none;outline: none;}
a:hover { text-decoration:underline;}
img { border:0;outline: none;}
img,input,iframe,textarea,select{ vertical-align:bottom;}
ul li{list-style:none;}
.cearfix{zoom:1;}
.clearfix:after{
    display:block;
    content:'';
    clear:both;
}
/*--------------------------------------
	header
---------------------------------------*/
#header {
    background:#555;
    margin-bottom:16px;
    padding:16px 0 8px;
    box-shadow:0 0 8px #333, inset 0 0 32px #333;
    min-width:960px;
    /*	max-width:1440px;*/
}
#header h1 {
    background:#6699cc;
    background:-moz-linear-gradient(top,  #6699cc 0%, #5588cc 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6699cc), color-stop(100%,#5588cc));
    background:-webkit-linear-gradient(top,  #6699cc 0%,#5588cc 100%);
    background:-o-linear-gradient(top,  #6699cc 0%,#5588cc 100%);
    background:-ms-linear-gradient(top,  #6699cc 0%,#5588cc 100%);
    background:linear-gradient(to bottom,  #6699cc 0%,#5588cc 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6699cc', endColorstr='#5588cc',GradientType=0 );
    margin-bottom:8px;
    padding:4px;
    text-align:center;
    box-shadow:0 0 8px #333;
}
#header h1 a {
    color:#fff;
    font:18pt normal;
    text-shadow:2px 1px 1px #333;
}
#header .navi {

}
#header .navi .category {
    text-align:center;
}
#header .navi .category li {
    margin-right:8px;
    display:inline-block;
/display:inline;
/zoon:1;
}
#header .navi .category li:after {
    margin-left:16px;
    content:'|';
    color:#ccc;
}
#header .navi .category li:last-child,
#header .navi .category li:last-child:after{
    margin:0;
    content:none;
}
#header .navi .category li a {
    display:inline-block;
/display:inline;
/zoon:1;
    color:#ccc;
    text-shadow:0px 1px 1px #000;
}
#header .navi .social {
    display:none;
}
/*--------------------------------------
  footer
---------------------------------------*/
#footer {
    background:#ddd;
    padding:16px;
    border-top:1px solid #eee;
    box-shadow:0 0 16px #ccc, inset 0 0 32px #ccc;
    min-width:960px;
    /*	max-width:1440px;*/
    text-shadow:1px 1px 1px #fff;
}
#footer .navi {

}
#footer .navi .category ,
#footer .navi .about {
    margin-bottom:8px;
    text-align:center;
}
#footer .navi .category li ,
#footer .navi .about li {
    margin-right:8px;
    display:inline-block;
/display:inline;
/zoon:1;
}
#footer .navi .category li:after ,
#footer .navi .about li:after {
    margin-left:16px;
    content:'|';
}
#footer .navi .category li:last-child,
#footer .navi .category li:last-child:after,
#footer .navi .about li:last-child,
#footer .navi .about li:last-child:after{
    margin:0;
    content:none;
}
#footer .navi .category li a ,
#footer .navi .about li a {
    display:inline-block;
/display:inline;
/zoon:1;
    color:#5f5f5f;
}
#footer address {
    font-style:normal;
    text-align:center;
}
/*--------------------------------------
  other
---------------------------------------*/
.context_menu {
    background:#fff;
    padding:4px;
    border-radius:2px;
    box-shadow:4px 4px 16px #aaa;
    width:180px;
    position:absolute;
    z-index:99999;
    display:none;
}
.context_menu ul {
    background:#eee;
    border-radius:2px;
}
.context_menu ul li a {
    padding:4px 8px;
    border-top:1px solid #fff;
    border-bottom:1px solid #ddd;
    display:block;
    color:#5f5f5f;
}
.context_menu ul li a:hover ,
.context_menu ul li a.hover {
    background:#cde;
    padding-left:10px;
    border-top:1px solid #def;
    border-bottom:1px solid #bcd;
    text-decoration:none;
}
.dialog_box {
    background:#fff;
    padding:4px;
    border-radius:4px;
    box-shadow:0 0 32px #333;
    display:none;
}
.dialog_title {
    background:#eee;
    padding:8px;
    border-bottom:1px solid #ddd;
    position:relative;
    font-weight:bold;
}
.dialog_title .dialog_close {
    background:#f9f9f9;
    background:-moz-linear-gradient(top,  #f9f9f9 0%, #f0f0f0 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f0f0f0));
    background:-webkit-linear-gradient(top,  #f9f9f9 0%,#f0f0f0 100%);
    background:-o-linear-gradient(top,  #f9f9f9 0%,#f0f0f0 100%);
    background:-ms-linear-gradient(top,  #f9f9f9 0%,#f0f0f0 100%);
    background:linear-gradient(to bottom,  #f9f9f9 0%,#f0f0f0 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0f0f0',GradientType=0 );
    padding:4px 8px;
    border:1px solid #ccc;
    border-radius:4px;
    position:absolute;
    top:4px;
    right:4px;
    font-size:80%;
    font-weight:normal;
    text-align:center;
    cursor:pointer;
}
.dialog_title .dialog_close:hover {
    background:#ffffff;
    background:-moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9));
    background:-webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%);
    background:-o-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%);
    background:-ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%);
    background:linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
}
.dialog_body {
    background:#eee;
    padding:8px;
    border-top:1px solid #fff;
    max-width:720px;
    max-height:480px;
    overflow:auto;
}

#information_alert_box {
    padding:4px 16px;
    border-radius:4px;
    box-shadow:0 0 8px #333;
}
#information_alert_box.green {
    background:#6c6;
    border:1px solid #393;
    color:#fff;
    text-shadow:0 1px 1px #000;
}
#information_alert_box.yellow {
    background:#cc6;
    border:1px solid #993;
    color:#fff;
    text-shadow:0 1px 1px #000;
}
#information_alert_box.red {
    background:#c66;
    border:1px solid #933;
    color:#fff;
    text-shadow:0 1px 1px #000;
}