@media
/*only screen and (max-width : 640px){*/
only screen and (max-width : 667px){


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

html,
body{
	width: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}


body,pre{ color: #333; }


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


/*-----*/

img { height: auto; max-width: 100%; }

.none{ display: none !important; }
.mobi{ display: block; }

/*-----*/


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

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

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

#lead h4{
	color: #600302;
}

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


#lead h1,
#lead h2{
	background: #600302;
}


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

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


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

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

#top-box{
	margin: auto;
	width: 100%;
	height: auto;
	background: #E6E6E6;
}

#top-box h1,
#top-box p{
	color: #666;
	padding: 0.3em;
	font-size: 0.9em;
	text-align: center;
	line-height: 1.4;
}


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

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

#header-box{
	margin: auto 0;
	width: 90%;
	padding: 1.0em 5%;
	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: none;
	text-align: center;
	margin: 0;
}

#header-box #session{
display: none;
}


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

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

#score-box{
	margin: auto;
	width: 100%;
	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;
	width: 50%;
	text-align: center;
}

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

#score-box li.even 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: 100%;
	height: auto;
}

#catch-box{
	margin: auto;
	width: 99.5%;
	height: auto;
	display: block;
	border-top: none;
	border-bottom: none;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

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


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

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


#conduct ol{
	margin: 0;
	width: 100%;
	padding: 0.5em 0;
	background: #fff;
	height: auto;
}

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

#conduct li.begin{
	padding-left: 0.5em;
	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: 100%;
	height: 100%;
}

#ls-box{
	margin: 0;
	width: 100%;
	background: #fff;
	padding-top: 2.0em;
}


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

#lead{
	float: left;
	width: 96%;
	font-size: 1.4em;
	padding: 0 2%;
}


/*区切り線*/
#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 0;
	padding: 0.5em;
	border: 0px solid #999;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.5em;
	color: #fff;
	height: auto;
}

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


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

#lead h3{
	clear: both;
	margin: 0 0 1.5em 0;
	padding: 0.8em;
	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: 1.3em;
	font-weight: bold;
	line-height: 1.5em;
	color: #555555;
}

#lead h3.folder{
	clear: both;
	margin: 0px 10px 20px 10px;
	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{
	font-weight: bold;
}


/*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: 2.0em;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0;
	border: none;
	overflow: hidden;
}

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


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

#lead .lick-flow{
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	border: none;
	overflow: hidden;
	background: none;
	/*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: 0 1% 2.0em 1%;
	padding: 5px 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: 100%;
	margin-top: 0;
	background: #fff;
	height: auto;
}


#foot-box{
	margin: 0;
	width: 100%;
	padding: 1.0em 0 0 0;
	font-size: 1.2em;
	height: auto;
}


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

#foot .foot-comme{
	display: block;
	float: none;
	width: 90%;
	margin: 0 5%;
	color: #888;
	text-align: center;
	background: #fff;
}


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

#foot .foot-li{
	display: block;
	float: left;
	width: 100%;
	background: #dbdbdb;
	margin: 1.0em auto 0 auto;
	padding: 2% 0;
}

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

#foot .foot-li li{
	background: none;
	padding: 0;
	font-size: 1.0em;
	line-height: 1.5;
}

#foot .foot-li li a{
	color: #fff;
	text-decoration: none;
	display: block;
	background: #484848;
	width: 96%;
	margin: 0 2% 1px 2%;
	padding: 1.0em 0;
	text-align: center;
}


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

#foot .foot-logo{
	display: none;
}


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

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


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

#wdb-box a{
	text-decoration: underline;
	color: #fff;
}


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

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


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

#lead table{
	margin: 2.0em 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
	font-size: 1.0em;
	border: 3px solid #dbdbdb;
}

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

#lead table td{
display: block;
	padding: 2%;
	border: none;
	vertical-align: middle;
	background: none;
	width: 96%;
} 


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

#lead table.v02{
	margin: 0 0 1.0em 0;
	padding: 0;
	width: 100%;
	font-size: 1.0em;
	border: none !important;
}

#lead table.v02 th{
display: block;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	padding: 0.5em 2%;
	border: none;
	border-bottom: none;
	vertical-align: middle;
	width: 96%;
	background: #efefef;
}


#lead table.v02 td{
display: block;
	padding: 0.5em 2%;
	border: none;
	border-bottom: none;
	vertical-align: middle;
	background: #fff;
	width: 96%;
	margin-bottom: 1.0em;
}



/*キット内容設定----------------------*/

#lead table.v03{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
	font-size: 0.9em;
	border: 3px solid #dbdbdb;
}

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

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

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

#lead table.v03 td{
display: block;
	padding: 2%;
	border: none;
	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: 0 0 2.0em 0 !important;
	padding: 0;
	border: 3px solid #dbdbdb;
	font-size: 1.0em;
	width: 100%;
}

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

#lead table.v12 td{
display: block;
	padding: 2% !important;
	border: none;
	vertical-align: middle;
	background: #fff;
	width: 96%;
	text-align: center;
}


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


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

#lead ul,
#lead ol{
	list-style-position: outside;
	margin: 0 0 1.4em 1.5em;
	/*-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: 1.1em !important;
margin-bottom: 2.0em !important;
font-weight: bold;
}


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

.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: 1.0em 1.0em 0 1.0em;
	margin: 0 0.5em;
	font-size: 0.9em;
}

.waku-r{
	border: 1px solid #ff8e8e;
	background: #ffecec;
	margin: 2.0em 1%;
	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: 2.0em 0.5em;
}

.waku-yp{
	border: 3px solid #ff2b5b;
	background: #fffadb;
	padding: 1.0em;
	margin: 1.0em 2% 0.5em 2%;
}

.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: 0 0.5em 0.5em 0.5em !important;
	font-size: 12px;
}


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

/*フロー*/
.flow{
	margin: 0px 0px 1.0em 0px !important;
	padding: 0.8em !important;
	background: #f8f8f8;
	line-height: 1.5 !important;
	border: 1px solid #eeeeee;
	height: auto !important;
	color: #fe6500;
	font-size: 1.2em;
	font-weight: bold;
}


/*--------------------------------------------------------
◆フロートの解除
--------------------------------------------------------*/

.fl-none{
float: none;
}





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