body {
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 text-align:center;
 background:#ffffff url(img/body-bg.gif) repeat;
}

a {
 text-decoration:underline;
}
a:link {  
 color:#0066FF;
}
a:visited {
 color:#330099;
}
a:hover {
 color:#00ccff;
}

#container {
 margin:0px auto 0px auto;
 padding:0px 0px 0px 0px;
 width:760px;
 color:#333333;
 text-align:left;
 font-family:Verdana,sans-serif;
 background-color:#ffffff;
 border-right:1px solid #cccccc;
 border-left:1px solid #cccccc;
}

#header {
 margin:0px;
 padding:0px 0px 0px 25px;
 color:#ffffff;
 font-size:14px;
 font-weight:200;
 line-height:1.8em;
 background:#003399 url(img/header-bg.gif) no-repeat;
}

#content {
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

#main {
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 font-size:87.5%;
 line-height:1.8em;
}

#text-area {
 margin:0px 0px 0px 0px;
 padding:20px 20px 20px 20px;
}

#footer {
 margin:0px 0px 0px 0px;
 padding:10px 0px 10px 0px;
 text-align:center;
 color:#ffffff;
 position:bottom;
 background:#003399 url(img/footer-bg.gif) center center no-repeat;
}

#footer a {
 color:#ffffff;
 text-decoration:none;
}


/* サイトタイトルに使用 */
h1 {
 margin:0px;
 padding:125px 0px 0px 0px;
 color:#ffffff;
 font-size:14px;
 font-weight:200;
 line-height:1.8em;
}

#header h1 a {
 color:#ffffff;
 text-decoration:none;
}

/* 記事の見出しに使用 */
h2 {
 padding:10px 0px 10px 30px;
 text-align:left;
 font-size:18px;
 color:#ffffff;
 background:#ffffff url(img/h2-bg.gif) center center no-repeat;
}
/* 記事途中の見出しに使用 */
h3 {
 padding:10px 0px 10px 20px;
 text-align:left;
 font-size:16px;
 color:#ffffff;
 background:#ffffff url(img/h3-bg.gif) center center no-repeat;
}

table {
 font-size:100%;
 color:#333333;
 line-height:1.8em; 
}
.table1 {
 width:716;
 margin-bottom:10px;
 border-bottom:2px dotted #cccccc; 
}

.td1{
 width:25px;
 vertical-align:top;
 padding-top:2px;
}
.td2{
 color:#006633;
 font-weight:bold;
}

.p1 {
 height:300px;
 padding-right:250px;
 background:#ffffff url(img/p1-bg.gif) right top no-repeat;
}
.p2 {
 padding-right:260px;
 background:#ffffff url(img/p2-bg.gif) right top no-repeat;
}

