@charset "utf-8";

/* ~~ レイアウトに使用するカラムです。~~ 

1) 余白は、block エレメントの上部または下部にのみ配置されます。これらの block 内のエレメントには、それ自体に余白があるので、ボックスモデル計算を行う必要がありません。ただし、block 自体に両側の余白やボーダーを指定した場合、その値が加算されたものが合計幅になることに注意してください。block エレメント内のエレメントの余白を削除し、さらにその block エレメント内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の block エレメントを追加することもできます。

2) カラムはすべてフロートしているため、マージンは指定されていません。マージンを追加する必要がある場合は、フロート方向には指定しないでください (例えば、右フロートに設定した block の右マージン)。多くの場合、代わりに余白を使用できます。このルールに従わない場合は、block エレメントのルールに「display:inline」宣言を追加し、一部のバージョンの Internet Explorer でマージンが 2 倍になるバグを回避する必要があります。

3) クラスはドキュメント内で複数回使用できるので (またエレメントには複数のクラスを適用できます)、カラムには ID ではなくクラス名が割り当てられます。例えば、必要に応じて 2 つのサイドバー block をスタックできます。クラスを各ドキュメントで一度しか使用しないのであれば、ユーザーの好みに応じて、クラス名を ID に変更することができます。

4) ナビゲーションを右ではなく左に配置したい場合、これらのカラムを反対方向にフロートさせると (すべて右方向にする代わりに、すべて左方向に設定)、反転してレンダリングされます。HTML ソース内で block を移動する必要はありません。

*/

#ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ_____Home
{
}

.HomeMainSentenceDiv
{
    margin-bottom: 20px;
}

.HomeMainSentenceDiv ul
{
}

.HomeMainSentenceDiv ul li
{
    list-style-type: none;
    display: inline;
    float: left;
 width: 170 ];
    width: 195px;
}

.HomeMainSentenceDiv ul li h3
{
    text-align: center;
    font-size: 16px;
    margin-bottom: 5px;
}

.HomeMainSentenceDiv ul li h4
{
    font-size: 14px;
    width: 170px;
    text-align: center;
}

.HomeMainSentenceDiv ul li p
{
    text-align: left;
    width: 180px;
    font-size: 14px;
    line-height: 1.3em;
}

.HomeMainSentenceDiv ul li:last-child
{
    list-style-type: none;
    display: inline;
    float: left;
    width: 195px;
}

.HomeMainResultDiv
{
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    margin-bottom: 20px;
}

.HomeMainResultDivLeftDiv
{
    float: left;
    margin-right: 50px;
}

.HomeMainResultDivRightDiv
{
    float: left;
}

.HomeMainResultDivRightDiv ul
{
    font-size: 22px;
    margin-top: 50px;
}

.HomeMainResultDivRightDiv ul li
{
    line-height: 1.8em;
    list-style-type: circle;
}

