@media all{

/*--------------------------------------------------------
◆サイト大枠設定
--------------------------------------------------------*/

html,
body{
    width: 100%;
    /*min-width: 830px;*/
}


body,pre{ color: #333; }


a{ text-decoration: underline; }
a:link{ color: #33ccff; }
a:visited{ color: #33ccff; }
a:hover{ color: #fe6500; }
a:active{ color: #fe6500; }


.mobi{ display: none; }


/*--------------------------------------------------------
◆メインカラー設定
--------------------------------------------------------*/

#top-box,
#score-box,
#score-box li a{
    background: #600302;
}

#lead h4{
    border-left: 8px solid #600302;
    background: #EDE2E2;
}

#lead h4{
    color: #600302;
}

#foot{
    border-top: 8px solid #600302;
}


/*--------------------------------------------------------
◆ケース設定
--------------------------------------------------------*/

#case{
    width: 100%;
    min-width: 830px;
    background: #F5F2E3;
}


/*--------------------------------------------------------
◆トップエリア設定
--------------------------------------------------------*/

#broad-top{
    width: 100%;
    min-width: 830px;
    height: auto;
}

#top-box{
    margin: auto;
    width: 830px;
    height: auto;
}

#top-box h1,
#top-box p{
    color: #fff;
    padding: 0.5em;
    font-size: 1.0em;
}


/*--------------------------------------------------------
◆ヘッダーエリア設定
--------------------------------------------------------*/

#broad-header{
    width: 100%;
    min-width: 830px;
    height: auto;
}

#header-box{
    margin: auto;
    width: 830px;
    padding: 1.0em 0;
    height: auto;
    background: #fff;
}


#header-box:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

#header-box{display: inline-block;}

/* Hides from IE Mac \*/
* html #header-box {height: 1%;}
#header-box{display:block;}
/* End Hack */


#riff{
    float: left;
    margin-left: 1.5em;
}

#header-box #session{
    float: right;
    margin-top: 1.0em;
    margin-right: 1.5em;
}


/*--------------------------------------------------------
◆グローバルメニュー設定
--------------------------------------------------------*/

#broad-score{
    width: 100%;
    min-width: 830px;
    height: auto;
    font-size: 1.2em;
}

#score-box{
    margin: auto;
    width: 830px;
    padding-top: 0px;/*▲ページ最上部からの距離*/
    height: auto;
}


#score-box:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

#score-box{display: inline-block;}

/* Hides from IE Mac \*/
* html #score-box {height: 1%;}
#score-box{display:block;}
/* End Hack */


#score-box ul{
    margin: 0;
}

#score-box li{
    float: left;
    overflow: hidden;
    margin: 0;
}

#score-box li a{
    display: block;
    padding: 1.0em 2.0em;
    border-right: 1px solid #fff;
    text-decoration: none;
    color: #fff;
}

#score-box li.first a{
    border-left: none;
}

#score-box li.even a{
    border-left: none;
}

#score-box li a:hover{
    background: #F36100;
}


/*---------------------------------------------
◆キャッチ設定
---------------------------------------------*/

#broad-catch{
    width: 100%;
    min-width: 830px;
    height: auto;
}

#catch-box{
    margin: auto;
    width: 830px;
    height: auto;
    display: block;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #dbdbdb;
    background: #fff;
}

#catch-box img{
    margin-right: 0px;
    margin-left: 0px;
}


/*---------------------------------------------
◆ナビゲーション設定
---------------------------------------------*/

#conduct{
    width: 100%;
    min-width: 830px;
}


#conduct ol{
    margin: auto;
    width: 810px;
    padding: 1.0em 10px;
    background: #fff;
    height: auto;
}

#conduct li{
    float: left;
    padding-right: 10px;
    padding-left: 15px;
    background: url(../img/ar.png) left 3px no-repeat;
    font-size: 11px;
    list-style-type: none;
    color: #666666;
}

#conduct li.begin{
    padding-left: 10px;
    background: none;
}

#conduct ol:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

#conduct ol{display: inline-block;}

/* Hides from IE Mac \*/
* html #conduct ol {height: 1%;}
#conduct ol{display:block;}
/* End Hack */


/*--------------------------------------------------------
◆ケース内部設定
--------------------------------------------------------*/

#broad-lsf{
    width: 100%;
    min-width: 830px;
    height: 100%;
}