.menu {
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 height:60px;
}
.menu li {
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 float:left;
 displa:block;
 width:151px;
 height:60px;
 list-style-type:none;
}
.menu li a {
 display:block;
 width:151px;
 height:60px;
 border-width:0px;
}
.menu li.menu1 a {
 background-image:url(img/menu1-1.gif);
}
.menu li.menu1 a:hover {
 background-image:url(img/menu1-2.gif);
}
.menu li.menu2 a {
 background-image:url(img/menu2-1.gif);
}
.menu li.menu2 a:hover {
 background-image:url(img/menu2-2.gif);
}
.menu li.menu3 a {
 background-image:url(img/menu3-1.gif);
}
.menu li.menu3 a:hover {
 background-image:url(img/menu3-2.gif);
}
.menu li.menu4 a {
 background-image:url(img/menu4-1.gif);
}
.menu li.menu4 a:hover {
 background-image:url(img/menu4-2.gif);
}
.menu li.menu5 a {
 background-image:url(img/menu5-1.gif);
}
.menu li.menu5 a:hover {
 background-image:url(img/menu5-2.gif);
}
.menu1 {
 margin:0px 0px 0px 2px;
 padding:0px 0px 0px 0px;
 height:80px;
}
.menu1 li {
 margin:0px 2px 0px 0px;
 padding:0px 0px 0px 0px;
 float:left;
 displa:block;
 width:355px;
 height:80px;
 list-style-type:none;
}
.menu1 li a {
 display:block;
 width:355px;
 height:80px;
 border-width:0px;
}
.menu1 li.permonth a {
 background-image:url(img/permonth1.gif);
}
.menu1 li.permonth a:hover {
 background-image:url(img/permonth2.gif);
}
.menu1 li.business a {
 background-image:url(img/business1.gif);
}
.menu1 li.business a:hover {
 background-image:url(img/business2.gif);
}
.menu2 {
 margin:0px 0px 0px 1px;
 padding:0px 0px 0px 0px;
 height:80px;
}
.menu2 li {
 margin:0px 1px 0px 0px;
 padding:0px 0px 0px 0px;
 float:left;
 displa:block;
 width:140px;
 height:80px;
 list-style-type:none;
 border:1px solid #cccccc;
}
.menu2 li a {
 display:block;
 width:140px;
 height:80px;
 border-width:0px;
}
.menu2 li.standard a {
 background-image:url(img/standard-1.gif);
}
.menu2 li.standard a:hover {
 background-image:url(img/standard-2.gif);
}
.menu2 li.city a {
 background-image:url(img/city-1.gif);
}
.menu2 li.city a:hover {
 background-image:url(img/city-2.gif);
}
.menu2 li.couple a {
 background-image:url(img/couple-1.gif);
}
.menu2 li.couple a:hover {
 background-image:url(img/couple-2.gif);
}
.menu2 li.pet a {
 background-image:url(img/pet-1.gif);
}
.menu2 li.pet a:hover {
 background-image:url(img/pet-2.gif);
}
.menu2 li.security a {
 background-image:url(img/security-1.gif);
}
.menu2 li.security a:hover {
 background-image:url(img/security-2.gif);
}
.menu3 {
 margin:0px 0px 0px 3px;
 padding:0px 0px 0px 0px;
 height:30px;
}
.menu3 li {
 margin:0px 2px 3px 0px;
 padding:0px 0px 0px 0px;
 float:left;
 displa:block;
 width:235px;
 height:30px;
 list-style-type:none;
}
.menu3 li a {
 display:block;
 width:235px;
 height:30px;
 border-width:0px;
}
.menu3 li.qanda1 a {
 background-image:url(img/qanda1-1.gif);
}
.menu3 li.qanda1 a:hover {
 background-image:url(img/qanda1-2.gif);
}
.menu3 li.qanda2 a {
 background-image:url(img/qanda2-1.gif);
}
.menu3 li.qanda2 a:hover {
 background-image:url(img/qanda2-2.gif);
}
.menu3 li.qanda3 a {
 background-image:url(img/qanda3-1.gif);
}
.menu3 li.qanda3 a:hover {
 background-image:url(img/qanda3-2.gif);
}
.menu3 li.qanda4 a {
 background-image:url(img/qanda4-1.gif);
}
.menu3 li.qanda4 a:hover {
 background-image:url(img/qanda4-2.gif);
}
.menu3 li.qanda5 a {
 background-image:url(img/qanda5-1.gif);
}
.menu3 li.qanda5 a:hover {
 background-image:url(img/qanda5-2.gif);
}
.menu3 li.qanda6 a {
 background-image:url(img/qanda6-1.gif);
}
.menu3 li.qanda6 a:hover {
 background-image:url(img/qanda6-2.gif);
}

.ul1{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 width:100%;
 list-style-type:none;
}
.ul1 li {
 margin:2px 0px 2px 0px;
 padding:0px 0px 0px 20px;
 width:auto;
 display:block;
 background:#ffffff url(img/list-icon.gif) center left no-repeat;
}
* html .ul3 li {
 width:100%;
}
.ul-a{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 width:100%;
 list-style-type:none;
}
.ul-a li {
 margin:2px 0px 2px 0px;
 padding:0px 0px 0px 30px;
 width:auto;
 display:block;
 background:#ffffff url(img/a.gif) top left no-repeat;
}
* html .ul-a li {
 width:100%;
}
.ul-q{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 width:100%;
 list-style-type:none;
}
.ul-q li {
 margin:2px 0px 2px 0px;
 padding:0px 0px 0px 20px;
 width:auto;
 display:block;
 background:#ffffff url(img/q.gif) top left no-repeat;
}
* html .ul-q li {
 width:100%;
}