@charset "utf-8";

/* CSS Document */

body {
margin: 0px 0px 20px 0px;
background-color: #FFFFFF;
font-size:11pt;
text-align: center;
}

a {
text-decoration: none;
}

h1 {
font-family: Verdana, Arial, sans-serif;
color: #FF6600;
font-size: small;
font-weight:normal;
text-align: right;
padding: 33px 0px 0px 0px !important;
display:block;

text-decoration: none;


}

h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}

h1 span {
display: none;
}

#container {
line-height: 140%;
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 814px;
background-color: #FFFFFF;
border: 1px solid #33A02C;
}

#banner {
font-family: Verdana, Arial, sans-serif;
color: #FFFFFF;

text-align: left;
border-bottom: 1px solid #FFFFFF;
background:url(archives/img/pagetitle-etc.jpg) no-repeat;
height: 90px;
}

#banner-img {
display: none;
}

#banner a {
color: #FFFFFF;
text-decoration: none;
}

#banner h1 {

}

#banner h2 {
font-size: small;
}

.ba {
font-family: Verdana, Arial, sans-serif;
color: #999999;
text-align: left;
height: 25px;
width:360px;
float: left;
padding:0px 0px 0px 100px;
}

.ba a {
display: block;
background-repeat: no-repeat;
height: 35px;
width: 360px;
float:left;
margin: 0px 0px 0px 0px;

}

.ba span {
display: none;
}

#center {
float: left;
background-color: #FFFFFF;
width: 552px;
overflow: hidden;
}

#center2 {
float: left;
background-color: #FFFFFF;
width: 552px;
overflow: hidden;
}

.content {
padding: 0px 15px 5px 15px;
background-color: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
font-size: small;
}

.osusume {
margin:30px 0px 30px 15px;
}

.hai {
background-color:#FFFF00;
}

.gide {
margin:20px 0px 0px 20px;
}

