/*======================================================================================================================*/
/*  common   */

body {
    text-align: center; /* center on ie */	
	background-image: url(../img/common/background110208.gif); 
    background-repeat: repeat-x;
	background-position: top;
	}
	
html, body {
   height: 100%;
   }
	
body.b-home {
   behavior:url("js/csshover3.htc");
   }
   
body {
   behavior:url("../js/csshover3.htc");
   }

#container {
	text-align: left;
    width: 806px;
	margin: 0 auto; /* center on everything else */
	overflow: hidden;	
	}
	
#menu {
	text-align: left;
    width: 806px;
	margin: 0 auto; /* center on everything else */
	}  

#contents, #sub {
	float: left;
	}
	
#header-back {
   width: 804px;
   height: 102px;
   background-repeat: no-repeat;
   background-position: center;
   margin: 0 0 18px 2px;
   padding: 0;
   z-index : 0;
   }
	
body.b-home #header-back {
   height: 202px;
   background-image: url(../img/common/top_main.png);
   }
   
body.nyukai #header-back {
   background-image: url(../img/common/c-title-nyukai.png);
   }

body.b-gaiyou #header-back {
   background-image: url(../img/common/c-title-gaiyou.png);
   }
   
body.b-member #header-back {
   background-image: url(../img/common/c-title-member.png);
   }
   
body.b-doc #header-back {
   background-image: url(../img/common/c-title-doc.png);
   }
   
body.b-support #header-back {
   background-image: url(../img/common/c-title-support.png);
   }
   
p {
   margin-bottom: 16px;
   }
   
.text {
   	text-indent: 0em;
	}
	
.ma {
   width: 98%;
   border-top : 1px dotted #CC0000;
   margin: 30px 0;
   text-align: right;
   }
   
.ma a {
   font-size: 75%;
   }
   
.comme {
   border: 1px dotted #CC0000;
   background-color:#eeeeee;
   text-align:left;
   margin: 5px 0px;
   padding: 1px 0 1px 20px;
   }
   
/*======================================================================================================================*/
/*  topicpath   */


#topicpath {
   width: 804px;
   height: 32px;
   margin:  0 0 18px 2px;
   padding: 0 0 2px 0;
   background-image: url(../img/common/topicpath-ietuki.png);
   background-repeat: no-repeat;
   background-position: center;
   position: relative;
   }
   
#topicpath ul {
	height: 31px;
	padding: 1px 0 0 35px;
	position: absolute;
	top: 0;
	left: 0;
   }

#topicpath li {
   padding: 0 8px 0 0;
   display: inline;
   }
   
#topicpath li a {
   padding: 7px 16px 6px 0;
   background:url(../img/common/topicpath-arrow12.gif);
   background-repeat: no-repeat;
   background-position: center right;
   }

/*======================================================================================================================*/
/*  contents   */
 
#contents {
    width: 580px;
	text-align: left;
	margin: 0 0 0px 18px;
	padding: 0;
	}
*html #contents { width: 600px; }

/*======================================================================================================================*/
/*  sub   */

#sub {
   width: 180px;
   background: url(../img/common/nav_back.png) no-repeat center top;
   margin: 0 18px 30px 2px;
   padding: 10px 0;
   }
   
#sub ul {
    width: 150px;
	margin: 0 15px;
	padding: 0;
	list-style-type: none;
	overflow:hidden;
	}
	
#sub ul li {
   width: 150px;
   height: 30px;
   border-bottom: 1px dotted #d3d3d3;
   margin: 4px 0;
   margin-bottom:-1px;
   padding: 8px 0 2px 20px;
   background-image: url(../img/common/sub_b.gif);
   background-position: 0 35%;
   background-repeat: no-repeat;
   }
   
#sub img.sub-t {
   width: 165px;
   height: 65px;
   margin: 0 0 0 8px;
   }
   
/*======================================================================================================================*/
/*  見出し   */

h1 {
   position:absolute;
   top: -9999px;
   }
   
h2, h3 {
   width: 596px;
   text-align: left;
   border-style: solid none;
   border-width: 3px 0px 1px 0px;
   border-color: #CC0000 #dcdcdc #999999 #dcdcdc;
   background-image: url(../img/common/h2back_40.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   padding: 0;
   }

h2 {   
   margin: 10px 0 20px 0px;
   margin-left: -12px;
   position:relative;
   }
   
h3 {
   margin: 30px 0 20px 0px;
   margin-left: -12px;
   position:relative;
   }

.midashi, .komidashi {
   text-align: left;
   vertical-align: middle;
   border-style: solid none;
   border-width: 3px 0px 1px 0px;
   border-color: #CC0000 #dcdcdc #999999 #dcdcdc;
   margin: 20px 0;
   margin-left: -12px;
   position:relative;
   }

.midashi {
   width: 596px;
   background-image: url(../img/common/midashi_b.png);
   background-repeat: repeat-x;
   background-position: left bottom;   
   padding: 2px 0 0 25px;
   }
   
.midashi30 {
   text-align: left;
   vertical-align: middle;
   border-style: solid none;
   border-width: 3px 0px 1px 0px;
   border-color: #CC0000 #dcdcdc #999999 #dcdcdc;
   margin: 10px 0 20px 0px;
   margin-left: -12px;
   position:relative;
   width: 596px;
   background-image: url(../img/common/midashi_b.png);
   background-repeat: repeat-x;
   background-position: left bottom; 
   padding: 2px 0 0 25px;
   font-size:9pt;
   color: #333333;
   }
   
.komidashi {
   width: 592px;
   text-align: left;   
   padding: 4px 0 2px 2px;
   }

.backnumber {
   width: 100%;
   border-top : 1px dotted #999999;
   text-align: right;
   margin: 20px 0px;
   padding-top: 10px;
   }
   
#contents .centering {
   display:block;
   margin: 20px auto;
   text-align: center;
   }