#ls-box{
    margin: auto;
    width: 830px;
    background: #fff;
    padding-top: 2.0em;
}


/*--------------------------------------------------------
◆リード設定
--------------------------------------------------------*/

#lead{
    float: left;
    width: 790px;
    font-size: 1.4em;
    padding: 0px 20px 0px 20px;
}


/*区切り線*/
#lead hr{
    clear: both;
    margin: 35px 0 35px 0;
    padding: 0;
    font-size: 1.0em;
    line-height: 1.0em;
    border-width: 1px 0 0 0;
    border-style: dotted none none none;
    height: 1px;
    color: #dbdbdb;
}
* html #lead hr{ margin: 0 0 1.2em; }
*:first-child+html #lead hr{ margin: 0 0 1.2em; }


/*
――――――――――――――――――――――――――――――――
mc-area.css
――――――――――――――――――――――――――――――――
*/

/*----------------------------------------------------------
◆見出しタグ設定
----------------------------------------------------------*/


/*H1、H2-------------------------------*/

#lead h1,
#lead h2{
    clear: both;
    margin: 0 0px 20px 0px;
    _margin: 0 0px 20px 20px;
    padding: 25px 14px 8px 75px;
    border: 0px solid #999;
    background: url(../img/h2-bk.png) left top no-repeat;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.7em;
    color: #333;
    height: 39px;
}

#lead h2.img01{
    clear: both;
    margin: 0 0px 0px 0px;
    padding: 0px !important;
    background: #fff !important;
    height: 100%;
    text-align: center;
}


/*H3----------------------------------------*/

#lead h3{
    clear: both;
    margin: 0 10px 30px 10px;
    padding: 18px 10px 12px 15px;
    background: url(../img/h3-bk.png) top left no-repeat #f8f8f8;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.5em;
    color: #555555;
}

#lead h3.folder{
    clear: both;
    margin: 0px 10px 20px 10px;
    _margin: 0px 10px 20px 30px;
    padding: 15px 0px 0px 60px;
    border: none;
    border-bottom: 1px dotted #cacaca;
    font-size: 16px;
    font-weight: normal;
    background: url(../img/folder.png) no-repeat 0 5px;
}


/*H4--------------------------------------------------*/
#lead h4{
    clear: both;
    margin: 40px 5px 25px 5px;
    padding: 0.6em;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5em;
}


/*H5--------------------------------------------------*/
#lead h5{
    clear: both;
    margin: 40px 25px 25px 25px;
    padding: 5px 10px 3px 10px;
    border: none;
    border-bottom: 1px dotted #999;
    background: none;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.5em;
    color: #666;
}


/*----------------------------------------------------------
◆コンテンツエリア設定
----------------------------------------------------------*/


/*基本設定----------------------------------*/

#lead .lick{
    margin-bottom: 55px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px 10px 0 10px;
    border: none;
    overflow: hidden;
}

#lead .lick p{
    margin: 0 5px 1em 5px;
    line-height: 1.5;
}


/*フロー用設定----------------------------------*/

#lead .lick-flow{
    margin-bottom: 0px;
    margin-left: 20px;
    padding: 5px 30px 15px 90px;
    border: none;
    overflow: hidden;
    background: url(../img/ar05.png) left bottom no-repeat;
}

#lead .lick-flow p{
    margin: 0 0px 1em 1em !important;
    line-height: 1.5;
}

#lead .lick-flow h5{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 8px;
}

#lead .lick-flow hr{
    margin-bottom: 13px;
}


/*プロフィール用 設定----------------------------------*/

#lead .lick-pro{
    margin: 0px;
    padding: 0px;
    border: none;
    overflow: hidden;
}

#lead .lick-pro p{
    margin: 0 5px 8px 5px;
    line-height: 1.5;
    font-size: 12px;
}


/*キット販売トップへのリンク 設定----------------------------------*/

#lead .lick-top{
    margin: 0px 20px 40px 20px;
    padding: 15px 5px 0 5px;
    border: 1px solid #dbdbdb;
}

#lead .lick-top p{
    margin: 0px 15px 1em 15px;
    line-height: 1.5;
    font-size: 0.85em;
}

#lead .lick-top:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

#lead .lick-top{display: inline-block;}

/* Hides from IE Mac \*/
* html #lead .lick-top {height: 1%;}
#lead .lick-top{display:block;}
/* End Hack */


