/***********************************************/
/* base.css                             */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 


/* ---------------------
 * 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======== */



* {
   color:#333333;
}

body {
   margin:0;
   padding:0;
   line-height: 20px;
   background:#ffffff;
}


br {
   letter-spacing:normal;
}


a.white {
    color:ffffff;
    font-style:normal;
}

a:link.white {/*未訪問のリンク*/
    color:ffffff;
    font-style:normal;
}


a:hover.white {/*マウスをのせたとき*/
    color:#ffffff;
    font-style:normal;
   border-bottom:1px solid #ffffff;
}



a:hover.gray {/*マウスをのせたとき*/
   color:#666666;
   border-bottom:0px solid #666666;
}


a:link.body {
   color:#000080;
   border-bottom:1px solid #000080;
}


a:hover.body {
   color:#ff0000;
   border-bottom:1px solid #ff0000;
}

a:visited.body {
   color:#808080;
   border-bottom:1px solid #808080;
}

a {
   color:#333333;
   text-decoration:none;
}

a:hover {
   color:#00008B;
   border-bottom:1px solid #00008b;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}



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

div#main a:link {
   color:#000080;
   border-bottom:1px solid #000080;
}

div#main a:hover {
   color:#ff0000;
   border-bottom:1px solid #ff0000;
}

div#main a:visited {
   color:#808080;
   border-bottom:1px solid #808080;
}

div#main a:hover.gray {/*マウスをのせたとき*/
   border-bottom:none;
}


div#main h2 {
   padding:25px 0px 20px 15px;
   color:#ffffff;
   text-align: left;
   font-size:94%;/* 15px相当 */
   font-weight:bold;
   background:url("../images/title_bg01.gif") 0 0 no-repeat;
}

div#main h3 {
   padding:18px 0 25px 35px;
   color:#4d4d4d;
   text-align: left;
   font-size:88%;/* 15px相当 */
   font-weight:bold;
   background:url("../images/title_bg02.gif") 0 0 no-repeat;
}

div#main h4 {
   padding:0px 20px 0px 20px;
   font-size:88%;/* 12px相当 */
   color:#666666;
}

div#main h5 {
   margin-bottom:2px;
   font-size:75%;/* 12px相当 */
}

div#main h6 {
   margin-bottom:2px;
   font-size:75%;/* 12px相当 */
}

div#main p {
   font-size:88%;/* 12px相当 */
   margin:0px 0px 0px 10px;
   text-align: left;
}

div#main p.img {
   margin:25px 20px 25px 80px;
   text-align: left;
}


div#main p.lead {
   text-align: left;
   color:#666666;
   font-size:88%;
   font-weight:bold;
   margin:0px;
   padding:20px 20px 20px 20px;
   height: 100px;
   background:#fff url("../images/back_img02.gif") 0 0 repeat-x;
}

.red {
   color:#cc0000;
}


div#main ul{
   font-size:88%;/* 12px相当 */
   margin:0px 20px 0px 5px;
   line-height:25px;
}

div#main ul.disc {
   font-size:100%;/* 12px相当 */
   margin:0px 20px 0px 0px;
   line-height:25px;
}

div#main ul.disc2 {
   font-size:100%;/* 12px相当 */
   margin:0px 20px 0px 20px;
   line-height:25px;
}

div#main ul.disc3 {
   font-size:100%;/* 12px相当 */
   margin:0px 20px 0px 30px;
   line-height:25px;
}


div#main ol{
   font-size:100%;/* 12px相当 */
   margin:0px 20px 0px 0px;
   line-height:25px;
}

div#main dt {
   margin-bottom:3px;
}

div#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#f1f1f1;
}

/* INFORMATION CUSTOMIZE */

div#main dl.information dt {
   text-valign: top;
   float:left;
   width:90px;
   margin:0px 0px 0px 10px;
   padding:0;
   font-size:88%;/* 14px相当 */
}

div#main dl.information dd {
   text-align: left;
   text-valign: top;
   margin:0px 10px 20px 100px;
   padding:0;
   font-weight:bold;
   color:#000099;
   background:transparent;
   font-size:88%;/* 14px相当 */
}


/* ========FOOTMENU CUSTOMIZE======== */
div#footMenu ul {
   margin:0;
   padding:10px 0 0 0;
   text-align:right;
}

div#footMenu li {
   display:inline;
   margin:0 0 0 10px;
   font-size:75%;/* 12px相当 */
   list-style:none;
}

div#footMenu li a {
   padding-left:10px;
   background: url("images/bg_footmenu.gif") 0 50% no-repeat;
}


/* ========FOOTER CUSTOMIZE======== */
.address {
   font-size:11px;
   font-family: "Times New Roman", "Times", "serif", "ＭＳ 明朝", "Garamond";
   font-style:normal;
   color:#ffffff;
   text-align:left;
}


/************** .navi styles **************/


