@charset "UTF-8";

#menu {
   width:100%;
   height:40px;
   float:left;
   margin-bottom:20px;
   _background:url("../images/bg_menu.gif") 0 100% repeat-x;
   background:#507ea4 0 100% repeat-x;
   _border-top:1px solid #274a78;
   _border-bottom:1px solid #274a78;
}
#menu ul {
   width:900px;
   _height:45px;
   margin:11px auto;
   margin:3px auto;
   padding:0;
}

#menu li {
   float:left;
   font-size:90%;
   text-align:center;
   list-style-type:none;
}

#menu li a {
   color:#274a78;
   color:#FFF;
   display:block;
   margin:0 3px;
   padding:5px 8px;
   padding:7px 8px;

}

#menu li a.active {
   font-weight:bold;
   border:1px solid #6c848d;
   background: #165e83;
}

#menu a:link,
#menu a:visited {
    border:1px solid #507ea4;
    text-decoration: none;
}
#menu a:hover,
#menu a:active {
    border:1px solid #6c848d;
    background: #165e83;
    text-decoration: none;
}



#main {
    float:right;
    width:68%;
    padding:20px;
_background:#f5f5f5;
border:1px solid #CECFCE;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#sidemenu {
    float:left;
    width:23%;
    height:100%
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
padding:10px 10px 0px 10px;
border:1px solid #CECFCE;
}

.strongBox {
    clear: both;
    margin: 0 10px;
    padding: 3px 7px;
    font-size: 110%;
    color: #FFF;
    background: #_507ea4;
    background: #507ea4;
    font-weight:bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* ========SUB CONTENTS CUSTOMIZE======== */
#sidemenu .section {
   width:100%;
   margin-bottom:10px;
   padding:5px 0;
   _background:#DEDDD0;
}

#sidemenu h2 {
   width:100%;
   padding-bottom:5px;
   text-align:center;
   font-size:100%;
   font-weight:bold;
   color:#000;
   border-bottom:1px solid #507ea4;
}

#sidemenu ul {
   margin:0;
   padding:5px 0;
}

#sidemenu li {
   margin:0;
   padding-left:8px;
   margin:2px 3px;
   font-size:90%;
   background:#FFF url("../images/bg_list.gif") 0 50% no-repeat;
   list-style:none;
}
#_sidemenu li.selected {
   background:#FFF url("../images/bg_list.gif") 3px 50% no-repeat;
}

#sidemenu li a{
   _background:#FFF;
   display:block;
   padding:3px 5px;
}
#sidemenu li.selected a {
   _font-weight:bold;
   background:#DDD;
}


.subTitle {
    height: 1%;
    padding: 5px 7px;
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: 108%;
    font-weight: bold;
    border-left: 5px solid #DDD;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

table.pdflist {
    border-collapse: collapse;
    width: 70%;
    margin-top:5px;
}

table.pdflist th,
table.pdflist td {
    padding: 3px;
    border: 1px solid #CCC;
    vertical-align: middle;
}

table.pdflist th {
    text-align: center;
    font-weight: bold;
    background: #507ea4;
    background: #DDD;
    _color: #FFF;
    font-weight:bold;

}

table.pdflist tbody {
 cursor:pointer;
 cursor:hand;
}


table.mailAdd {
border-collapse: collapse;
    width: 100%;
}

table.mailAdd th,
table.mailAdd td {
    padding: 3px;
    border: 1px solid #DDD;
    vertical-align: middle;
}

table.mailAdd th {
    text-align: center;
    font-weight: bold;
    background: #F0F0F0;
}

table.mailAdd th.chk {
    _width: 10%;
    text-align: center;
}
table.mailAdd th.name1 {
    width: 30%;
    text-align: center;
}
table.mailAdd th.name2 {
    width: 30%;
    text-align: center;
}
table.mailAdd th.add {
    width: 50%;
    text-align: center;
}


#titleTop {
    margin-bottom: 20px;
    padding: 5px 5px 5px 15px;
    font-size: 150%;
    font-weight: bold;
    vertical-align: middle;
    border-left:10px solid #507ea4;
    border-bottom:1px solid #507ea4;
}

table.form {
    _width: 80%;
    width: 100%;
    _margin: 0 auto;
}

table.form th,
table.form td {
    padding: 10px 5px;
    text-align: left;
    _font-size: 80%;
    /*border-top: 1px dotted #CCC;*/
    border-bottom: 1px dotted #CCC;
    vertical-align: middle;
}

table.form th {
    _width: 35%;
    font-weight: bold;
}

table.form td {
    _width: 65%;
    padding-left: 50px;
}

table.form td._required {
    background: #FFF url(/img/required.gif) no-repeat scroll left center;
}

table.form td p.example ,
table.form th p.example {
    margin: 0;
    margin-top: 3px;
    padding 0;
    color: #999;
    font-size: 85%;

    padding-left: 1em; 
    text-indent: -1em; 
}