/*
――――――――――――――――――――――――――――――――
foot.css
――――――――――――――――――――――――――――――――
*/

/*---------------------------------------------------------
◆フッターエリア設定
---------------------------------------------------------*/

#foot{
    width: 100%;
    min-width: 830px;
    margin-top: 100px;
    /*background: url(../img/foot-bk.png) repeat-x;*/
    background: #fff;
    height: auto;
}


#foot-box{
    margin: auto;
    width: 830px;
    padding: 40px 0 50px 0;
    font-size: 1.2em;
    height: auto;
}


/*---------------------------------------------------------
◆フッター　コメントエリア
---------------------------------------------------------*/

#foot .foot-comme{
    display: block;
    float: left;
    width: 370px;
    margin: 0;
    color: #888;
}


/*---------------------------------------------------------
◆フッター　メニューエリア
---------------------------------------------------------*/

#foot .foot-li{
    display: block;
    float: left;
    width: 315px;
    margin: 0;
}

#foot .foot-li ul{
    float: left;
    list-style-position: outside;
    list-style-type: none;
    margin: 0px 0px 0px 20px;
}

#foot .foot-li li{
    background: url(../img/foot-ar.png) 0px 7px no-repeat;
    padding: 0px 0px 0px 13px;
    font-size: 11px;
    line-height: 2.0;
}

#foot .foot-li li a{
    color: #888;
    text-decoration: none;
}


/*---------------------------------------------------------
◆フッター　ロゴエリア
---------------------------------------------------------*/

#foot .foot-logo{
    display: block;
    float: right;
    text-align: right;
    width: 135px;
    margin: 0;
}


/*---------------------------------------------------------
◆WDBエリア設定
---------------------------------------------------------*/

#wdb{
clear: both;
    width: 100%;
    min-width: 830px;
    margin: 0;
    padding: 0;
    background: #fff;
}


#wdb-box{
    margin: auto;
    width: 830px;
    padding: 10px 0 10px 0;
    font-size: 1.2em;
    text-align: right;
    color: #626262;
}

#wdb-box a{
    text-decoration: none;
    color: #999;
}


/*
――――――――――――――――――――――――――――――――
add.css
――――――――――――――――――――――――――――――――
*/

/*-------------------------------------------------------------------
◆テーブル・表設定
-------------------------------------------------------------------*/


/*基本設定----------------------*/

#lead table{
    margin: 10px 20px 20px 20px;
    padding: 0;
    /*border-spacing: 3px 3px;*/
    border-collapse: collapse;
    width: 730px;
    font-size: 12px;
    border: 3px solid #dbdbdb;
    /*background: url(../img/dl.png) right bottom no-repeat;*/
}

#lead table th{
    font-style: normal;
    font-weight: bold;
    text-align: left;
    padding: 10px;
    border: 1px dotted #dfdfdf;
    vertical-align: middle;
    width: 30%;
    background: #f4f4f4;
}

#lead table td{
    padding: 10px;
    border: 1px dotted #dfdfdf;
    vertical-align: middle;
    background: none;
    width: 70%;
}




/*下線のみ設定----------------------*/

#lead table.v02{
    margin: 10px 0px 40px 20px;
    padding: 0;
    /*border-spacing: 3px 3px;
    border-collapse: separate;*/
    width: auto;
    font-size: 12px;
    border: none !important;
}

#lead table.v02 th{
    font-style: normal;
    font-weight: bold;
    text-align: left;
    padding: 10px 20px 10px 20px;
    border: none;
    border-bottom: 1px solid #b9b9b9;
    vertical-align: middle;
    width: 100px;
    background: #fff;
}


#lead table.v02 td{
    padding: 10px 20px 10px 20px;
    border: none;
    border-bottom: 1px dotted #b9b9b9;
    vertical-align: middle;
    background: #fff;
    width: auto;
}



/*thオレンジ色設定----------------------*/

#lead table.v03{
    margin: 10px 20px 20px 20px;
    padding: 0;
    /*border-spacing: 3px 3px;*/
    border-collapse: collapse;
    width: 730px;
    font-size: 12px;
    border: 3px solid #dbdbdb;
    /*background: url(../img/dl.png) right bottom no-repeat;*/
}

#lead table.v03 th{
    font-style: normal;
    font-weight: bold;
    text-align: left;
    padding: 10px;
    border: 1px dotted #dfdfdf;
    vertical-align: middle;
    width: 80px;
    background: #f4f4f4;
}

