@charset "UTF-8";

/*------------------------------------------------------------
import css
------------------------------------------------------------*/

@import url("import.css");


/* ---------- main-header ---------- */
#main-header{
	margin-top: 20px;
	/*border:1px solid #CCCCCC;*/
}

#wide-box {
margin:50px 15px 0 15px;
}

.small-box {
margin:20px 35px 0 35px;
}

.small-contents-box {
margin:15px 25px 0 25px;
}

#point-box {
border:1px solid #555555;
width:798px;
}

#point-list-box {
padding:10px;
}

#point-list-box ul li {
font-size:160%;
line-height:250%;
list-style-type:decimal;
margin-left:40px;
margin-right:40px;
font-weight:bold;
}

.small-contents-box01 {
margin:15px 25px 0 25px;
position:relative;
height:360px;
background-image:url(../images/point-img01.jpg);
background-repeat:no-repeat;
}

.small-contents-box01 p {
position:absolute;
top:190px;
left:420px;
font-size:160%;
line-height:160%;
}

.small-contents-box02 {
margin:15px 25px 0 25px;
position:relative;
height:380px;
background-image:url(../images/point-img02.jpg);
background-repeat:no-repeat;
}

.small-contents-box02 p {
position:absolute;
top:190px;
left:420px;
font-size:160%;
line-height:160%;
}

.small-contents-box03 {
margin:15px 25px 0 25px;
position:relative;
height:391px;
background-image:url(../images/point-img03.jpg);
background-repeat:no-repeat;
}

.small-contents-box03 p {
position:absolute;
top:190px;
left:420px;
font-size:160%;
line-height:160%;
}

#introduction-box {
margin-top:50px;
padding-top:50px;
text-align:center;
border-top:1px solid #CCCCCC;
}

#koshin-box {
margin-top:20px;
}

#koshin-box .txt-style01 {
font-weight:bold;
font-size:160%;
padding-left:40px;
}

#koshin-box ul {
font-size:160%;
margin-left:60px;
}

#koshin-box ul li {
list-style-type:disc;
margin-top:10px;
}

#demo_navi {
text-align:center;
margin-top:30px;
}

#charge-box01 {
width:776px;
height:140px;
border:2px solid #006666;
padding:10px;
}

#charge-box02 {
width:776px;
height:px;
border:2px solid #006666;
padding:10px;
margin-top:20px;
}

#charge-box01 .charge-title,
#charge-box02 .charge-title {
font-size:260%;
color:#006666;
font-weight:bold;
border-bottom:2px dashed #006666;
padding-bottom:10px;
}

.txt-box {
font-size:160%;
margin:10px 20px 0 20px;
}

.txt-box .left-txt {
float:left;
line-height:160%;
font-weight:bold;
}

.txt-box .right-txt {
float:left;
margin-left:30px;
line-height:160%;
font-weight:bold;
}

#charge-table {
width:100%;
margin-top:10px;
font-size:120%;
}

#charge-table th {
background-color:#4BACC6;
padding:10px;
color:#FFFFFF;
font-weight:bold;
border-right:3px solid #FFFFFF;
border-bottom:3px solid #FFFFFF;
text-align:center;
}

#charge-table td.c1 {
background-color:#D0E3EA;
padding:10px;
font-weight:bold;
border-right:3px solid #FFFFFF;
border-bottom:3px solid #FFFFFF;
}

#charge-table td.c2 {
background-color:#E9F1F5;
padding:10px;
font-weight:bold;
border-right:3px solid #FFFFFF;
border-bottom:3px solid #FFFFFF;
}

#charge-list-box ul {
margin-left:30px;
margin-right:30px;
}

#charge-list-box ul li {
list-style-type:decimal;
margin-top:10px;
line-height:160%;
font-size:140%;
font-weight:bold;
}

.txt-style02 {
color:#006666;
font-weight:bold;
font-size:120%;
padding-top:5px;
}

#history-box {
background-image:url(../images/history_img.jpg);
background-repeat:no-repeat;
width:800px;
height:177px;
position:relative;
margin-top:20px;
}

#history-box p {
position:absolute;
top:85px;
left:20px;
font-size:160%;
line-height:160%;
}