/*======================================================================================================================*/
/*  footer   */

#footer {
   clear: both;
   width: 100%;
   padding: 0;
   margin: 40px 0 0 0;
   }
   
#footer_top01 {
   height: 40px;
   background-image: url(../img/common/footer_top.gif);
   background-repeat: repeat-x;
   background-position: top;
   background-color: #CC0000;
   margin: 0;
   padding: 0; 
   position: relative;
   }
   
#footer_top01 img.page-top {
   position: absolute;
   bottom: 1px;
   right: 30px;
   }
   
#footer_middle {
   height: 30px;
   padding: 10px 0;
   background-color: #CC0000;
   }
   
#footer_bottom {
   height: 30px;
   background-image: url(../img/common/footer_bottom.gif);
   background-repeat: repeat-x;
   background-position: top;
   background-color: #880000;
   margin: 0;
   padding: 10px 0 0 0;
   }
   
#footer a {/*リンクされた文字*/
   color:#ffffff;
   font-style:normal;
   text-decoration:none;
}

#footer a:link {/*未訪問のリンク*/
   color:#ffffff;
   font-style:normal;
   text-decoration:none;
}

#footer a:visited {/*訪問後のリンク*/
   color:#ffffff;
   text-decoration:none;
}

#footer a:hover {/*マウスをのせたとき*/
   color:#ff6600;
   font-style:normal;
   text-decoration:underline;
}

#footer a:active {/*クリック中*/
   text-decoration:none;
}
   

   
/*======================================================================================================================*/
/*  Link   */


a {/*リンクされた文字*/
   color:#1111cc;
   font-style:normal;
   text-decoration:none;
}

a:link {/*未訪問のリンク*/
   color:#1111cc;
   font-style:normal;
   text-decoration:none;
}

a:visited {/*訪問後のリンク*/
   color:#111177;
   text-decoration:none;
}

a:hover {/*マウスをのせたとき*/
   color:#1155CC;
   font-style:normal;
   text-decoration:underline;
}

a:active {/*クリック中*/
   text-decoration:none;
}

/*======================================================================================================================*/
/*  list   */

#list {
   margin: 0;
   text-align:left;
   }
   
#list table, #list th, #list td {
   border: none;
   border-spacing: 0;
   text-align:left;
   }

#list table {
   width:100%;
   border: 1px solid #aaaaaa;
   border-collapse: separate;
   margin: 0;
   text-align:left;
   clear:both;
}

#list caption {
   margin-bottom: 10px;
   padding: 5px 0px 2px 10px;
   border-left: 6px solid #008000;
   font-size:11pt;
   line-height: 14pt;
   font-weight: bold;
   text-align: left;
   }

#list th { /* 濃いグレー */
   padding: 3px 0;
   border-color: #eeeeee #888888 #888888 #eeeeee; /* 立体感　*/
   border-style: solid;
   border-width: 1px;
   background-color: #aaaaaa;
   padding: 3px;
}

#list td { /* 薄いグレー */
   border-color: #ffffff #cccccc #cccccc #ffffff; /* 立体感　*/
   border-style: solid;
   border-width: 1px;
   background-color: #eeeeee;
   padding: 3px 0 3px 8px;
}

#list td.middle-g { /* 普通のグレー */
   border-color: #ffffff #cccccc #cccccc #ffffff; /* 立体感　*/
   border-style: solid;
   border-width: 1px;
   background-color: #dddddd;
   padding: 3px;
}

#list.small{ 
   font-size: 9pt;
   }

/*======================================================================================================================*/
/*  banner-area    border: 1px solid #dddddd;   */

#banner-area {
   width: 170px;
   margin: 0;
   padding: 5px;
   text-align: center;   
   }
   
#banner-area img {
   margin: 5px 0;
   }
   
#banner-area img.sub {
   margin: 5px 0;
   border: none;
   }
   
#banner-area .line {
   width: 160px;
   border-top: 1px dotted #999999;
   margin: 15px auto;
   padding: 0;
   }
   
#banner-area a img {
   border: 1px solid #999999;
   }
   
#banner-area a:hover img {
   border: 1px solid #1155cc;
   opacity:0.6;
   filter:alpha(opacity=60);
   -ms-filter: "alpha( opacity=60 )";
   }
   
#banner-area a:hover img.sub {
   border-style: none;
   }
   
#count-area  {
   font-size: 8pt;
   line-height: 10pt;
   width: 160px;
   height: 30px;
   margin: 40px 5px 20px 5px;
   padding: 5px;
   background-color: #ffffe0;
   text-align: center;
   border: 1px solid #999999;
   }