@charset "utf-8";
/*************************************************************/
/*   Design:   Multiflex-3 Update-7 / Layout-1               */
/*   File:     Text formats                                  */
/*-----------------------------------------------------------*/
/*   Author:   Wolfgang                                      */
/*   Date:     January 15, 2007                              */
/*   Homepage: wwww.1-2-3-4.info                             */
/*-----------------------------------------------------------*/
/*   License:  Fully open source without restrictions.       */
/*             Please keep footer credits with a link to     */
/*             Wolfgang (www.1-2-3-4.info). Thank you!       */
/*************************************************************/

/*-------------------------------------------------------
font-sizeのパーセント表記一覧表
参考サイト
http://webtech-walker.com/archive/2008/05/16032443.html

13px/16px=81.25 -> 82-84%

基本サイズ13px
表示したいサイズ 指定する値
10px     77%
11px     85%
12px     93%
13px    100%
14px    108%
15px    116%
16px    124%
17px    130%
18px    139%
20px    154%
21px    162%
22px    169%
23px    177%
24px    185%
25px    192%
26px    200%
32px    246%
---------------------------------------------------------*/

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN CONTENT */
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:#649238; font-weight:normal; font-size:200%;}
.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:170%;}

.main-content h3 {
    clear:both; margin:-1.0em 0 0.5em 0;
    font-family:"trebuchet ms",arial,sans-serif;
    color:rgb(125,125,125);
    font-weight:normal; font-size:130%;
}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}

.main-content p {
    margin:0 0 1.0em 0;
    line-height:1.5em;
    font-size:108%; /* 14px */
    color: #333333;
}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {
    clear:both;
    margin:-0.25em 0 1.0em 0;
    line-height:1.0em;
    font-size:108%;
}
.main-content blockquote {
    clear:both;
    margin:0 30px 0.6em 30px;
    font-size:100%;
}

.main-content table {
    clear:both;
    width:800px;
    margin:2.0em 0 0.2em 20px;
    /* table-layout: fixed; */
    border-collapse:collapse;
    empty-cells:show;
    background-color:rgb(225,225,225);
}

.main-content table th.top {
    height:3.5em;
    padding:0 7px 0 7px;
    empty-cells:show;
    background-color:rgb(225,225,225);
    text-align:center;
    color:rgb(80,80,80);
    font-weight:bold;
    font-size:108%;
}
.main-content table th {
    height:3.0em;
    padding:2px 20px 2px 7px;
    background-color: rgb(225,225,225);
    border-top: 1px solid rgb(225,225,225);
    border-left: 1px solid rgb(225,225,225);
    border-right: 1px solid #A6A6A6;
    border-bottom: 1px solid #A6A6A6;
    text-align:left; color:rgb(80,80,80);
    font-weight:bold; font-size:108%;
}

.main-content table td {
    height:3.0em;
    padding:2px 7px 2px 7px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color:rgb(255,255,255);
    text-align:left;
    font-weight:normal;
    color:rgb(80,80,80);
    font-size:108%;
}

p.caption {
    clear:both;
    margin:0.5em 0 2.0em 20px;
    text-align:left;
    color:rgb(80,80,80);
    font-size:93%;
}

.main-content ul {
    list-style:none;
    margin:0.5em 0 1.0em 1.5em;
}
.main-content ul li {
    margin:0 0 0.2em 2px;
    padding:0 0 0 12px;
    /*  background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; */
    line-height:1.4em;
    font-size:108%;
}




.main-content ol {
    /* margin:0.5em 0 1.0em 20px !important */ /*Non-IE6*/;
    /* margin:0.5em 0 1.0em 25px*/ /*IE6*/;
}


.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:108%;}


.main-content dl {
    line-height:2em;
    margin:0em 1em;
    float:left;
    width: 800px;
}
.main-content dt {
    font-weight: bold;
    vertical-align:top;
    font-size:100%;
}
.main-content dd {
    margin-left:10em;
    margin-top:-2em;
    vertical-align:top;
    font-size:100%;
}


.contactform {width:418px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}


.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:108%;}
.contactform select.combo {
    width:175px;
    padding:2px;
    border:solid 1px rgb(200,200,200);
    font-family:verdana,arial,sans-serif;
    font-size:108%;
}
.contactform input.field {
    width:275px;
    padding:2px;
    border:solid 1px rgb(200,200,200);
    font-family:verdana,arial,sans-serif;
    font-size:108%;
}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:108%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:108%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
/********************/
/*  COMMON CLASSES  */
/********************/
.main img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}
.main img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; border:1px solid rgb(150,150,150);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}
.main .error-message {
    color: #ff0000;

}
.main .error-message img  {
    border:none;
    margin: 2px 2px 0 0 !important /*Non-IE6*/;
    margin: 1px 3px 0 0 /*IE6*/;
}

/*
.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
.main a:hover {color:rgb(42,90,138); text-decoration:underline;}
.main a:visited {color:rgb(42,90,138);}
.main a img {border:solid 1px rgb(150,150,150);}
.main a:hover img {border:solid 1px rgb(220,220,220);}
*/