#lead table.v03 th.v02{
    font-style: normal;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    border: 1px dotted #dfdfdf;
    vertical-align: middle;
    background: #fff;
}

#lead table.v03 th.v03{
    font-style: normal;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    border: 1px dotted #dfdfdf;
    vertical-align: middle;
    background: #fff;
}

#lead table.v03 td{
    padding: 10px !important;
    border: 1px dotted #dfdfdf;
    vertical-align: middle;
    background: none;
    width: auto;
}


/*特商法用設定----------------------*/

#lead table.v11{
    margin: 0px 20px 40px 20px;
    padding: 0;
    /*border-spacing: 3px 3px;*/
    border-collapse: collapse;
    font-size: 12px;
    border: 3px solid #dedede;
    width: 730px;
}

#lead table.v11 th{
    font-style: normal;
    font-weight: bold;
    text-align: left;
    padding: 10px 10px 5px 10px;
    border-bottom: 1px dotted #dedede;
    border-right: 3px solid #dedede;
    vertical-align: middle;
    width: 200px;
    background: #f8f8f8;
}

#lead table.v11 td{
    padding: 10px !important;
    border: 1px dotted #dedede;
    vertical-align: middle;
    background: #fff;
    width: auto;
    text-align: left;
}


/*表-クレジットカード等表示用*/

#lead table.v12{
    margin: 0px 30px 50px 30px !important;
    padding: 0;
    border-spacing: 3px 3px;
    border-collapse: collapse;
    border: 3px solid #dbdbdb;
    font-size: 12px;
    width: 710px;
}

#lead table.v12 th{
    font-style: normal;
    font-weight: bold;
    text-align: left;
    padding: 10px;
    border: 1px solid #dbdbdb;
    vertical-align: middle;
    text-align: center;
    width: 250px;
    background: #fff;
}

#lead table.v12 td{
    padding: 10px !important;
    border: 1px solid #dbdbdb;
    vertical-align: middle;
    background: #fff;
    width: 200px;
}


/*-------------------------------------------------------------------
◆リスト設定
-------------------------------------------------------------------*/


/*基本設定----------------------*/

#lead ul,
#lead ol{
    list-style-position: outside;
    margin: 0 30px 1.4em 30px;
    /*-moz-border-radius: 8px;*/
}
#lead ul{ list-style-type: disc; }
#lead li{ line-height: 1.8em; }

#lead li.end{
    border: none!important;
    margin-bottom: 0!important;
}


/*チェックリスト用リスト----------------------*/

ul.v03{
margin: 0 5px 20px 5px !important;
padding: 15px 10px 10px 10px !important;
list-style-type: none !important;
list-style-position: outseide;
background: #fffadb;
border: 2px solid #b02b44;
}

ul.v03 li{
margin: 0;
margin-right: 0px;
padding: 0 0 0 30px;
background: url(../img/check.png) 5px top no-repeat;

}

ul.v03 li.fin{
margin: 0;
margin-right: 0px;
padding: 0 0 0 25px;
background: url(../img/check.png) no-repeat;

}


/*×用リスト----------------------*/

ul.v04{
margin: 0 5px 20px 5px !important;
padding: 15px 10px 10px 10px !important;
list-style-type: none !important;
list-style-position: outseide;
background: #fffadb;
border: 2px solid #c20201;
}

ul.v04 li{
margin: 0;
margin-right: 0px;
padding: 0 0 0 30px;
background: url(../img/batu.png) 5px 4px no-repeat;
color: #c20201;
font-weight: bold;
font-size: 15px;

}

ul.v04 li.fin{
margin: 0;
margin-right: 0px;
padding: 0 0 0 25px;
background: url(../img/batu.png) 5px top no-repeat;

}


/*チェックリスト用リスト　背景無し----------------------*/

ul.v05{
margin: 0 5px 0px 0px !important;
padding: 5px 10px 10px 0px !important;
list-style-type: none !important;
list-style-position: outseide;
background: #fff;
border: none;
}

ul.v05 li{
margin: 0;
margin-right: 0px;
padding: 0 0 0 25px;
background: url(../img/check02.png) left top no-repeat;

}

ul.v05 li.fin{
margin: 0;
margin-right: 0px;
padding: 0 0 0 25px;
background: url(../img/check02.png) no-repeat;

}


