@charset "UTF-8";

/*------------------------------------------------------------
拡張設定
-------------------------------------------------------------*/

/*------------------------------------------------------------
交互リストタグ
-------------------------------------------------------------*/

ul.stripe li.odd{
	background:#FFF;
}

ul.stripe li.even{
	background:#EFEFEF;
}

/*------------------------------------------------------------
ドロップシャドウボックス（記事一覧用）
-------------------------------------------------------------*/

.wrap_shadow01{
	display:block;
	padding:15px 15px 20px 15px;
	margin:10px auto 5px auto;
	border:solid 1px #CCC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-moz-box-shadow: 2px 2px 2px #EFEFEF;
	-webkit-box-shadow: 2px 2px 2px #EFEFEF;
	box-shadow: 2px 2px 2px #EFEFEF;
}



/*------------------------------------------------------------
角丸テキスト
-------------------------------------------------------------*/

/* グレー小 */
.kadomaru1{
	font-size:0.8em;
	background:#666;
	padding:0.2em 0.6em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.kadomaru1:hover{
	filter: alpha(opacity=50);
  	-moz-opacity:0.50;
  	opacity:0.50;
}


/* グレー大 */
.kadomaru2{
	font-size:1.0em;
	font-weight:bold;
	background:#333333;
	padding:4px 8px 4px 8px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.kadomaru2:hover{
	background:#999999;
}


.kadomaru1 a:link,
.kadomaru1 a:visited,
.kadomaru1 a:hover,
.kadomaru2 a:link,
.kadomaru2 a:visited,
.kadomaru2 a:hover{
	text-decoration:none;
	color:#FFFFFF;
}

/* 水色 */
.kadomaru3{
	font-size:0.9em;
	color:#FFF;
	background:#3AB0FB;
	padding:0.2em 0.6em;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

/*--------------------------------------------------------
TELボタン（スマホ用）
--------------------------------------------------------*/

.btn_tel{
	width:96%;
	margin:0.5em 2% 0.5em 2%;
	background:#04998D;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/*border:solid 1px #FFF;*/
}

.btn_tel img{
	width:22px;
	height:22px;
	padding-right:0.2em;
}

.btn_tel a{
 background: url(/assets/arrow_white.png) no-repeat 98% 50%;
 display: block;
 margin: 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none!important;
 font-size:1.3em;
 color: #FFF!important;
 font-weight: bold;
 padding:0.6em 0.3em 0.6em 0.5em; 
}


/*--------------------------------------------------------
角丸グラデボタン（スマホ用）
--------------------------------------------------------*/

/* グレー */

.grad_btn{
	width:92%;
	margin:0.6em auto 0 auto;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.00, #EFEFEF));
background: -webkit-linear-gradient(#FFFFFF, #EFEFEF);
background: -moz-linear-gradient(#FFFFFF, #EFEFEF);
background: -o-linear-gradient(#FFFFFF, #EFEFEF);
background: -ms-linear-gradient(#FFFFFF, #EFEFEF);
background: linear-gradient(#FFFFFF, #EFEFEF);
	padding:0.3em 0.3em 0.3em 0.3em;
	text-align:center;
	border:solid 1px #CCCCCC;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.grad_btn a{
	font-size:1.1em;
	font-weight:bold;
 	background: url(/assets/arrow_grey.png) no-repeat 100% 50%;
 	color: #333;
 	display:block;
	padding:0.3em 0.3em 0.3em 0.3em;
	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	text-decoration: none;
}

/* ライトブルー*/

.grad_btn1{
	width:92%;
	margin:0.6em auto 0 auto;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #8BC0CF), color-stop(1.00, #67A4B7));
background: -webkit-linear-gradient(#8BC0CF, #67A4B7);
background: -moz-linear-gradient(#8BC0CF, #67A4B7);
background: -o-linear-gradient(#8BC0CF, #67A4B7);
background: -ms-linear-gradient(#8BC0CF, #67A4B7);
background: linear-gradient(#8BC0CF, #67A4B7);
	padding:0.3em 0.3em 0.3em 0.3em;
	text-align:center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.grad_btn1 a{
	font-size:1.1em;
	font-weight:bold;
 	background: url(/assets/arrow_white.png) no-repeat 100% 50%;
 	color: #FFF;
 	display:block;
	padding:0.3em 0.3em 0.3em 0.3em;
	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	text-decoration: none;
}

/* オレンジ */

.grad_btn2{
	width:100%;
	margin:0.6em auto 0 auto;
	border: 1px solid #b07207;
	background: #f53b03;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff9421), to(#f53b03));
	background: -webkit-linear-gradient(top, #ff9421, #f53b03);
	background: -moz-linear-gradient(top, #ff9421, #f53b03);
	background: -ms-linear-gradient(top, #ff9421, #f53b03);
	background: -o-linear-gradient(top, #ff9421, #f53b03);
	background-image: -ms-linear-gradient(top, #ff9421 0%, #f53b03 100%);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	text-align:center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.grad_btn2 a{
	font-size:1.2em;
	font-weight:bold;
 	background: url(/assets/arrow_white.png) no-repeat 99% 50%;
	/*text-shadow: #914b00 0 1px 0;*/
	color: #ffffff!important;
 	display:block;
	padding:0.5em 0.3em 0.5em 0.3em;
	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	text-decoration: none;
}

.grad_btn2 a:hover{
 	text-decoration: none;
}

/* ブルー */

.grad_btn3{
	width:92%;
	margin:0.6em auto 0 auto;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #2792C3), color-stop(1.00, #105E8F));
background: -webkit-linear-gradient(#2792C3, #105E8F);
background: -moz-linear-gradient(#2792C3, #105E8F);
background: -o-linear-gradient(#2792C3, #105E8F);
background: -ms-linear-gradient(#2792C3, #105E8F);
background: linear-gradient(#2792C3, #105E8F); 
	padding:0.3em 0.3em 0.3em 0.3em;
	text-align:center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.grad_btn3 a{
	font-size:1.1em;
	font-weight:bold;
 	background: url(/assets/arrow_white.png) no-repeat 100% 50%;
 	color: #FFF;
 	display:block;
	padding:0.3em 0.3em 0.3em 0.3em;
	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	text-decoration: none;
}


/*------------------------------------------------------------
9、テーブルスタイル table
-------------------------------------------------------------*/



/* 文字組み */

td.cen{
	text-align:center;
}

td.lef{
	text-align:left;
}

td.rit{
	text-align:right;
}


/* 白テーブル（ボーダー、背景色なし） */
table.tbl_white{
	border-collapse:collapse;
	table-layout:fixed;
}

table.tbl_white th{
	text-align:left;
	vertical-align:top;
	padding:5px 5px 10px 5px;
	font-weight:normal;	
}

table.tbl_white td{
	text-align:left;
	vertical-align:top;	
	padding:5px 5px 10px 5px;
}


/* ノーマル ボーダーあり  */
table.normal{
	border-collapse:collapse;
	table-layout:fixed;
}

table.normal th{
	background:#F1F1F1!important;
	color:#000000!important;
	font-weight:normal!important;
	border:solid 1px #CCC;		
}

table.normal td{
	padding:0.8em 0.4em 0.8em 0.4em;
	vertical-align:middle;
	border:solid 1px #CCCCCC;	
}

table.normal td a{
	text-decoration:underline;
}



/*------------------------------------------------------------
画像にフレームをつける
-------------------------------------------------------------*/

/* 白余白あり */
img.frame{
	background:#FFFFFF;
	padding:2px;
	border:solid 1px #CCCCCC;
}

/* 余白なし */
img.frame2{
	background:#FFFFFF;
	padding:0px;
	border:solid 1px #CCCCCC;
}



/*------------------------------------------------------------------------
BR Clear Module
--------------------------------------------------------------------------*/

.cl {
	min-height: 1px;
}

.cl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/
}
/*------------------------------------------------------------------------
Font
--------------------------------------------------------------------------*/

.f-s10 { font-size: 10px; }

.f-s11 { font-size: 11px; }

.f-s12 { font-size: 12px; }

.f-s14 { font-size: 14px; }

.f-s16 { font-size: 16px; }

.f-s18 { font-size: 18px; }

.f-s20 { font-size: 20px; }

.f-s22 { font-size: 22px; }

.f-s24 { font-size: 24px; }

.f-s26 { font-size: 26px; }

.f-s06em { font-size: 0.6em; }

.f-s07em { font-size: 0.7em; }

.f-s08em { font-size: 0.8em; }

.f-s09em { font-size: 0.9em; }

.f-s11em { font-size: 1.1em; }

.f-s12em { font-size: 1.2em; }

.f-s13em { font-size: 1.3em; }


/*-----------------------------------------------------
行間（line-height）
-----------------------------------------------------*/

.l-h10{ line-height:1.0em; }

.l-h11{ line-height:1.1em; }

.l-h12{ line-height:1.2em; }

.l-h13{ line-height:1.3em; }

.l-h14{ line-height:1.4em; }

.l-h15{ line-height:1.5em; }


/*-----------------------------------------------------
float関係
-----------------------------------------------------*/
.fl{
	float: left;
}
.fr{
	float: right;
}

/*-----------------------------------------------------
位置関係
-----------------------------------------------------*/
.cen{
	text-align: center;
}
.rit{
	text-align: right;
}
.lef{
	text-align: left;
}

.m-auto{
	margin:0px auto 0px auto;
}


/*-----------------------------------------------------
width関係(%)
-----------------------------------------------------*/
.w1per{ width: 1%; }
.w2per{ width: 2%; }
.w3per{ width: 3%; }
.w4per{ width: 4%; }
.w5per{ width: 5%; }
.w6per{ width: 6%; }
.w7per{ width: 7%; }
.w8per{ width: 8%; }
.w9per{ width: 9%; }
.w10per{ width: 10%; }
.w11per{ width: 11%; }
.w12per{ width: 12%; }
.w13per{ width: 13%; }
.w14per{ width: 14%; }
.w15per{ width: 15%; }
.w16per{ width: 16%; }
.w17per{ width: 17%; }
.w18per{ width: 18%; }
.w19per{ width: 19%; }
.w20per{ width: 20%; }
.w21per{ width: 21%; }
.w22per{ width: 22%; }
.w23per{ width: 23%; }
.w24per{ width: 24%; }
.w245per{ width:24.5%;}
.w25per{ width: 25%; }
.w26per{ width: 26%; }
.w27per{ width: 27%; }
.w28per{ width: 28%; }
.w29per{ width: 29%; }
.w30per{ width: 30%; }
.w31per{ width: 31%; }
.w32per{ width: 32%; }
.w33per{ width: 33%; }
.w34per{ width: 34%; }
.w35per{ width: 35%; }
.w40per{ width: 40%; }
.w41per{ width: 41%; }
.w42per{ width: 42%; }
.w43per{ width: 43%; }
.w44per{ width: 44%; }
.w45per{ width: 45%; }
.w46per{ width: 46%; }
.w47per{ width: 47%; }
.w48per{ width: 48%; }
.w49per{ width: 49%; }
.w50per{ width: 50%; }
.w51per{ width: 51%; }
.w52per{ width: 52%; }
.w53per{ width: 53%; }
.w54per{ width: 54%; }
.w55per{ width: 55%; }
.w56per{ width: 56%; }
.w57per{ width: 57%; }
.w58per{ width: 58%; }
.w59per{ width: 59%; }
.w60per{ width: 60%; }
.w61per{ width: 61%; }
.w62per{ width: 62%; }
.w63per{ width: 63%; }
.w64per{ width: 64%; }
.w65per{ width: 65%; }
.w66per{ width: 66%; }
.w67per{ width: 67%; }
.w68per{ width: 68%; }
.w69per{ width: 69%; }
.w70per{ width: 70%; }
.w71per{ width: 71%; }
.w72per{ width: 72%; }
.w73per{ width: 73%; }
.w74per{ width: 74%; }
.w75per{ width: 75%; }
.w76per{ width: 76%; }
.w77per{ width: 77%; }
.w78per{ width: 78%; }
.w79per{ width: 79%; }
.w80per{ width: 80%; }
.w81per{ width: 81%; }
.w82per{ width: 82%; }
.w83per{ width: 83%; }
.w84per{ width: 84%; }
.w85per{ width: 85%; }
.w86per{ width: 86%; }
.w88per{ width: 88%; }
.w89per{ width: 89%; }
.w90per{ width: 90%; }
.w91per{ width: 91%; }
.w92per{ width: 92%; }
.w93per{ width: 93%; }
.w94per{ width: 94%; }
.w95per{ width: 95%; }
.w96per{ width: 96%; }
.w97per{ width: 97%; }
.w98per{ width: 98%; }
.w99per{ width: 99%; }
.w100per{ width: 100%; }

/* スマホ用 */

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

.w1per,.w2per,.w3per,.w4per,.w5per,
.w6per,.w7per,.w8per,.w9per,.w10per,
.w11per,.w12per,.w13per,.w14per,.w15per,
.w16per,.w17per,.w18per,.w19per,.w20per,
.w21per,.w22per,.w23per,.w24per,.w25per,
.w26per,.w27per,.w28per,.w29per,.w30per,
.w31per,.w32per,.w33per,.w34per,.w35per,
.w36per,.w37per,.w38per,.w39per,.w40per,
.w41per,.w42per,.w43per,.w44per,.w45per,
.w46per,.w47per,.w48per,.w49per,.w50per,
.w51per,.w52per,.w53per,.w54per,.w55per,
.w56per,.w57per,.w58per,.w59per,.w60per,
.w61per,.w62per,.w63per,.w64per,.w65per,
.w66per,.w67per,.w68per,.w69per,.w70per,
.w71per,.w72per,.w73per,.w74per,.w75per,
.w76per,.w77per,.w78per,.w79per,.w80per,
.w81per,.w82per,.w83per,.w84per,.w85per,
.w86per,.w87per,.w88per,.w89per,.w90per,
.w91per,.w92per,.w93per,.w94per,.w95per,
.w96per,.w97per,.w98per,w245per,
.w99per{
	width:96%!important;
	margin-left:2%!important;
	margin-right:2%!important;
}

}/* @media */

/*-----------------------------------------------------
margin関係
-----------------------------------------------------*/
.m-t1 { 
	margin-top: 1px; 
}
.m-t2 { 
	margin-top: 2px; 
} 
.m-t3 { 
	margin-top: 3px; 
} 
.m-t4 { 
	margin-top: 4px; 
} 
.m-t5 { 
	margin-top: 5px; 
} 
.m-t6 { 
	margin-top: 6px; 
} 
.m-t7 { 
	margin-top: 7px; 
} 
.m-t8 { 
	margin-top: 8px; 
} 
.m-t9 { 
	margin-top: 9px; 
} 
.m-t10 { 
	margin-top: 10px; 
}

.m-t11 { 
	margin-top: 11px; 
}

.m-t12 { 
	margin-top: 12px; 
}

.m-t13 { 
	margin-top: 13px; 
}

.m-t14 { 
	margin-top: 14px; 
}

.m-t15 { 
	margin-top: 15px; 
}

.m-t16 { 
	margin-top: 16px; 
}

.m-t17 { 
	margin-top: 17px; 
}

.m-t18 { 
	margin-top: 18px; 
}

.m-t19 { 
	margin-top: 19px; 
}
 
.m-t20 { 
	margin-top: 20px; 
}

.m-t21 { 
	margin-top: 21px; 
} 

.m-t22 { 
	margin-top: 22px; 
} 

.m-t23 { 
	margin-top: 23px; 
} 

.m-t24 { 
	margin-top: 24px; 
} 


.m-t25 { 
	margin-top: 25px; 
}

.m-t26 { 
	margin-top: 26px; 
}

.m-t27 { 
	margin-top: 27px; 
}

.m-t28 { 
	margin-top: 28px; 
}

.m-t29 { 
	margin-top: 29px; 
}

 
.m-t30 { 
	margin-top: 30px; 
} 

.m-t35 { 
	margin-top: 35px; 
} 

.m-t40 { 
	margin-top: 40px; 
} 

.m-t45 { 
	margin-top: 45px; 
} 

.m-t50 { 
	margin-top: 50px; 
} 

.m-b1 { 
	margin-bottom: 1px; 
}
.m-b2 { 
	margin-bottom: 2px; 
} 
.m-b3 { 
	margin-bottom: 3px; 
} 
.m-b4 { 
	margin-bottom: 4px; 
} 
.m-b5 { 
	margin-bottom: 5px; 
} 
.m-b10 { 
	margin-bottom: 10px; 
} 
.m-b15 { 
	margin-bottom: 15px; 
} 
.m-b20 { 
	margin-bottom: 20px; 
} 
.m-b25 { 
	margin-bottom: 25px; 
} 
.m-b30 { 
	margin-bottom: 30px; 
} 

.m-l1{
	margin-left: 1px; 
}
.m-l2{
	margin-left: 2px; 
}
.m-l3{
	margin-left: 3px; 
}
.m-l4{
	margin-left: 4px; 
}
.m-l5{
	margin-left: 5px; 
}
.m-l6{
	margin-left: 6px; 
}
.m-l7{
	margin-left: 7px; 
}
.m-l8{
	margin-left: 8px; 
}
.m-l9{
	margin-left: 9px; 
}
.m-l10{
	margin-left: 10px; 
}
.m-l15{
	margin-left: 15px; 
}
.m-l20{
	margin-left: 20px; 
}
.m-l25{
	margin-left: 25px; 
}
.m-l30{
	margin-left: 30px; 
}

.m-r1{
	margin-right: 1px; 
}
.m-r2{
	margin-right: 2px; 
}
.m-r3{
	margin-right: 3px; 
}
.m-r4{
	margin-right: 4px; 
}
.m-r5{
	margin-right: 5px; 
}
.m-r6{
	margin-right: 6px; 
}
.m-r7{
	margin-right: 7px; 
}
.m-r8{
	margin-right: 8px; 
}
.m-r9{
	margin-right: 9px; 
}
.m-r10{
	margin-right: 10px; 
}

.m-r15{
	margin-right: 15px; 
}

.m-r20{
	margin-right: 20px; 
}

.m-r25{
	margin-right: 25px; 
}

.m-r30{
	margin-right: 30px; 
}

/*-----------------------------------------------------
padding関係
-----------------------------------------------------*/
.p-t5{
	padding-top: 5px;
}
.p-t10{
	padding-top: 10px;
}
.p-t20{
	padding-top: 20px;
}
.p-t30{
	padding-top: 30px;
}
.p-b7{
	padding-bottom: 7px;
}
.p-b20{
	padding-bottom: 20px;
}
.p-b30{
	padding-bottom: 30px;
}
.p-l5{
	padding-left: 5px;
}

.p-5{
	padding: 5px;
}

.p-10{
	padding: 10px;
}


.p-15{
	padding: 15px;
}


/*-----------------------------------------------------
フォントweight
-----------------------------------------------------*/
.fb{
	font-weight: bold;
}
.fn{
	font-weight: normal;
}

/*-----------------------------------------------------
フォントカラー
-----------------------------------------------------*/

.fc-gre1{
	color:#333333;
}

.fc-gre2{
	color:#666666;
}

.fc-gre3{
	color:#999999;
}

.fc-gre4{
	color:#CCCCCC;
}

.fc-red{
	color:#F5301D;
}

.fc-pin{
	color:#E9546B;
}

.fc-ora{
	color:#FF6600;
}

.fc-whi{
	color:#FFFFFF;
}

/*-----------------------------------------------------
背景色
-----------------------------------------------------*/

.bg-gre1{
	background:#333333;
	padding:4px;
}

.bg-gre2{
	background:#666666;
	padding:4px;
}

.bg-gre3{
	background:#999999;
	padding:4px;
}

.bg-gre4{
	background:#CCCCCC;
	padding:4px;
}

.bg-pin1{
	background:#FDE0DA;
}

/*-----------------------------------------------------
ボーダー border
-----------------------------------------------------*/

/* 実線グレー */
.bo{
	border:solid 1px #CCCCCC;
}

.bo-t{
	border-top:solid 1px #CCCCCC;
}
.bo-l{
	border-left:solid 1px #CCCCCC;
}
.bo-r{
	border-right:solid 1px #CCCCCC;
}
.bo-b{
	border-bottom:solid 1px #CCCCCC;
}

/* グリーン囲み */
.bo_gre{
	border:solid 1px #008C15;
	padding:5px 10px 5px 10px;
}



/* 点線グレー */
.bo-dot{
	border:dotted 1px #CCCCCC;
}

.bo-dot-t{
	border-top:dotted 1px #CCCCCC;
}
.bo-dot-l{
	border-left:dotted 1px #CCCCCC;
}
.bo-dot-r{
	border-right:dotted 1px #CCCCCC;
}
.bo-dot-b{
	border-bottom:dotted 1px #CCCCCC;
}


/*-----------------------------------------------------
フロー図作成セット
-----------------------------------------------------*/

/*見出しh4*/
h4.style01{
	margin: 0 0 0 0;
	padding: 6px;
	/*border: 1px solid #8e8e8e;*/
	/*border-left: 4px solid #CCCCCC;*/
	background:#EAEAEA;
	font-weight: bold;
	font-size:14px;
}

/* テキスト部分 */
.bo_4px{
	border:solid 4px #EAEAEA;
	border-top:none;
	padding:10px;
}


/* グレー下向き三角形（中央） */
.tri_gre_under{
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 40px 0 40px;
	border-color: #eaeaea transparent transparent transparent;
	margin-left:auto;
	margin-right:auto;
}