@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; }


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

#broad-top{
    background: #ebebeb;
}

#broad-score,
#score-box,
#score-box li a{
    background: #99CC00;
}

#lead h4{
    border-left: 8px solid #265E5E;
    background: #D7E7E7;
}

#lead h4{
    color: #265E5E;
}

#foot{
	background: #848484;
}


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

#case{
    width: 100%;
    min-width: 1000px;
    background: #fff;
}


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

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

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

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


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

#broad-header{
    width: 100%;
    min-width: 1000px;
    height: auto;
    background: #fff;
}

#header-box{
    margin: auto;
    width: 1000px;
    padding: 2.0em 0;
    height: auto;
}


#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: 0;
}

#header-box #session{
    float: right;
    margin-top: 0;
    margin-right: 0;
}


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

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

#score-box{
    margin: auto;
    width: 1000px;
    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: 1px solid #fff;
}

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

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


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

#broad-catch {
	width: 100%;
	min-width: 1000px;
	height: auto;
	padding: 2% 0 5%;
	background: url(../img/catch-bk.png) no-repeat #fff;
}

#catch-box {
	margin: auto;
	width: 1000px;
	height: auto;
	display: block;
}

#catch-box img {
	text-align: center;
	margin: 0 auto;
}


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

#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: 1000px;
    height: 100%;
}

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


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

#lead{
    float: left;
    width: 100%;
    font-size: 1.4em;
}


/*区切り線*/
#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 0 1.5em;
	padding: 0;
	font-size: 35px;
	font-weight: bold;
	line-height: 1.7em;
	color: #333;
	text-align: center;
}

/*H3*/

#lead h3 {
	clear: both;
	margin: 0 0 1.5em;
	padding: 0;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5em;
	color: #555555;
	text-align: center;
}
#lead h3.v02 {
	margin-top: 2.0em;
}

/*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;
}


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

/*１カラム設定*/

div.lick-oneclm,
div.lick-oneclm02,
div.lick-oneclm03,
div.lick-oneclm04,
div.lick-oneclm-flow {
	width: 100%;
	min-width: 1000px;
	padding: 4% 0;
}

div.lick-oneclm {
	background: #fff;
}

div.lick-oneclm02 {
	background: #99CC00;
}

div.lick-oneclm03 {
	background: #efefef;
}

div.lick-oneclm04 {
	background: url(../img/lick-oneclm-bk02.png) no-repeat #fff;
}

div.lick-oneclm-flow {
	background: url(../img/lick-oneclm-bk.png) no-repeat #fff;
}

div.lick-oneclm-box,
div.lick-oneclm02-box,
div.lick-oneclm03-box,
div.lick-oneclm04-box,
div.lick-oneclm-flow-box {
	margin: auto;
	width: 1000px;
}

div.lick-oneclm02-box {
	color: #fff;
}

div.lick-oneclm-box p,
div.lick-oneclm02-box p,
div.lick-oneclm03-box p,
div.lick-oneclm04-box p,
div.lick-oneclm-flow-box p {
	font-size: 1.2em;
	margin: 1.0em 0 1.0em;
	line-height: 1.8;
}

div.lick-oneclm02-box p {
	margin: 0.5em 0 0.5em;
}

#lead div.lick-oneclm02-box h2,
#lead div.lick-oneclm02-box h3 {
	color: #fff;
}

div.contact-info {
	display: table;
	margin: 2.5% auto 4.0%;
	width: 90%;
	border: 1px solid #fff;
	padding: 2.5%;
	box-sizing: border-box;
}

div.contact-info .contact-info-left {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	padding-right: 2.5%;
	text-align: center;
}

div.contact-info .contact-info-right {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	padding-left: 4.0%;
}

div.contact-info p.telnum {
	margin-bottom: 0.25em;
	padding-left: 60px;
	font-size: 2.5em;
	font-weight: bold;
	background: url(../img/icon-phone.png) 0 0 no-repeat;
}

#lead ul.line {
	list-style-type: none;
	margin: 0;
	font-size: 1.5em;
	text-align: center;
}

#lead ul.line li {
	display: inline-block;
	background: #7ea800;
	border: 1px solid #fff;
	margin: 1.0em 0.25em;
	padding: 0.8em 1.5em;
}

.btn {
	width: 90%;
	margin: 0.5em auto !important;
	text-align: center;
	box-sizing: border-box;
}

.btn a {
	display: block;
	padding: 1.0em;
	background: #ff9300;
	border-bottom: 15px solid #d07800;
	font-size: 2.25em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border-radius: 10px;
}

.btn a:hover {
	background: #ffa52b;
	border-bottom: 15px solid #e08e1d;
}

div.lick-oneclm-flow-box div.contact-info {
	display: table;
	margin: 2.5% auto 4.0%;
	width: 90%;
	border: 1px solid #bfbfbf;
	padding: 2.5%;
	box-sizing: border-box;
}

div.lick-oneclm-flow-box div.contact-info .contact-info-left {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	padding-right: 2.5%;
	text-align: center;
}

div.lick-oneclm-flow-box div.contact-info .contact-info-right {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	padding-left: 4.0%;
}

div.lick-oneclm-flow-box div.contact-info p.telnum {
	margin-bottom: 0.25em;
	padding-left: 60px;
	font-size: 2.5em;
	font-weight: bold;
	background: url(../img/icon-phone.png) 0 0 no-repeat;
}

#lead ul.check {
	margin: 2.0em auto;
	list-style-type: none;
	font-size: 1.5em;
	font-weight: bold;
}

#lead ul.check li {
	min-height: 42px;
	margin-bottom: 0.5em;
	padding-top: 0.15em;
	padding-left: 60px;
	background: url(../img/icon-check.png) 0 top no-repeat;
}


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

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

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


#foot-box{
    margin: auto;
    width: 1000px;
    padding: 2.0em 0;
    font-size: 2.0em;
    height: auto;
	text-align: center;
}


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

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


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

#lead table{
    margin: 10px auto;
    padding: 0;
    /*border-spacing: 3px 3px;*/
    border-collapse: collapse;
    width: 90%;
    /*background: url(../img/dl.png) right bottom no-repeat;*/
	font-size: 1.25em;
	box-sizing: border-box;
}

#lead table th{
    font-style: normal;
    font-weight: bold;
    text-align: left;
    padding: 2.0em 10px;
    border-bottom: 1px dotted #696969;
    vertical-align: middle;
    width: 40%;
	box-sizing: border-box;
}

#lead table td{
    padding: 2.0em 10px;
    border-bottom: 1px dotted #696969;
    vertical-align: middle;
    background: none;
    width: 60%;
	box-sizing: border-box;
}


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


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

#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;

}


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


/*
――――――――――――――――――――――――――――――――
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;
    margin: 2.0em 0;
    padding: 2.5em;
}

.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;
}


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

.obi-waku01{
border: 1px solid #dbdbdb;
background: #fffadb;
padding: 10px 10px 10px 10px;
margin: 30px 25px 30px 25px;
font-size: 12px;

border-radius: 5px;/* CSS3草案 */
-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
-moz-border-radius: 5px;/* Firefox用 */
}

.obi-waku01 p.obi{
background: #990022;
color: #fff;
font-size: 14px;

padding: 3px 10px 3px 10px;
margin: 0px 0px 20px 0px !important;

border-radius: 5px;/* CSS3草案 */
-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
-moz-border-radius: 5px;/* Firefox用 */
}

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

/*フロー*/
.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 モヨリックデザイン
-------------------------------------------------------------*/
}