@charset "shift_jis";


/*=========================================*/
/*reset*/
/*=========================================*/
a:link, a:visited, a:active {
	color:#039;
	text-decoration:none;
}
a:visited {
	color:#808;
}
a:hover {
	text-decoration:underline;
}
img {
	border:0;
}



/*=========================================*/
/*layout*/
/*=========================================*/

/*-------------------------------------------*/
/* 全体レイアウト                            */
/*-------------------------------------------*/
body {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	/*text-align:center;*/
	font-size:80%;
	color:#333;
}



/*-------------------------------------------*/
/* サイドバー                                */
/*-------------------------------------------*/
/*#lnavを格納するボックス*/
#lnav_outer {
	margin-bottom:30px !important;
}




/*-------------------------------------------*/
/* パンくずリスト                            */
/*-------------------------------------------*/
#path {
	color:#222;
	font-size:12px;
	padding:12px 0 8px 0;/*現行に見た目合わせる*/
	float:left;
	display:inline;/*ie6*/
	/*width:740px;*/
	width:auto;
	max-width:740px;
	margin:0 0 0 10px;
}
#path ul li {
	list-style:none;
	padding-right:3px;
	display:inline;
}
#path ul li.visited {
	text-decoration:underline;
}



/*-------------------------------------------*/
/* コンテンツ                                */
/*-------------------------------------------*/
#contents {
	float:right;
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	width:740px;
	color:#333;
	font-size:13px;
	overflow:visible !important;
	position:relative;
	margin:0 0 20px;
}
#contents_w {
	width:950px;
	float:left;
}
#contents div,
#contents p,
#contents a,
#contents li,
#contents th,
#contents td {
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
}
.section {
	clear:both;
	margin:0 0 15px;
	overflow:visible !important;
	padding:0;
}

.ex-contents-area {
	font-family:"メイリオ", Meiryo, Osaka, sans-serif !important;
}


/* clearfix処理
-----------------------------------------*/
#contents:after,
#contents_w:after,
#lnav_outer:after,
.section:after {
	content:"."; 
	display:block; 
	height:0; 
	font-size:0;	
	clear:both; 
	visibility:hidden;
}

/*===========================================*/
/* 全般                                      */
/*===========================================*/

/* リンクスタイル
-----------------------------------------*/

a, a:link, a:visited, a:active {
	/*color:#005C9C;*/
	transition:all 0.2s ease-in-out;
}
/*
#FOOTER_NEW a,
#footer a,
#lnav_outer a,
#path a {
	color:#039;
}
*/

img {
	vertical-align: bottom;
}

/* 見出し要素
-----------------------------------------*/
h1 {
	font-family:"ＭＳ Ｐゴシック", "MS P Gothic",  Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" sans-serif;
	font-size:20px;
}
/*ページ最上部のh1*/
h1.h1 {
	color:#666;
	font-size:10px;
	font-weight:normal;
	text-align:right;
}
h2,h3,h4,h5,h6 {
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	font-weight:bold;
	color:#333;
	position:relative;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:18px;
	margin:0 0 10px;
}
h4 {
	font-size:14px;
}
h5 {
	font-size:14px;
}
h6 {
	font-size:14px;
}

/* インライン要素など
-----------------------------------------*/
del {
	text-decoration:line-through;
}
em {
	font-weight:bold;
	text-decoration:none;
	font-style:normal;
}
strong {
	font-weight:bold;
	text-decoration:none;
	font-style:normal;
}
sup {
	vertical-align: super;
	font-size:0.7em;
	position: relative;
	line-height:1;
	top:1px;
}

hr {
	border:none;
	border-bottom:1px solid #CCC;
	margin:0 10px 20px;
	clear:both;
}



/* フォーム関係
-----------------------------------------*/
input,
select,
textarea {
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
}
input[type=text] {
	width:10em;
}
input[type=checkbox] {
	width:1em;
	vertical-align:middle;
}
input[type=radio] {
	width:1em;
	vertical-align:middle;
}
input[type=radio],  x:-moz-any-link {
	margin-top:-2px;
}
textarea {
	font-size:13px;
	padding:0.3em 1%;
	width:98%;
}
select optgroup {
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	text-decoration:none;
	background-color:#E5E5E5;
	color:#666;
	padding:3px 0;
}

/* リスト関係
-----------------------------------------*/
ul.disc li {
	margin-left:1.3em;
	list-style:disc outside;	
}
ul.num li,
ol li {
	margin-left:1.7em;
	list-style:decimal outside;	
}

ul.h_list,
ul.h-list {
	/*inline-block時の余分なスペースを削除*/
	letter-spacing: -.40em;
}
ul.h_list li,
ul.h-list li {
	display:inline-block;
	*display:inline;
	margin-left:10px;
	/*inline-block時の余分なスペースを削除*/
	letter-spacing: normal;
}
ul.h_list li:first-child,
ul.h-list li:first-child {
	margin-left:0px;
}

ul.v_list li,
ul.v-list li {
	display:block;
}


dl {
}
dl dt {
	font-weight:bold;
	margin:0;
}
dl dd {
	font-weight:normal;
	margin:0 0 5px 10px;
	color:#555;
}





/*===========================================*/
/* 汎用クラス                                */
/*===========================================*/



/* 画像要素
-----------------------------------------*/
.fix-img {max-width:100%; height:auto;}
.fix-img.md-full {width:100%;}


/*-------------------------------------------*/
/* フロート関連                              */
/*-------------------------------------------*/
.left {float:left;}
.right {float:right;}
.center {margin:0 auto;}
.clear {clear:both;}
.clearfix {overflow:visible;}
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	font-size:0;	
	clear:both; 
	visibility:hidden;
}



/*-------------------------------------------*/
/* ボックス化                                */
/*-------------------------------------------*/

/* jQueryの「.show() .hide()」対策のため、    */
/*「!important」は使わず、「#page 〜」としている */
#page .block {display:block;}
#page .block:hover {text-decoration:none;}
#page .iblock {display:inline-block;}
#page .iblock:hover {text-decoration:none;}
#page .tcell {display:table-cell;}
#page .tcell:hover {text-decoration:none;}


/* 表示・非表示
-----------------------------------------*/

#page .hidden {display:none;}
#page .pc-hidden {display:none;}



.scrollx {
	display: block; 
	width: auto; 
	position: relative; 
	overflow-x: auto; 
	white-space: nowrap; 
	-webkit-overflow-scrolling: touch;
}


/*-------------------------------------------*/
/* ポジション                                */
/*-------------------------------------------*/
.relative {position:relative;}
.absolute {position:absolute;}
.static {position:static;}
.fixed {position:fixed;}



/*-------------------------------------------*/
/* テキスト                                  */
/*-------------------------------------------*/
.t-price {
	color:#C63329;
	font-weight:bold;
}

/* 図・画像のキャプション
-----------------------------------------*/
.fig-caption {
	display:block;
	color:#666;
	font-size:12px;
	margin:1px 0 0;
}


/* ぶら下がりインデント
-----------------------------------------*/
.t_indent,
.t-indent {
	text-indent:-1em;
	margin-left:1em;
}
.notes {
	color:#666;
	font-size:12px;
}
p.notes {
	text-indent:-1em;
	margin-left:1em;
}
ul.notes li {
	list-style-type:none !important;
	list-style-position:outside !important;
	text-indent:-1em;
	margin-left:1em;
}
.t-indent .el-blank,
.notes .el-blank {
	display:inline-block;
	padding:0 10px;
}
/* 「価格表[ ]部分は〜」のような記述に使用 */
.notes .el-blank.md-bg01,
.notes .el-blank.md-note01 {
	border:1px solid #CCC;
	background-color:#FBFCB7;
}
.notes .el-blank.md-bg02,
.notes .el-blank.md-note02 {
	border:1px solid #CCC;
	background-color:#DCFFF1;
}
.notes .bg01 {
	display:inline-block;
	padding:0 10px;
	border:1px solid #CCC;
	background-color:#FBFCB7;
}

/* 「例)」のような記述に使用 */
.example,
.t-example {
	color:#666;
	font-size:12px;
	list-style:none outside;	
	text-indent:-2em;
	margin-left:2em;
}



/* テキストサイズ
-----------------------------------------*/
.t10 {font-size:10px !important;}
.t11 {font-size:11px !important;}
.t12 {font-size:12px !important;}
.t13 {font-size:13px !important;}
.t14 {font-size:14px !important;}
.t15 {font-size:15px !important;}
.t16 {font-size:16px !important;}
.t17 {font-size:17px !important;}
.t18 {font-size:18px !important;}
.t19 {font-size:19px !important;}
.t20 {font-size:20px !important;}
.t21 {font-size:21px !important;}
.t22 {font-size:22px !important;}
.t23 {font-size:23px !important;}
.t24 {font-size:24px !important;}
.t25 {font-size:25px !important;}
.t26 {font-size:26px !important;}
.t27 {font-size:27px !important;}
.t28 {font-size:28px !important;}
.t29 {font-size:29px !important;}
.t30 {font-size:30px !important;}


/* 行幅
-----------------------------------------*/
.lh1_5, .lh1_5 p,
.lh1-5, .lh1-5 p {line-height:1.5 !important;}
.lh1_6, .lh1_6 p,
.lh1-6, .lh1-6 p {line-height:1.6 !important;}
.lh1_7, .lh1_7 p,
.lh1-7, .lh1-7 p {line-height:1.7 !important;}
.lh1_8, .lh1_8 p,
.lh1-8, .lh1-8 p {line-height:1.8 !important;}
.lh1_9, .lh1_9 p,
.lh1-9, .lh1-9 p {line-height:1.9 !important;}
.lh2_0, .lh2_0 p,
.lh2-0, .lh2-0 p {line-height:2.0 !important;}