table.form th p.example {
    font-weight: normal;
}

table.form input.text,
table.form textarea {
    width: 200px;
}

table.form input.password {
    width: 200px;
}

p.forgetPass {
    margin: 3px;
    font-size: 85%;
}

.submit {
   text-align:center;
   border-top:1px solid #507ea4;
   margin-top: 25px;
   padding-top: 20px;
}

/* ========BASIC======== */
/*
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","MS P ゴシック",sans-serif;
   color:#333;
}
*/
/*
body {
   background:url(../images/bg.gif) fixed;
   letter-spacing:1px;
   line-height:1.6;
}

p {
   margin:0 0 1em 0;
   padding:5;
   font-size:88%;
}

br {
   letter-spacing:normal;
}

img {
   border:0;
}

dl,ol,ul {
   margin:0 0 1em 0;
   padding:0;
   _font-size:88%;
}
*/
h1,h2,h3,h4,h5,h6 {
   margin:0;
   padding:0;
}
/* ========TEMPLATE WIREFRAME======== */
div#top {
   width:900px;
   margin:20px auto;
   padding:0 20px;
   _border:1px solid #CECFCE;
   background:#fff;
}
div#top_manage {
   width:900px;
   margin:20px auto;
   padding:0 20px;
   _border:1px solid #CECFCE;
   background:#fff;
}

div#header {
   width:900px;
   _width:100%;
   position:relative;
   margin:20px auto;
   background:#507ea4;
_border:3px double #507ea4;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

div#_header {
   width:700px;
   height:60px;
   margin-bottom:10px;
   background:#fff url("../images/bg_head.gif") 0% 0% no-repeat;
   border-bottom:1px solid #666;
}

div#navi {
   position:absolute;
   top:20px;
   right:0;
}

div#contents {
   _width:900px;
   _margin:0 auto;
   padding-bottom:10px;
   clear:both;
}

div#totop {
   clear:both;
}

div#footer {
   width:700px;
   clear:both;
   padding:10px 0;
}

/* ========HEADER CUSTOMIZE======== */
div#header h1 {
   _text-align:center;
   color:#507ea4;
   color:#FFF;
   padding:20px 10px;
   font-weight:bold;
   font-size:175%;/* 28px相当 */
   font-size:150%;/* 28px相当 */
}

div#header p {
   margin:0;
   padding:0 0 5px 0;
   border-bottom:1px solid #CECFCE;
}

div#navi ul {
   list-style:none;
}

div#navi li {
   float:left;
   margin:0 0 0 22px;
   padding:0 0 0 20px;
   font-size:82%;/* 13px相当 */
}

div#navi li.sitemap {
   background:url(../images/icon_sitemap.gif) 0 50% no-repeat;
}

div#navi li.contact {
   background:url(../images/icon_contact.gif) 0 50% no-repeat;
}

div#navi li.feed {
   background:url(../images/icon_feed.gif) 0 50% no-repeat;
}

div#navi li a {
   border-bottom:1px solid #CECFCE;
}


/* ========MENU CUSTOMIZE======== */

/* ========CONTENTS CUSTOMIZE======== */
/*
div#contents h2 {
   font-weight:bold;
   font-size:100%;
   border-left:10px solid #333;
border-bottom:1px solid #333;
   margin:5px 0;
   padding:2px 0 2px 10px;
   line-height:1.0;
}
*/

div#contents h3 {
   font-weight:bold;
   font-size:94%;/* 15px相当 */
}

div#contents dl {
   margin:0;
   padding:0;
}

div#contents dt {
   text-decoration:underline;
}

div#contents dd {
   margin:0 0 1em 1em;
}

/* ========TOTOP CUSTOMIZE========= */
div#totop {
   padding:10px 0;
   text-align:right;
   font-size:82%;/* 13px相当 */
}

div#totop a {
   padding:0 0 0 12px;
   background:url(../images/bg_totop.gif) 0 60% no-repeat;
}


/* ========FOOTER CUSTOMIZE======== */
address {
   text-align:center;
   font-size:63%;/* 10px相当 */
   font-style:normal;
   padding:20px 0;
   margin:10px 0;
   background:#F6F6F6;
}




.maintenance {
   padding:4px 5px;
   background:#DDD;
}
.maintenanceButton a {
	display: inline-block;
}
.maintenanceButton a.strongBox {
	color: #FFF;
	text-decoration: none;
	margin-left: 0;
	margin-right: 0;
}
.maintenanceButton a.strongBox:hover {
	color: #ddd;
	text-decoration: none;
	cursor: hand;
}

.maintenanceButton a.selected:hover {
	color: #888;
	text-decoration: none;
	cursor: hand;
}

.resMessage {
	color: red;
	font-weight: bold;
}
.resMessage.center{
	text-align: center;
}