.rover {
	width: 740px;
	height: 53px;
	text-align: left;
	margin: 0 auto 0 auto;
}

ul.rollover {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.rollover li {
	float: left;
}

ul.rollover li.roll1 {
	background: #ffffff url(../images/menu_b01.gif) no-repeat top center;
}

ul.rollover li.roll2 {
	background: #ffffff url(../images/menu_b02.gif) no-repeat top center;
}

ul.rollover li.roll3 {
	background: #ffffff url(../images/menu_b03.gif) no-repeat top center;
}

ul.rollover li.roll4 {
	background: #ffffff url(../images/menu_b04.gif) no-repeat top center;
}

ul.rollover li.roll5 {
	background: #ffffff url(../images/menu_b05.gif) no-repeat top center;
}

ul.rollover li img,
ul.rollover li a img {
	vertical-align: top;
	border: 0;
}

ul.rollover li a,
ul.rollover li a:link,
ul.rollover li a:visited {
	display: block;
	width: 148px;
	height: 53px;
	position: relative;
	overflow: hidden;
}

ul.rollover li a:hover,
ul.rollover li a:active {
	background: transparent;/*IE6*/
}

ul.rollover li a:hover img,
ul.rollover li a:active img {
	position: relative;
	top: 53px;
}

ul.rollover:after {
	clear: both;
	content: ".";
	display: block;
	width: 0;
	height: 0;
	visibility: hidden;
}


.t_navi {
        font-size: 14px; line-height: 17px; color: #FFFFFF; 
; font-family: "Times New Roman", "Times", "serif", "ＭＳ 明朝", "Garamond";
}


.b_navi {
        font-size: 11px; line-height: 18px; color: #cccccc; 
; font-family: "Times New Roman", "Times", "serif", "ＭＳ 明朝", "Garamond";
}

.c_navi {
        font-size: 11px; line-height: 18px; color: #666666; 
; font-family: "Times New Roman", "Times", "serif", "ＭＳ 明朝", "Garamond";
}


p.lpg {
   text-align: left;
   margin:0 0 0 1em;
   font-size:75%;/* 12px相当 */
}

p.side_menu {
   text-align: left;
   color:#333333;
   margin:7px 12px 5px 12px;
   font-size:75%;/* 12px相当 */
   line-height: 15px;
}

p.side_menu_rb {
   padding:0px 12px 0px 12px;
   text-align: center;
   font-size:75%;/* 14px相当 */
   font-weight:bold;
   color:#ff0000;
}

p.side_menu_r {
   padding:0px 12px 0px 12px;
   text-align: reight;
   font-size:70%;/* 14px相当 */
}


p.book_title {
   text-align: left;
   color:#cc0000;
   font-size:88%;
   font-weight:bold;
}

p.book_lead {
   text-align: left;
   color:#666666;
   font-size:88%;
   font-weight:bold;
}




div#main p.img_pt {
   margin:0px 10px 100px 0px;
   text-align: right;
}





table.table_service {
  table-layout:fixed;
  margin-left: 8px;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 730px;
  border-collapse: separate;
  border-spacing: 3px;
  font-size: 88%;
}

table.table_service caption {
  margin-top: 1em;
  text-align: left;
}

table.table_service th,
table.table_service td {
  padding: 5px 10px;
}

table.table_service th {
  background: #0033cc;
  text-align: left;
  white-space: normal;
  font-size: 100%;
  color: #FFFfff;
}

table.table_service td.c01 {
  background: #f2f2f2;
  text-align: left;
  white-space: normal;
  font-size: 100%;
}

table.table_service td.c02
 {
  background: #ffffff;
}



table.table_profile {
  table-layout:fixed;
  margin-left: 8px;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 730px;
  border-collapse: separate;
  border-spacing: 3px;
  font-size: 88%;
}

table.table_profile caption {
  margin-top: 1em;
  text-align: left;
}

table.table_profile th,
table.table_profile td {
  padding: 5px 10px;
}

table.table_profile th {
  background: #0033cc;
  text-align: left;
  white-space: normal;
  width: 100px;
  font-size: 100%;
  color: #FFFfff;
}

table.table_profile th.c02 {
  background: #0033cc;
  text-align: center;
  white-space: normal;
  width: 100px;
  font-size: 100%;
  color: #FFFfff;
}

table.table_profile td {
  background: #f2f2f2;
  text-align: left;
  white-space: normal;
  font-size: 100%;
}


/* 画像を右に配置し、テキストを左側に回りこませる */
.r-float{
  float : right;
  padding: 10px 0px 20px 20px;

}
/* 回り込みの解除 */
.f-clear{
clear : both;
}


.l-float{
  float : left;
  padding: 10px 10px 0px 10px;

}



hr.st1{
border:none;
border-top:solid 1px #999999;
margin:0px 0px 0px 0px;
color:#FFFFFF;
width:500px;
}