@charset "utf-8";
/*
/////////////////////////////////////
common.css
updata：2013/11/27
汎用クラス
/////////////////////////////////////
*/

/* ----- YUI FONTSIZE ---- */

.text10 { font-size: 84%; }
.text11 { font-size: 92%; }
.text12 { font-size: 100%; }
.text13 { font-size: 109%; }
.text14 { font-size: 117%; }
.text15 { font-size: 125%; }
.text16 { font-size: 134%; }
.text17 { font-size: 142%; }
.text18 { font-size: 150%; }
.text19 { font-size: 159%; }
.text20 { font-size: 167%; }
.text21 { font-size: 175%; }
.text22 { font-size: 184%; }
.text23 { font-size: 192%; }
.text24 { font-size: 200%; }
.text25 { font-size: 209%; }
.text26 { font-size: 217%; }

.family-serif {font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.family-sans-serif {font-family:'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;}

/*alpha*/
.alpha:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/*clearfix*/
.cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.cf {
  min-height: 1px;
}

* html .cf {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*breadcrumbs*/
#Breadcrumbs {
	color:#84745F;
	height:25px;
	margin:10px 0 0 0;
}
#Breadcrumbs li {
	height:15px;
	float: left;
	padding: 5px 5px 5px 0;
}
#Breadcrumbs a{
	color: #84745F;
	padding: 0 5px 0 0;
}
#Breadcrumbs a:hover{
	text-decoration:none;
	color: #84745F;
}

/*ETC*/