/*スター用リスト----------------------*/

ul.v06{
margin: 0 5px 20px 5px !important;
padding: 15px 10px 10px 10px !important;
list-style-type: none !important;
list-style-position: outseide;
background: #fffadb;
border: 3px solid #e3c100;
}

ul.v06 li{
margin: 0;
margin-right: 0px;
padding: 0 0 0 30px;
background: url(../img/star.png) 5px 2px no-repeat;

}

ul.v06 li.fin{
margin: 0;
margin-right: 0px;
padding: 0 0 0 25px;
background: url(../img/check.png) no-repeat;

}


/*-------------------------------------------------------------------
◆定義タグ設定
-------------------------------------------------------------------*/


/*推薦の声を頂いた専門家の方の運営サイト一覧用----------------*/

div#lead dl.v01{
    margin: 0px 10px 0px 10px;
    border: none;
    padding: 0;
    background: #fff;
}

div#lead dl.v01 dt{
    margin: 0 0 0px 0;
    padding: 0 0 5px 0;
    border-top: none;
    border-bottom: 1px dotted #777;
    font-weight: bold;
    color: #444;
    font-size: 13px;
}

div#lead dl.v01 dd{
    margin: 0 0 15px 0;
    padding: 15px 0 0px 15px;
    background: #fff;
    font-size: 13px;
    border-bottom: 1px solid #dbdbdb;
}

div#lead dl.v01 dd a{
color: #33ccff;
text-decoration: none;
}

div#lead dl.v01 dd a:hover{
color: #fe6500;
text-decoration: underline;
}



/*定義タグ-基本設定-----------------------------------*/

div#lead dl.v02{
    margin: 0px 20px 0px 20px;
    border: none;
    border-top: 2px solid #dbdbdb;
    border-bottom: 2px solid #dbdbdb;
    padding: 0;
    background: #f8f8f8;
    font-size: 11px !important;
}

div#lead dl.v02 dt{
    margin: 15px 15px 10px 15px;
    padding: 5px 5px 5px 5px;
    border-top: none;
    border-bottom: 1px dotted #dbdbdb;
    font-weight: bold;
    color: #444;
    font-size: 12px;
}

div#lead dl.v02 dd{
    margin: 0 15px 25px 15px;
    padding: 5px 0 0px 15px;
    font-size: 11px;
}

div#lead dl.v02 dd p{
margin-top: 5px !important;
margin-bottom: 5px !important;
}

div#lead dl.v02 dd ul{
margin: 15px 30px 15px 30px;

}


/*定義タグ-リンク集用-----------------------------------*/

div#lead dl.v03{
    margin: 0px 0px 0px 0px;
    border: none;
    padding: 0;
    background: #fff;
}

div#lead dl.v03 dt{
    margin: 10px 0 0px 0;
    borde: none;
    font-weight: bold;
    color: #444;
    font-size: 13px;
}

div#lead dl.v03 dt a{
    display: block;
    background: url(../img/link-bk.png)  no-repeat;
    color: #3d322c;
    text-decoration: none;
    font-size: 13px;
    height: 44px;
    padding: 9px 0 0px 10px;
}

div#lead dl.v03 dt a:hover{
    display: block;
    background: url(../img/link-bk02.png)  no-repeat;
    color: #716630;
    text-decoration: none;
}


div#lead dl.v03 dd{
    margin: 0 10px 30px 10px;
    padding: 0px 0px 0px 0px;
    background: #fff;
    font-size: 12px;
    border-bottom: 0px dotted #eaeaea;
}

div#lead dl.v03 dd a{
    color: #666;
    text-decoration: none;
}

div#lead dl.v03 dd a:hover{
    color: #fe6500;
    text-decoration: underline;
}


/*------------------------------------------------------------------------------------
　社団キットからの移行
-------------------------------------------------------------------------------------:/

/*背景黄色・ボックス付きリスト設定-----*/

ul.box01{
    list-style-position: outside;
    list-style-type: none !important;
    margin: 0px 50px 40px 50px;
    background: url(../img/pen.png) right bottom no-repeat #ffffd7;
    border: 1px solid #fbaf00;
    padding: 15px 25px 5px 25px;
}

ul.box01 li{
    line-height: 1.8em;
    background: url(../img/box01.png) left 4px no-repeat;
    padding-left: 25px;
    margin-bottom: 8px;
}


