body {
    background-image: url(images/background-dot.gif);
    background-attachment: fixed;
    text-align: center;
    margin: 0px;
    color: #434343;
    font-size: 14px;
}

body div {
    text-align: center;
    margin: 0 auto;
}

/*************************** DIV_index ***********************************/
div.main {
    background-image: url(images/background-white.gif);
    background-repeat: repeat-y;
    text-align: center;
    width: 720px;
}

div.h1 {
    background-color: #FFCCCC;
    width: 685px;
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
    margin: 0;
    text-align: center;
}

div.header_index {
    width: 700px;
    height: 20px;
    padding: 0;
    padding-left: 2px;
    margin: 0;
}

div.clear {
    clear: both;
}

div.eye_index {
    /*	background-image: url(images/index_eye.jpg); */
    background-image: url(images/index_eye2.jpg);
    background-repeat: no-repeat;
    width: 685px;
    height: 236px;
    margin-top: 3px;
}

div.i_footer {
    background-image: url(images/background-i_footer.gif);
    width: 685px;
    height: 52px;
}

div.i_footer_text {
    text-align: left;
    font-size: 12px;
    line-height: 150%;
    padding-left: 115px;
    padding-top: 15px;
    float: left;
}

div.i_footer_button {
    text-align: right;
    padding-left: 115px;
    padding-top: 18px;
}

div.footer {
    background-image: url(images/background-footer.jpg);
    background-repeat: repeat-x;
    width: 685px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    line-height: 150%;
}

div.red {
    text-align: left;
	border: double 5px red;
}

/*************************** DIV ***********************************/
div.i_kahokko {
}

div.text {
    margin: 5px;
    text-align: left;
    line-height: 150%;
}

/*************************** table_index ***********************************/
table.index {
    width: 690px;
    font-size: 12px;
    line-height: 150%;
}

td.index_left {
    width: 175px;
}

td.index_center {
}

td.index_right {
    width: 190px;
}

/*******************************************/
table.i_kahokko {
    width: 300px;
    font-size: 13px;
    border: 2px dotted #FFC0CB;
    text-align: center;
    padding: 3px;
    margin: 0px;
    margin-top: 3px;
    text-align: left;
}

td.i_kahokko_l {
    border-right: 1px dotted #FFC0CB;
    border-bottom: 1px dotted #FFC0CB;
    background-image: url(images/background-i_kahokko.gif);
    background-repeat: no-repeat;
    padding: 3px;
    margin: 0;
}

td.i_kahokko_r {
    border-bottom: 1px dotted #FFC0CB;
    background-image: url(images/background-i_kahokko.gif);
    background-repeat: no-repeat;
    padding: 3px;
    margin: 0;
}

/*************************** table_contents ***********************************/
table.contents {
    width: 690px;
    font-size: 13px;
    line-height: 150%;
}

td.con_left {
    width: 190px;
    margin: 2px;
    padding-right: 2px;
    border-right: 1px dotted #E6E6E6;
    font-size: 13px;
    line-height: 150%;
}

td.con_right {
    padding: 5px;
    margin: 2px;
    font-size: 13px;
    line-height: 150%;
}

/*************************** table_contact ***********************************/
table.contact {
    width: 470px;
    font-size: 13px;
    line-height: 150%;
    border: 1px solid gray;
}

td.contact_left {
    width: 150px;
    background-color: #FFFFE0;
    padding: 3px;
    border-right: 1px dotted gray;
    border-bottom: 1px dotted gray;
}

td.contact_right {
    padding: 3px;
    border-bottom: 1px dotted gray;
}

/*************************** table_study ***********************************/
table.study {
    width: 470px;
    font-size: 13px;
    line-height: 150%;
    border: 1px solid gray;
    padding: 0px;
    margin: 0px;
}

td.s_title {
    background-color: #FFFFE0;
    border-right: 1px dotted gray;
    border-bottom: 1px dotted gray;
    margin: 0px;
    text-align: center;
}

td.s_text {
    padding: 2px;
    border-right: 1px dotted gray;
    border-bottom: 1px dotted gray;
    margin: 0px;
}

