@charset "utf-8";

/* =import 
----------------------------------*/

@import url(base.css);
@import url(reset.css);

/* =main
----------------------------------*/

#main .sec p,
#main .sec ol,
#main .sec ul{
/*	margin-bottom: 20px;*/
	padding: 3px 0 15px 0;
	line-height: 150%;
}



/* =home 
----------------------------------*/

#home #main .intro{
width: 536px;
background:url(../images/home/intro-bg.gif) right top no-repeat;
}

#home #top-title{
padding-left: 21px;
background:url(../images/home/toptitle-bg.gif) left center no-repeat;
margin-bottom: 15px;
}

#home #main .sec p em{
color: #dd316e;
font-size: 1.167em;
font-style: normal;
font-weight: bold;
}

#main .sec .tsec-title{
width: 536px;
background:url(../images/common/tsec-title-bg.gif) left top repeat-y;
margin-bottom: 15px;
}

#main .sec .tsec-title h3{
width: 536px;
background:url(../images/common/tsec-title-top.gif) left top no-repeat;
}

#main .sec .tsec-title h3 span{
display: block;
width: 516px;
background:url(../images/common/tsec-title-btm.gif) left bottom no-repeat;
color: #ff4e00;
font-size: 1.167em;
font-weight: bold;
padding: 8px 10px;
}

#main .sec #home-nav{
margin-bottom: 10px;
}

#main .sec #home-nav li{
background: url(../images/common/pixel-line01.gif) left bottom repeat-x;
padding: 9px 0;
}

#main .sec #home-nav li.end{
background: none;
}

#main .sec #home-nav li span{
background: url(../images/common/larrow01.gif) left center no-repeat;
padding-left: 20px;
}


/* =page 
----------------------------------*/

/* =sec 
-----------------*/

#main .sec{
margin-bottom: 12px;
}

#main #page-title h2{
margin-bottom: 8px;
}

#main .sec .psec-title{
width: 536px;
}

#main .sec .psec-title{
width: 536px;
background:url(../images/common/psec-title-bg.gif) left top repeat-y;
margin-bottom: 15px;
}

#main .sec .psec-title h3{
width: 536px;
background:url(../images/common/psec-title-btm.gif) left bottom no-repeat;
}

#main .sec .psec-title h3 span{
display: block;
font-family: "���C���I", Meiryo;
width: 496px;
background:url(../images/common/psec-title-top.gif) left top no-repeat;
color: #3b3a7c;
font-size: 1.4em;
font-weight: 900;
padding: 8px 10px 8px 30px;
}

#main .sec .c_title {
padding: 6px 0px 0px 0px;
}

#main .sec .c_title h3{
color: #ef458f;
font-size: 150%;
font-weight: bold;
padding: 8px 0px 8px 0px;
}


.c_topic {
color: #fff;
font-size: 120%;
font-weight: bold;
background-color: #f36595;
padding: 3px 6px 3px 6px;
}


h5 {
font-size: 120%;
font-weight: bold;
padding: 3px 0px 7px 0px;
}



/* =float img
-----------------*/

.sec-img.floatL{
width: 204px;
padding-right: 10px;
padding-bottom: 10px;
}

.sec-img.floatR{
width: 204px;
padding-left: 10px;
padding-bottom: 10px;
}


/* =profile 
-----------------*/

.profile{
width: 512px;
border: 1px solid #d5d5d5;
padding: 12px;
margin-bottom: 12px;
}

.profile h3,
.profile h4{
color: #218000;
font-weight: bold;
}

.topic {
color: #218000;
font-weight: bold;
}

.profile h3{
width: 295px;
background: url(../images/page/profileline.gif) left bottom repeat-x;
padding-bottom: 8px;
margin-bottom: 8px;
}

.profile h3 em{
padding-right: 1em;
font-style: normal;
font-size: 1.167em;
}

.profile h3 span{
padding-left: 20px;
background: url(../images/common/larrow02.gif) left center no-repeat;
}

.profile h4{
margin-bottom: 12px;
}

.profile li,
.profile p,
.profile th,
.profile td{
line-height: 1.5;
}

.profile td{
padding-left: 1em;
}