.clear {	clear: both;}
.fl-right { float: right; }
.fl-left { float: left; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.bold {	font-weight: bold; }



/* width */

.w-0-per  { width:0%; }
.w-5-per  { width:5%; }
.w-10-per { width:10%; }
.w-15-per { width:15%; }
.w-20-per { width:20%; }
.w-25-per { width:25%; }
.w-30-per { width:30%; }
.w-35-per { width:35%; }
.w-40-per { width:40%; }
.w-45-per { width:45%; }
.w-50-per { width:50%; }
.w-55-per { width:55%; }
.w-60-per { width:60%; }
.w-65-per { width:65%; }
.w-70-per { width:70%; }
.w-75-per { width:75%; }
.w-80-per { width:80%; }
.w-85-per { width:85%; }
.w-90-per { width:90%; }
.w-95-per { width:95%; }
.w-100-per { width:100%; }

.w-0  { width:0px; }
.w-5  { width:5px; }
.w-10 { width:10px; }
.w-15 { width:15px; }
.w-20 { width:20px; }
.w-25 { width:25px; }
.w-30 { width:30px; }
.w-35 { width:35px; }
.w-40 { width:40px; }
.w-45 { width:45px; }
.w-50 { width:50px; }
.w-55 { width:55px; }
.w-60 { width:60px; }
.w-65 { width:65px; }
.w-70 { width:70px; }
.w-75 { width:75px; }
.w-80 { width:80px; }
.w-85 { width:85px; }
.w-90 { width:90px; }
.w-95 { width:95px; }
.w-100 { width:100px; }



/*margin*/

.m-5  { margin: 5px; }
.m-10 { margin: 10px; }
.m-15 { margin: 15px; }
.m-20 { margin: 20px; }
.m-25 { margin: 20px; }
.m-30 { margin: 20px; }
.m-35 { margin: 35px; }
.m-40 { margin: 40px; }
.m-45 { margin: 45px; }
.m-50 { margin: 50px; }

.mt-5 				{ margin-top: 5px; }
.mt-10				{ margin-top: 10px; }
.mt-15				{ margin-top: 15px; }
.mt-20				{ margin-top: 20px; }
.mt-25				{ margin-top: 25px; }
.mt-30				{ margin-top: 30px; }
.mt-35				{ margin-top: 35px; }
.mt-40				{ margin-top: 40px; }
.mt-45				{ margin-top: 45px; }
.mt-50				{ margin-top: 50px; }

.mr-5				{ margin-right: 5px; }
.mr-10				{ margin-right: 10px; }
.mr-15				{ margin-right: 15px; }
.mr-20				{ margin-right: 20px; }
.mr-25				{ margin-right: 25px; }
.mr-30				{ margin-right: 30px; }
.mr-35				{ margin-right: 35px; }
.mr-40				{ margin-right: 40px; }
.mr-45				{ margin-right: 45px; }
.mr-50				{ margin-right: 50px; }

.ml-5					{ margin-left: 5px; }
.ml-10				{ margin-left: 10px; }
.ml-15				{ margin-left: 15px; }
.ml-20				{ margin-left: 20px; }
.ml-25				{ margin-left: 25px; }
.ml-30				{ margin-left: 30px; }
.ml-35				{ margin-left: 35px; }
.ml-40				{ margin-left: 40px; }
.ml-45				{ margin-left: 45px; }
.ml-50				{ margin-left: 50px; }

.mb-5					{ margin-bottom: 5px; }
.mb-10				{ margin-bottom: 10px; }
.mb-15				{ margin-bottom: 15px; }
.mb-20				{ margin-bottom: 20px; }
.mb-25				{ margin-bottom: 25px; }
.mb-30				{ margin-bottom: 30px; }
.mb-35				{ margin-bottom: 35px; }
.mb-40				{ margin-bottom: 40px; }
.mb-45				{ margin-bottom: 45px; }
.mb-50				{ margin-bottom: 50px; }

.ml-auto { margin-left:  auto; }
.mr-auto { margin-right: auto; }

/*padding*/

.p-5  { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-25 { padding: 25px; }
.p-30 { padding: 30px; }
.p-35 { padding: 35px; }
.p-40 { padding: 40px; }
.p-45 { padding: 45px; }
.p-50 { padding: 50px; }

.pt-5					{ padding-top: 5px; }
.pt-10				{ padding-top: 10px; }
.pt-15				{ padding-top: 15px; }
.pt-20				{ padding-top: 20px; }
.pt-25				{ padding-top: 25px; }
.pt-30				{ padding-top: 30px; }
.pt-35				{ padding-top: 35px; }
.pt-40				{ padding-top: 40px; }
.pt-45				{ padding-top: 45px; }
.pt-50				{ padding-top: 50px; }

.pr-5					{ padding-right: 5px; }
.pr-10				{ padding-right: 10px; }
.pr-15				{ padding-right: 15px; }
.pr-20				{ padding-right: 20px; }
.pr-25				{ padding-right: 25px; }
.pr-30				{ padding-right: 30px; }
.pr-35				{ padding-right: 35px; }
.pr-40				{ padding-right: 40px; }
.pr-45				{ padding-right: 45px; }
.pr-50				{ padding-right: 50px; }

.pl-5					{ padding-left: 5px; }
.pl-10				{ padding-left: 10px; }
.pl-15				{ padding-left: 15px; }
.pl-20				{ padding-left: 20px; }
.pl-25				{ padding-left: 25px; }
.pl-30				{ padding-left: 30px; }
.pl-35				{ padding-left: 35px; }
.pl-40				{ padding-left: 40px; }
.pl-45				{ padding-left: 45px; }
.pl-50				{ padding-left: 50px; }

.pb-5					{ padding-bottom: 5px; }
.pb-10				{ padding-bottom: 10px; }
.pb-15				{ padding-bottom: 15px; }
.pb-20				{ padding-bottom: 20px; }
.pb-25				{ padding-bottom: 25px; }
.pb-30				{ padding-bottom: 30px; }
.pb-35				{ padding-bottom: 35px; }
.pb-40				{ padding-bottom: 40px; }
.pb-45				{ padding-bottom: 45px; }
.pb-50				{ padding-bottom: 50px; }


/* 1200px～ */
@media screen and (min-width : 1200px) {

	.lg-m-5  { margin: 5px; }
	.lg-m-10 { margin: 10px; }
	.lg-m-15 { margin: 15px; }
	.lg-m-20 { margin: 20px; }
	.lg-m-25 { margin: 25px; }
	.lg-m-30 { margin: 30px; }
	.lg-m-35 { margin: 35px; }
	.lg-m-40 { margin: 40px; }
	.lg-m-45 { margin: 45px; }
	.lg-m-50 { margin: 50px; }

	.lg-p-5  { padding: 5px; }
	.lg-p-10 { padding: 10px; }
	.lg-p-15 { padding: 15px; }
	.lg-p-20 { padding: 10px; }
	.lg-p-25 { padding: 10px; }
	.lg-p-30 { padding: 10px; }
	.lg-p-35 { padding: 10px; }
	.lg-p-40 { padding: 10px; }
	.lg-p-45 { padding: 10px; }
	.lg-p-50 { padding: 10px; }


	.lg-ml-5  { margin-left: 5px; }
	.lg-ml-10 { margin-left:10px; }
	.lg-ml-15 { margin-left:15px; }
	.lg-ml-20 { margin-left:20px; }
	.lg-ml-25 { margin-left:25px; }
	.lg-ml-30 { margin-left:30px; }
	.lg-ml-35 { margin-left:35px; }
	.lg-ml-40 { margin-left:40px; }
	.lg-ml-45 { margin-left:45px; }
	.lg-ml-50 { margin-left:50px; }

	.lg-ml-5m  { margin-left: -5px; }
	.lg-ml-10m { margin-left:-10px; }
	.lg-ml-15m { margin-left:-15px; }
	.lg-ml-20m { margin-left:-20px; }
	.lg-ml-25m { margin-left:-25px; }
	.lg-ml-30m { margin-left:-30px; }
	.lg-ml-35m { margin-left:-35px; }
	.lg-ml-40m { margin-left:-40px; }
	.lg-ml-45m { margin-left:-45px; }
	.lg-ml-50m { margin-left:-50px; }


	.lg-mr-5  { margin-right: 5px; }
	.lg-mr-10 { margin-right:10px; }
	.lg-mr-15 { margin-right:15px; }
	.lg-mr-20 { margin-right:20px; }
	.lg-mr-25 { margin-right:25px; }
	.lg-mr-30 { margin-right:30px; }
	.lg-mr-35 { margin-right:35px; }
	.lg-mr-40 { margin-right:40px; }
	.lg-mr-45 { margin-right:45px; }
	.lg-mr-50 { margin-right:50px; }

	.lg-mr-5m  { margin-right: -5px; }
	.lg-mr-10m { margin-right:-10px; }
	.lg-mr-15m { margin-right:-15px; }
	.lg-mr-20m { margin-right:-20px; }
	.lg-mr-25m { margin-right:-25px; }
	.lg-mr-30m { margin-right:-30px; }
	.lg-mr-35m { margin-right:-35px; }
	.lg-mr-40m { margin-right:-40px; }
	.lg-mr-45m { margin-right:-45px; }
	.lg-mr-50m { margin-right:-50px; }

	.lg-mb-5  { margin-bottom: 5px; }
	.lg-mb-10 { margin-bottom:10px; }
	.lg-mb-15 { margin-bottom:15px; }
	.lg-mb-20 { margin-bottom:20px; }
	.lg-mb-25 { margin-bottom:25px; }
	.lg-mb-30 { margin-bottom:30px; }
	.lg-mb-35 { margin-bottom:35px; }
	.lg-mb-40 { margin-bottom:40px; }
	.lg-mb-45 { margin-bottom:45px; }
	.lg-mb-50 { margin-bottom:50px; }

	.lg-mt-5  { margin-top: 5px; }
	.lg-mt-10 { margin-top:10px; }
	.lg-mt-15 { margin-top:15px; }
	.lg-mt-20 { margin-top:20px; }
	.lg-mt-25 { margin-top:25px; }
	.lg-mt-30 { margin-top:30px; }
	.lg-mt-35 { margin-top:35px; }
	.lg-mt-40 { margin-top:40px; }
	.lg-mt-45 { margin-top:45px; }
	.lg-mt-50 { margin-top:50px; }

	.lg-ml-auto { margin-left:  auto; }
	.lg-mr-auto { margin-right: auto; }

	.lg-pb-5  { padding-bottom: 5px; }
	.lg-pb-10 { padding-bottom:10px; }
	.lg-pb-15 { padding-bottom:15px; }
	.lg-pb-20 { padding-bottom:20px; }
	.lg-pb-25 { padding-bottom:25px; }
	.lg-pb-30 { padding-bottom:30px; }
	.lg-pb-35 { padding-bottom:35px; }
	.lg-pb-40 { padding-bottom:40px; }
	.lg-pb-45 { padding-bottom:45px; }
	.lg-pb-50 { padding-bottom:50px; }

	.lg-pt-5  { padding-top: 5px; }
	.lg-pt-10 { padding-top:10px; }
	.lg-pt-15 { padding-top:15px; }
	.lg-pt-20 { padding-top:20px; }
	.lg-pt-25 { padding-top:25px; }
	.lg-pt-30 { padding-top:30px; }
	.lg-pt-35 { padding-top:35px; }
	.lg-pt-40 { padding-top:40px; }
	.lg-pt-45 { padding-top:45px; }
	.lg-pt-50 { padding-top:50px; }

	.lg-w-5-per  { width: 5%; }
	.lg-w-10-per { width:10%; }
	.lg-w-15-per { width:15%; }
	.lg-w-20-per { width:20%; }
	.lg-w-25-per { width:25%; }
	.lg-w-30-per { width:30%; }
	.lg-w-35-per { width:35%; }
	.lg-w-40-per { width:40%; }
	.lg-w-45-per { width:45%; }
	.lg-w-50-per { width:50%; }
	.lg-w-55-per { width:55%; }
	.lg-w-60-per { width:60%; }
	.lg-w-65-per { width:65%; }
	.lg-w-70-per { width:70%; }
	.lg-w-75-per { width:75%; }
	.lg-w-80-per { width:80%; }
	.lg-w-85-per { width:85%; }
	.lg-w-90-per { width:90%; }
	.lg-w-95-per { width:95%; }
	.lg-w-100-per { width:100%; }

}

/* 992px～1199px */
@media screen and (min-width: 992px) and (max-width: 1199px) {

	.md-m-5  { margin: 5px; }
	.md-m-10 { margin: 10px; }
	.md-m-15 { margin: 15px; }
	.md-m-20 { margin: 20px; }
	.md-m-25 { margin: 25px; }
	.md-m-30 { margin: 30px; }
	.md-m-35 { margin: 35px; }
	.md-m-40 { margin: 40px; }
	.md-m-45 { margin: 45px; }
	.md-m-50 { margin: 50px; }

	.md-p-5  { padding: 5px; }
	.md-p-10 { padding: 10px; }
	.md-p-15 { padding: 15px; }
	.md-p-20 { padding: 10px; }
	.md-p-25 { padding: 10px; }
	.md-p-30 { padding: 10px; }
	.md-p-35 { padding: 10px; }
	.md-p-40 { padding: 10px; }
	.md-p-45 { padding: 10px; }
	.md-p-50 { padding: 10px; }


	.md-ml-5  { margin-left: 5px; }
	.md-ml-10 { margin-left:10px; }
	.md-ml-15 { margin-left:15px; }
	.md-ml-20 { margin-left:20px; }
	.md-ml-25 { margin-left:25px; }
	.md-ml-30 { margin-left:30px; }
	.md-ml-35 { margin-left:35px; }
	.md-ml-40 { margin-left:40px; }
	.md-ml-45 { margin-left:45px; }
	.md-ml-50 { margin-left:50px; }

	.md-mr-5  { margin-right: 5px; }
	.md-mr-10 { margin-right:10px; }
	.md-mr-15 { margin-right:15px; }
	.md-mr-20 { margin-right:20px; }
	.md-mr-25 { margin-right:25px; }
	.md-mr-30 { margin-right:30px; }
	.md-mr-35 { margin-right:35px; }
	.md-mr-40 { margin-right:40px; }
	.md-mr-45 { margin-right:45px; }
	.md-mr-50 { margin-right:50px; }



	.md-ml-5m  { margin-left: -5px; }
	.md-ml-10m { margin-left:-10px; }
	.md-ml-15m { margin-left:-15px; }
	.md-ml-20m { margin-left:-20px; }
	.md-ml-25m { margin-left:-25px; }
	.md-ml-30m { margin-left:-30px; }
	.md-ml-35m { margin-left:-35px; }
	.md-ml-40m { margin-left:-40px; }
	.md-ml-45m { margin-left:-45px; }
	.md-ml-50m { margin-left:-50px; }

	.md-mr-5m  { margin-right: -5px; }
	.md-mr-10m { margin-right:-10px; }
	.md-mr-15m { margin-right:-15px; }
	.md-mr-20m { margin-right:-20px; }
	.md-mr-25m { margin-right:-25px; }
	.md-mr-30m { margin-right:-30px; }
	.md-mr-35m { margin-right:-35px; }
	.md-mr-40m { margin-right:-40px; }
	.md-mr-45m { margin-right:-45px; }
	.md-mr-50m { margin-right:-50px; }



	.md-mb-5  { margin-bottom: 5px; }
	.md-mb-10 { margin-bottom:10px; }
	.md-mb-15 { margin-bottom:15px; }
	.md-mb-20 { margin-bottom:20px; }
	.md-mb-25 { margin-bottom:25px; }
	.md-mb-30 { margin-bottom:30px; }
	.md-mb-35 { margin-bottom:35px; }
	.md-mb-40 { margin-bottom:40px; }
	.md-mb-45 { margin-bottom:45px; }
	.md-mb-50 { margin-bottom:50px; }

	.md-mt-5  { margin-top: 5px; }
	.md-mt-10 { margin-top:10px; }
	.md-mt-15 { margin-top:15px; }
	.md-mt-20 { margin-top:20px; }
	.md-mt-25 { margin-top:25px; }
	.md-mt-30 { margin-top:30px; }
	.md-mt-35 { margin-top:35px; }
	.md-mt-40 { margin-top:40px; }
	.md-mt-45 { margin-top:45px; }
	.md-mT-50 { margin-top:50px; }

	.md-ml-auto { margin-left:  auto; }
	.md-mr-auto { margin-right: auto; }

	.md-pb-5  { padding-bottom: 5px; }
	.md-pb-10 { padding-bottom:10px; }
	.md-pb-15 { padding-bottom:15px; }
	.md-pb-20 { padding-bottom:20px; }
	.md-pb-25 { padding-bottom:25px; }
	.md-pb-30 { padding-bottom:30px; }
	.md-pb-35 { padding-bottom:35px; }
	.md-pb-40 { padding-bottom:40px; }
	.md-pb-45 { padding-bottom:45px; }
	.md-pb-50 { padding-bottom:50px; }

	.md-pt-5  { padding-top: 5px; }
	.md-pt-10 { padding-top:10px; }
	.md-pt-15 { padding-top:15px; }
	.md-pt-20 { padding-top:20px; }
	.md-pt-25 { padding-top:25px; }
	.md-pt-30 { padding-top:30px; }
	.md-pt-35 { padding-top:35px; }
	.md-pt-40 { padding-top:40px; }
	.md-pt-45 { padding-top:45px; }
	.md-pt-50 { padding-top:50px; }

	.md-w-5-per  { width: 5%; }
	.md-w-10-per { width:10%; }
	.md-w-15-per { width:15%; }
	.md-w-20-per { width:20%; }
	.md-w-25-per { width:25%; }
	.md-w-30-per { width:30%; }
	.md-w-35-per { width:35%; }
	.md-w-40-per { width:40%; }
	.md-w-45-per { width:45%; }
	.md-w-50-per { width:50%; }
	.md-w-55-per { width:55%; }
	.md-w-60-per { width:60%; }
	.md-w-65-per { width:65%; }
	.md-w-70-per { width:70%; }
	.md-w-75-per { width:75%; }
	.md-w-80-per { width:80%; }
	.md-w-85-per { width:85%; }
	.md-w-90-per { width:90%; }
	.md-w-95-per { width:95%; }
	.md-w-100-per { width:100%; }


}
/* 768px～991px */
@media screen and (min-width: 768px) and (max-width: 991px) {

	.sm-m-5  { margin: 5px; }
	.sm-m-10 { margin: 10px; }
	.sm-m-15 { margin: 15px; }
	.sm-m-20 { margin: 20px; }
	.sm-m-25 { margin: 25px; }
	.sm-m-30 { margin: 30px; }
	.sm-m-35 { margin: 35px; }
	.sm-m-40 { margin: 40px; }
	.sm-m-45 { margin: 45px; }
	.sm-m-50 { margin: 50px; }

	.sm-p-5  { padding: 5px; }
	.sm-p-10 { padding: 10px; }
	.sm-p-15 { padding: 15px; }
	.sm-p-20 { padding: 20px; }
	.sm-p-25 { padding: 25px; }
	.sm-p-30 { padding: 30px; }
	.sm-p-35 { padding: 35px; }
	.sm-p-40 { padding: 40px; }
	.sm-p-45 { padding: 45px; }
	.sm-p-50 { padding: 50px; }



	.sm-ml-5  { margin-left: 5px; }
	.sm-ml-10 { margin-left:10px; }
	.sm-ml-15 { margin-left:15px; }
	.sm-ml-20 { margin-left:20px; }
	.sm-ml-25 { margin-left:25px; }
	.sm-ml-30 { margin-left:30px; }
	.sm-ml-35 { margin-left:35px; }
	.sm-ml-40 { margin-left:40px; }
	.sm-ml-45 { margin-left:45px; }
	.sm-ml-50 { margin-left:50px; }

	.sm-mr-5  { margin-right: 5px; }
	.sm-mr-10 { margin-right:10px; }
	.sm-mr-15 { margin-right:15px; }
	.sm-mr-20 { margin-right:20px; }
	.sm-mr-25 { margin-right:25px; }
	.sm-mr-30 { margin-right:30px; }
	.sm-mr-35 { margin-right:35px; }
	.sm-mr-40 { margin-right:40px; }
	.sm-mr-45 { margin-right:45px; }
	.sm-mr-50 { margin-right:50px; }



	.sm-ml-5m  { margin-left: -5px; }
	.sm-ml-10m { margin-left:-10px; }
	.sm-ml-15m { margin-left:-15px; }
	.sm-ml-20m { margin-left:-20px; }
	.sm-ml-25m { margin-left:-25px; }
	.sm-ml-30m { margin-left:-30px; }
	.sm-ml-35m { margin-left:-35px; }
	.sm-ml-40m { margin-left:-40px; }
	.sm-ml-45m { margin-left:-45px; }
	.sm-ml-50m { margin-left:-50px; }

	.sm-mr-5m  { margin-right: -5px; }
	.sm-mr-10m { margin-right:-10px; }
	.sm-mr-15m { margin-right:-15px; }
	.sm-mr-20m { margin-right:-20px; }
	.sm-mr-25m { margin-right:-25px; }
	.sm-mr-30m { margin-right:-30px; }
	.sm-mr-35m { margin-right:-35px; }
	.sm-mr-40m { margin-right:-40px; }
	.sm-mr-45m { margin-right:-45px; }
	.sm-mr-50m { margin-right:-50px; }

	.sm-ml-auto { margin-left:  auto; }
	.sm-mr-auto { margin-right: auto; }

	.xs-pl-5  { padding-left: 5px; }
	.xs-pl-10 { padding-left:10px; }
	.xs-pl-15 { padding-left:15px; }
	.xs-pl-20 { padding-left:20px; }
	.xs-pl-25 { padding-left:25px; }
	.xs-pl-30 { padding-left:30px; }
	.xs-pl-35 { padding-left:35px; }
	.xs-pl-40 { padding-left:40px; }
	.xs-pl-45 { padding-left:45px; }
	.xs-pl-50 { padding-left:50px; }

	.xs-pr-5  { padding-right: 5px; }
	.xs-pr-10 { padding-right:10px; }
	.xs-pr-15 { padding-right:15px; }
	.xs-pr-20 { padding-right:20px; }
	.xs-pr-25 { padding-right:25px; }
	.xs-pr-30 { padding-right:30px; }
	.xs-pr-35 { padding-right:35px; }
	.xs-pr-40 { padding-right:40px; }
	.xs-pr-45 { padding-right:45px; }
	.xs-pr-50 { padding-right:50px; }



	.sm-mb-5  { margin-bottom: 5px; }
	.sm-mb-10 { margin-bottom:10px; }
	.sm-mb-15 { margin-bottom:15px; }
	.sm-mb-20 { margin-bottom:20px; }
	.sm-mb-25 { margin-bottom:25px; }
	.sm-mb-30 { margin-bottom:30px; }
	.sm-mb-35 { margin-bottom:35px; }
	.sm-mb-40 { margin-bottom:40px; }
	.sm-mb-45 { margin-bottom:45px; }
	.sm-mb-50 { margin-bottom:50px; }

	.sm-mt-5  { margin-top: 5px; }
	.sm-mt-10 { margin-top:10px; }
	.sm-mt-15 { margin-top:15px; }
	.sm-mt-20 { margin-top:20px; }
	.sm-mt-25 { margin-top:25px; }
	.sm-mt-30 { margin-top:30px; }
	.sm-mt-35 { margin-top:35px; }
	.sm-mt-40 { margin-top:40px; }
	.sm-mt-45 { margin-top:45px; }
	.sm-mt-50 { margin-top:50px; }

	.sm-pb-5  { padding-bottom: 5px; }
	.sm-pb-10 { padding-bottom:10px; }
	.sm-pb-15 { padding-bottom:15px; }
	.sm-pb-20 { padding-bottom:20px; }
	.sm-pb-25 { padding-bottom:25px; }
	.sm-pb-30 { padding-bottom:30px; }
	.sm-pb-35 { padding-bottom:35px; }
	.sm-pb-40 { padding-bottom:40px; }
	.sm-pb-45 { padding-bottom:45px; }
	.sm-pb-50 { padding-bottom:50px; }

	.sm-pt-5  { padding-top: 5px; }
	.sm-pt-10 { padding-top:10px; }
	.sm-pt-15 { padding-top:15px; }
	.sm-pt-20 { padding-top:20px; }
	.sm-pt-25 { padding-top:25px; }
	.sm-pt-30 { padding-top:30px; }
	.sm-pt-35 { padding-top:35px; }
	.sm-pt-40 { padding-top:40px; }
	.sm-pt-45 { padding-top:45px; }
	.sm-pt-50 { padding-top:50px; }

	.sm-w-5-per  { width: 5%; }
	.sm-w-10-per { width:10%; }
	.sm-w-15-per { width:15%; }
	.sm-w-20-per { width:20%; }
	.sm-w-25-per { width:25%; }
	.sm-w-30-per { width:30%; }
	.sm-w-35-per { width:35%; }
	.sm-w-40-per { width:40%; }
	.sm-w-45-per { width:45%; }
	.sm-w-50-per { width:50%; }
	.sm-w-55-per { width:55%; }
	.sm-w-60-per { width:60%; }
	.sm-w-65-per { width:65%; }
	.sm-w-70-per { width:70%; }
	.sm-w-75-per { width:75%; }
	.sm-w-80-per { width:80%; }
	.sm-w-85-per { width:85%; }
	.sm-w-90-per { width:90%; }
	.sm-w-95-per { width:95%; }
	.sm-w-100-per { width:100%; }
}
/* ～767px */
@media screen and (max-width : 767px) {

	.xs-m-5  { margin: 5px; }
	.xs-m-10 { margin: 10px; }
	.xs-m-15 { margin: 15px; }
	.xs-m-20 { margin: 20px; }
	.xs-m-25 { margin: 25px; }
	.xs-m-30 { margin: 30px; }
	.xs-m-35 { margin: 35px; }
	.xs-m-40 { margin: 40px; }
	.xs-m-45 { margin: 45px; }
	.xs-m-50 { margin: 50px; }

	.xs-p-5  { padding: 5px; }
	.xs-p-10 { padding: 10px; }
	.xs-p-15 { padding: 15px; }
	.xs-p-20 { padding: 10px; }
	.xs-p-25 { padding: 10px; }
	.xs-p-30 { padding: 10px; }
	.xs-p-35 { padding: 10px; }
	.xs-p-40 { padding: 10px; }
	.xs-p-45 { padding: 10px; }
	.xs-p-50 { padding: 10px; }

	.xs-mb-5  { margin-bottom: 5px; }
	.xs-mb-10 { margin-bottom:10px; }
	.xs-mb-15 { margin-bottom:15px; }
	.xs-mb-20 { margin-bottom:20px; }
	.xs-mb-25 { margin-bottom:25px; }
	.xs-mb-30 { margin-bottom:30px; }
	.xs-mb-35 { margin-bottom:35px; }
	.xs-mb-40 { margin-bottom:40px; }
	.xs-mb-45 { margin-bottom:45px; }
	.xs-mb-50 { margin-bottom:50px; }

	.xs-mt-5  { margin-top: 5px; }
	.xs-mt-10 { margin-top:10px; }
	.xs-mt-15 { margin-top:15px; }
	.xs-mt-20 { margin-top:20px; }
	.xs-mt-25 { margin-top:25px; }
	.xs-mt-30 { margin-top:30px; }
	.xs-mt-35 { margin-top:35px; }
	.xs-mt-40 { margin-top:40px; }
	.xs-mt-45 { margin-top:45px; }
	.xs-mt-50 { margin-top:50px; }

	.xs-ml-5  { margin-left: 5px; }
	.xs-ml-10 { margin-left:10px; }
	.xs-ml-15 { margin-left:15px; }
	.xs-ml-20 { margin-left:20px; }
	.xs-ml-25 { margin-left:25px; }
	.xs-ml-30 { margin-left:30px; }
	.xs-ml-35 { margin-left:35px; }
	.xs-ml-40 { margin-left:40px; }
	.xs-ml-45 { margin-left:45px; }
	.xs-ml-50 { margin-left:50px; }

	.xs-mr-5  { margin-right: 5px; }
	.xs-mr-10 { margin-right:10px; }
	.xs-mr-15 { margin-right:15px; }
	.xs-mr-20 { margin-right:20px; }
	.xs-mr-25 { margin-right:25px; }
	.xs-mr-30 { margin-right:30px; }
	.xs-mr-35 { margin-right:35px; }
	.xs-mr-40 { margin-right:40px; }
	.xs-mr-45 { margin-right:45px; }
	.xs-mr-50 { margin-right:50px; }

	.xs-ml-5m  { margin-left: -5px; }
	.xs-ml-10m { margin-left:-10px; }
	.xs-ml-15m { margin-left:-15px; }
	.xs-ml-20m { margin-left:-20px; }
	.xs-ml-25m { margin-left:-25px; }
	.xs-ml-30m { margin-left:-30px; }
	.xs-ml-35m { margin-left:-35px; }
	.xs-ml-40m { margin-left:-40px; }
	.xs-ml-45m { margin-left:-45px; }
	.xs-ml-50m { margin-left:-50px; }

	.xs-mr-5m  { margin-right: -5px; }
	.xs-mr-10m { margin-right:-10px; }
	.xs-mr-15m { margin-right:-15px; }
	.xs-mr-20m { margin-right:-20px; }
	.xs-mr-25m { margin-right:-25px; }
	.xs-mr-30m { margin-right:-30px; }
	.xs-mr-35m { margin-right:-35px; }
	.xs-mr-40m { margin-right:-40px; }
	.xs-mr-45m { margin-right:-45px; }
	.xs-mr-50m { margin-right:-50px; }

	.xs-ml-auto { margin-left:  auto; }
	.xs-mr-auto { margin-right: auto; }

	.xs-pl-5  { padding-left: 5px; }
	.xs-pl-10 { padding-left:10px; }
	.xs-pl-15 { padding-left:15px; }
	.xs-pl-20 { padding-left:20px; }
	.xs-pl-25 { padding-left:25px; }
	.xs-pl-30 { padding-left:30px; }
	.xs-pl-35 { padding-left:35px; }
	.xs-pl-40 { padding-left:40px; }
	.xs-pl-45 { padding-left:45px; }
	.xs-pl-50 { padding-left:50px; }

	.xs-pr-5  { padding-right: 5px; }
	.xs-pr-10 { padding-right:10px; }
	.xs-pr-15 { padding-right:15px; }
	.xs-pr-20 { padding-right:20px; }
	.xs-pr-25 { padding-right:25px; }
	.xs-pr-30 { padding-right:30px; }
	.xs-pr-35 { padding-right:35px; }
	.xs-pr-40 { padding-right:40px; }
	.xs-pr-45 { padding-right:45px; }
	.xs-pr-50 { padding-right:50px; }





	.xs-pb-5  { padding-bottom: 5px; }
	.xs-pb-10 { padding-bottom:10px; }
	.xs-pb-15 { padding-bottom:15px; }
	.xs-pb-20 { padding-bottom:20px; }
	.xs-pb-25 { padding-bottom:25px; }
	.xs-pb-30 { padding-bottom:30px; }
	.xs-pb-35 { padding-bottom:35px; }
	.xs-pb-40 { padding-bottom:40px; }
	.xs-pb-45 { padding-bottom:45px; }
	.xs-pb-50 { padding-bottom:50px; }

	.xs-pt-5  { padding-top: 5px; }
	.xs-pt-10 { padding-top:10px; }
	.xs-pt-15 { padding-top:15px; }
	.xs-pt-20 { padding-top:20px; }
	.xs-pt-25 { padding-top:25px; }
	.xs-pt-30 { padding-top:30px; }
	.xs-pt-35 { padding-top:35px; }
	.xs-pt-40 { padding-top:40px; }
	.xs-pt-45 { padding-top:45px; }
	.xs-pt-50 { padding-top:50px; }

	.xs-w-5-per  { width: 5%; }
	.xs-w-10-per { width:10%; }
	.xs-w-15-per { width:15%; }
	.xs-w-20-per { width:20%; }
	.xs-w-25-per { width:25%; }
	.xs-w-30-per { width:30%; }
	.xs-w-35-per { width:35%; }
	.xs-w-40-per { width:40%; }
	.xs-w-45-per { width:45%; }
	.xs-w-50-per { width:50%; }
	.xs-w-55-per { width:55%; }
	.xs-w-60-per { width:60%; }
	.xs-w-65-per { width:65%; }
	.xs-w-70-per { width:70%; }
	.xs-w-75-per { width:75%; }
	.xs-w-80-per { width:80%; }
	.xs-w-85-per { width:85%; }
	.xs-w-90-per { width:90%; }
	.xs-w-95-per { width:95%; }
	.xs-w-100-per { width:100%; }
}

/* table style */

.table { display: table; }
.table-cell { display: table-cell; }


/* radius style */

.radius-5 {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.radius-10 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.radius-15 {
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
.radius-20 {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
.radius-25 {
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}
.radius-30 {
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

/* line-height */

.line-10 { line-height: 1; }
.line-11 {	line-height: 1.1; }
.line-12 {	line-height: 1.2; }
.line-13 {	line-height: 1.3; }
.line-14 {	line-height: 1.4; }
.line-15 {	line-height: 1.5; }
.line-16 {	line-height: 1.6; }
.line-17 {	line-height: 1.7; }
.line-18 {	line-height: 1.8; }
.line-19 {	line-height: 1.9; }
.line-20 {	line-height: 2.0; }


/* no responsive col style */

/* column float */
.col { float: left; }
/* three column */
.col-3 {
	width: 32%;
	margin-right: 2%;
}
.col-3._end {
	margin-right: 0%;
}
.col-3 .picture {
	width: 100%;
}

/* DLのスタイルを定義
------------------------------------------------*/

/* dl style base */
dl.dl-border {
	position: relative;
}
dl.dl-border dt,
dl.dl-border dd {
	padding-top: 5px;
	padding-bottom: 5px;
}
dl.dl-border dt {
	position: absolute;
	left: 0px;
	width: 150px;
}
dl.dl-border dd {
	padding-left: 150px;
	border-bottom: 1px solid #CCC;
}

/* smartphone */
@media only screen and (max-width: 767px){
	dl.dl-border dt { 
		position: inherit;
		width: 100%;
		left: inherit;
		border-bottom: 1px solid #CCC;
	}
	dl.dl-border dd { 
		padding-left: inherit;
	}
}

/* ドット線 */
dl.dl-dotted dt, dl.dl-dotted dd { border-style: dotted; }
/* ダッシュ線 */
dl.dl-dashed dt, dl.dl-dashed dd { border-style: dashed; }




dl.cstyle-dl-border-color-red dt,
dl.cstyle-dl-border-color-red dd { 
	border-color: red!important;
}

/* BORDER
------------------------------------------------*/

/* border */
.border { border: 1px solid #CCC; }
.border-top { border-top: 1px solid #CCC; }
.border-left { border-left: 1px solid #CCC; }
.border-bottom { border-bottom: 1px solid #CCC; }
.border-right { border-right: 1px solid #CCC; }

/* border-style */
.border-solid { border-style: solid; }
.border-dotted { border-style: dotted; }
.border-dashed { border-style: dashed; }

/* border color */
.border-black  { border-color: black; }
.border-gray   { border-color: gray; }
.border-silver { border-color: silver; }
.border-white  { border-color: white; }
.border-blue   { border-color: blue; }
.border-navy   { border-color: navy; }
.border-teal   { border-color: teal; }
.border-green  { border-color: green; }
.border-lime   { border-color: lime; }
.border-aqua   { border-color: aqua; }
.border-yellow { border-color: yellow; }
.border-red    { border-color: red; }
.border-fuchsia{ border-color: fuchsia; }
.border-olive  { border-color: olive; }
.border-purple { border-color: purple; }
.border-maroon { border-color: maroon; }



/* TEXT COLOR
------------------------------------------------*/

.color-black  { color: black; }
.color-gray   { color: gray; }
.color-silver { color: silver; }
.color-white  { color: white; }
.color-blue   { color: blue; }
.color-navy   { color: navy; }
.color-teal   { color: teal; }
.color-green  { color: green; }
.color-lime   { color: lime; }
.color-aqua   { color: aqua; }
.color-yellow { color: yellow; }
.color-red    { color: red; }
.color-fuchsia{ color: fuchsia; }
.color-olive  { color: olive; }
.color-purple { color: purple; }
.color-maroon { color: maroon; }

.table-border {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.table-border th,
.table-border td {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

.table-padding-5 th,
.table-padding-5 td {
	padding: 5px;
}


/* MainMenu　for PC
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){

}

/* MainMenu iPad size 以下
------------------------------------------------------------*/
@media only screen and (max-width:1024px){

}

/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){

}



/* メインメニュー + 検索ボックス iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){

}