/*
――――――――――――――――――――――――――――――――
parts.css
――――――――――――――――――――――――――――――――
*/

/*--------------------------------------------------------
◆テキスト色設定
--------------------------------------------------------*/

.fc-r{ color: #ff0000!important; }
.fc-r02{ color: #c20201!important; }
.fc-r03{ color: #e07b63!important; }

.fc-b{ color: #0000dd!important; }
.fc-b02{ color: #2182a4!important; }

.fc-g{ color: #608920!important; }

.fc-o{ color: #ff6600!important; }

.fc-a{ color: #7f7f7f!important; }

.fc-p{ color: #ff3a66!important; }

.fc-k{ color: #8e8155!important }

/*--------------------------------------------------------
◆マーカー設定
--------------------------------------------------------*/

.marker-y{
    padding: 0px;
    background-color: #ffffa8!important;
}

.marker-r{
    padding: 0px;
    background-color: #f8dcdc!important;
}
.marker-g{
    padding: 0px;
    background-color: #c3e9be!important;
}
.marker-g02{
    padding: 0px;
    background-color: #bee9e4!important;
}
.marker-b{
    padding: 0px;
    background-color: #ddeff4!important;
}


/*--------------------------------------------------------
◆下線設定
--------------------------------------------------------*/

.psc{ text-decoration: underline!important; }

.can{ text-decoration:line-through;}


/*--------------------------------------------------------
◆太字設定
--------------------------------------------------------*/

.mc{
    font-weight: bold !important;
}


/*--------------------------------------------------------
◆※設定
--------------------------------------------------------*/

.kome{
    text-indent: -1.0em;
    margin: 10px 10px 10px 30px !important;
    font-size: 12px;
}


/*--------------------------------------------------------
◆ダミー見出し設定
--------------------------------------------------------*/

.tag01{
border-bottom: 1px dotted #cfcfcf;
font-size: 15px !important;
margin-bottom: 2.0em !important;
}


/*--------------------------------------------------------
◆フォントサイズの調整設定
--------------------------------------------------------*/

.fs08{ font-size: 0.8em !important; }
.fs09{ font-size: 0.9em !important; }
.fs10{ font-size: 1.0em !important; }
.fs11{ font-size: 1.1em !important; }
.fs12{ font-size: 1.2em !important; }
.fs13{ font-size: 1.3em !important; }
.fs14{ font-size: 1.4em !important; }
.fs15{ font-size: 1.5em !important; }


/*--------------------------------------------------------
 !important◆文字寄せの設定
--------------------------------------------------------*/

.fron{ text-align: left; }/*左寄せ*/
.cent{ text-align: center; }/*中央寄せ*/
.rear{ text-align: right; }/*右寄せ*/


/*--------------------------------------------------------
◆フロートの設定
--------------------------------------------------------*/

.group-r{ float: right; }
.group-l{ float: left; }
.group-c{ clear: both; }


/*--------------------------------------------------------
◆画像の回り込み設定
--------------------------------------------------------*/

.img-l{
    float: left;
    margin: 0 30px 20px 0!important;
}

.img-l02{
    float: left;
    margin: 0 10px 20px 0!important;
}

.img-l03{
    float: left;
    margin: 0 30px 20px 15px!important;
}


.img-r{
    float: right;
    margin: 0 0 20px 30px!important;
}

.img-r02{
    float: right;
    margin: 0 0 10px 30px!important;
}


/*--------------------------------------------------------
◆マージンの設定
--------------------------------------------------------*/

.t0{ margin-top: 0px!important; }
.r0{ margin-right: 0px!important; }
.b0{ margin-bottom: 0px!important; }
.l0{ margin-left: 0px!important; }

.t5{ margin-top: 5px!important; }
.r5{ margin-right: 5px!important; }
.b5{ margin-bottom: 5px!important; }
.l5{ margin-left: 5px!important; }

.t10{ margin-top: 10px!important; }
.r10{ margin-right: 10px!important; }
.b10{ margin-bottom: 10px!important; }
.l10{ margin-left: 10px!important; }

.t20{ margin-top: 20px!important; }
.r20{ margin-right: 20px!important; }
.b20{ margin-bottom: 20px!important; }
.l20{ margin-left: 20px!important; }

.t40{ margin-top: 40px!important; }
.r40{ margin-right: 40px!important; }
.b40{ margin-bottom: 40px!important; }
.l40{ margin-left: 40px!important; }

.t60{ margin-top: 60px!important; }
.r60{ margin-right: 60px!important; }
.b60{ margin-bottom: 60px!important; }
.l60{ margin-left: 60px!important; }


/*--------------------------------------------------------
◆パディングの設定
--------------------------------------------------------*/

.pt0{ padding-top: 0px!important; }
.pr0{ padding-right: 0px!important; }
.pb0{ padding-bottom: 0px!important; }
.pl0{ padding-left: 0px!important; }

.pt5{ padding-top: 5px!important; }
.pr5{ padding-right: 5px!important; }
.pb5{ padding-bottom: 5px!important; }
.pl5{ padding-left: 5px!important; }

.pt10{ padding-top: 10px!important; }
.pr10{ padding-right: 10px!important; }
.pb10{ padding-bottom: 10px!important; }
.pl10{ padding-left: 10px!important; }

.pt20{ padding-top: 20px!important; }
.pr20{ padding-right: 20px!important; }
.pb20{ padding-bottom: 20px!important; }
.pl20{ padding-left: 20px!important; }

.pt40{ padding-top: 40px!important; }
.pr40{ padding-right: 40px!important; }
.pb40{ padding-bottom: 40px!important; }
.pl40{ padding-left: 40px!important; }

.pt60{ padding-top: 60px!important; }
.pr60{ padding-right: 60px!important; }
.pb60{ padding-bottom: 60px!important; }
.pl60{ padding-left: 60px!important; }


/*--------------------------------------------------------
◆囲み枠の設定
--------------------------------------------------------*/

.waku{
    border: 1px solid #dbdbdb;
    background: #f8f8f8;
    padding: 5px;
}

.waku02{
    border: 1px solid #dbdbdb;
    background: #f8f8f8;
    padding: 10px;
    font-size: 12px;
}

.waku03{
    border-top: 2px solid #dbdbdb;
    border-bottom: 2px solid #dbdbdb;
    background: #f8f8f8;
    padding: 10px 20px 0px 20px;
    margin: 0px 20px 20px 20px;
    font-size: 12px;
}

.waku04{
    border-top: 2px solid #dbdbdb;
    border-bottom: 2px solid #dbdbdb;
    background: #f8f8f8;
    padding: 10px 20px 0px 20px;
    margin: 0px 120px 20px 120px;
    font-size: 12px;
}

.waku-r{
    border: 1px solid #ff8e8e;
    background: #ffecec;
    margin: 2.0em 15px;
    padding: 2.0em 2.0em 1.0em 2.0em;
}

.waku-r02{
    border: 1px solid #dbdbdb;
    background: #f9e9e9;
    padding: 10px;
    font-size: 0.9em;
    margin: 20px 5px!important;
}

.waku-go{
    border: 3px solid #cfc8b0;
    background: #f7f6f2;
    padding: 15px 10px 0px 10px;
    margin: 0px 15px 0px 15px;
}

.waku-yg{
    border: 3px solid #005526;
    background: #fffadb;
    padding: 15px 10px 15px 10px;
    margin: 20px 25px 20px 25px;
}

.waku-yp{
    border: 3px solid #ff2b5b;
    background: #fffadb;
    padding: 10px 10px 10px 10px;
    margin: 20px 25px 20px 25px;
}

.waku-yp h4{
    background: none !important;
    color: #ff2b5b !important;
    margin: 0px 10px 20px 10px !important;
    padding: 2px 0px 2px 0px !important;
    border: none !important;
    border-bottom: 1px dotted #ff2b5b !important;
}

.waku-yp p{
    margin: 0px 20px 10px 20px !important;
    font-size: 12px;
}


/*--------------------------------------------------------
◆アイコン表示設定
--------------------------------------------------------*/

/*フロー*/
.flow{
    margin: 0px 0px 10px 0px !important;
    padding: 0px 0px 0 50px !important;
    background: url(../img/flow.jpg) #f8f8f8 5px center no-repeat;
    line-height: 2.7em !important;
    border: 1px solid #eeeeee;
    height: 36px !important;
    color: #fe6500;
    font-size: 14px;
    font-weight: bold;
}

/*------------------------------------------------------------
Copyright モヨリックデザイン
-------------------------------------------------------------*/
}