.profile ul,
.profile table{
margin-bottom: 12px;
}

/* =affiliation 
-----------------*/

#affiliation{
width: 496px;
clear: both;
border: 1px solid #d7d7d7;
background-color: #f3f3f3;
padding: 4px;
}

#affiliation #af-in{
padding: 9px;
background-color: #fff;
}

/* =consultation 
-----------------*/

.consultation{
width: 522px;
clear: both;
border: 1px solid #d7d7d7;
background-color: #f3f3f3;
padding: 4px;
}

.consultation .con-in{
padding: 9px;
background-color: #f3f3f3;
}


/* =booking-btn
-----------------*/

#booking-btn{
padding: 10px;
border: 1px solid #e7e7cd;
background:url(../images/page/bookingbtn-bg.gif) repeat;
margin-bottom: 12px;
}

#booking-btn img{
width:246px;
display: block;
margin: auto;
}

/* =device-list
-----------------*/

#device-list{
width: 534px;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-bottom: 25px;
}

#device-list colgroup.col01{width: 96px;}
#device-list colgroup.col02{width: 297px;}
#device-list colgroup.col03{width: 108px;}

#device-list thead th{
color:#009900;
font-weight: bold;
background-color: #f7f7f7;
}

#device-list th{
text-align: center;
}

#device-list td img{
width: 108px;
display: block;
margin: auto;
}

#device-list th,
#device-list td{
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px;
}


#device-list2{
width: 534px;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-bottom: 25px;
}

#device-list2 thead th{
color:#009900;
font-weight: bold;
background-color: #f7f7f7;
}

#device-list2 th{

}


#device-list2 th,
#device-list2 td{
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px;
}


#device-list3{
width: 534px;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-bottom: 9px;
}



#device-list3 thead th{
color:#009900;
font-weight: bold;
background-color: #f7f7f7;
}

#device-list3 th{
text-align: center;
}

#device-list3 td img{
width: 108px;
display: block;
margin: auto;
}

#device-list3 th,
#device-list3 td{
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px;
}

/* =topic-title
-----------------*/

.sec .topic-title{
width: 536px;
background: url(../images/common/topic-title-bottom.gif) left bottom repeat-x;
padding-bottom: 16px;
margin-bottom: 5px;
}

.sec .topic-title h4{
width: 536px;
padding-top: 9px;
background: url(../images/common/topic-title-top.gif) left top repeat-x;
color: #007d00;
font-weight: bold;
}

.sec .topic-title h4 span{
background: url(../images/common/topic-title-icon.gif) 11px top no-repeat;
padding-left: 30px;
}

/* =hours
-----------------*/

#main .hours dl{
width: 230px;
margin-bottom: 12px;
height: 30px;
}

#main .hours dt{
width: 130px;
float: left;
}

#main .hours dd{
width: 100px;
float: right;
}

/* =map
-----------------*/

#main .map{
width: 535px;
padding-bottom: 10px;
overflow: hidden;
float: left;
}

#main .exp{
width: 228px;
overflow: hidden;
float: right;
}

#main .exp h3{
width: 188px;
background: url(../images/page/psec-title-s.gif) left top no-repeat;
padding: 8px 9px 8px 28px;
color: #ff4e00;
font-size: 1.167em;
font-weight: bold;
margin-bottom: 15px;
}

#main .exp p{
width: 188px;
}

.decimal li{
list-style: decimal;
margin-left: 15px;
}

/* = cost-list
-----------------*/

.cost-list{
	width: 534px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-bottom: 5px;
	text-align: left;
}

.cost-list colgroup.col01{width: 196px;}
.cost-list colgroup.col02{width: 181px;}
.cost-list colgroup.col03{width: 155px;}
.cost-list colgroup.col04{width: 378px;}

.cost-list thead th{
color:#009900;
font-weight: bold;
background-color: #f7f7f7;
text-align: center;
}

.cost-list td{
text-align: right;
}

.cost-list td img{
width: 108px;
display: block;
margin: auto;
}

.cost-list th,
.cost-list td{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	text-align: left;
}


/* = point-list
-----------------*/

