@charset "UTF-8";
/* CSS Document */

body {
font-family:"qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "CI", "Meiryo", "MS PSVbN", "MS P Gothic", Helvetica, Arial, sans-serif;
margin:0;
padding:0;
text-align:center;
background:#669933;
font-size:80%;
}

a {color:#333333;}
a:hover {color:#FF3333;}

img {border:none;}

.cl {
clear:both;
}

/* h2-h6 ---------------------------------------*/
#right h2.default {
background:url(img/h2_default.jpg) no-repeat;
font-size:1.3em;
padding:5px 0 0 30px;
margin:5px 15px 5px 0px;
height:30px;
border:1px solid #666600;
}

h3 {
font-size:1.2em;
margin:25px 15px 5px 5px;
color:#FF3300;
background:url(img/list_02.jpg) no-repeat;
padding:0 0 3px 15px;
border-bottom:1px solid #669900;
line-height:1;
}

h4 {
font-size:1.2em;
margin:10px 15px 5px 10px;
color:#006600;
}

h4.h4-basic01 {
border-bottom:1px dotted #006600;
margin-top:50px;
}
h5 {
font-size:1.1em;
margin:10px 15px 5px 10px;
color:#009900;
}

/* container -----------------------------------*/
#container {
width:840px;
background:url(img/bg_container.jpg) repeat-y;
margin:0 auto;
text-align:left;
}

/* header --------------------------------------*/
#header {
width:800px;
margin:0 auto;
}
#header h1 {
margin:0;
padding:0;
float:left;
}
.btn {
float:right;
margin:0;
padding:0;
}

/* wrapper ------------------------------------*/
#wrapper {
width:800px;
clear:both;
margin:20px auto 0 auto;
padding:0;
}

/* left ---------------------------------------*/
#left {
float:left;
width:180px;
background:#aee577;
}
#left p {
margin:10px 5px;
line-height:1.3em;
}
#left ul {
margin:0;
padding:0;
}
#left li {
list-style-type:none;
}
#left a {
display:block;
padding:3px 0 3px 20px;
background:url(img/list_01.gif) no-repeat;
text-decoration:none;
}
#left a:hover {
color:#FFFFFF;
background:#669900 url(img/list_02.gif) no-repeat;
}

/* right --------------------------------------*/
#right {
float:right;
width:600px;
}

.topics {
margin:15px 15px 20px 15px;
background:#fff;
text-align:left;
}
.topics ul {
margin:0 0 0 10px;
line-height:1.5em;
}
.topics li {
list-style-image:url(img/list_01.jpg);
}

#right p {
margin:10px 20px 15px 15px;
line-height:1.5em;
}
#right p.txt-right {
font-size:0.9em;
margin:-10px 20px 0 0;
text-align:right;
}

#right ul {
margin:5px 15px 20px 35px;
line-height:1.5em;
}
#right ul li {
margin:0;
padding:0;
list-style-image:url(img/list_01.jpg);
}
#right ol {
margin:5px 15px 20px 45px;
line-height:1.5em;
}
#right dl {
margin:10px 20px 15px 15px;
line-height:1.5em;
}
#right dt {
padding:3px;
margin:0;
border-left:2px solid #66CC00;
}
#right dd {
padding:3px;
margin:5px 0 20px 10px;
}

.box {
width:560px;
margin:0 auto;
}
.box-left {
width:270px;
float:left;
}
.box-right {
width:270px;
float:right;
}

/* img ----------------------------------------*/
img.img-right {
float:right;
margin:0 0 5px 10px;
}
img.img-left {
float:left;
margin:0 25px 5px 0;
}

/* footer -------------------------------------*/
#footer {
width:790px;
margin:20px auto 0 auto;
padding:15px 0 3px 0;
clear:both;
border-top:3px solid #eeeeee;
}
#footer p {
font-size:0.85em;
text-align:right;
margin:0 10px;
}
address {
line-height:1.4em;
margin:5px;
padding:5px;
font-style:normal;
text-align:right;
}

/* table tr th td ----------------------------*/
table.tab-support {
border-collapse:collapse;
margin:5px auto;
}
table.tab-support th {
text-align:left;
padding:3px;
line-height:1.4em;
vertical-align:top;
}
table.tab-support td {
text-align:left;
padding:3px 0 10px 0;
line-height:1.4em;
}

table.tab-basic01 {
border-collapse:collapse;
margin:5px auto;
}
table.tab-basic01 th {
text-align:center;
padding:3px;
line-height:1.4em;
vertical-align:top;
font-size:85%;
border-left:solid 1px #000000;
border-right:solid 1px #000000;
border-top:solid 1px #000000;
border-bottom:dotted 1px #000000;
background-color:#ADE773;
}

table.tab-basic01 td {
text-align:left;
padding:3px 5px 10px 5px;
font-size:85%;
border-left:solid 1px #000000;
border-right:solid 1px #000000;
border-top:solid 1px #000000;
border-bottom:dotted 1px #000000;
vertical-align:top;
}