/****************** table album *************************/
table.album {
    width: 460px;
    border: 2px dotted #FFC0CB;
    text-align: center;
    padding: 5px;
    margin: 0px;
    margin-top: 3px;
    text-align: left;
}

td.album {
    font-size: 13px;
    border: 1px dotted #FFECEF;
    background-image: url(images/background-i_kahokko.gif);
    background-repeat: no-repeat;
    padding: 5px;
    margin: 0;
}

/****************** table rule_index *************************/
table.rule {
    width: 460px;
    text-align: center;
    padding: 5px;
    margin: 0px;
    margin-top: 3px;
    text-align: left;
}

td.rule {
    padding: 5px;
    margin: 0px;
    font-size: 15px;
    color: #006400;
    font-weight: bold;
}

td.rule2 {
    width: 50%;
    padding: 5px;
    padding-left: 70px;
    font-size: 15px;
    color: #006400;
    font-weight: bold;
}

/*************************** P FONT ***********************************/
p {
    padding: 0px;
    margin: 0px;
}

p.box190 {
    width: 190px;
    background-color: #FFC0CB;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

p.box180 {
    width: 180px;
    background-color: #FFC0CB;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

p.midashi1 {
    font-size: 15px;
    line-height: 150%;
    background-color: #FFF0F5;
    font-weight: bold;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    margin-top: 5px;
    margin-bottom: 3px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

p.midashi2 {
    color: #00532A;
    line-height: 150%;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted gray;
}

p.midashi3 {
    color: #FD0000;
    line-height: 150%;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted gray;
}

p.quot {
    border: 1px dotted gray;
    line-height: 180%;
    background-color: #FFFFE1;
    padding: 5px;
    margin: 5px;
}

font.red {
    font-size: 13px;
    color: #C40000;
    font-weight: bold;
}

font.red2 {
    font-size: 14px;
    color: #CB3838;
    font-weight: bold;
}

font.blue {
    color: navy;
}

font.green {
    font-size: 15px;
    color: #006400;
    font-weight: bold;
    text-align: center;
}

/*********** strong ************/
strong {
    font-weight: normal;
}

/*********** P FAQ ************/
/*counselor*/
p.answer {
    color: Maroon;
    margin-top: 20px;
    padding-top: 5px;
    padding-left: 30px;
    border-top: 1px dotted gray;
}

/*self*/
p.answer02 {
    color: Teal;
    margin-top: 20px;
    padding-top: 5px;
    padding-left: 15px;
    border-top: 1px dotted gray;
}

/*other*/
p.answer03 {
    color: #416BA2;
    margin-top: 20px;
    padding-top: 5px;
    padding-left: 30px;
    border-top: 1px dotted gray;
}

/*************************** UL ***********************************/
ul.header {
    padding: 0px;
    padding-left: 8px;
    margin: 0px;
    margin-left: 8px;
    margin-top: 10px;
    margin-bottom: 3px;
}

ul.header li {
    background-image: url(images/icon_header_menu.gif);
    background-repeat: no-repeat;
    font-size: 11px;
    border-bottom: 1px dotted gray;
    margin: 0px;
    margin-left: 3px;
    margin-right: 3px;
    padding: 0px;
    padding: 2px;
    padding-left: 18px;
    float: left;
}

/***********************/
ul.index_left {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

li.i_left {
    padding: 0px;
    padding-left: 10px;
    padding-bottom: 3px;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 7px;
}

/************ UL contents ***********/
ul.contents {
    padding: 0px;
    margin: 0px;
}

ul.contents li {
    background-image: url(images/icon_header_menu.gif);
    background-repeat: no-repeat;
    font-size: 12px;
    border-bottom: 1px dotted gray;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 7px;
    margin-right: 3px;
    padding: 0px;
    padding-left: 20px;
    list-style: none;
}

/************ UL FAQ ***********/
ul.faq {
    padding: 3px;
    margin: 0px;
    border: 1px solid gray;
}

li.faq {
    background-image: url(images/icon_faq_list.gif);
    background-repeat: no-repeat;
    height: 30px;
    font-size: 12px;
    border-bottom: 1px dotted #FA8072;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 7px;
    margin-right: 3px;
    padding: 0px;
    padding-top: 5px;
    padding-left: 33px;
    padding-bottom: 10px;
    list-style: none;
}

/************ UL default ***********/
ul.default {
    padding: 0px;
    margin: 0px;
}

li.default {
    height: 20px;
    font-size: 15px;
    border-bottom: 1px dotted #FA8072;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 7px;
    margin-right: 3px;
    padding: 0px;
    padding-top: 5px;
    padding-left: 33px;
    padding-bottom: 10px;
    list-style: none;
}

/************ UL careful ***********/
ul.care {
    padding: 0px;
    margin: 0px;
}

li.care {
    font-size: 13px;
    border-bottom: 1px dotted #FA8072;
    list-style: decimal;
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 3px;
}

/************ UL vtr ***********/
ul.vtr {
    padding: 3px;
    margin: 0px;
    border: 1px solid gray;
}

li.vtr {
    background-image: url(images/icon_check.gif);
    background-repeat: no-repeat;
    height: 30px;
    font-size: 12px;
    border-bottom: 1px dotted #FA8072;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 7px;
    margin-right: 3px;
    padding: 0px;
    padding-top: 5px;
    padding-left: 33px;
    padding-bottom: 10px;
    list-style: none;
}

/************ UL study ***********/
ul.study {
    padding: 3px;
    margin: 0px;
}

li.study {
    background-image: url(images/icon_check.gif);
    background-repeat: no-repeat;
    height: 30px;
    font-size: 12px;
    color: Maroon;
    border-bottom: 1px dotted #FA8072;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 7px;
    margin-right: 3px;
    padding: 0px;
    padding-top: 5px;
    padding-left: 33px;
    padding-bottom: 10px;
    list-style: none;
}

/**************************************/
ul.study2 {
    padding: 3px;
    margin: 0px;
    border: 1px dotted orange;
}

li.study2 {
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    margin: 0px;
    margin-top: 15px;
    margin-bottom: 3px;
    padding: 0px;
    padding-top: 3px;
    padding-left: 15px;
    list-style: none;
}

li.study3 {
    background-image: url(images/icon_onpu.gif);
    background-repeat: no-repeat;
    font-size: 13px;
    height: 20px;
    margin: 0px;
    margin-left: 20px;
    margin-bottom: 3px;
    padding: 0px;
    padding-top: 3px;
    padding-left: 20px;
    list-style: none;
}

/************ UL system ***********/
ul.system {
    padding: 3px;
    margin: 0px;
    margin-left: 20px;
    margin-right: 20px;
}

li.system {
    background-image: url(images/icon_check.gif);
    background-repeat: no-repeat;
    height: 30px;
    font-size: 13px;
    border-bottom: 1px dotted #FA8072;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 7px;
    margin-right: 3px;
    padding: 0px;
    padding-top: 10px;
    padding-left: 33px;
    padding-bottom: 7px;
    list-style: none;
}

/************ UL vtr ***********/
ul.voice {
    padding: 5px;
    margin: 0px;
}

li.voice {
    height: 30px;
    font-size: 12px;
    border-bottom: 1px dotted #FFC0CB;
    border-left: 30px solid #FFC0CB;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 7px;
    margin-right: 3px;
    padding: 0px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
    list-style: none;
}

/************ UL link ***********/
ul.link {
    padding: 5px;
    margin: 0px;
    margin-left: 20px;
}

li.link {
    font-size: 13px;
    height: 18px;
    border-bottom: 1px dotted #FFC0CB;
    margin: 0px;
    margin-bottom: 3px;
    padding: 0px;
    list-style: none;
}

li.link2 {
    color: #556B2F;
    font-size: 13px;
    height: 18px;
    margin: 0px;
    margin-bottom: 3px;
    padding: 0px;
    padding-left: 15px;
    list-style: none;
}

/************ UL album ***********/
ul.album {
    padding: 0px;
    padding-top: 10px;
    margin: 0px;
}

li.album {
    background-image: url(images/icon_onpu.gif);
    background-repeat: no-repeat;
    font-size: 13px;
    height: 20px;
    margin: 0px;
    margin-bottom: 3px;
    padding: 0px;
    padding-top: 3px;
    padding-left: 15px;
    list-style: none;
}

/************ UL study ***********/
/********************************* OTHER ************************************/
hr {
    border: 1px dotted gray;
}