.point-list{
	width: 494px;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	color:#333;
	margin-bottom: 5px;
	text-align: left;
}



.point-list thead th{
color:#009900;
font-weight: bold;
text-align: center;
}

.point-list td{
text-align: right;
}

.point-list td img{
width: 108px;
display: block;
margin: auto;
}

.point-list th,
.point-list td{
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color: #c0df82;
	padding: 5px;
	text-align: left;
}

p.note{
color:#066601;
}

/* = catechetic
-----------------*/

.catechetic dl dt{
display: block;
width: 493px;
background: url(../images/page/question.gif) left bottom no-repeat;
padding: 7px 5px 13px 37px;
margin-bottom: 3px;
font-size: 1.167em;
color: #f14787;
font-weight: bold;
}

.catechetic dl dd{
width: 493px;
padding: 5px 5px 12px 37px;
background: url(../images/page/answer.gif) 6px top no-repeat;
}

.catechetic dl dd ol{
margin-left: 15px;;
}

.catechetic dl dd li{
list-style: disc;
}

/* = telnum
-----------------*/

.telnum h3{
margin-bottom: 12px;
}

.telnum p,
.telnum ol{
margin-bottom: 0 !important;
}

.telnum ol li{
color: #d64a84;
font-weight: bold;
}

/* = mailform
-----------------*/

.mailform{
width: 534px;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-bottom: 5px;
}

.mailform .fcol01{
width: 100px;
}

.mailform .fcol02{
width: 123px;
}

.mailform .fcol03{
width: 306px;
}

.mailform th,
.mailform td{
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px;
}

.mailform th{
color: #006699;
background: #eee;
}

.mailform th span{
color: #990000;
}

.mailform td input{
margin-right: 5px;
}

.mailform td select{
margin-right: 2px;
}

.mailform td li{
margin-bottom: 10px;
}

.mailform td.f-footer{
text-align: center;
}

/* = ohours
-----------------*/

.ohours{
width: 534px;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-bottom: 5px;
}

.ohours th,
.ohours td{
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px;
text-align: center;
}

.ohours thead th{
color: #006699;
background: #eee;
}

.green{
color:#066601;
font-weight: bold;
}


ul .green02{
padding: 0 0 0 15px;
}

.green02{
color:#066601;
font-weight: bold;
}

.green03{
color:#090;
font-weight: bold;
}

.pink01{
color: #f0c;
font-weight: bold;
font-size: 120%;
}

.pink02{
color:#ea5493;
font-weight: bold;
}

.orange01{
color: #ff4e00;
font-weight: bold;
}

.orange02{
color: #ff4e00;
font-weight: bold;
font-size: 125%;
padding: 0 0 5px 0;
border-bottom-style:double;
border-color:#fff;
}

.orange03{
color: #ff4e00;
padding: 10px 0 10px 0;
}

.orange04{
color: #ff4e00;
font-weight: bold;
font-size: 125%;
}




.red02{
color: #f00;
font-weight: bold;
}

.red03{
color: #f00;
font-size: 150%;
font-weight: bold;
}


.bule01{
color: #06c;
font-weight: 800;
font-size: 140%;
padding: 0 0 15px 0;
}

.bule02{
color: #0060b6;
font-weight: bold;
font-size: 150%;
}

.bule03{
color: #0060b6;
font-weight: bold;
font-size: 110%;
}



.bg01{
background-color:#ffcc99;
color: #ff4e00;;
font-weight: bold;
}

.waku01{
border: #f66 2px solid;
padding: 15px 15px 5px 15px;
}

.waku02{
border: #f66 1px solid;
padding: 15px 15px 5px 15px;
background-color: #fffbc6;
}

.waku03{
border-top: #e9e9e9 5px solid;
border-bottom: #999 1px solid;
border-left: #999 1px solid;
border-right: #999 1px solid;
margin: 0;
padding: 0px 15px 5px 15px;
background-color: #e9e9e9;
}

.midashi{
color: #333;
font-size: 125%;
font-weight: bold;
padding: 15px 0 0 0;
}

img.float-l {
float: left;
margin: 0 10px 15px 0;
}