.katetitle h2 {
height:42px;
width:250px;
font-size:small;
font-weight:bold;
margin-top:10px;
padding: 15px 0px 0px 40px;
text-align: left;
background:url( http://www.etc-navi.net/img/obi.jpg ) no-repeat;
}

.itiran {
height:42px;
font-size:small;
font-weight:bold;
margin:15px 0px 0px 10px;
padding: 15px 0px 0px 40px;
text-align: left;
background:url( http://www.etc-navi.net/img/obi.jpg ) no-repeat;
}

.kobetutitle2 h2 {
font-size:small;
font-weight:bold;
padding: 5px 0px 5px 10px;
text-align: left;
background:url( http://www.etc-navi.net/img/obi2.jpg ) no-repeat;
}

.content pre {
font-size: larger;
}

.table2 {
margin-top:10px;
padding-bottom:30px;
background-color: #FFFFFF;
margine-left:30px;
padding-left:30px;
}

.ttt1 {
font-size:small;
font-weight:bold;
margin-top:30px;
padding: 10px 0px 0px 40px;
text-align: left;
background:url( http://www.etc-navi.net/img/obi.jpg ) no-repeat;
}

.ttt2 {
font-size:small;
font-weight:bold;
margin-top:30px;
padding: 10px 0px 0px 40px;
text-align: left;
background:url( http://www.etc-navi.net/img/obi.jpg ) no-repeat;
}

.ttt3 {
font-size:small;
line-height:100%;
margin-left:70px;
padding: 0px 0px 0px 40px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.ttt3 a:link {
color: #000000;
}

.ttt3 a:visited {
color: #33A02C;
}

.ttt4 {
font-size:small;
line-height:100%;
margin-left:70px;
padding: 0px 0px 0px 40px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.ttt4 a:link {
color: #000000;
}

.ttt4 a:visited {
color: #33A02C;
}

.ttt5 {
font-size:small;
line-height:100%;
margin-left:70px;
padding: 0px 0px 0px 40px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.ttt5 a:link {
color: #000000;
}

.ttt5 a:visited {
color: #33A02C;
}

.ttt6 {
font-size:small;
line-height:100%;
margin-left:70px;
padding: 0px 0px 0px 40px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.ttt6 a:link {
color: #000000;
}

.ttt6 a:visited {
color: #33A02C;
}

.ttt7 {
font-size:small;
line-height:100%;
margin-left:70px;
padding: 0px 0px 0px 40px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.ttt7 a:link {
color: #000000;
}

.ttt7 a:visited {
color: #33A02C;
}

.ttt8 {
font-size:small;
line-height:100%;
margin-left:70px;
padding: 0px 0px 0px 40px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.ttt8 a:link {
color: #000000;
}

.ttt8 a:visited {
color: #33A02C;
}

.dis {
font-size:small;
font-weight:bold;
margin-top:0px;
padding: 10px 0px 0px 10px;
text-align: left;
}

.dis1 {
font-size:small;
line-height:100%;
font-weight:bold;
padding: 0px 0px 0px 10px;
text-align: left;
background:url( http://www.etc-navi.net/img/obi2.jpg ) no-repeat;
}

.dis2 {
font-size:small;
line-height:100%;
margin-left:30px;
padding: 0px 0px 0px 30px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.kobetu {
 width:
 padding-left:15px;
padding-right:15px;
font-size:11pt;
 letter-spacing: 0.2em line-height:130%;
}

.kobetutitle {
padding-left:15px;
padding-right:0px;
font-weight:bold;
background:url( http://www.etc-navi.net/img/obi2.jpg ) no-repeat;
}

.extended {
float:right;
padding-right:60px;
}

.extended2 {
float:right;
}

div.news {
padding:30px 15px 30px 15px;
text-align:left;
font-size:10pt;
}

div.ad {
padding:30px 0px 30px 0px;
}

.rk {
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

#right {
float: left;
width: 250px;
margin-top:10px;
margin-right:5px;
background-color: #FFFFFF;
border: 1px solid #33A02C;
overflow: hidden;
}

.sidebar {
padding: 0px;
}

.sidebody1 {
font-size:small;
 line-height;
140%;
padding-left:5px;
}

.sidebody2 {
font-size:small;
 line-height;
100%;
padding-left:5px;
}

.sidebody1 a:link {
color: #000000;
}

.sidebody1 a:visited {
color: #D19B66;
}

.sidetitle {
color:#FFFFFF;
font-weight:bold;
width:255px;
height:55px;
padding-top:30px;
padding-left:5px;
background:url( http://www.etc-navi.net/img/title-mini.jpg ) no-repeat;
}

.sidetitle1 {
color:#000000;
font-size:small;
font-weight:bold;
width:255px;
height:55px;
padding-top:30px;
padding-left:5px;
padding-bottom:-30px;
}

.content p {
color: #666666;
font-family: Verdana, Arial, sans-serif;
font-size: small;
font-weight: normal;
line-height: 150%;
text-align: left;
margin-bottom: 10px;
}

.content blockquote {
line-height: 150%;
}

.content li {
line-height: 150%;
}

.content h2 {
color: #666666;
font-family: Verdana, Arial, sans-serif;
font-size: small;
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}

.content h3 {
color: #666666;
font-family: Verdana, Arial, sans-serif;
font-size: small;
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}

.content p.posted {
color: #999999;
font-family: Verdana, Arial, sans-serif;
font-size: small;
border-top: 1px solid #999999;
text-align: left;
margin-bottom: 25px;
line-height: normal;
padding: 3px;
}

.sidebar h2 {
color: #666666;
font-family: Verdana, Arial, sans-serif;
font-size: small;
text-align: center;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .3em;
}

.sidebar ul {
padding-left: 0px;
margin: 0px;
margin-bottom: 30px;
}

.sidebar ul ul {
margin-bottom: 0px;
}

.sidebar #categories ul {
padding-left: 15px;
}

.sidebar li {
color: #666666;
font-family: Verdana, Arial, sans-serif;
font-size: small;
text-align: left;
line-height: 150%;
margin-top: 10px;
list-style-type: none;
}

.sidebar #categories li {
list-style-type: circle;
}

.sidebar img {
border: 3px solid #FFFFFF;
}

.photo {
text-align: left;
margin-bottom: 20px;
}

.link-note {
font-family: Verdana, Arial, sans-serif;
font-size: small;
line-height: 150%;
text-align: left;
padding: 2px;
margin-bottom: 15px;
}

#powered {
font-family: Verdana, Arial, sans-serif;
font-size: small;
line-height: 150%;
text-align: left;
color: #666666;
margin-top: 50px;
}

h1 span {
display: none;
}

#hyou {
background-color:#FFFFFF;
padding-top:30px;
float:center;
}

.table {
margin: 0px;
padding: 0px;
background-color: #33A02C;
}

.t0 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: center;
background-color: #FF0000;
vertical-align:middle;
}

.t1 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t2 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t3 {
font-size:small;
margin: 0px;
padding: 5px;
background-color: #FFE9C8;
text-align: left;
vertical-align:middle;
}

.t4 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
line-height: 200%;
background-color: #FFFFFF;
vertical-align:middle;
}

.t5 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t6 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t7 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t8 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t9 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t10 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t11 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t12 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t13 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t14 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t15 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t16 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t17 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t18 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t19 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t20 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t21 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t22 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t23 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t24 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t25 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t26 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t27 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t28 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t29 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t30 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t31 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t32 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t33 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t34 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t35 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t36 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t37 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t38 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t39 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t40 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t41 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFF8EC;
vertical-align:middle;
}

.t42 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.t43 {
font-size:small;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #FFE9C8;
vertical-align:middle;
}

.t44 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.tt1 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 1px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.tt2 {
font-size:small;
margin: 0px;
padding: 0px 0px 0px 1px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.tt3 {
font-size:small;
margin: 0px;
padding: 0px 5px 0px 5px;
text-align: left;
background-color: #FFFFFF;
vertical-align:middle;
}

.tt4 {
font-size:small;
margin: 0px;
padding: 0px 5px 0px 5px;
text-align: center;
background-color: #FFFFFF;
vertical-align:middle;

}

.ads {
font-size:9pt;
text-align:left;
margin:0px 0px 0px 5px;
}

.af1 {
margin:0px 0px 0px 15px;
}

/*------------- 　文字の色や強調　 ----------*/


.blackl {
color: #000000;
font-weight: bold;
font-size: 15px;
}

.red {
color: red;
}

.redb {
color: red;
font-weight: bold;
}

.redl {
color: red;
font-weight: bold;
font-size: 16px;
}

.redb1 {
color: red;
font-weight: bold;
font-size: 20px;
margin-bottom: 10px;
}

.blue {
color: blue;
font-weight: normal
}

.blueb {
color: blue;
font-weight: bold
}

.bluel {
color: blue;
font-weight: bold;
font-size: 16px
}

.green {
color: green;
font-weight: normal
}

.greenb {
color: green;
font-weight: bold
}

.greenl {
color: green;
font-weight: bold;
font-size: 16px
}

.orange {
color: orange;
font-weight: normal
}

.orangeb {
color: orange;
font-weight: bold
}

.orangel {
color: orange;
font-weight: bold;
font-size: 16px
}

.yellow {
background-color: yellow;
font-weight: bold
}