@charset "UTF-8";


/* ---------------------

 * FONTSIZE MODEL * 

 * ---------------------

 *  63% ->	10pxに相当
 
*  70% ->	11pxに相当
 
*  75% ->	12pxに相当
 
*  82% ->	13pxに相当
 
*  88% ->	14pxに相当
 
*  94% ->	15pxに相当
 
* 100% ->	16pxに相当
 
* 107% ->	17pxに相当
 
* 113% ->	18pxに相当
 
* 119% ->	19pxに相当
 
* 125% ->	20pxに相当
 

* --------------------- */




/* ========BASIC======== */

*{

   font-family:Verdana, Helvetica, sans-serif;

   color:#333;

}


body {

   margin:0;

   padding:0;

   line-height:1.6;

   letter-spacing:1px;

}


br {

   letter-spacing:normal;

}


a {

   color:#408080;

   text-decoration:none;

}


a:hover {

   color:#ff5402;

   text-decoration:none;

}


img {

   border:0;

}


h1,h2,h3,h4,h5,h6 {

   margin:0;

}




th,td {
   font-weight:normal;
   font-size:82%;
   text-align:left;
}

/* ========TEMPLATE FRAMEWORK======== */

div#top {

   width:780px;

   text-align:left;

   border-right:1px solid #666;

}


div#header {

   width:780px;

   height:70px;

   border-bottom:1px solid #666;

   background:#fff url("img/bg_head.gif") 0% 0% no-repeat;

}


div#contents {

   clear:both;

   width:770px;

   padding-left:10px;

   background:#fff url("img/bg_contents.gif") 0% 0% repeat-y;

}


div#main {

   float:left;

   width:540px;

   padding:0 10px;

}


div#sub {

   float:right;

   width:200px;

}


div#footer {

   clear:both;

   width:780px;

   border-top:1px solid #666;

   background:#fff;

}



/* 回り込み解除 */

div#contents:after {

   content:"";

   display:block;

   height:0;
   clear:both;

   visibility:hidden;

}





/* ========HEADER CUSTOMIZE======== */

div#header h1 {

   font-size:150%;
/* 24px相当 */
   margin:0;

   line-height:60px;

   padding:0 10px;

}




/* ========MAIN CONTENTS CUSTOMIZE======== */

div#main a {

   color:#559A99;

}


div#main a:hover {

   border:0;
   color:#559A99;

   border-bottom:1px solid #559A99;

}


div#main h2 {
   font-size:88%;
/* 14px相当 */
   font-weight:bold;

   margin:5px 0;

   border-bottom:2px solid #A6D2D1;

}


div#main h3 {

   margin-bottom:2px;

   font-size:82%;
/* 13px相当 */

   margin-bottom:5px;

   border-bottom:1px dotted #A6D2D1;

}


div#main p{

   margin:0 0 1em 0;

   font-size:82%;/* 13px相当 */

}




div#main table{

   margin:0 0 1em 0;

   font-size:13px;

}




div#main table h3 {

   margin-bottom:2px;

   font-size:13px;
   margin-bottom:5px;

   border-bottom:1px dotted #A6D2D1;

}



.table, /* 表の整形・配色 */
	width: 550px;
table {
	margin: 0 0 2em 2px;
}

.table td {
	padding: 11px;
   font-size:13px;

	border: 1px solid #CCC;
	width: 180px;
	background-color:;
}

.table td.tb {
	width: 180px;
	background-color: #fff4f8;
}

.table2, /* 表の整形・配色 */
	width: 550px;
table2 {
	margin: 0 0 2em 2px;
}

.table2 td {
	padding: 11px;
   font-size:12px;
	border: 1px solid #CCC;
	width: 33%;
	background-color:;
}

.table2 td.tb {
	width: 120px;
	background-color: #fff4f8;
}

.table3, /* 表の整形・配色 */
	width: 550px;
table3 {
	margin: 0 0 2em 2px;
}

.table3 td {
	padding: 11px;
        font-size:13px;
	border: 1px solid #CCC;
	width: 30%;
	background-color:;
}

.table3 td.tb {
	width: 70%;
	background-color: #fff4f8;
}

div#main table li {

   margin:0;

   padding-left:13px;

   font-size:13px;

}





div#main ul {

   margin:0;

   padding:5px 0 0 10px;

}


div#main li {

   margin:0;

   padding-left:13px;

   font-size:13px;

}




/* ========SUB CONTENTS CUSTOMIZE======== */

div#sub h2 {

   font-size:82%;/* 13px相当 */
   color:#fff;

   padding:5px;
   font-weight:bold;

   line-height:2.5;
   background:#666;

}




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

div#menu ul {
   margin:0;

   padding:0;

}


div#menu li {

   list-style-type:none;

   margin:0;
   padding:0;

   font-size:82%;/* 13px相当 */

   border-bottom:1px solid #999;

}


div#menu li a{

   display:block;

   width:195px;

   padding-left:5px;

   color:#333;

   line-height:2.5;

   background:#ddd;

}


div#menu li a:hover{

   color:#333;

   background:#d4d4d4;

}



/* ========FOOTER CUSTOMIZE======== */

div#totop {
   padding:10px 10px 0 0;
   text-align:right;
}

div#footerMenu {
   padding:10px 0;
   font-size:82%;/* 13px相当 */
}

div#footerMenu a {
   color:#333;
}

div#footerMenu a:hover {
   color:#333;
   border-bottom:1px solid #333;
}

div#footerMenu ul {
   margin:0;
   padding:0;
   list-style:none;
}
div#footerMenu li {
   display:inline;
   margin:0 0 0 10px;
   padding-left:8px;
   background:url("img/arrow.gif") 0 4px no-repeat;
}

address {
   padding:5px 0;
   color:#333;
   text-align:center;
   font-style:normal;
   font-size:70%;/* 12px相当 */
   border-top:2px solid #ddd;
   background:#f1f1f1;
}