/* テキストカラー
-----------------------------------------*/
.t_wht,.white {color:#fff !important;}
.t_red, .red {color:#f00 !important;}
.t_gry, .t-gray, .gray {color:#666 !important;}



/* テキスト揃え
-----------------------------------------*/
.t_left, .t-left {text-align:left !important;}
.t_right, .t-right {text-align:right !important;}
.t_center, .t-center {text-align:center !important;}



/* テキスト装飾
-----------------------------------------*/
.t_bold, .t-bold {font-weight:bold !important;}
.t_normal, .t-normal {font-weight:normal !important;}
.t_s, .t-s {text-decoration:line-through !important;}



/*-------------------------------------------*/
/* ボーダー                                  */
/*-------------------------------------------*/
.bt01 {border-top:1px solid #CCC !important;}

.bb01 {border-bottom:1px solid #CCC !important;}

.bl01 {border-left:1px solid #CCC !important;}

.br01 {border-right:1px solid #CCC !important;}

.b01 {
	border:1px solid #CCC !important;
}



/*-------------------------------------------*/
/* 余白                                      */
/*-------------------------------------------*/

/* マージン
-----------------------------------------*/
.m02 {margin:2px !important;}
.m05 {margin:5px !important;}
.m08 {margin:8px !important;}
.m10 {margin:10px !important;}
.m15 {margin:15px !important;}
.m20 {margin:20px !important;}
.m25 {margin:25px !important;}
.m30 {margin:30px !important;}
.m-02 {margin:-2px !important;}
.m-03 {margin:-3px !important;}
.m-05 {margin:-5px !important;}
.m-08 {margin:-8px !important;}
.m-10 {margin:-10px !important;}
.m-20 {margin:-20px !important;}
.m-30 {margin:-30px !important;}

.mw00 {margin-left:0px !important; margin-right:0px !important;}
.mw02 {margin-left:2px !important; margin-right:2px !important;}
.mw05 {margin-left:5px !important; margin-right:5px !important;}
.mw08 {margin-left:8px !important; margin-right:8px !important;}
.mw10 {margin-left:10px !important; margin-right:10px !important;}
.mw15 {margin-left:15px !important; margin-right:15px !important;}
.mw20 {margin-left:20px !important; margin-right:20px !important;}
.mw25 {margin-left:25px !important; margin-right:25px !important;}
.mw30 {margin-left:30px !important; margin-right:30px !important;}
.mw40 {margin-left:40px !important; margin-right:40px !important;}
.mw50 {margin-left:50px !important; margin-right:50px !important;}
.mw60 {margin-left:60px !important; margin-right:60px !important;}
.mw70 {margin-left:70px !important; margin-right:70px !important;}
.mw80 {margin-left:80px !important; margin-right:80px !important;}
.mw-02 {margin-left:-2px !important; margin-right:-2px !important;}
.mw-05 {margin-left:-5px !important; margin-right:-5px !important;}
.mw-07 {margin-left:-7px !important; margin-right:-7px !important;}
.mw-10 {margin-left:-10px !important; margin-right:-10px !important;}
.mw-20 {margin-left:-20px !important; margin-right:-20px !important;}
.mw-30 {margin-left:-30px !important; margin-right:-30px !important;}

.mh00 {margin-top:0px !important; margin-bottom:0px !important;}
.mh02 {margin-top:2px !important; margin-bottom:2px !important;}
.mh05 {margin-top:5px !important; margin-bottom:5px !important;}
.mh08 {margin-top:8px !important; margin-bottom:8px !important;}
.mh10 {margin-top:10px !important; margin-bottom:10px !important;}
.mh15 {margin-top:15px !important; margin-bottom:15px !important;}
.mh20 {margin-top:20px !important; margin-bottom:20px !important;}
.mh25 {margin-top:25px !important; margin-bottom:25px !important;}
.mh30 {margin-top:30px !important; margin-bottom:30px !important;}
.mh40 {margin-top:40px !important; margin-bottom:40px !important;}
.mh50 {margin-top:50px !important; margin-bottom:50px !important;}
.mh-05 {margin-top:-5px !important; margin-bottom:-5px !important;}
.mh-07 {margin-top:-7px !important; margin-bottom:-7px !important;}
.mh-10 {margin-top:-10px !important; margin-bottom:-10px !important;}
.mh-20 {margin-top:-20px !important; margin-bottom:-20px !important;}
.mh-30 {margin-top:-30px !important; margin-bottom:-30px !important;}

.mt02 {margin-top:2px !important;}
.mt05 {margin-top:5px!important;}
.mt08 {margin-top:8px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt60 {margin-top:60px!important;}
.mt-02 {margin-top:-2px !important;}
.mt-05 {margin-top:-5px !important;}
.mt-08 {margin-top:-8px !important;}
.mt-10 {margin-top:-10px !important;}
.mt-15 {margin-top:-15px !important;}
.mt-20 {margin-top:-20px !important;}
.mt-25 {margin-top:-25px !important;}
.mt-30 {margin-top:-30px !important;}

.mb00 {margin-bottom:0px !important;}
.mb02 {margin-bottom:2px !important;}
.mb05 {margin-bottom:5px!important;}
.mb08 {margin-bottom:8px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}
.mb60 {margin-bottom:60px!important;}
.mb-02 {margin-bottom:-2px !important;}
.mb-05 {margin-bottom:-5px !important;}
.mb-10 {margin-bottom:-10px !important;}
.mb-15 {margin-bottom:-15px !important;}
.mb-20 {margin-bottom:-20px !important;}
.mb-25 {margin-bottom:-25px !important;}
.mb-30 {margin-bottom:-30px !important;}

.ml00{margin-left:0px !important;}
.ml02{margin-left:2px !important;}
.ml05{margin-left:5px !important;}
.ml08{margin-left:8px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml-05 {margin-left:-5px !important;}
.ml-10 {margin-left:-10px !important;}
.ml-20 {margin-left:-20px !important;}
.ml-30 {margin-left:-30px !important;}

.mr00{margin-right:0px !important;}
.mr02{margin-right:2px !important;}
.mr05{margin-right:5px !important;}
.mr08{margin-right:8px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr-02 {margin-right:-2px !important;}
.mr-05 {margin-right:-5px !important;}
.mr-10 {margin-right:-10px !important;}
.mr-20 {margin-right:-20px !important;}
.mr-30 {margin-right:-30px !important;}



/* パディング
-----------------------------------------*/
.p02 {padding:2px !important;}
.p05 {padding:5px !important;}
.p08 {padding:8px !important;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}

.pw02 {padding-left:2px !important; padding-right:2px !important;}
.pw05 {padding-left:5px !important; padding-right:5px !important;}
.pw10 {padding-left:10px !important; padding-right:10px !important;}
.pw15 {padding-left:15px !important; padding-right:15px !important;}
.pw20 {padding-left:20px !important; padding-right:20px !important;}
.pw25 {padding-left:25px !important; padding-right:25px !important;}
.pw30 {padding-left:30px !important; padding-right:30px !important;}
.pw40 {padding-left:40px !important; padding-right:40px !important;}
.pw50 {padding-left:50px !important; padding-right:50px !important;}

.ph02 {padding-top:2px !important; padding-bottom:2px !important;}
.ph05 {padding-top:5px !important; padding-bottom:5px !important;}
.ph10 {padding-top:10px !important; padding-bottom:10px !important;}
.ph15 {padding-top:15px !important; padding-bottom:15px !important;}
.ph20 {padding-top:20px !important; padding-bottom:20px !important;}
.ph25 {padding-top:25px !important; padding-bottom:25px !important;}
.ph30 {padding-top:30px !important; padding-bottom:30px !important;}

.pt00 {padding-top:0px!important;}
.pt02 {padding-top:2px!important;}
.pt05 {padding-top:5px!important;}
.pt08 {padding-top:8px!important;}
.pt10 {padding-top:10px!important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px!important;}
.pt30 {padding-top:30px!important;}
.pt40 {padding-top:40px!important;}
.pt50 {padding-top:50px!important;}
.pt60 {padding-top:60px!important;}
.pt70 {padding-top:70px!important;}
.pt80 {padding-top:80px!important;}
.pt90 {padding-top:90px!important;}
.pt100 {padding-top:100px!important;}

.pb00 {padding-bottom:0px !important;}
.pb02 {padding-bottom:2px !important;}
.pb05 {padding-bottom:5px!important;}
.pb08 {padding-bottom:8px!important;}
.pb10 {padding-bottom:10px!important;}
.pb15 {padding-bottom:15px!important;}
.pb20 {padding-bottom:20px!important;}
.pb30 {padding-bottom:30px!important;}
.pb40 {padding-bottom:40px!important;}
.pb50 {padding-bottom:50px!important;}
.pb60 {padding-bottom:60px!important;}

.pl00{padding-left:0px !important;}
.pl02{padding-left:2px !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}

.pr00{padding-right:0px !important;}
.pr02{padding-right:2px !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}



/*-------------------------------------------*/
/* 幅                                        */
/*-------------------------------------------*/
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w160 {width:160px !important;}
.w170 {width:170px !important;}
.w180 {width:180px !important;}
.w190 {width:190px !important;}
.w200 {width:200px !important;}
.w210 {width:210px !important;}
.w220 {width:220px !important;}
.w230 {width:230px !important;}
.w240 {width:240px !important;}
.w250 {width:250px !important;}
.w260 {width:260px !important;}
.w270 {width:270px !important;}
.w280 {width:280px !important;}
.w290 {width:290px !important;}
.w300 {width:300px !important;}
.w310 {width:310px !important;}
.w320 {width:320px !important;}
.w330 {width:330px !important;}
.w340 {width:340px !important;}
.w350 {width:350px !important;}
.w360 {width:360px !important;}
.w370 {width:370px !important;}
.w380 {width:380px !important;}
.w390 {width:390px !important;}
.w400 {width:400px !important;}
.w410 {width:410px !important;}
.w420 {width:420px !important;}
.w430 {width:430px !important;}
.w440 {width:440px !important;}
.w450 {width:450px !important;}
.w460 {width:460px !important;}
.w470 {width:470px !important;}
.w480 {width:480px !important;}
.w490 {width:490px !important;}
.w500 {width:500px !important;}
.w510 {width:510px !important;}
.w520 {width:520px !important;}
.w530 {width:530px !important;}
.w540 {width:540px !important;}
.w550 {width:550px !important;}
.w560 {width:560px !important;}
.w570 {width:570px !important;}
.w580 {width:580px !important;}
.w590 {width:590px !important;}
.w600 {width:600px !important;}
.w610 {width:610px !important;}
.w620 {width:620px !important;}
.w630 {width:630px !important;}
.w640 {width:640px !important;}
.w650 {width:650px !important;}
.w660 {width:660px !important;}
.w670 {width:670px !important;}
.w680 {width:680px !important;}
.w690 {width:690px !important;}
.w700 {width:700px !important;}
.w50p {width:50% !important;}
.w100p {width:100% !important;}




/*-------------------------------------------*/
/* grid_system                               */
/*-------------------------------------------*/
.grid {
	width:auto;
	overflow:visible;
	margin:0;
}
.grid:after,
.grid > div:after,
.grid > li:after {
  content:"."; 
  display:block; 
  height:0; 
  font-size:0;	
  clear:both; 
  visibility:hidden;
}

.grid.fill {margin-left:-5px;margin-right:-5px;}
.grid.fill05 {margin-left:0px;margin-right:0px;}
.grid.fill10 {margin-left:5px;margin-right:5px;}
.grid.fill15 {margin-left:10px;margin-right:10px;}
.grid.fill20 {margin-left:15px;margin-right:15px;}
.grid.fill30 {margin-left:25px;margin-right:25px;}
.grid.fill40 {margin-left:35px;margin-right:35px;}
.grid.fill50 {margin-left:45px;margin-right:45px;}
.grid.gutter00.fill {margin-left:0px;margin-right:0px;}
.grid.gutter00.fill05 {margin-left:5px;margin-right:5px;}
.grid.gutter00.fill10 {margin-left:10px;margin-right:10px;}
.grid.gutter00.fill15 {margin-left:15px;margin-right:15px;}
.grid.gutter00.fill20 {margin-left:20px;margin-right:20px;}
.grid.gutter00.fill30 {margin-left:30px;margin-right:30px;}
.grid.gutter00.fill40 {margin-left:40px;margin-right:40px;}
.grid.gutter00.fill50 {margin-left:50px;margin-right:50px;}
.grid.gutter05.fill {margin-left:-2.5px;margin-right:-2.5px;}
.grid.gutter05.fill05 {margin-left:2.5px;margin-right:2.5px;}
.grid.gutter05.fill10 {margin-left:7.5px;margin-right:7.5px;}
.grid.gutter05.fill15 {margin-left:12.5px;margin-right:12.5px;}
.grid.gutter05.fill20 {margin-left:17.5px;margin-right:17.5px;}
.grid.gutter05.fill30 {margin-left:27.5px;margin-right:27.5px;}
.grid.gutter05.fill30 {margin-left:37.5px;margin-right:37.5px;}
.grid.gutter05.fill30 {margin-left:47.5px;margin-right:47.5px;}
.grid.gutter15.fill {margin-left:-7.5px;margin-right:-7.5px;}
.grid.gutter15.fill05 {margin-left:-2.5px;margin-right:-2.5px;}
.grid.gutter15.fill10 {margin-left:2.5px;margin-right:2.5px;}
.grid.gutter15.fill15 {margin-left:7.5px;margin-right:7.5px;}
.grid.gutter15.fill20 {margin-left:12.5px;margin-right:12.5px;}
.grid.gutter15.fill30 {margin-left:22.5px;margin-right:22.5px;}
.grid.gutter15.fill30 {margin-left:32.5px;margin-right:32.5px;}
.grid.gutter15.fill30 {margin-left:42.5px;margin-right:42.5px;}
.grid.gutter20.fill {margin-left:-10px;margin-right:-10px;}
.grid.gutter20.fill05 {margin-left:-5px;margin-right:-5px;}
.grid.gutter20.fill10 {margin-left:0px;margin-right:0px;}
.grid.gutter20.fill15 {margin-left:5px;margin-right:5px;}
.grid.gutter20.fill20 {margin-left:10px;margin-right:10px;}
.grid.gutter20.fill30 {margin-left:20px;margin-right:20px;}
.grid.gutter20.fill30 {margin-left:30px;margin-right:30px;}
.grid.gutter20.fill30 {margin-left:40px;margin-right:40px;}
.grid.gutter30.fill {margin-left:-15px;margin-right:-15px;}
.grid.gutter30.fill05 {margin-left:-10px;margin-right:-10px;}
.grid.gutter30.fill10 {margin-left:-5px;margin-right:-5px;}
.grid.gutter30.fill15 {margin-left:0px;margin-right:0px;}
.grid.gutter30.fill20 {margin-left:5px;margin-right:5px;}
.grid.gutter30.fill30 {margin-left:15px;margin-right:15px;}
.grid.gutter30.fill30 {margin-left:25px;margin-right:25px;}
.grid.gutter30.fill30 {margin-left:35px;margin-right:35px;}

.g3-1, .g3-2, .g4-1, .g4-2, .g4-3, .g5-1, .g5-2, .g5-3, .g5-4, .g6-1, .g6-2, .g6-3, .g6-4, .g6-5,
.g7-1, .g8-1, .g8-3, .g8-5, .g9-1, .g9-4, .g9-5, .g10-1, .g10-2, .g10-3, .g10-4, .g10-5, .g10-6, .g10-7, .g10-8, .g10-9, .g11-1,
.g01, .g02, .g03, .g04, .g05, .g06, .g07, .g08, .g09, .g10, .g11, .g12 {
	float:left;
	position:relative;
	overflow:visible;
	padding:0 5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
.g3-1:after, .g3-2:after, .g4-1:after, .g4-2:after, .g4-3:after,
.g5-1:after, .g5-2:after, .g5-3:after, .g5-4:after,
.g6-1:after, .g6-2:after, .g6-3:after, .g6-4:after, .g6-5:after,
.g7-1:after, .g8-1:after, .g8-3:after, .g8-5:after, .g9-1:after, .g9-4:after, .g9-5:after,
.g10-1:after, .g10-2:after, .g10-3:after, .g10-4:after, .g10-5:after, .g10-6:after, .g10-7:after, .g10-8:after, .g10-9:after, .g11-1:after,
.g01:after, .g02:after, .g03:after, .g04:after, .g05:after, .g06:after, .g07:after, .g08:after, .g09:after, .g10:after, .g11:after, .g12:after {
  content:"."; 
  display:block; 
  height:0; 
  font-size:0;	
  clear:both; 
  visibility:hidden;
}
.grid.gutter00 > .g3-1, .grid.gutter00 > .g3-2, .grid.gutter00 > .g4-1, .grid.gutter00 > .g4-2, .grid.gutter00 > .g4-3,
.grid.gutter00 > .g5-1, .grid.gutter00 > .g5-2, .grid.gutter00 > .g5-3, .grid.gutter00 > .g5-4,
.grid.gutter00 > .g6-1, .grid.gutter00 > .g6-2, .grid.gutter00 > .g6-3, .grid.gutter00 > .g6-4, .grid.gutter00 > .g6-5,
.grid.gutter00 > .g7-1, .grid.gutter00 > .g8-1, .grid.gutter00 > .g8-3, .grid.gutter00 > .g8-5, .grid.gutter00 > .g9-1, .grid.gutter00 > .g9-4, .grid.gutter00 > .g9-5,
.grid.gutter00 > .g10-1, .grid.gutter00 > .g10-2, .grid.gutter00 > .g10-3, .grid.gutter00 > .g10-4, .grid.gutter00 > .g10-5,
.grid.gutter00 > .g10-6, .grid.gutter00 > .g10-7, .grid.gutter00 > .g10-8, .grid.gutter00 > .g10-9, .grid.gutter00 > .g11-1,
.grid.gutter00 > .g01, .grid.gutter00 > .g02, .grid.gutter00 > .g03, .grid.gutter00 > .g04, .grid.gutter00 > .g05, .grid.gutter00 > .g06,
.grid.gutter00 > .g07, .grid.gutter00 > .g08, .grid.gutter00 > .g09, .grid.gutter00 > .g10, .grid.gutter00 > .g11, .grid.gutter00 > .g12 {
	padding:0;
}
.grid.gutter05 > .g3-1, .grid.gutter05 > .g3-2, .grid.gutter05 > .g4-1, .grid.gutter05 > .g4-2, .grid.gutter05 > .g4-3,
.grid.gutter05 > .g5-1, .grid.gutter05 > .g5-2, .grid.gutter05 > .g5-3, .grid.gutter05 > .g5-4,
.grid.gutter05 > .g6-1, .grid.gutter05 > .g6-2, .grid.gutter05 > .g6-3, .grid.gutter05 > .g6-4, .grid.gutter05 > .g6-5,
.grid.gutter05 > .g7-1, .grid.gutter05 > .g8-1, .grid.gutter05 > .g8-3, .grid.gutter05 > .g8-5, .grid.gutter05 > .g9-1, .grid.gutter05 > .g9-4, .grid.gutter05 > .g9-5,
.grid.gutter05 > .g10-1, .grid.gutter05 > .g10-2, .grid.gutter05 > .g10-3, .grid.gutter05 > .g10-4, .grid.gutter05 > .g10-5,
.grid.gutter05 > .g10-6, .grid.gutter05 > .g10-7, .grid.gutter05 > .g10-8, .grid.gutter05 > .g10-9, .grid.gutter05 > .g11-1,
.grid.gutter05 > .g01, .grid.gutter05 > .g02, .grid.gutter05 > .g03, .grid.gutter05 > .g04, .grid.gutter05 > .g05, .grid.gutter05 > .g06,
.grid.gutter05 > .g07, .grid.gutter05 > .g08, .grid.gutter05 > .g09, .grid.gutter05 > .g10, .grid.gutter05 > .g11, .grid.gutter05 > .g12 {
	padding:0 2.5px;
}
.grid.gutter15 > .g3-1, .grid.gutter15 > .g3-2, .grid.gutter15 > .g4-1, .grid.gutter15 > .g4-2, .grid.gutter15 > .g4-3,
.grid.gutter15 > .g5-1, .grid.gutter15 > .g5-2, .grid.gutter15 > .g5-3, .grid.gutter15 > .g5-4,
.grid.gutter15 > .g6-1, .grid.gutter15 > .g6-2, .grid.gutter15 > .g6-3, .grid.gutter15 > .g6-4, .grid.gutter15 > .g6-5,
.grid.gutter15 > .g7-1, .grid.gutter15 > .g8-1, .grid.gutter15 > .g8-3, .grid.gutter15 > .g8-5, .grid.gutter15 > .g9-1, .grid.gutter15 > .g9-4, .grid.gutter15 > .g9-5,
.grid.gutter15 > .g10-1, .grid.gutter15 > .g10-2, .grid.gutter15 > .g10-3, .grid.gutter15 > .g10-4, .grid.gutter15 > .g10-5,
.grid.gutter15 > .g10-6, .grid.gutter15 > .g10-7, .grid.gutter15 > .g10-8, .grid.gutter15 > .g10-9, .grid.gutter15 > .g11-1,
.grid.gutter15 > .g01, .grid.gutter15 > .g02, .grid.gutter15 > .g03, .grid.gutter15 > .g04, .grid.gutter15 > .g05, .grid.gutter15 > .g06,
.grid.gutter15 > .g07, .grid.gutter15 > .g08, .grid.gutter15 > .g09, .grid.gutter15 > .g10, .grid.gutter15 > .g11, .grid.gutter15 > .g12 {
	padding:0 7.5px;
}
.grid.gutter20 > .g3-1, .grid.gutter20 > .g3-2, .grid.gutter20 > .g4-1, .grid.gutter20 > .g4-2, .grid.gutter20 > .g4-3,
.grid.gutter20 > .g5-1, .grid.gutter20 > .g5-2, .grid.gutter20 > .g5-3, .grid.gutter20 > .g5-4,
.grid.gutter20 > .g6-1, .grid.gutter20 > .g6-2, .grid.gutter20 > .g6-3, .grid.gutter20 > .g6-4,.grid.gutter20 > .g6-5,
.grid.gutter20 > .g7-1, .grid.gutter20 > .g8-1, .grid.gutter20 > .g8-3, .grid.gutter20 > .g8-5, .grid.gutter20 > .g9-1, .grid.gutter20 > .g9-4, .grid.gutter20 > .g9-5,
.grid.gutter20 > .g10-1, .grid.gutter20 > .g10-2, .grid.gutter20 > .g10-3, .grid.gutter20 > .g10-4, .grid.gutter20 > .g10-5,
.grid.gutter20 > .g10-6, .grid.gutter20 > .g10-7, .grid.gutter20 > .g10-8, .grid.gutter20 > .g10-9, .grid.gutter20 > .g11-1,
.grid.gutter20 > .g01, .grid.gutter20 > .g02, .grid.gutter20 > .g03, .grid.gutter20 > .g04, .grid.gutter20 > .g05, .grid.gutter20 > .g06,
.grid.gutter20 > .g07, .grid.gutter20 > .g08, .grid.gutter20 > .g09, .grid.gutter20 > .g10, .grid.gutter20 > .g11, .grid.gutter20 > .g12 {
	padding:0 10px;
}
.grid.gutter30 > .g3-1, .grid.gutter30 > .g3-2, .grid.gutter30 > .g4-1, .grid.gutter30 > .g4-2, .grid.gutter30 > .g4-3,
.grid.gutter30 > .g5-1, .grid.gutter30 > .g5-2, .grid.gutter30 > .g5-3, .grid.gutter30 > .g5-4,
.grid.gutter30 > .g6-1, .grid.gutter30 > .g6-2, .grid.gutter30 > .g6-3, .grid.gutter30 > .g6-4, .grid.gutter30 > .g6-5,
.grid.gutter30 > .g7-1, .grid.gutter30 > .g8-1, .grid.gutter30 > .g8-3, .grid.gutter30 > .g8-5, .grid.gutter30 > .g9-1, .grid.gutter30 > .g9-4, .grid.gutter30 > .g9-5,
.grid.gutter30 > .g10-1, .grid.gutter30 > .g10-2, .grid.gutter30 > .g10-3, .grid.gutter30 > .g10-4, .grid.gutter30 > .g10-5,
.grid.gutter30 > .g10-6, .grid.gutter30 > .g10-7, .grid.gutter30 > .g10-8, .grid.gutter30 > .g10-9, .grid.gutter30 > .g11-1,
.grid.gutter30 > .g01, .grid.gutter30 > .g02, .grid.gutter30 > .g03, .grid.gutter30 > .g04, .grid.gutter30 > .g05, .grid.gutter30 > .g06,
.grid.gutter30 > .g07, .grid.gutter30 > .g08, .grid.gutter30 > .g09, .grid.gutter30 > .g10, .grid.gutter30 > .g11, .grid.gutter30 > .g12 {
	padding:0 15px;
}


.grid .g3-1 {width:33.333%;}
.grid .g3-2 {width:66.666%;}
.grid .g4-1 {width:25%;}
.grid .g4-2 {width:50%;}
.grid .g4-3 {width:75%;}
.grid .g5-1 {width:20%;}
.grid .g5-2 {width:40%;}
.grid .g5-3 {width:60%;}
.grid .g5-4 {width:80%;}
.grid .g6-1 {width:16.666%;}
.grid .g6-2 {width:33.333%;}
.grid .g6-3 {width:50%;}
.grid .g6-4 {width:66.666%;}
.grid .g6-5 {width:83.33%;}
.grid .g7-1 {width:14.285%;}
.grid .g8-1 {width:12.5%;}
.grid .g8-3 {width:37.5%;}
.grid .g8-5 {width:62.5%;}
.grid .g9-1 {width:11.111%;}
.grid .g9-4 {width:44.444%;}
.grid .g9-5 {width:55.555%;}
.grid .g10-1 {width:10%;}
.grid .g10-2 {width:20%;}
.grid .g10-3 {width:30%;}
.grid .g10-4 {width:40%;}
.grid .g10-5 {width:50%;}
.grid .g10-6 {width:60%;}
.grid .g10-7 {width:70%;}
.grid .g10-8 {width:80%;}
.grid .g10-9 {width:90%;}
.grid .g11-1 {width:9.09%;}

.grid .g01 {width:8.333%;}
.grid .g02 {width:16.666%;}
.grid .g03 {width:25%;*width:24%;}
.grid .g04 {width:33.333%;*width:33%;}
.grid .g05 {width:41.666%;}
.grid .g06 {width:50%;*width:49%;}
.grid .g07 {width:58.333%;}
.grid .g08 {width:66.666%;}
.grid .g09 {width:75%;}
.grid .g10 {width:83.33%;}
.grid .g11 {width:91.666%;}
.grid .g12 {width:100%;}






/*===========================================*/
/* コンポーネンツ                            */
/*===========================================*/


/*-------------------------------------------*/
/* heading                                   */
/*-------------------------------------------*/
.heading {
	position:relative;
	font-weight:bold;
	color:#333;
	font-size:14px;
	margin:0 0 2px;
	height:auto;
	clear:both;
}
.heading i {
	font-size:16px; 
	vertical-align:text-bottom;
	margin-right:5px; 
}
.heading .el-link {
	display:inline-block;
	*display:inline;
	position:absolute;
	top:0;
	bottom:0;
	right:10px;
	font-size:12px;
	height:12px;
	margin:auto 0;
	padding:5px 10px;
}
.heading .el-link i {
	font-size:16px; 
	vertical-align:text-bottom; 
}
.heading .el-link:hover {
	text-decoration:underline; 
}
.heading .el-supplement {
	font-size:12px;
	font-weight:normal;
}
.heading .el-subtitle {
	font-size:18px;
	margin:0 0 0 1em;
	padding:0;
}

/* md-page-title
-------------------------------------------*/
.heading.md-page-title {
	font-size:45px;
	margin:0;
	color:#60B353;
	padding:0;
}
.heading.md-page-title i {
	font-size:22px; 
	vertical-align:text-bottom; 
}
.heading.md-page-title a.link {
}
.heading.md-page-title .el-subtitle,
.heading.md-page-title .el-sub-title {
	font-size:18px;
	color:#666;
	margin:0 0 0 1em;
	padding:0;
}


/* md-contents-top
-------------------------------------------*/
.heading.md-contents-top {
	font-size:26px;
	margin:0 0 5px;
}
.heading.md-contents-top .el-subtitle,
.heading.md-contents-top .el-sub-title {
	display:block;
	font-size:14px;
	color:#666;
	padding:0;
}

/* md-catalog-top
-------------------------------------------*/
.heading.md-catalog-top {
	font-size: 34px;
	border-left: 10px solid #60B353;
	padding: 3px 0px 3px 7px;
	line-height: 1.3;
	margin:0 0 15px;
}
.heading.md-catalog-top h2 {
	font-size: 34px;
}
.heading.md-catalog-top .el-sub-title,
.heading.md-catalog-top .sub_title,
.heading.md-catalog-top h2 .el-sub-title,
.heading.md-catalog-top h2 .sub_title {
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#444;
}
.heading.md-catalog-top .el-title-detail,
.heading.md-catalog-top .el-title-detail,
.heading.md-catalog-top h2 .el-title-detail,
.heading.md-catalog-top h2 .el-title-detail {
	display:inline;
	font-size:20px;
	font-weight:bold;
	color:#444;
	padding:0;
	margin:0;
	margin-left:20px;
}

/* md-catalog-feat, md-feat
-------------------------------------------*/
.heading.md-feat,
.heading.md-catalog-feat {
	font-size:20px;
	margin:0 0 7px;
}

/* md-section
-------------------------------------------*/
.heading.md-section {
	font-size:22px;
	border-bottom:5px solid #BBB;
	margin:0 0 18px;
	padding: 0 3px;
	z-index:1;
}
.heading.md-section:after {
	bottom: -17px;
	left: 40px;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border: solid transparent;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #BBB;
	border-top-width: 15px;
	border-bottom-width: 0px;
	border-left-width: 15px;
	border-right-width: 15px;
	margin-left: 0px;
	z-index:1;
}
.heading.md-section:before {
	bottom: -9px;
	left: 47px;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border: solid transparent;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFF;
	border-top-width: 9px;
	border-bottom-width: 0px;
	border-left-width: 8px;
	border-right-width: 8px;
	margin-left: 0px;
	z-index:2;
}
.heading.md-section i {
	color:#616161;
	font-size:30px;
	margin:0 7px 0 2px;
	line-height:1.2;
}
.heading.md-section i:before {
	margin-top:0px;
}
.heading.md-section i.icon-book-1 {
	margin:0 14px 0 2px;
}
.heading.md-section .el-sub-title {
	font-size:16px;
}



/* md-top
-------------------------------------------*/
.heading.md-top {
	font-size:20px;
	margin:0 0 10px;
	background:#60B353;
	color:#FFF;
	padding:11px 10px 10px;
}
.heading.md-top .el-subtitle,
.heading.md-top .el-sub-title {
	display:inline;
	margin:0 0 0 2em;
	font-size:15px;
}
.heading.md-top .el-supplement {
	display:inline;
	margin:0 0 0 1.5em;
	font-size:13px;
	font-weight:normal;
}
.heading.md-top a.el-link {
	color:#FFF; 
}
.heading.md-top i:before {
	font-size:30px;
	margin:0 0.3em 0 0;  
	vertical-align:middle;
	line-height:1.0;
}
.heading.md-top i.icon-lightbulb-3:before {
	margin-top:-5px;
}
.heading.md-top i.icon-book-1:before {
	font-size:26px;
}
.heading.md-top i.icon-pallette:before {
	margin-top:-2px;
	margin-left:-5px;
	margin-right:0.5em;
}
.heading.md-top i.icon-yen:before {
	font-size:26px;
}

/* md-main
-------------------------------------------*/
.heading.md-main {
	border-bottom:1px solid #888;
	font-size:16px;
	margin:0 0 10px;
	padding:0;
}
.heading.md-main img {
	vertical-align:bottom;
}
.heading.md-main .el-sub-title {
	font-size:13px;
	color:#555;
	margin: 0 0 0 1.5em;
	padding:0;
	display:inline;
}
.heading.md-main .el-supplement {
	color:#555;
}

/* md-main-alt
-------------------------------------------*/
.heading.md-main-alt {
	font-size:16px;
}


/* md-related
-------------------------------------------*/
.heading.md-related {
	font-size: 16px;
	padding:6px 10px;
	margin: 0 0 10px;
	background-color:#EEE;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
}
.heading.md-related .el-sub-title {
	font-size:13px;
	color:#555;
	margin: 0 0 0 1.5em;
	padding:0;
	display:inline;
}





/*-------------------------------------------*/
/* alert                                     */
/*-------------------------------------------*/
.alert {
	border-radius:2px; 
	background-color:#fbdedb; 
	color:#df2e1b; 
	padding:10px; 
	border:1px solid #ef8b80; 
	font-size:12px; 
}
.alert .heading,
.alert .el-heading {
	color:#df2e1b; 
	font-weight:bold; 
	font-size:14px; 
	margin:0 0 3px; 
}
.alert .el-body {
	font-weight:normal; 
	font-size:12px; 
}



/*-------------------------------------------*/
/* media                                     */
/*-------------------------------------------*/
.media {
	*zoom:1; 
	display:block; 
}
.media:after {
	content:"\0020"; 
	display:block; 
	height:0; 
	clear:both; 
	overflow:hidden; 
	visibility:hidden; 
}
.media figure,
.media .el-figure,
.media .el-thumb {
	float:left; 
	margin-right:10px; 
}
.media .item figure,
.media .item .el-figure,
.media .item .el-thumb {
	float:none; 
	margin-right:0px; 
}
.media figure img,
.media .el-figure img {
	display:inline-block; 
}
.media figure.right,
.media .el-figure.right,
.media .el-thumb.right,
.media figure.md-right,
.media .el-figure.md-right,
.media .el-thumb.md-right {
	float:right; 
	margin-right:0px; 
	margin-left:10px; 
}
.media .el-body {
	overflow:hidden; 
}
.media .el-caption {
	font-size:12px;
	color:#666; 
}

/* md-gutter
-------------------------------------------*/
.media.md-gutter05 figure,
.media.md-gutter05 .el-figure,
.media.md-gutter05 .el-thumb {
	margin-right:5px; 
}
.media.md-gutter05 figure.right,
.media.md-gutter05 .el-figure.right,
.media.md-gutter05 .el-thumb.right,
.media.md-gutter05 figure.md-right,
.media.md-gutter05 .el-figure.md-right,
.media.md-gutter05 .el-thumb.md-right {
	margin-right:0px; 
	margin-left:5px; 
}

.media.md-gutter20 figure,
.media.md-gutter20 .el-figure,
.media.md-gutter20 .el-thumb {
	margin-right:20px; 
}
.media.md-gutter20 figure.right,
.media.md-gutter20 .el-figure.right,
.media.md-gutter20 .el-thumb.right,
.media.md-gutter20 figure.md-right,
.media.md-gutter20 .el-figure.md-right,
.media.md-gutter20 .el-thumb.md-right {
	margin-right:0px; 
	margin-left:20px; 
}

/* md-table
-------------------------------------------*/
.media.md-table {
	display:table; 
}
.media.md-table figure,
.media.md-table .el-figure,
.media.md-table .el-thumb {
	display:table-cell; 
	margin-right:0; 
	padding-right:10px; 
}
.media.md-table figure img,
.media.md-table .el-figure img,
.media.md-table .el-thumb img {
	display:block; 
}
.media.md-table figure.right,
.media.md-table .el-figure.right,
.media.md-table .el-thumb.right,
.media.md-table figure.md-right,
.media.md-table .el-figure.md-right,
.media.md-table .el-thumb.md-right {
	margin-left:0; 
	padding-right:0px; 
	padding-left:10px; 
}
.media.md-table .el-body {
	display:table-cell; 
	vertical-align:top; 
	overflow:hidden; 
}
.media.md-table .el-body.middle,
.media.md-table .el-body.md-middle {
	vertical-align:middle; 
}


.media.md-table.md-gutter05 figure,
.media.md-table.md-gutter05 .el-figure,
.media.md-table.md-gutter05 .el-thumb {
	padding-right:5px; 
}
.media.md-table.md-gutter05 figure.right,
.media.md-table.md-gutter05 .el-figure.right,
.media.md-table.md-gutter05 .el-thumb.right,
.media.md-table.md-gutter05 figure.md-right,
.media.md-table.md-gutter05 .el-figure.md-right,
.media.md-table.md-gutter05 .el-thumb.md-right {
	padding-left:5px; 
}







/*-------------------------------------------*/
/* 補足説明等                                */
/*-------------------------------------------*/
.aside {
	position:relative;
	border:1px dotted #999;
	padding:10px;
	margin:0 20px;
}
.aside:after {
  content:"."; 
  display:block; 
  height:0; 
  font-size:0;	
  clear:both; 
  visibility:hidden;
}
.aside .el-heading {
	font-size:16px;
	margin:0 0 2px;
}
.aside .el-body {
}
.aside .el-caption {
	font-size:12px;
	color:#666; 
}



/* .aside.md-caution
-------------------------------------------*/
.aside.md-caution {
	margin:0px 10px;
}

/* .aside.md-guidance
-------------------------------------------*/
.aside.md-guidance {
	margin:0px;
}
.aside.md-guidance .heading {
	font-weight:bold;
	font-size:14px;
	margin:0 0 8px;
	border-bottom:1px solid #ccc;
}

/* .aside.md-info
-------------------------------------------*/
.aside.md-info {
	border:none;
	background-color:#F1F1F1;
	box-shadow:0 0 1px 0px rgba(0,0,0,0.32);
	border-radius:3px;
}
.aside.md-info .heading.md-info {
	background-color:#E5E5E5;
	margin:-10px -10px 10px;
	padding:6px 6px;
	font-size:15px;
}

/* .aside.md-help
-------------------------------------------*/
.aside.md-help {
	background-color:#F9F9F9;
	border: 1px solid #C4C4C4;
	margin:0 10px;
}
.aside.md-help .heading.md-help {
	padding: 5px;
	margin:-10px -10px 10px;
	color: #47433A;
	font-weight: bold;
	font-size: 15px;
	background-color: #E0DDCE;
}

/* .aside.md-sample-cloth
----------------------------------------- */
.aside.md-sample-cloth {
	border:2px #9b7373 solid;
	background-color:#eae6e5;
	margin:0 10px;
}
.aside.md-sample-cloth .heading.md-sample-cloth {
	color:#4E2728;
	font-size:15px;
	vertical-align:bottom;
	margin-top:2px;
	margin-bottom:5px;
}
.aside.md-sample-cloth .heading.md-sample-cloth .icon-img {
	vertical-align:middle;
}
.aside.md-sample-cloth dd {
	font-size:12px;
	line-height:18px;
}

/* .aside.md-catalog-rental
----------------------------------------- */
.aside.md-catalog-rental {
	border:2px #9b7373 solid;
	background-color:#eae6e5;
	margin:0 10px;
}
.aside.md-catalog-rental .heading.md-catalog-rental {
	color:#4E2728;
	font-size:15px;
	vertical-align:bottom;
	margin-top:2px;
	margin-bottom:5px;
}
.aside.md-catalog-rental .heading.md-catalog-rental .icon-img {
	vertical-align:middle;
}
.aside.md-catalog-rental dd {
	font-size:12px;
	line-height:18px;
}

/* .aside.md-leaflet
----------------------------------------- */
.aside.md-leaflet {
	border:2px #9b7373 solid;
	background-color:#eae6e5;
	margin:0 10px;
}
.aside.md-leaflet .heading.md-leaflet {
	color:#4E2728;
	font-size:15px;
	vertical-align:bottom;
	margin-top:2px;
	margin-bottom:5px;
}
.aside.md-leaflet .heading.md-leaflet .icon-img {
	vertical-align:middle;
}
.aside.md-leaflet dd {
	font-size:12px;
	line-height:18px;
}

/* .aside.md-bb
-------------------------------------------*/
.aside.md-bb {
	background-color:#F9F9F9;
	border: 1px solid #C4C4C4;
	margin:0 10px;
}
.aside.md-bb .heading.md-bb {
	padding: 5px;
	margin:-10px -10px 10px;
	color: #47433A;
	font-weight: bold;
	font-size: 15px;
	background-color: #E0DDCE;
}
.aside.md-bb .heading.md-bb .icon-img {
}


/* .aside.md-catalog-info
-------------------------------------------*/
.aside.md-catalog-info {
	background:#EEE;
	padding:15px 10px 10px 10px;
	margin:0;
	text-align:center;
	border:none;
}




/* .aside.md-overview
-------------------------------------------*/
.aside.md-overview {
	margin:0;
	padding:8px 10px 0px;
	border:none;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	background-color:#F5F5F5;
}


/* 検討中のお客様へ
---------------------------------------*/
.aside.md-service {
	border-radius: 5px;
}
.service-btn-area .btn {
	color: #444!important;
	box-shadow: 0px 2px 0px rgba(0,0,0,0.3);
	background-color: #AAA297;
	background-color: #ddd;
}
.aside.md-service .aside {
	border:none;
	margin:0;
	padding:5px;
}





/*-------------------------------------------*/
/* 画像半透明化（ホバー時）                  */
/*-------------------------------------------*/
.bnr_opacity a img,
.bnr-opacity a img {
	display:inline-block;
	transition:all 0.2s ease-in-out;
}
.bnr_opacity a:hover img,
.bnr-opacity a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	zoom:1;
}




/*-------------------------------------------*/
/* ボタン                                    */
/*-------------------------------------------*/
.btn {
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	background-color:#4BAA9F;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:7px 10px;
	border-radius:4px;
	text-align:center;
	cursor:pointer;
	position:relative;
	transition:all 0.2s ease-in-out;
	margin:2px auto;
}
.btn:focus,
.btn:hover {
	color:#FFF;
	text-decoration:none;
	opacity:0.8;
	filter:alpha(opacity=80);
}
.btn:link,
.btn:visited,
.btn:active {
	color:#FFF;
}
.btn i {
	font-size:18px;
}
.btn i:before {
}
.btn i.right {
	float:right;
	margin-left:10px;
}
.btn i.left {
	float:left;
	margin-right:10px;
}

/* 見積もりボタン
-------------------------------------------*/
.btn.md-estimate {
	background-color:#C63329;
}
.btn.md-estimate i {
	font-size:20px;
}
.btn.md-estimate i.icon-document:before {
	float:left;
	margin:-1px 0 0 2px;
}
.btn.md-estimate i.icon-angle-double-right {
	font-size:18px;
	margin:-2px 0 0 0;
}


/* 埋め込みフォームへ誘導ボタン
-------------------------------------------*/
.btn.md-estimate.md-set-form {
	background-color:#F5D2D0;
	border:1px solid #D7716A;
	color:#CB4138;
	box-shadow:none;
}
.btn.md-estimate.md-set-form:hover {
	border:1px solid #C63329;
	color:#C63329;
	background-color:#F2B6B2;
	opacity:1;
}



/* メーカーページヘ
-------------------------------------------*/
.btn.md-maker {
	background-color:#999;/*#8BB143*/
	padding: 3px 10px!important;
	border-radius:20px;
	font-size:13px;
}
.btn.md-maker i.right {
	margin-right:0px;
	margin-left:15px;
}
.btn.md-maker i {
	font-size:15px;
}

/* ヘルプ、お問い合せ
-------------------------------------------*/
.btn.md-help {
	background-color:#E05823;
}
.btn.md-help i {
}
.btn.md-help i.icon-mail {
}

/* 無料サンプル申し込み
-------------------------------------------*/
.btn.md-sample-cloth {
	background-color:#714C44;
}
.btn.md-sample-cloth i {
}
.btn.md-sample-cloth i.icon-mail {
}

/* 法人会員登録
-------------------------------------------*/
.btn.md-bb {
	background-color:#355F6F;	/*#365168*/
}
.btn.md-bb i {
}


/* インラインブロック ボタン
-------------------------------------------*/
.btn.md-iblock {
	display:inline-block;
}

/* 大きいボタン
-------------------------------------------*/
.btn.md-large {
	font-size:16px;
	font-weight:bold;
	padding:12px 10px;
	border-radius:6px;
	box-shadow:0 1px 0 1px rgba(0,0,0,0.2); 
}
.btn.md-large i {
	font-size:20px;
}

/* もっと大きいボタン
-------------------------------------------*/
.btn.md-xlarge {
	font-size:18px;
	font-weight:bold;
	padding:16px 10px;
	border-radius:6px;
	box-shadow:0 1px 0 1px rgba(0,0,0,0.2); 
}
.btn.md-xlarge i.icon-document,
.btn.md-xlarge i.icon-angle-double-right,
.btn.md-xlarge i {
	font-size:25px;
}
.btn.md-xlarge i.icon-easel,
.btn.md-xlarge i.icon-mail {
	font-size:28px;
	margin-top:-2px;
}


/* もっともっと大きいボタン
-------------------------------------------*/
.btn.md-xxlarge {
	font-size:20px;
	font-weight:bold;
	padding:20px 10px;
	border-radius:7px;
	box-shadow:0 1px 0 1px rgba(0,0,0,0.2); 
}
.btn.md-xxlarge i.icon-angle-double-right,
.btn.md-xxlarge i {
	font-size:28px;
}
.btn.md-xxlarge i.icon-document {
	font-size:30px;
}
.btn.md-xxlarge i.icon-mail {
	font-size:30px;
	margin-top:-2px;
}




/* 複数行ボタン
-------------------------------------------*/
.btn.md-line-1-5 i {
	font-size:22px;
	margin-top:7px;
}
.btn.md-line-2 i {
	font-size:22px;
	margin-top:7px;
}
.btn.md-line-1-5.md-large i {
	font-size:28px;
	margin-top:7px;
}
.btn.md-line-2.md-large i {
	font-size:28px;
	margin-top:7px;
}



/*-------------------------------------------*/
/* メニューバー menu-bar                     */
/*-------------------------------------------*/

.menu-bar{
	margin:0 20px;
}
.menu-bar .el-item { 
	display: inline-block; 
	padding: 0; 
	margin: 3px 0; 
}
.menu-bar .el-item a {
	display: block; 
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 6px 8px;
	text-decoration: none;
	color: #616161;
	width: auto; 
	text-align: center;
	font-size: 15px;
	font-weight:bold;
	border-radius:2px;
}
.menu-bar .el-item a:hover{
	background-color:#7A7A7A;
	border-color:#7A7A7A;
	color:#FFF;
}
.menu-bar .el-item a i {
	margin-right:4px;
}
.menu-bar .el-item a i:before {
	font-weight:normal;
	font-size:18px;
}

/* 外部リンク */
.menu-bar .el-item.md-ext-link a {
	border: 1px solid #a7bcc8;
	background-color: #e1e6f0;
	color: #4C7195;
}
.menu-bar .el-item.md-ext-link a:hover{
	background-color:#5B8095;
	border-color:#5B8095;
	color:#FFF;
}








/*-------------------------------------------*/
/* 虫眼鏡アイコン thumb-zoom                 */
/* highslideのリンク要素に付ける             */
/*-------------------------------------------*/
.thumb-zoom {
	display:inline-block;
	*display:inline;
	position:relative;
	max-width:100%;
}
.thumb-zoom i {
	color:#555;
	font-size:18px;
	background-color:rgba(255,255,255,0.5);
	padding:2px;
	margin:0;
	border-radius:3px;
	position:absolute;
	right:4px;
	bottom:4px;
	transition:all 0.2s ease-in-out;
}
.thumb-zoom:hover i {
	color:#DDD;
	opacity:1.0;
	filter:alpha(opacity=100);
	background-color:rgba(0,0,0,0.4);
}
.thumb-zoom:hover img {
	opacity:1.0 !important;
	filter:alpha(opacity=100) !important;
}






/*-------------------------------------------*/
/* icons                                     */
/*-------------------------------------------*/
.icons {
	display:block;
	width:100%;
	/*inline-block時の余分なスペースを削除*/
	letter-spacing: -.40em;
}
.icons .el-icon {
	display:inline-block;
	*display:inline;
	margin:2px 3px 2px 0;
	/*inline-block時の余分なスペースを削除*/
	letter-spacing: normal;
}
.icons .el-icon img {
	vertical-align:middle;
}

/* .icons.md-top
-------------------------------------------*/
.icons.md-top {
	overflow:hidden;
	width:auto;
}
.icons.md-top img {
	width:75px;
	height:75px;
	background-color:#60B353;
	border-radius:3px;
	margin-left:5px;
	color:#FFF;
	line-height:1.1;
	font-size:13px;
	font-weight:normal;
	letter-spacing:0em;
	vertical-align:middle;
}
.icons.md-top img:first-child {
	margin-left:0px;
}
.icons.md-top .el-icon {
	*display:block;
	*float:left;
	width:75px;
	height:75px;
	margin:5px 5px 0 0;
	position:relative;
	vertical-align:middle;
}
.icons.md-top.t_center .el-icon,
.icons.md-top.t-center .el-icon {
	/* t-center時の不具合調整 */
	text-align:left;
}
.icons.md-top .el-icon img {
	margin:0 !important;
	position:absolute;
	top:0;
	bottom:0;
	*position:static;
	vertical-align:middle;
	text-align:left;
}
.icons.md-top .el-icon-source {
	font-family:"メイリオ", Meiryo, Osaka, sans-serif !important;
	width:69px;
	max-width:69px;
	height:69px;
	background-color:#60B353;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	padding:3px;
	line-height:1.1;
	text-align:center;
	border-radius:4px;
	overflow:hidden;
	word-wrap:normal;
	white-space:nowrap;
	display:table-cell;
	vertical-align:middle;
}
/*アイコンフォントfontello用*/
.icons.md-top i.el-icon-source {
	width:75px;
	max-width:75px;
	height:75px;
	background-color:#FFF;
	color:#60B353;
	font-weight:bold;
	padding:0px;
	text-align:center;
	border-radius:4px;
	overflow:hidden;
	word-wrap:normal;
	white-space:nowrap;
	vertical-align:middle;
	position:absolute;
	top:0;
	bottom:0;
	*position:static;
	font-size:75px;
	line-height:1.0;
}
.icons.md-top .el-icon-source.md-size {
	line-height:0.95;
	font-size:18px;
	*line-height:1.0;
}
.icons.md-top .el-icon-source.md-bouen {
	font-size:28px;
}
.icons.md-top .el-icon-source.md-quantity,
.icons.md-top .el-icon-source.md-color-length,
.icons.md-top .el-icon-source.md-series-length {
}
.icons.md-top .el-icon-source.md-souryou,
.icons.md-top .el-icon-source.md-daibiki,
.icons.md-top .el-icon-source.md-kinou {
	font-size:28px;
}
.icons.md-top .el-icon-source.md-souryou.md-souryou-alt {
	font-size:26px;
	line-height:1.0;
}
.icons.md-top .el-icon-source.md-souryou.md-large {
	font-size:31px;
	line-height:1.0;
}
.icons.md-top .el-icon-source.md-souryou.md-price {
	font-size: 20px;
}
.icons.md-top .el-icon-source.md-nouki {
}
.icons.md-top .el-icon-source.md-color-sample {
	font-size:17px;
	text-align:left;
}
.icons.md-top .el-icon-source .t_left,
.icons.md-top .el-icon-source .t-left {
	display:block;
	text-align:left;
}
.icons.md-top .el-icon-source .t_right,
.icons.md-top .el-icon-source .t-right {
	display:block;
	text-align:right;
}
.icons.md-top .el-icon-source .t_center,
.icons.md-top .el-icon-source .t-center {
	display:block;
	text-align:center;
}


/* .icons.md-top.md-large
---------------------------------------------*/
.icons.md-top.md-large img {
	width:90px;
	height:90px;
	border-radius:6px;
}
.icons.md-top.md-large .el-icon {
	width: 90px;
	height: 90px;
}
.icons.md-top.md-large .el-icon-source {
	width: 80px;
	max-width: 80px;
	height: 80px;
	padding: 5px;
	display:table-cell;
	vertical-align: middle;
	overflow:hidden;
	font-size:20px;
	border-radius:6px;
}
.icons.md-top.md-large i.el-icon-source {
	width:90px;
	max-width:90px;
	height:90px;
	font-size:90px;
	padding:0px;
	border-radius:6px;
}
.icons.md-top.md-large .el-icon-source.md-color-length {
}
.icons.md-top .el-icon-source.md-bouen {
	font-size:34px;
}
.icons.md-top.md-large .el-icon-source.md-nouki {
	font-size: 19px;
	line-height:1.3;
}
.icons.md-top.md-large .el-icon-source.md-color-sample {
	font-size:19px;
	text-align:left;
}
.icons.md-top.md-large .el-icon-source.md-daibiki,
.icons.md-top.md-large .el-icon-source.md-souryou {
	font-size: 31px;
	line-height: 1.1;
}
.icons.md-top.md-large .el-icon-source.md-souryou.md-price {
	font-size: 24px;
}
.icons.md-top.md-large .el-icon-source.md-souryou.md-souryou-alt {
	font-size: 34px;
}




/* .icons.md-feat
-------------------------------------------*/
.icons.md-feat {
	text-align:right;
}
.icons.md-feat .el-icon {
	margin:0 0 3px 3px;
}
.icons.md-feat .el-icon img {
	width:auto;
	height:32px;
}


/*-------------------------------------------*/
/* ラベル                                    */
/*-------------------------------------------*/
.labels {
	display:block;
	margin:2px 0;
}
.labels.md-top-left {
	position:absolute;
	top:0px;
	left:0px;
}
.labels.md-top-right {
	position:absolute;
	top:0px;
	right:0px;
}
.labels.md-bottom-left {
	position:absolute;
	bottom:0px;
	left:0px;
}
.labels.md-bottom-right {
	position:absolute;
	bottom:0px;
	right:0px;
}


.label {
	display:inline-block;
}

/* テキストラベル
-------------------------------------------*/
.label.md-txt-label {
	background-color:#999;
	display:inline-block;
	*display:inline;
	color:#FFF;
	font-weight:normal;
	padding:2px 5px;
	font-size:11px;
	border-radius:1px;
	letter-spacing:normal;
	margin:1px;
}
.label.md-txt-label.md-basic-info {
	background-color:#F08300;
}
.label.md-txt-label.md-price {
	background-color:#F14950;
}
.label.md-txt-label.md-recomend {
	background-color:#F08300;
}
.label.md-txt-label.md-gray {
	background-color:#999 !important;
}
.label.md-txt-label.md-gray-border {
	background-color:#EEE !important;
	border:1px solid #CCC !important;
	color:#666 !important;
}
.label.md-txt-label.md-red {
	background-color:#F14950 !important;
	border:none !important;
	color:#FFF !important;
}
.label.md-txt-label.md-pink {
	background-color:#DB5D9D !important;
	border:none !important;
	color:#FFF !important;
}
.label.md-txt-label.md-orange {
	background-color:#F08300 !important;
	border:none !important;
	color:#FFF !important;
}
.label.md-txt-label.md-brown {
	background-color:#877E7A !important;
	border:none !important;
	color:#FFF !important;
}
.label.md-txt-label.md-blue {
	background-color:#3B7EA8 !important;
	border:none !important;
	color:#FFF !important;
}
.label.md-txt-label.md-light-blue {
	background-color:#4192D5 !important;
	border:none !important;
	color:#FFF !important;
}
.label.md-txt-label.md-light-green {
	background-color:#90C030 !important;
	border:none !important;
	color:#FFF !important;
}


/* ラベルの配置
-------------------------------------------*/
.label.md-top-left {
	position:absolute;
	top:4px;
	left:4px;
}
.label.md-top-right {
	position:absolute;
	top:4px;
	right:4px;
}
.label.md-bottom-left {
	position:absolute;
	bottom:4px;
	left:4px;
}
.label.md-bottom-right {
	position:absolute;
	bottom:4px;
	right:4px;
}





/*-------------------------------------------*/
/* 画像ラベル                                */
/*-------------------------------------------*/
.img-label {
	position:absolute;
	top:0px;
	left:0px;
}
.img-label.md-right {
	left:auto;
	right:0px;
}
.img-label.md-top-left {
	top:0px;
	left:0px;
}
.img-label.md-top-right {
	top:0px;
	right:0px;
	left:auto;
}
.img-label.md-bottom-left {
	bottom:0px;
	left:0px;
	top:auto;
}
.img-label.md-bottom-right {
	bottom:0px;
	right:0px;
	top:auto;
	left:auto;
}





/*-------------------------------------------*/
/* トップ画像                                */
/*-------------------------------------------*/
.top-img {
	margin:0 0 10px;
	position:relative;
}




/*-------------------------------------------*/
/* items                                     */
/*-------------------------------------------*/
.item {
	display:block;
	position:relative;
	margin:0 0 10px;
}
.item:hover {
	text-decoration:none;
}
.items.md-mb00 .item {
	margin:0 0 0px;
}
.items.md-mb05 .item {
	margin:0 0 5px;
}
.items.md-mb10 .item {
	margin:0 0 10px;
}
.items.md-mb15 .item {
	margin:0 0 15px;
}
.items.md-mb20 .item {
	margin:0 0 20px;
}
.items.md-mb30 .item {
	margin:0 0 30px;
}
.items.md-mb40 .item {
	margin:0 0 40px;
}



/*-------------------------------------------*/
/* item                                      */
/*-------------------------------------------*/
a.item {
	transition:all 0.2s ease-in-out;
}
.item:after {
	content:"."; 
	display:block; 
	height:0; 
	font-size:0;	
	clear:both; 
	visibility:hidden;
}
.item .el-figure,
.item .el-thumb {
	position:relative;
	display:block;
	margin-bottom:2px;
}
.item.media .el-figure,
.item.media .el-thumb {
	margin-bottom:0px;
}
.item .el-thumb-img {
	max-width:100%;
	transition:all 0.2s ease-in-out;
}
a.item:hover .el-thumb-img,
.item a:hover .el-thumb-img {
	opacity:0.8;
}
.item .el-body {
	position:relative;
	display:block;
}
.item .el-maker,
.item .el-name {
	display:block;
	color:#333;
}
.item .el-num,
.item .el-code {
	font-size:14px;
	font-weight:bold;
	display:block;
}
.item .el-maker {
	font-size:12px;
}
.item .el-name {
	font-size:14px;
	font-weight:bold;
}
.item .el-sub-name {
	font-weight: normal;
	font-size: 11px;
	color:#333;
}
.item .el-subname {
	font-size:14px;
}
.item .el-maker-price {
	font-size:12px;
	color:#666;
	text-decoration:line-through;
}
.item .el-price {
	color:#C63329;
	font-size:14px;
	font-weight:bold;
	display:block;
}
.item .el-price.md-none {
	color:#666;
	font-weight:normal;
}
.item .el-price-note {
	color:#666;
	font-size:12px;
	font-weight:normal;
	display:inline;
}
.item .el-info {
	font-size:13px;
	color:#333;
	display:block;
}
.item .el-txt {
	font-size:12px;
	color:#555;
	display:block;
	margin:2px 0;
}

/* .icons.md-feat */
.item .icons.md-feat {
	position:absolute;
	bottom:0;
	right:3px;
}



/* .item.md-no-overflow
-------------------------------------------*/
.item.md-no-overflow {
	overflow:hidden;
}



/* md-series
-------------------------------------------*/
.item.md-series {
	position:relative;
	display:block;
	border-bottom:1px solid #CCC;
	padding:0 0 8px;
	line-height:1.4;
}
.item.md-series:hover {
	border-color:#FF8B08;
	text-decoration:none;
}
.item.md-series .el-name {
	display:block;
	color:#333;
	font-weight:bold;
}
.item.md-series .el-price {
	display:block;
	color:#E10A17;
	font-weight:bold;
}
.item.md-series .icons.md-spec {
	display:block;
	font-size:10px;
	margin:0 0 3px;
	position:absolute;
	left:3px;
	top:120px;
}
.item.md-series .icons.md-spec img {
	vertical-align:middle;
	margin-right:2px;
	width:auto;
	height:24px;
}




/* .item.md-polaroid
-------------------------------------------*/
.item.md-polaroid {
	padding:5px;
	background-color:#FFF;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

/* .item.md-page-menu
-------------------------------------------*/
.item.md-page-menu {
	padding:5px;
	background-color:#FFF;
	border-color:#BBB;
	border-width:5px;
	border-style:solid;
	margin-bottom:20px;
}
.item.md-page-menu:after {
	visibility:visible;
	bottom: -17px;
	left: 0;
	right: 0;
	margin:0 auto;
	content: "";
	height: 0;
	width: 0;
	display:block;
	position: absolute;
	border: solid transparent;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #BBB;
	border-top-width: 15px;
	border-bottom-width: 0px;
	border-left-width: 15px;
	border-right-width: 15px;
	z-index:1;
}
.item.md-page-menu:before {
	bottom: -9px;
	left: 0;
	right: 0;
	margin:0 auto;
	content: "";
	height: 0;
	width: 0;
	display:block;
	position: absolute;
	border: solid transparent;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFF;
	border-top-width: 9px;
	border-bottom-width: 0px;
	border-left-width: 8px;
	border-right-width: 8px;
	z-index:2;
}




/* ライン形式
-------------------------------------------*/
.items.md-lined {
	padding:0 2px;
	margin:0;
}
.items.md-lined .item {
	padding:2px 0;
	margin:0;
	margin-bottom:0;
	border-top:none;
	border-bottom:1px solid #DDD;
}
.items.md-lined .item a {
	padding:4px 5px;
	margin:0;
	display:block;
	border-radius:2px;
}
.items.md-lined .item a:hover {
	text-decoration:none;
	background-color:rgba(0,0,0,0.1);
}


/* フレーム形式
-------------------------------------------*/
.items.md-framed {
}
.items.md-framed .item {
	padding:2px;
	border:1px solid #DDD;
}
.items.md-framed a.item:hover {
	border-color:#EFA63D;
}
.items.md-framed .item .el-body {
	margin:2px;
}
.items.md-framed .item.md-framed a {
	padding:4px 5px;
	margin:0;
	display:block;
	border-radius:2px;
}
.items.md-framed .item.md-framed a:hover {
	text-decoration:none;
	background-color:rgba(0,0,0,0.1);
}
.items.md-framed .item .el-induction {
	display:inline-block;
	position:absolute;
	bottom:0px;
	right:0px;
	background-color:#AAA;
	color:#FFF;
	font-size:11px;
	padding:2px 7px;
	border-radius:4px 0 0 0;
	transition:all 0.2s ease-in-out;
}
.items.md-framed .item:hover .el-induction {
	background-color:#EFA63D;
	color:#FFF;
}

/* ------------------------- */
.items.md-framed.md-p05 .item {
	padding:5px;
}
.items.md-framed.md-frame02 .item {
	border-width:2px;
}




/*-------------------------------------------*/
/* 参考価格                                  */
/*-------------------------------------------*/
.sample-price-area {
	border:3px solid #E5E5E5;
	padding:5px;
	border-radius:5px;
}
.sample-price-area .heading.md-sample-price {
	background-color:#E5E5E5;
	color:#444;
	padding:5px 10px;
	margin:-5px -5px 5px;
}
.heading.md-sample-price.md-outside {
	font-size:15px;
	color:#777;
	line-height:1.0;
}
.sample-price-area .el-body {
	padding:5px;
}
.sample-price-area .el-item-name {
	font-weight:bold;
	margin:0 0 3px;
}
.sample-price-area .el-maker-price {
	display:inline;
	color: #666;
	font-size: 14px;
	font-weight: normal;

}
.sample-price-area .el-price {
	display:inline;
	color: #BC3C33;
	font-size: 22px;
	font-weight: bold;
}


/* .sample-price-area.md-bordered
-------------------------------------------*/
.sample-price-area.md-bordered {
	border-width:3px;
	border-color:#E5E5E5;
	border-style:solid;
	border-left:none;
	border-right:none;
	border-radius:0px;
}



/*-------------------------------------------*/
/* 見積もりボタンエリア                      */
/*-------------------------------------------*/
.estimate-area {
	text-align:center;
}
.estimate-area .el-flow {
	margin:0 0 10px;
}
.estimate-area .el-copy {
	font-size:16px;
	color:#53820F;
	margin:0 0 5px;
	font-weight:bold;
}
.estimate-area .el-btn-area {
}

/* md-compact
-------------------------------------------*/
.estimate-area.md-compact {
	background-color:#F1F1F1;
	border-radius:3px;
	padding:15px;
	margin:0px 20px;
	text-align:center;
}
.estimate-area.md-compact .el-copy {
}
.estimate-area.md-compact .el-btn-area {
}


/* md-mitumori-form
-------------------------------------------*/
.estimate-area.md-mitumori-form {
	text-align:left;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	border-bottom:2px solid #999;
	padding:10px;
	background-color:#F5F5F5;
}
.estimate-area.md-mitumori-form .el-copy {
	text-align:center;
}
.estimate-area.md-mitumori-form .el-flow {
	margin:0 0 20px;
	text-align:center;
}
.estimate-area.md-mitumori-form .el-btn-area {
}


/*-------------------------------------------*/
/* 在庫関連                                  */
/*-------------------------------------------*/
.zaiko {
	font-size:12px;
	color:#F00;
	font-weight:normal;
	text-align:center;
	display:block;
}
.zaiko .el-name {
	font-weight:bold;
}

/* 「入荷待ち」
-------------------------------------------*/
.zaiko.md-no,
.zaiko.md-end {
	margin-top:3px;
	color:#FFF;
	background-color:#F00;
	padding:5px;
}

/* 「在庫僅少」
-------------------------------------------*/
.zaiko.md-few {
	margin-top:3px;
	color:#F00;
	border:1px dotted #CCC;
	padding:5px;
}




/*-------------------------------------------*/
/* シリーズ一覧                              */
/*-------------------------------------------*/
.series,
.category-area {
	border-top:3px solid #888;
	background:#EEE;
	padding:10px 10px 30px;
	position:relative;
}
.series:after,
.category-area:after {
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.series .heading.md-first,
.category-area .heading.md-first {
	margin:5px 0 10px;
	font-size:20px;
}
.series a,
.category-area a {
	color:#005C9C;
}
.series .el-head,
.category-area .el-head {
	margin:0 0 15px;
}
.series .el-head .sub-heading,
.category-area .el-head .sub-heading {
	font-weight:bold;
	margin:0 0 5px;
	font-size:14px;
	color:#444;
}
.series .el-head .el-txt,
.category-area .el-head .el-txt {
	width:450px;
	font-size:12px;
	margin:0 5px 7px;
	color:#555;
}
.series .el-head .el-txt.md-wide,
.category-area .el-head .el-txt.md-wide {
	width:auto;
}
.series .el-head a.link-category,
.category-area .el-head a.link-category {
	font-weight:bold;
	margin:0 5px;
}
.series hr,
.category-area hr {
	margin:0 5px 10px;
}

/* 「トップへ」 */
.series a.to-top,
.category-area a.to-top {
	color:#FFF !important;
	background-color:#515146;
	display:block;
	font-size:12px;
	padding:3px 7px 2px;
	width:6em;
	text-align:center;
	border-radius:3px 0px 0px 0px;
	position:absolute;
	bottom:0px;
	right:0px;
	transition:all 0.2s ease-in-out;
}
.series a.to-top:hover,
.category-area a.to-top:hover {
	text-decoration:none;
	opacity:0.8;
	filter:alpha(opacity=80);
	zoom:1;
}



/* md-catalog-idx
-------------------------------------------*/
.series.md-catalog-idx {
}


/* md-maker
-------------------------------------------*/
.series.md-maker,
.category-area.md-maker,
.series.md-alt,
.category-area.md-alt {
	border-top:1px solid #F8F8F8;
	border-bottom:1px solid #BBB;
}







/*-------------------------------------------*/
/* シリーズ一覧                              */
/*-------------------------------------------*/
.items-area {
	border-top:1px solid #F8F8F8;
	border-bottom:1px solid #BBB;
	background:#EEE;
	padding:10px 10px 30px;
	position:relative;
}
.items-area:after {
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.items-area .heading {
	margin:0 0 10px;
	font-size:18px;
}
.items-area a {
	color:#2B86D2;
}
.items-area .el-head {
	margin:0 0 15px;
}
.items-area .el-head .sub-heading {
	font-weight:bold;
	margin:0 0 5px;
	font-size:14px;
	color:#444;
}
.items-area .el-head .el-txt {
	width:450px;
	font-size:12px;
	margin:0 5px 7px;
	color:#555;
}
.items-area .el-head .el-txt.md-wide {
	width:auto;
}
.items-area .el-head a.link-category {
	font-weight:bold;
	margin:0 5px;
}
.items-area hr {
	margin:0 5px 10px;
}

/* 「トップへ」 */
.items-area a.to-top {
	color:#FFF !important;
	background-color:#515146;
	display:block;
	font-size:12px;
	padding:3px 7px 2px;
	width:6em;
	text-align:center;
	border-radius:3px 0px 0px 0px;
	position:absolute;
	bottom:0px;
	right:0px;
	transition:all 0.2s ease-in-out;
}
.items-area a.to-top:hover {
	text-decoration:none;
	opacity:0.8;
	filter:alpha(opacity=80);
	zoom:1;
}




/*-------------------------------------------*/
/* selected-items-area                       */
/* 「絞り込み検索」アイテムエリア            */
/*-------------------------------------------*/
.selected-items-area {
	padding:15px 5px;
	background:#EEE;
	border-top:5px solid #CCC;
	border-bottom:1px solid #CCC;
	position:relative;
}


.selected-items-area .heading.md-sub {
	font-size:13px;
	margin-bottom:2px;
}
.selected-items-area .heading.md-sub i:before {
	font-size:15px;
	margin:0 3px 2px 0;
}

/* アイテムリスト */
.selected-items-area .display-navi,
.selected-items-area .item-navi {
	padding:0 5px 10px;
	margin-bottom:10px;
	border-bottom:1px solid #CCC;
	color:#333;
}
.selected-items-area .item-navi:after {
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.selected-items-area .item-navi .btn {
	font-weight:normal;
	text-align:center;
	margin:0 0 5px 0;
	padding:3px 10px;
	border-radius:3px;
	font-size:12px;
}
.selected-items-area .item-navi li.active {
	background-color:#C64B3A;
}
.selected-items-area .item-navi li:hover {
	text-decoration:none;
	opacity:0.8;
}
.selected-items-area .display-navi {
}
.selected-items-area .display-navi .btn {
	background-color:transparent;
	border:1px solid #CCC;
	color:#666;
	font-weight:normal;
	font-size:12px;
	padding:1px 5px;
	margin:0 0 5px 0;
}
.selected-items-area .display-navi .btn.active,
.selected-items-area .display-navi .btn.active:hover {
	border:1px solid #666;
	color:#444;
}
.selected-items-area .display-navi .btn i {
	margin-right:5px;
}
.selected-items-area .display-navi .btn:hover {
	opacity:1;
	color:#555;
	border:1px solid #BBB;
}

.selected-items-area .item {
	border-bottom:2px solid #CCC;
	padding:5px 0;
}
.selected-items-area .item:hover {
	border-color:#FF8B08;
}
.selected-items-area .items .label.md-tile-hidden {
	display:none;
}
.selected-items-area .el-thumb img.el-thumb-img {
	width:100%;
	height:auto;
}
.selected-items-area .item .el-price {
	display:inline-block;
}
.selected-items-area .item .el-price-note {
	display:inline-block;
	font-size:11px;
	color:#666;
	font-weight:normal;
}
.selected-items-area .item .el-maker {
	display:block;
	font-weight:normal;
	font-size:11px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.selected-items-area .el-name {
	display: block; 
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.selected-items-area .el-price {
}
.selected-items-area .pager {
	clear:both;
	margin:10px 10px 2px;
	position:relative;
}
.selected-items-area .pager ul {
	text-align:center;
}
.selected-items-area .pager:after {
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.selected-items-area .pager li {
	display:inline-block;
}
.selected-items-area .pager li a,
.selected-items-area .pager li a:link,
.selected-items-area .pager li a:active,
.selected-items-area .pager li a:visited {
	color:#666 !important;
	font-size:15px;
	display:inline-block;
	padding:5px 8px;
	border:1px solid #CCC;
	border-radius:2px;
	margin:0 2px 4px;
}
.selected-items-area .pager li a.prev {
	position:absolute;
	left:0px;
	top:0px;
}
.selected-items-area .pager li a.next {
	position:absolute;
	right:0px;
	top:0px;
}
.selected-items-area .pager li a:hover {
	text-decoration:none;
	border:1px solid #AAA;
	opacity:1;
	filter:alpha(opacity=100);
	zoom:1;
}
.selected-items-area .pager li a.active {
  color:#333;
  border:1px solid #666;
}

/* 「トップへ」 */
.selected-items-area a.to-top {
	color:#FFF !important;
	background-color:#515146;
	display:block;
	font-size:12px;
	padding:3px 7px 2px;
	width:6em;
	text-align:center;
	border-radius:3px 0px 0px 0px;
	position:absolute;
	bottom:0px;
	right:0px;
	transition:all 0.2s ease-in-out;
}
.selected-items-area a.to-top:hover {
	text-decoration:none;
	opacity:0.8;
	filter:alpha(opacity=80);
	zoom:1;
}


/* .selected-items-area.md-list
-------------------------------------------*/
.selected-items-area.md-list {
	
}
.selected-items-area.md-list .items {
}
.selected-items-area.md-list .items .g03 {
	width:auto;
	float:none;
}
.selected-items-area.md-list .items .item {
	margin-bottom:0;
	padding:5px 5px 3px;
}
.selected-items-area.md-list .items .grid:first-child .g03:first-child .item {
	border-top:1px solid #CCC;
}
.selected-items-area.md-list .items .item .labels {
}
.selected-items-area.md-list .items .item .labels.md-kinou .label {
	background-color:transparent;
}
.selected-items-area.md-list .items .label.md-tile-hidden {
	display:inline-block;
}
.selected-items-area.md-list .items .item .el-thumb {
	display:inline-block;
	float:left;
	margin-right:5px;
}
.selected-items-area.md-list .items .item .el-body {
	overflow:hidden; 
}



/*-------------------------------------------*/
/* 関連商品一覧                              */
/*-------------------------------------------*/

.related-area {
	
}
.related-area .item .el-thumb,
.related-area .item .el-name,
.related-area .item .el-price {
	display:block;
}
.related-area .item .el-thumb {
	text-align:center;
}
.related-area .item .el-name {
	color:#333;
	font-weight:bold;
}
.related-area .item .el-price {
	color:#C63329;
}




/*-------------------------------------------*/
/* 見積もりフォーム                          */
/*-------------------------------------------*/
.form .aside,
.form-area .aside,
.mitumori-form .aside {
	margin:0 10px;
}
.mitumori-form .estimate-area .aside {
	margin:0 20px;
}

.mitumori-form textarea {
	width:98%;
	height:6em;
	resize: vertical;
}
.mitumori-form input[type=text] {
	width:4em;
	text-align:center;
}
.mitumori-form input[type=text][name=cloth_num] {
	width:6em;
	text-align:left;
}
.mitumori-form input[type=text].is-error-validate {
	border-radius:2px;
	border:1px solid #F00;
}
.mitumori-form select.is-error-validate {
	border-radius:2px;
	border:1px solid #F00;
}
.mitumori-form .validate-alert {
	color:#F00;
	font-size:12px;
	margin:4px 0;
	display:block;
}
.mitumori-form .label-required,
.mitumori-form .el-label-required {
	font-size:12px;
	display:block;
	color:#F00;
}

.mitumori-tab-menu .el-item.btn {
	border:1px solid #999;
	padding:10px;
	background-color:#AAA;
	color:#FFF;
	box-shadow:0 0 0 0 rgba(0,0,0,0.1);
}
.mitumori-tab-menu .el-item.btn i.icon-angle-double-down {
	transition:all 0.2s ease-in-out;
	transform:rotate(-90deg);
}
.mitumori-tab-menu .el-item.btn.is-selected {
	border-color:#F08300;
	background-color:#FFF;
	color:#555;
	color:#F08300;
}
.mitumori-tab-menu .el-item.btn.is-selected {
	opacity:1.0;
}
.mitumori-tab-menu .el-item.btn.is-selected i.icon-angle-double-down {
	color:#F08300;
	transform:rotate(0deg);
}


/* input-block
-------------------------------------------*/
.mitumori-form .el-input-block,
.mitumori-form .input-block {
	display: inline-block;
	background-color: #F5F5F5;
	padding: 5px 8px;
	border: 1px solid #DDD;
	margin-bottom:2px;
	margin-top:2px;
}
.mitumori-form .el-input-block.md-block,
.mitumori-form .input-block.md-block {
	display: block;
}

/* input-label
-------------------------------------------*/
.mitumori-form .input-label {
	display:block;
	border:1px solid transparent;
	border-radius:2px;
	transition:all 0.2s ease-in-out;
	cursor:pointer;
	position:relative;
	padding:3px;
	font-size: 12px;
}
.mitumori-form .input-label:hover {
	border:1px solid #CCC;
}
.mitumori-form .input-label.checked {
	border:1px solid #F9AE56;
	background-color:rgba(255, 222, 126, 0.4);
}
.mitumori-form .input-label img {
}
.mitumori-form .input-label.md-iblock {
	display:inline-block;
}

.mitumori-form .hide {
	display: none;
}

.mitumori-form .submit {
}


.mitumori-form .el-unit {
	font-size:12px;
	color:#666;
	margin-left:2px;
}

.mitumori-form select[name^=op_] {
	
}
.mitumori-form select[name^=value_op_] {
	margin-left:5px;
}



/* 見積もりフォーム  md-mitumori-form
-------------------------------------------*/
.table.md-mitumori-form {
	width:94.8%;
	margin:0 2.6%;
}
.table.md-mitumori-form th,
.table.md-mitumori-form td {
	padding:10px 8px;
	transition:all 0.2s ease-in-out;
}
.table.md-mitumori-form td {
	text-align:left;
	background-color:#FFF;
}
.table.md-mitumori-form th {
	width:8em;
}
.table.md-mitumori-form .el-item-size {
	display:inline-block;
	*display:inline;
	background-color:#F5F5F5;
	padding:5px 8px;
	border:1px solid #DDD;
}
.table.md-mitumori-form .el-item-size.md-width {
}
.table.md-mitumori-form .el-item-size.md-height {
}
.table.md-mitumori-form td.is-error-validate {
	box-shadow:1px 1px 0 0 #F00 inset, -1px -1px 0 0 #F00 inset;
}





/*-------------------------------------------*/
/* テーブル関係                              */
/*-------------------------------------------*/
.table {
	width:100%;
	border:1px solid #999;
	margin:0 0 2px;
}
.table caption {
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	text-align:left;
	font-weight:bold;
	font-size:12px;
}
.table caption .el-supplement {
	font-weight:normal;
	font-size:12px;
	color:#666;
	margin-left:1em;
}
.table td,
.table th {
	border:1px solid #BBB;
	padding:3px 8px;
	text-align:center;
}
.table th {
	background-color:#E5E5E5;
	font-weight:normal;
}
.table .el-note-synbol {
	font-size:11px;
	color:#295DE8;
}


/* サブ  md-sub
-------------------------------------------*/
.table.md-sub {
}
.table.md-sub caption {
	font-size:13px;
	color:#444;
}
.table.md-sub th,
.table.md-sub td {
	padding:3px 5px;
	font-size:12px;
	color:#444;
}
.table.md-sub td {
}
.table.md-sub th {
}

/* 左寄せ  md-left-align
-------------------------------------------*/
.table.md-left-align {
}
.table.md-left-align th,
.table.md-left-align td {
	text-align:left;
}
.table.md-left-align td {
}
.table.md-left-align th {
	text-align:center;
}


/* 中央寄せ  md-center-align
-------------------------------------------*/
.table.md-center-align {
}
.table.md-center-align th,
.table.md-center-align td {
	text-align:center;
}
.table.md-center-align td {
}
.table.md-center-align th {
	text-align:center;
}



/* 補足・参考用テーブル  md-supplement
-------------------------------------------*/
.table.md-supplement {
}
.table.md-supplement caption {
	color:#555;
	font-size:13px;
}
.table.md-supplement th,
.table.md-supplement td {
	font-size:12px;
	border:1px solid #BBB;
	padding:3px 5px;
}
.table.md-supplement th {
	background-color:#A1A1A1;
	color:#FFF;
}
.table.md-supplement td {
	background-color:#EEE;
	color:#666;
}

/* 商品情報  md-data
-------------------------------------------*/
.table.md-data {
}
.table.md-data th,
.table.md-data td {
	padding:4px 8px;
}
.table.md-data td {
	text-align:left;
	background-color:#FFF;
}
.table.md-data td.el-kinou img {
	vertical-align:middle;
	margin:0 3px 3px 0;
}
.table.md-data th {
	width:8em;
}


/* 価格表  md-price
-------------------------------------------*/
.table.md-price {
}
.table.md-price td,
.table.md-price th {
	padding:3px 5px;
	text-align:center;
}
.table.md-price td {
	background-color:#FFF;
}
.table.md-price th {
}
.table.md-price .el-maker-price,
.table.md-price .el-before-price {
	color:#888;
	font-weight:normal;
	text-decoration:line-through;
}
.table.md-price .el-price {
	color:#C63329;
	font-weight:bold;
}
.table.md-price .el-price.md-none {
	color:#666;
	font-weight:normal;
}
.table.md-price td.el-estimate {
	padding:10px;
}
.table.md-price td.bg01 {
	background:#FFA;
}
.table.md-price .el-price.md-note01,
.table.md-price .td-note01 {
	background-color:#FBFCB7;
}
.table.md-price .td-note02 {
	background-color:#b7dee8;
}



/* サイズの目安  md-size
-------------------------------------------*/
.table.md-size {
}
.table.md-size caption {
	color:#444;
}
.table.md-size th,
.table.md-size td {
	font-size:12px;
	border:1px solid #AAA;
	padding:2px;
}
.table.md-size th {
	background-color:#999;
	color:#FFF;
}
.table.md-size td {
	background-color:#EEE;
	color:#666;
}
.table.md-size .el-size {
	display:block;
	background-color:#EEE;
	color:#666;
	font-size:12px;
}


/* セット一覧 md-set
-------------------------------------------*/
.table.md-set {
	
}
.table.md-set caption {
	font-size:13px;
	color:#666;
}
.table.md-set th,
.table.md-set td {
	font-size:12px;
	color:#666;
	border:1px solid #CCC;
}
.table.md-set td {
	background-color:#EEE;
}
.table.md-set th {
	background-color:#AAA;
	color:#FFF;
}

.table.md-set .el-name {
	width:10em;
	font-weight:normal;
}


/* 見積もりフォーム記入例 md-guide-form
-------------------------------------------*/
.table.md-guide-form {
	width:96%;
	margin:0 2%;
}
.table.md-guide-form th,
.table.md-guide-form td {
	padding:4px 8px;
}
.table.md-guide-form th {
	width:6em;
}
.table.md-guide-form td {
	text-align:left;
}




/* テーブルレイアウト  md-table-layout
-------------------------------------------*/
.table.md-table-layout {
	border:none;
}
.table.md-table-layout th,
.table.md-table-layout td {
	background-color:transparent;
	border:none;
}
.table.md-table-layout th {
	background-color:transparent;
}
.table.md-table-layout th,
.table.md-table-layout td {
	background-color:transparent;
	border:none;
}
.table.md-table-layout th {
	background-color:transparent;
}

/* テーブル幅オート  md-w-auto
-------------------------------------------*/
.table.md-w-auto {
	width:auto !important;
}





/* 
-------------------------------------------*/
.table.md-scrollx {
	display: block; 
	position: relative; 
	width: 100%; 
	max-width: 100%;
	border:none;
}
.table.md-scrollx caption {
	display: block; 
	width: 100%; 
	max-width: 100%;
}
.table.md-scrollx thead {
	display: block; 
	float: left; 
}
.table.md-scrollx tbody {
	display: block; 
	width: auto; 
	position: relative; 
	overflow-x: auto; 
	white-space: nowrap; 
	-webkit-overflow-scrolling: touch;
}
/*
.table.md-scrollx tbody::-webkit-scrollbar {
	height: 5px;
}
.table.md-scrollx tbody::-webkit-scrollbar-track {
	border-radius: 5px;
	background: #eee;
}
.table.md-scrollx tbody::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #666;
}
*/
.table.md-scrollx thead tr {
	display: block; 
}
.table.md-scrollx th,
.table.md-scrollx td {
	display: block;
	vertical-align:middle;
}
.table.md-scrollx tbody tr {
	display: inline-block; 
	vertical-align: top; 
}

/* borderの調整 */
.table.md-scrollx th,
.table.md-scrollx td {
	padding:4px 8px;
	border-bottom: 0; 
}
.table.md-scrollx thead th:first-child,
.table.md-scrollx tbody th:first-child {
}
.table.md-scrollx tbody th,
.table.md-scrollx td {
	border-left: 0; 
	border-right: 0; 
}
.table.md-scrollx tbody tr {
	border-right: 1px solid #babcbf; 
}
.table.md-scrollx th:last-child,
.table.md-scrollx td:last-child {
	border-bottom: 1px solid #babcbf; 
}





/*===========================================*/
/* 共通項目                                  */
/*===========================================*/




/*-------------------------------------------*/
/* サブフッター                              */
/*-------------------------------------------*/
.sub-footer {
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	padding:10px 10px 0;
	background-color:#F5F5F5;
	clear:both;
	margin:30px 0;
	border-top:1px solid #AAA;
	border-bottom:1px solid #AAA;
}
.sub-footer div,
.subfooter li,
.sub-footer p,
.sub-footer a {
	font-family:"メイリオ", Meiryo, Osaka, sans-serif !important;
}
.sub-footer a,
.sub-footer a:link
.sub-footer a:active
.sub-footer a:visited {
	color:#005C9C;
	transition:all 0.2s ease-in-out;
}
.sub-footer a:hover {
	/*opacity:0.8;
	filter:alpha(opacity=80);
	zoom:1;
	text-decoration:none;*/
}
.sub-footer .heading {
	font-size:17px;
	font-weight:bold;
	color:#515146;
	border:none;
}
.sub-footer .heading.md-first {
	font-size:18px;
	margin:0 0 5px;
}
.sub-footer .heading i:before,
.sub-footer .heading.md-first i:before {
	margin:-5px 8px 0 3px;
}
.sub-footer .heading i.icon-megaphone {
	padding:0 0 10px;
	margin-right:0px;
}
.sub-footer .heading i.icon-megaphone:before {
	font-size:32px;
}
.sub-footer .heading.md-second {
	font-size:15px;
	margin:0 0 10px;
	border-bottom:1px dashed #999;
}
.sub-footer .heading.md-third {
	font-size:13px;
	margin:0 0 2px;
}

.sub-footer hr {
	margin-bottom:10px;
}

/* リンクアイテム
-------------------------------------------*/
.sub-footer .items.md-lined {
	padding:0 2px;
	margin:0;
}
.sub-footer .items.md-lined .item {
	padding:2px 0;
	margin:0;
	margin-bottom:0;
	border-top:none;
	border-bottom:1px solid #DDD;
}
.sub-footer .items.md-lined .item a {
	padding:4px 5px;
	margin:0;
	display:block;
	border-radius:2px;
}
.sub-footer .items.md-lined .item a:hover {
	text-decoration:none;
	background-color:rgba(0,0,0,0.1);
}













/*===========================================*/
/* 外部コンポーネント                        */
/*===========================================*/

/*-------------------------------------------*/
/* fontello                                  */
/*-------------------------------------------*/
[class^="icon-"], [class*=" icon-"] {
  vertical-align:middle !important;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family:"fontello";
  font-style:normal;
  font-weight:normal;
  speak:none;
 
  display:inline-block;
  text-decoration:inherit;
  width:1em;
  margin-right:0em;
  text-align:center;
  /* opacity:.8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant:normal;
  text-transform:none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height:1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left:0em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size:120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow:1px 1px 1px rgba(127, 127, 127, 0.3); */
}


/*-------------------------------------------*/
/* smoothscroll                              */
/*-------------------------------------------*/




/*-------------------------------------------*/
/* highslide                                 */
/*-------------------------------------------*/
.highslide-wrapper {
	background-color:#FFF;
}
.highslide-caption {
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	background-color:#FFF;
	font-size:12px;
	color:#555;
	text-align:left;
	padding:2px 0 0;
}
.highslide {
	overflow:hidden;
}



/*-------------------------------------------*/
/* table-hover                               */
/*-------------------------------------------*/
.table-hover {
	
}
.table-hover th,
.table-hover td {
	/*transition:all 0.1s ease-in-out;*/
}
.table-hover th.hover {
	background:#D6D6D6;
}.table-hover td.hover {
	background:#F5F5F5;
}
.table-hover th.hovercell {
	background:#E5E5E5;
}
.table-hover td.hovercell {
	background:#F5F5F5;
}
.table-hover th.click {
}
.table-hover td.click {
}




/*-------------------------------------------*/
/* pagetopBtn                                */
/*-------------------------------------------*/

/*「トップへ」*/
#PAGETOP_BTN {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display:block;
	z-index:999;
}
#PAGETOP_BTN a {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	text-align:center;
	display:table-cell;
	*display:block;
	width:60px;
	height:60px;
	vertical-align:middle;
	border-radius:45px;
	background-color:rgba(0,0,0,0.5);
	*background-color:#444;
	transition:all 0.2s ease-in-out;
}
#PAGETOP_BTN a i.icon-arr-up {
	font-size:20px;
}
#PAGETOP_BTN a:hover {
	text-decoration: none;
	background-color:rgba(0,0,0,0.6);
	*background: #333;
}





/*-------------------------------------------*/
/* swiper                                    */
/*-------------------------------------------*/
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
	background-image:none;
	background-color:rgba(255,255,255,0.6);
	background-color/***/:#555\9;
	font-size:30px;
	width:30px;
	height:30px;
	color:#666;
	border-radius:30px;
	display:block;
	line-height:1.0;
	margin-top:0px;
	z-index:100;
	*border:1px solid #FFF;
	box-shadow:0 0 1px 0 rgba(0,0,0,0.2);
	cursor:pointer;
	transition:all 0.2s ease-in-out;
	/*opacity:0;
	filter: alpha(opacity=0);*/
}
.swiper .swiper-button-prev {
	padding:5px 7px 6px 5px;
}
.swiper .swiper-button-next {
	padding:5px 5px 6px 7px;
}
.swiper .swiper-button-prev:hover,
.swiper .swiper-button-next:hover {
	background-color:rgba(255,255,255,0.8);
	color:#1B95E0;
	box-shadow:0 0 2px 0 rgba(0,0,0,0.7);
}
.swiper .swiper-button-prev:active,
.swiper .swiper-button-next:active {
	background-color:rgba(255,255,255,0.9);
	color:#1B95E0;
	box-shadow:0 0 1px 0 rgba(0,0,0,0.7);
}
.swiper .swiper-button-prev:active {
	padding:5px 8px 6px 4px;
}
.swiper .swiper-button-next:active {
	padding:5px 4px 6px 8px;
}

.swiper .swiper-pagination {
  position: static;
  padding:10px 5px;
  text-align: center;
}



/*-------------------------------------------*/
/* サブフッター ロールスクリーン関連ページ   */
/*-------------------------------------------*/

.h-menu {
	text-align:center;
}
.h-menu .el-item {
	display:inline-block;
}
.h-menu .el-item + .el-item:before {
	content:"\FF5C\a0";
	font-weight:normal !important;
}

.t-copy {
	font-size:16px;
	line-height:1.5;
	text-align:center;
	font-weight:bold;
	color:#779438;
	margin-bottom:5px;
}
ul.li08 > li {margin-top:8px; margin-bottom:8px;}