.HomeMainResultDivArrowImg
{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.HomeMainResultDivImportantDiv
{
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.HomeMainResultDivImportantDiv img
{
    float: left;
    margin-right: 10px;
}

.HomeMainResultDivImportantDiv h5
{
    font-size: 20px;
    float: left;
    margin-top: 3px;
    margin-bottom: 10px;
    border-bottom-width: 6px;
    border-bottom-style: double;
    border-bottom-color: #AC1A1A;
    padding-left: 5px;
    padding-right: 5px;
}

.HomeMainResultDivImportantDiv p
{
    margin-left: 55px;
}

.HomeConsultationDiv
{
    width: 460px;
    margin-left: auto;
    margin-right: auto;
}

.HomeConsultationDiv img
{
    float: left;
    margin-right: 15px;
}

.HomeConsultationDiv p
{
    float: left;
    font-size: 24px;
    font-weight: bold;
    padding-top: 13px;
}

.HomeServiceDiv
{
    width: 976px;
}

.HomeServiceDiv_LinkP
{
    font-size: 14px;
    margin-top: 5px;
    text-align: right;
}

.HomeConjugationDiv
{
}

.HomeConjugationDivRepeaDiv
{
    margin-bottom: 40px;
}

.HomeConjugationDivRepeaDiv_End
{
    margin-bottom: 1px;
}

.HomeConjugationDiv_h4
{
    font-size: 20px;
    border-left-width: 8px;
    border-left-style: solid;
    border-left-color: #ff9000;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.HomeConjugationDiv_h4 span
{
    font-size: 14px;
    margin-left: 20px;
}

.HomeConjugationDiv_LeftDiv
{
    float: left;
    width: 301px;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    margin-right: 20px;
    padding-right: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #DDDDDD;
}

.HomeConjugationDiv_RightDiv
{
    float: left;
    width: 301px;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-right: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #DDDDDD;
}

#Anchor_Service
{
}

#Anchor_Option
{
}

/* ~~ レイアウトに使用するカラムです。~~ 

1) 余白は、block エレメントの上部または下部にのみ配置されます。これらの block 内のエレメントには、それ自体に余白があるので、ボックスモデル計算を行う必要がありません。ただし、block 自体に両側の余白やボーダーを指定した場合、その値が加算されたものが合計幅になることに注意してください。block エレメント内のエレメントの余白を削除し、さらにその block エレメント内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の block エレメントを追加することもできます。

2) カラムはすべてフロートしているため、マージンは指定されていません。マージンを追加する必要がある場合は、フロート方向には指定しないでください (例えば、右フロートに設定した block の右マージン)。多くの場合、代わりに余白を使用できます。このルールに従わない場合は、block エレメントのルールに「display:inline」宣言を追加し、一部のバージョンの Internet Explorer でマージンが 2 倍になるバグを回避する必要があります。

3) クラスはドキュメント内で複数回使用できるので (またエレメントには複数のクラスを適用できます)、カラムには ID ではなくクラス名が割り当てられます。例えば、必要に応じて 2 つのサイドバー block をスタックできます。クラスを各ドキュメントで一度しか使用しないのであれば、ユーザーの好みに応じて、クラス名を ID に変更することができます。

4) ナビゲーションを右ではなく左に配置したい場合、これらのカラムを反対方向にフロートさせると (すべて右方向にする代わりに、すべて左方向に設定)、反転してレンダリングされます。HTML ソース内で block を移動する必要はありません。

*/

#ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ_____Home2
{
}

.HomeBasicCourseDiv
{
    width: 830px;
    background-color: #F6F7FF;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    border-color: #E4E4E4;
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 20px 20px;
    border-top-right-radius: 20px 20px;
    border-bottom-right-radius: 20px 20px;
    border-bottom-left-radius: 20px 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}
.HomeBasicCourseDiv_2
{
    width: 630px;
    background-color: #F6F7FF;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    border-color: #E4E4E4;
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 20px 20px;
    border-top-right-radius: 20px 20px;
    border-bottom-right-radius: 20px 20px;
    border-bottom-left-radius: 20px 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

.HomeBasicCourseDiv h4
{
    font-size: 22px;
    color: #0059c7;
    font-weight: bold;
    margin-bottom: 5px;
    float: left;
    margin-left: 20px;
    margin-top: 8px;
}
.HomeBasicCourseDiv_1
{
    width: 830px;
    background-color: #F6F7FF;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    border-color: #E4E4E4;
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 20px 20px;
    border-top-right-radius: 20px 20px;
    border-bottom-right-radius: 20px 20px;
    border-bottom-left-radius: 20px 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}
#HomeBasicCourseDiv_1_H4
 
{
    font-size: 22px;
    color: #ff9000;
    font-weight: bold;
    margin-bottom: 5px;
    float: left;
    margin-left: 20px;
    margin-top: 8px;
}
#HomeBasicCourseDiv_LeftCircle_P_1
{
    border-width: 1px;
    border-color: #ff9000;
    border-style: solid;
    border-top-left-radius: 18px 18px;
    border-top-right-radius: 18px 18px;
    border-bottom-right-radius: 18px 18px;
    border-bottom-left-radius: 18px 18px;
    width: 34px;
    height: 30px;
    background-color: #ff9000;
    padding-left: 2px;
    padding-top: 6px;
    color: #FFFFFF;
    font-weight: bold;
    float: left;
    margin-right: 10px;
}

.HomeBasicCourseDiv_LeftCircle_P
{
    border-width: 1px;
    border-color: #ff9000 #ff9000 #0059c7;
    border-style: solid;
    border-top-left-radius: 18px 18px;
    border-top-right-radius: 18px 18px;
    border-bottom-right-radius: 18px 18px;
    border-bottom-left-radius: 18px 18px;
    width: 34px;
    height: 30px;
    background-color: #0059c7;
    padding-left: 2px;
    padding-top: 6px;
    color: #FFFFFF;
    font-weight: bold;
    float: left;
    margin-right: 10px;
}

.HomeBasicCourseDiv_RepeatDiv
{
}

.HomeBasicCourseDiv_RepeatDiv_LeftDiv
{
    float: left;
    width: 192px;
    margin-right: 16px;
}

.HomeBasicCourseDiv_RepeatDiv_LeftDiv img
{
    margin-bottom: -7px;
}

.HomeBasicCourseDiv_Header
{
    border-bottom-width: 6px;
    border-bottom-style: double;
    border-bottom-color: #0059c7;
    margin-bottom: 10px;
}
.HomeBasicCourseDiv_Header_1
{
    border-bottom-width: 6px;
    border-bottom-style: double;
    border-bottom-color: #ff9000;
    margin-bottom: 10px;
}

.HomeBasicCourseDiv_RepeatDiv_LeftDiv h5
{
    font-weight: bold;
    width: 192px;
    background-color: #0059c7;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    height: 30px;
    margin-bottom: 4px;
}
#HomeBasicCourseDiv_RepeatDiv_LeftDiv_h5_1
 
{
    font-weight: bold;
    width: 192px;
    background-color: #ff9000;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
}
#HomeBasicCourseDiv_RepeatDiv_LeftDiv_h5_2
 
{
    font-weight: bold;
    width: 192px;
    background-color: #ff9000;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
}
#HomeBasicCourseDiv_RepeatDiv_LeftDiv_h5_3
 
{
    font-weight: bold;
    width: 192px;
    background-color: #ff9000;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
}

.HomeBasicCourseDiv_RepeatDiv_LeftDiv h6
{
    font-size: 14px;
    font-weight: normal;
    border-bottom-width: 3px;
    border-bottom-style: dotted;
    border-bottom-color: #191919;
    margin-bottom: 4px;
    line-height: 1.2em;
    width: 192px;
    padding-bottom: 4px;
}

.HomeBasicCourseDiv_RepeatDiv_LeftDiv p
{
    font-size: 14px;
    line-height: 1.2em;
    width: 192px;
}

.HomeBasicCourseDiv_RepeatDiv_LeftDiv_End
{
    float: left;
    width: 192px;
}

.HomeBasicCourseDiv_RepeatDiv_LeftDiv_End img
{
    margin-bottom: -7px;
}

.HomeBasicCourseDiv_RepeatDiv_LeftDiv_End h5
{
    font-weight: bold;
    width: 192px;
    background-color: #0059c7;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    height: 30px;
    margin-bottom: 4px;
}

.HomeBasicCourseDiv_RepeatDiv_LeftDiv_End h6
{
    font-size: 14px;
    font-weight: normal;
    border-bottom-width: 3px;
    border-bottom-style: dotted;
    border-bottom-color: #191919;
    margin-bottom: 4px;
    line-height: 1.2em;
    width: 192px;
    padding-bottom: 4px;
}

.HomeBasicCourseDiv_RepeatDiv_LeftDiv_End p
{
    font-size: 14px;
    line-height: 1.2em;
    width: 192px;
}
.HomeBasic_PlusImg_Center
{
    margin-bottom: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

.HomeBasic_PlusImg_Orange
{
    margin-left: 200px;
    margin-right: 400px;
    margin-bottom: 3px;
}

.HomeBasic_PlusImg_Green
{
    margin-bottom: 3px;
}

.GrayFrameDiv_LeftDiv_LeftCircle_P
{
    border-width: 1px;
    border-color: #ff9000;
    border-style: solid;
    border-top-left-radius: 18px 18px;
    border-top-right-radius: 18px 18px;
    border-bottom-right-radius: 18px 18px;
    border-bottom-left-radius: 18px 18px;
    width: 34px;
    height: 30px;
    background-color: #ff9000;
    padding-left: 2px;
    padding-top: 6px;
    color: #FFFFFF;
    font-weight: bold;
    float: left;
    margin-right: 10px;
}

.GrayFrameDiv_RepeatDiv
{
    margin-bottom: 30px;
}

.GrayFrameDiv_LeftDiv_RightCircle_P
{
    border-width: 1px;
    border-color: #479900;
    border-style: solid;
    border-top-left-radius: 18px 18px;
    border-top-right-radius: 18px 18px;
    border-bottom-right-radius: 18px 18px;
    border-bottom-left-radius: 18px 18px;
    width: 34px;
    height: 30px;
    background-color: #479900;
    padding-left: 2px;
    padding-top: 6px;
    color: #FFFFFF;
    font-weight: bold;
    float: left;
    margin-right: 15px;
}

.GrayFrameDiv_LeftDiv
{
    float: left;
    width: 400px;
    background-color: #EDEDED;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 20px;
    margin-right: 40px;
    padding-right: 20px;
    border-color: #E4E4E4;
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 20px 20px;
    border-top-right-radius: 20px 20px;
    border-bottom-right-radius: 20px 20px;
    border-bottom-left-radius: 20px 20px;
}

.GrayFrameDiv_LeftDiv_Header_Left
{
    border-bottom-width: 6px;
    border-bottom-style: double;
    border-bottom-color: #ff9000;
    margin-bottom: 10px;
}

.GrayFrameDiv_LeftDiv h4
{
    font-size: 22px;
    color: #ff9000;
    font-weight: bold;
    margin-bottom: 5px;
    float: left;
    margin-top: 8px;
    margin-left: 20px;
}

.GrayFrameDiv_LeftDiv h5
{
    font-weight: bold;
    width: 192px;
    background-color: #ff9000;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    margin-top: -8px;
}

.GrayFrameDiv_RightDiv
{
    float: right;
    width: 400px;
    background-color: #EDEDED;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #E4E4E4;
    border-top-left-radius: 20px 20px;
    border-top-right-radius: 20px 20px;
    border-bottom-right-radius: 20px 20px;
    border-bottom-left-radius: 20px 20px;
}

.GrayFrameDiv_LeftDiv_Header_Right
{
    border-bottom-width: 6px;
    border-bottom-style: double;
    border-bottom-color: #479900;
    margin-bottom: 10px;
}

.GrayFrameDiv_RightDiv h4
{
    font-size: 22px;
    color: #479900;
    font-weight: bold;
    margin-bottom: 5px;
    float: left;
    margin-top: 8px;
    margin-left: 20px;
}

.GrayFrameDiv_RightDiv h5
{
    font-weight: bold;
    width: 192px;
    background-color: #479900;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: -8px;
}

.GrayFrameDiv_PriceDiv
{
    width: 200px;
    float: right;
    margin-bottom: 5px;
    margin-right: 5px;
}

.GrayFrameDiv_Price_P
{
    margin-top: 5px;
    float: right;
    font-size: 24px;
    font-weight: bold;
}

.GrayFrameDiv_Price_P span
{
    font-size: 16px;
    font-weight: normal;
    margin-left: 3px;
}

.GrayFrameDiv_RepeatDiv_LeftDiv
{
    float: left;
    width: 192px;
}

.GrayFrameDiv_RepeatDiv_LeftDiv img
{
}

.GrayFrameDiv_RepeatDiv_LeftDiv h6
{
    font-size: 14px;
    font-weight: normal;
    border-bottom-width: 3px;
    border-bottom-style: dotted;
    border-bottom-color: #191919;
    margin-bottom: 4px;
    line-height: 1.2em;
    width: 192px;
    padding-bottom: 4px;
}

.GrayFrameDiv_RepeatDiv_LeftDiv p
{
    font-size: 13px;
    line-height: 1.2em;
    width: 192px;
}

.GrayFrameDiv_RepeatDiv_RightDiv
{
    float: left;
    width: 192px;
}

.GrayFrameDiv_RepeatDiv_RightDiv img
{
}

.GrayFrameDiv_RepeatDiv_RightDiv h6
{
    font-size: 14px;
    font-weight: normal;
    border-bottom-width: 3px;
    border-bottom-style: dotted;
    border-bottom-color: #191919;
    margin-bottom: 4px;
    line-height: 1.2em;
    width: 192px;
    padding-bottom: 4px;
}

.GrayFrameDiv_RepeatDiv_RightDiv p
{
    font-size: 13px;
    line-height: 1.2em;
    width: 192px;
}

.HomeOptionDl
{
}

.HomeOptionDl dt
{
    float: left;
}

.HomeOptionDl dd
{
    margin-left: 200px;
    margin-bottom: 10px;
}

/* ~~ レイアウトに使用するカラムです。~~ 

1) 余白は、block エレメントの上部または下部にのみ配置されます。これらの block 内のエレメントには、それ自体に余白があるので、ボックスモデル計算を行う必要がありません。ただし、block 自体に両側の余白やボーダーを指定した場合、その値が加算されたものが合計幅になることに注意してください。block エレメント内のエレメントの余白を削除し、さらにその block エレメント内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の block エレメントを追加することもできます。

2) カラムはすべてフロートしているため、マージンは指定されていません。マージンを追加する必要がある場合は、フロート方向には指定しないでください (例えば、右フロートに設定した block の右マージン)。多くの場合、代わりに余白を使用できます。このルールに従わない場合は、block エレメントのルールに「display:inline」宣言を追加し、一部のバージョンの Internet Explorer でマージンが 2 倍になるバグを回避する必要があります。

3) クラスはドキュメント内で複数回使用できるので (またエレメントには複数のクラスを適用できます)、カラムには ID ではなくクラス名が割り当てられます。例えば、必要に応じて 2 つのサイドバー block をスタックできます。クラスを各ドキュメントで一度しか使用しないのであれば、ユーザーの好みに応じて、クラス名を ID に変更することができます。

4) ナビゲーションを右ではなく左に配置したい場合、これらのカラムを反対方向にフロートさせると (すべて右方向にする代わりに、すべて左方向に設定)、反転してレンダリングされます。HTML ソース内で block を移動する必要はありません。

*/

#ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ_____Home3
{
}

.WhiteFrameDiv_LeftDiv
{
    float: left;
    width: 301px;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    margin-right: 20px;
    padding-right: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #DDDDDD;
}

.WhiteFrameDiv_LeftDiv h5
{
    font-size: 16px;
    color: #AC1A1A;
    font-weight: bold;
    margin-bottom: 10px;
}

.WhiteFrameDiv_LeftDiv h6
{
    font-size: 14px;
    color: #0059c7;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px;
    text-align: right;
}

.WhiteFrameDiv_LeftDiv img
{
    float: left;
    margin-right: 10px;
}

.WhiteFrameDiv_LeftDiv p
{
    float: left;
    width: 203px;
}

.WhiteFrameDiv_RightDiv
{
    float: left;
    width: 301px;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #DDDDDD;
}

.WhiteFrameDiv_RightDiv h5
{
    font-size: 16px;
    color: #AC1A1A;
    font-weight: bold;
    margin-bottom: 10px;
}

.WhiteFrameDiv_RightDiv h6
{
    font-size: 14px;
    color: #0059c7;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px;
    text-align: right;
}

.WhiteFrameDiv_RightDiv img
{
    float: left;
    margin-right: 10px;
}

.WhiteFrameDiv_RightDiv p
{
    float: left;
    width: 203px;
}

.WhiteFrameDiv_LeftDiv_Service
{
    float: left;
    width: 301px;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    margin-right: 20px;
    padding-right: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #DDDDDD;
}

.WhiteFrameDiv_LeftDiv_Service h4
{
    font-size: 16px;
    color: #ff9000;
    font-weight: bold;
    margin-bottom: 10px;
}

.WhiteFrameDiv_RightDiv_Service
{
    float: left;
    width: 301px;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #DDDDDD;
}

.WhiteFrameDiv_RightDiv_Service h4
{
    font-size: 16px;
    color: #479900;
    font-weight: bold;
    margin-bottom: 10px;
}