img.float-r {
float: right;
margin: 0 0 15px 10px;
}

.float-r2 {
float: right;
padding: 10px 0 10px 15px;
background-color:#ededed;
}

.newsbox {
background-color:#ededed;
border: 1px solid #d9d4cb;
padding: 10px 15px 10px 15px;
}

.clear{
clear:both;
}


.bt01 {
border-top: 1px solid #d9d4cb;
padding: 10px 0 0 0;
}

.bt02 {
color: #333;
font-weight: bold;
font-size: 130%;	
padding: 10px 0 0 0;
}

.height01 {
	height: 20px;
}

.pd01 {
padding: 0 0 12px 0;
}

.pd02 {
padding: 6px 0 6px 0;
}


.contents01	{
	width: 535px;
	background: url(../images/children/4.jpg) no-repeat bottom;
	margin: 0 0 18px 0;
}

.contents01 .inner	{
	background: url(../images/children/1.jpg) no-repeat;
	padding: 25px 30px 30px 30px;
}
	
.contents01 h2 {
	font-size: 150%;
	font-weight: bold;
	padding: 14px 0 7px 0px;
	color:#f60;
}

.contents01 h3 {
	font-size: 132%;
	padding: 10px 0px 3px 0px;
	color: #39f;
	font-weight: bold;
	border-bottom: #999 1px solid; 
}

.m_006 {
margin:6px 0 0 0;
}

.contents01 p {
	padding: 0 0 10px 0;
	line-height: 150%;
}

.line01 {
text-decoration: underline;
}


.tad_ul {
    padding: 10px 0px 2px 0px;
}

.tad {
    padding: 0px 0px 2px 0px;
}

.whitebox {
	background-color:#fbdbdb;
	padding: 10px 8px 12px 12px;
}

.wb_list {
	padding: 10px 8px 12px 12px;
}


.fu_bule { 
color: #39f;
font-weight: bold;
}

.fu_bule2 { 
color: #39f;
text-decoration: underline;
}


.u_line {
text-decoration:underline;
}

.pd00020{
padding: 0 0 0 20px;
}


.pd003 {
margin: 10px 0 0 0;
padding: 10px 0 0 7px;
}

.b_line {
border-bottom: #999 1px solid;
}

.Section000 {
	float:left;
	margin-bottom:35px;
	width:162px;
	line-height:20px;
}
.Middle {
	margin:0px 8px;
	_margin:0px 4px;
}

.Section000 h2 {
	font-size:15px;
	font-weight:bold;
}

.font125 {
font-size: 125%;
}

	
table.ta01 td {
padding: 8px 10px 8px 12px;
}

.con_box_l {
float: left;
width: 210px;
padding: 0 0 10px 25px;
}

.con_box_r {
float: left;
width: 210px;
padding: 0 20px 10px 35px;
}

.pd0001 {
padding: 15px 0 0 0;
}

.ura  {
	list-style:disc;
	padding: 0 0 0 20px;
}
	
	
.b_title01{
height:35px;
background:url(../images/page/tyosyo.gif) left top no-repeat;
margin-bottom: 0;
}

.b_title01 h3{
text-indent		:-9999px;
}

.b_title02{
height:35px;
background:url(../images/page/tansyo.gif) left top no-repeat;
margin-bottom: 0;
}

.b_title02 h3{
text-indent		:-9999px;
}

.enq_box {
font-size: 110%;
background-color:#ffffff;
border: 1px solid #4395de;
margin: 0 0 15px 0;
padding: 10px 15px 10px 15px;
}

.enq {
margin: 0;
padding: 5px 15px 5px 15px;
color: #fff;
font-size: 108%;
font-weight: bold;
background: #4395de;
}

.enq01 {
margin: 0;
padding: 0 5px 0 15px;
}

.enq02 {
padding: 5px 5px 10px 5px;
}

.center {
text-align:center;
}

img.img_r{
padding: 5px 5px 15px 20px;
float: right;
}

img.img_l{
padding: 5px 20px 15px 5px;
float: left;
}


/* = bbs
-----------------*/
ul.bbs-li {
list-style: disc;
}
ul.bbs-li li {
margin-left: 20px;
}