
<!-- PHP end -------------------------------------------------------------------------------- -->

  
/* 制作メモ　===================================================
★★★印

H3		darkorange (153)
Text	#333
Link
BG			#fff
├BG-color1  E6ECED (news back)
├BG-color2  steelblue
└BG-color3  steelblue
HR-line		green

Top-Likne	#8C5059	(58)
KeyImage-BG	#666
Menu-color	#eee
GO-top_btn (312)

-------------------------------------------------------------- */
/* COMMON
-------------------------------------------------------------- */
br.clear{clear:both;}
.float-right{float:right;margin:0px 0px 8px 8px;}
.float-left{float:left;margin:0px 8px 8px 0px;}
.justify{text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;}
strong{font-size:1.1em; font-weight:800;}
b{font-weight: 700;}
.center{ text-align: center;}
.left{ text-align: left}
.right{ text-align: right}
img { -ms-interpolation-mode: bicubic; }
.serif{font-family: 'Times New Roman', serif;}
.serif_jp{ font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "游明朝", YuMincho,  "メイリオ", Meiryo, serif; }
.sans-serif_jp{}
a:focus { outline:none;}
/* ★★★ */
a{ text-decoration: none; outline:none; color:#394676;  }
a:hover{ filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; color: #666666; outline:none}
a img:hover{filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;color:#fff;}


-------------------------------------------------------------- */
/* 開発中
-------------------------------------------------------------- */
/* ボタン */
.styled_button {
	-webkit-box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
	background-color:#5B74A8;
	border:1px solid #29447E;
	font-family:'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;
	font-size:1em;
	font-weight:400;
	padding:2px 6px;
	color:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
  input[type="button"],input[type="submit"] ,input[type="reset"],input[type="text"]{
    -webkit-appearance: none;
    font-size:1em;
  }
  input[type="radio"]{font-size:1.2em;}
  select{font-size:1em;}
  textarea {font-size:1em;}
  
-------------------------------------------------------------- */
/* kawasaki pallet
-------------------------------------------------------------- */
.blue{border: solid 1px blue;}
.red{border: solid 1px red;}
.green{border: solid 1px green;}
.navy{border: solid 1px navy;}
.orange{border: solid 1px orange;}
.black{border: solid 1px black;}
.gray{border: solid 1px #666;}

.red1{border: solid 1px red; padding:0.7em;background:white;color:#333 }
.red2{border: solid 2px red; padding:0.7em;background:white;color:#333 }
.orange1{border: solid 1px orange; padding:0.7em;background:white;color:#333}
.orange2{border: solid 2px orange; padding:0.7em;background:white;color:#333}
.navy1{border: solid 1px navy; padding:0.7em;background:white;color:#333}
.navy2{border: solid 2px navy; padding:0.7em;background:white;color:#333}
.black1{border: solid 1px black; padding:0.7em;background:white;color:#333}
.blac2k{border: solid 2px black; padding:0.7em;background:white;color:#333}
.gray1{border: solid 1px #666; padding:0.7em;background:white;color:#333}
.gray2{border: solid 2px #666; padding:0.7em;background:white;color:#333}


@media only screen{
img {max-width: 100%;height: auto;}}
.fixed { position: fixed; top: 0; width: 100%; z-index: 10;}
.hidden_pc { display: none; } /* ★★ PCでIMG非表示 ★★ */


/* LAYOUT
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★ */
body{ color:#333;  font-size: 17px; line-height: 1.8em; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", Verdana, YuGothic,"メイリオ", Meiryo, sans-seri;}

body,html{ height: 100%}

#loading{ width: 100%; height: 100% ; background-image: url("../images/loading.gif"); background-repeat: no-repeat; background-position: center center;}

/* ★★★ */
#wrapper{ width: 100%; margin: 0 auto; background: white; position: relative; display: none;
border-top:5px solid #394676;  } /* ★★★ TOP-line*/
 
#head-line{ border:5px solid #394676; margin-top:1em; } /* 

 
/* HEADER
-------------------------------------------------------------- */
div#header{ width: 100%; position: relative;}

/* ページ内固定ブロック============================================================ */
.cont_head{ width: 920px; margin: 0 auto; padding: 0;}

/* ★ロゴ */
h1{ text-align: center; padding: 0; border: solid 1px white;}  /* ★== */
h1 a{ display: block; text-indent: -99999px; width: 350px; height: 70px; background: url(../images/logo.png) no-repeat;  -moz-background-size:350px auto; background-size:350px auto ; margin: 4px auto 3px;}

 /* ★★★　小見出し */
h3{color:darkorange; font-size: 1.5em; font-weight: 700; padding-bottom: 0.3em; margin-top: 0;} 


ul.menu li a{ display: block;}


ul#sns{ position: absolute; top:5px; right: 3em;}/* ★★★SNSボタン位置 */
ul#sns li{ float: right; padding-left: 10px; margin-bottom:5px  }
ul#sns li a{ text-indent: -99999px; width: 20px; height: 20px}
ul#sns li#fb a{ background: url(../images/sns.gif) no-repeat; }
ul#sns li#tw a{ background: url(../images/sns.gif) no-repeat -30px 0;}

/* 大メニュー */
div#header_menu_cont{ background: #394676;}	/* ★★★メニュー背景色 */
ul#header_menu{ width: 950px; margin: 0 auto; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "游明朝", YuMincho,  "メイリオ", Meiryo, serif; }
ul#header_menu li{ float: left; padding:18px 0 0.5em 2em ; font-size: 24px;}	/* ★文字サイズ */
ul#header_menu li a{color: white;}	/* ★★★　文字色 */
ul#header_menu li:first-child{ padding-left: 0;}
ul#header_menu li.ov{background: url(../images/menu_ov.gif) 50px 42px no-repeat;}
ul#header_menu li.m00{ height: 34px; padding-top: 16px;font-size:2em; }

/* 中メニュー */
ul#header_menu_sm{ display: none;}

/* 小メニュー */
div#sm_menu_wrap{ display: none}


/* メイン画像表示 */
.slider{ overflow: hidden; height: auto; max-width:
						1000px; margin: 0 auto; }
#slider_cont { background: #a0a0a0; padding:0;} /* ★★★ メイン画像　背景色 */
.slider div{ position: absolute;margin-top:0;}


/* CONTENTS COMMON  基本ボディー★★★★★★★★★★★★★★★
-------------------------------------------------------------- */
#contentBox {padding-top: 0em;}

/* ページ内固定ブロック============================================================ */
#about{padding:0 0 3em; }
.cont-top{ width: 920px; margin: 0 auto; padding: 2em 0 0em; }/* ★★★★★★★★★★★★★★★ */
.cont-top2{ width: 920px; margin: -2em auto 0; padding: 0em ; }/* ★★★★★★★★★★★★★★★ */


.cont{ width: 920px; margin: 0 auto; padding: 2em 0 2em;}/* ★★★★★★★★★★★★★★★ */
.cont_foot{ width: 920px; margin: 0 auto; padding: 1em 0 0em;}

/* ★ 文章の定義＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  */
.cont p{ text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;}/* ★★ */


/* Page 全体テンプレート
-------------------------------------------------------------- */
img.banner{ margin-bottom: 1.5em; }
img.banner_sm{ display: none;}
div.page_left{ float: left; width: 440px;}
div.page_right{ float: right; text-align: center; }
div.page_all{ }			/* ★★★★★★★★★★★★★ */
div.page_all_img{margin:0px }	/* ★★★ */


/* 中見出し */
h2{text-align: center; padding-bottom: 1em; padding-top: 0em;}
h2 span{ display: none;}

h2.title_page img { width: 380px;margin:1.5em 0 -0.5em; }
h2.title_contact{text-align: left;}
h2.title_contact img{ width: 560px; }


/* モーダルビュー ================================================== */
#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}

#div_modal{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 1em;
  width: 680px;
  border: solid 4px steelblue; 
 }

/* モーダル　Table ================================================== */
#formWrap {
			width:85%;
			margin:0 auto;
			padding:0px;
			color:#555;
			line-height:120%;
			font-size:0.9em;
		}
		table.formTable{
			width:100%;
			margin:0 auto;
			border-collapse:collapse;
		}
		table.formTable td,table.formTable th{
			border:1px solid #ccc;
			padding:10px;
		}
		table.formTable th{
			width:30%;
			font-weight:normal;
			background:#efefef;
			text-align:left;
		}


 /* 地図　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　 */
#mapArea
{
	width: 100%;
	height: 350px;
	margin: 0;
}


 /* スケジュール　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　 */
.schedule {
	width:100%;
	margin:0;
	padding:0;
	text-align: center;
}

.schedule table {
	border-collapse:collapse;
	width: 90%;
	margin:0 auto;/* ★ */
}
.schedule th {
	width: 100px;
	font-weight: bold;
}
.schedule th, .schedule td {
	background: #fff;
	border:1px solid #000;
	padding:8px;
	font-size:12px;
}
.schedule td {
	text-align: center;
}


 /* グーグルカレンダー　mobile表示調整　ーーーーーーーーーーーーーーーーーーーーーー　 */
#calendar{padding: 0; border:1px solid #000;
	 	width:100%;
	 	max-width: 1000px;}

 /* 料金表　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　 */
.fee {
	width:600px;
	margin:0 auto;
	padding:0;
	text-align: center;
}

.fee table {
	border-collapse:collapse;
	width: 90%;
	margin:0 auto;/* ★ */
	}
.fee th {
	background: #eee;
	font-weight: bold;
	border:1px solid #000;
	padding:8px;
	font-size:12px;
	}
.fee td {
	background: #fff;
	border:1px solid #000;
	padding:8px;
	font-size:12px;
	text-align: center;
	}


/* 【０】News　トピックス
-------------------------------------------------------------- */
div#news{ padding: 1.5em 0; margin-top: -4em;}
div#news ul{ display: table; border-bottom: 1px dashed #fff; padding-bottom: 2em; margin-bottom: 2em; }
div#news ul li{ display: table-cell; padding-left: 34px;}
div#news ul li:first-child{ padding-left: 0px;}
div#news ul li img{ border: 2px solid #fff;}
div#news ul li p{ max-width: 280px;}
div#news p#news_link{ width: 920px; margin: 0 auto; margin-top:-1em;}
div#news p#news_link a{}


/* 【０】About
-------------------------------------------------------------- */
div #work{ margin-top: -30px; padding-top:30px;}


/* 【１】ページ１　Point
-------------------------------------------------------------- */
div #page1 { margin-top: -30px; padding-top:30px;}
div #point { margin-top: 0em; padding-top:0em; padding-bottom:0em; }


/* 【２】ページ２　work
-------------------------------------------------------------- */
div #page2 { margin-top: -30px; padding-top:30px;}
div #work{ padding-top:0em; margin-top: 0em;}


/* 【３】ページ３　
-------------------------------------------------------------- */
div #page3{ margin-top: -30px; padding-top:30px;}


/* 【４】Contact
-------------------------------------------------------------- */
div #contact{margin-top: 0em; padding:1em 0 2em;}
div.contact{ background:steelblue;color: #fff; }		/* ★ Menuボタン色変更 steelblue */

div.contact a{ color: #fff; }
div.contact_left{ width: 560px; float: left;}
div.contact ul{ float: right; width: 290px; }
div.contact ul li{ line-height: 1em; margin-bottom: 1em; }


/* ★電話 */
li#link01{ margin-bottom: 1.2em;border: solid 1px white; max-width: 60%}
li#link01 a{ display: block; border: 1px solid #666; text-align: center; padding: 15px 0 8px 0; font-size: 1.5em; white-space: nowrap;  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "游明朝", YuMincho,  "メイリオ", Meiryo, serif;background:#394676; color:white}
li#link01 span{ font-size: 0.6em}

li#link02{ margin-bottom: 1em;border: solid 1px #394676; max-width: 60%}
li#link02 a{ display: block; background: #fff; color:steelblue; text-align: center;  padding: 15px 0; }

li#link03{ margin-bottom: 1em;border: solid 1px #394676; max-width: 60%}
li#link03 a{ display: block; background: #fff; color:steelblue; text-align: center;  padding: 10px 0 8px; }


e-link{ font-size: 0.85em;}
.link a{ color:steelblue;  }


/* Footer
-------------------------------------------------------------- */
div#footer{margin-bottom: 0;margin-top:-60px ;padding: 60px 0 0;}
/* ★カンパニー */
div#footer_detail{ background: url(../images/logo.png) no-repeat; padding-left: 250px; -moz-background-size:200px auto; background-size:200px auto ; font-size: 1.1em; line-height: 1.7em; position: relative; margin-bottom: 0.5em;}

p#copy{ text-align: center; font-size: 1em;}

ul#share{ position: absolute; top:-40px; right: 0px; width: 200px;border: solid 2px red;}
ul#share li{ float: right; padding-right: 7px;}
ul#share li a:hover{ text-decoration: none;}
/* ul#share li:first-child{ padding-top: 5px;} */


/* Contact Form  （フォーム制作）制作中
-------------------------------------------------------------- */
h2.title{  background: #eeeeee;  width: 100%; padding: 50px 0; margin-bottom: 3em;}
h2#title_contact img{ margin-left: 100px; }

div#contact_container{ margin-bottom: 2em;}
p.contact_tel{ font-size: 1.5em; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "游明朝", YuMincho,  "メイリオ", Meiryo, serif; }
p.contact_tel span{ font-size: 0.6em;}
p.contact_tel a{ border: 1px solid steelblue; padding: 10px;}

div#contact_form_cont{ border-top: #33423F 1px solid; border-bottom: #33423F 1px solid; margin: 4em 0 ; padding: 4em 0 2em 0 }
div#contact_form_cont dl{ width: 700px; margin: 0 auto;}
div#contact_form_cont dl input.inp{ padding: 5px; width: 170px; margin-right: 1em;}
div#contact_form_cont dl textarea{ width: 380px; height: 200px; padding: 5px;}
div#contact_form_cont dl dt{ text-align: left; vertical-align: top; width: 250px; padding-right:50px; padding-bottom: 3em; float: left; clear: both;}
div#contact_form_cont dl span.cap{ font-size: 0.85em; line-height:1em; }
span.h{ background: steelblue; color: #fff; padding: 2px; margin-right: 0.5em; font-size: 0.9em;}
div#contact_form_cont dl dd{ text-align: left; padding-bottom: 3em; vertical-align: top; height: auto; float: right; width: 400px}
div#contact_submit { padding-bottom: 5em; }
div#contact_submit p{ text-align: center;}
div#contact_submit input{ background: steelblue; padding: 5px 10px; color: #fff; border: none; font-size: 1.1em; }
div#contact_submit input.back{ background: #CCD0CF;}
div#contact_submit input:hover{ cursor: pointer;filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}


/* ページトップに戻る ==================== */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    z-index: 100;
    
}
#page-top a {
	
 	 text-align: center;
    display: table-cell;
    vertical-align: middle;
	 width: 48px;
    height: 48px;
    -webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #394676;/* 円の色 */
	font-size: 1.8em;
	color: white;
	border: 3px solid #fff;
	filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
	
}
#page-top a:hover {
	filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;
}


/* Bootstrap共通
-------------------------------------------------------------- */
.text-primary {color: #428bca}
.text-success {color: #5cb85c}
.text-info {color: #5bc0de}
.text-warning {color: #f0ad4e}
.text-danger {color: #d9534f}
.text-muted {{color: #777777}}
.text-white {color: white}


.text-left {text-align: left}
.text-center {text-align: center}
.text-right {text-align: right}
.text-justify {text-align: justify}    /* 両端揃え */
.text-nowrap {white-space: nowrap}     /* 改行禁止 */

.bg-primary {background: #337ab7;color: white}
.bg-success {background: #dff0d8; color: #333333 }
.bg-info {background: #d9edf7; color: #333333 }
.bg-warning {background: #fcf8e3; color: #333333 }
.bg-danger {background: #f2dede; color: #333333 }
.bg-white {background: white; color: #333333 }
.bg-white2 {background: #e6e6e6; color: #333333 }
.bg-eee {background: #eeeeee; color: #333333 }


/* FLONT SIZE
-------------------------------------------------------------- */
.f08{ font-size: 0.8em;}
.f09{ font-size: 0.9em;}
.f11{ font-size: 1.1em;}
.f12{ font-size: 1.2em;}
.f13{ font-size: 1.3em;}
.f15{ font-size: 1.5em;}


/* MARGIN PADDING
-------------------------------------------------------------- */
.mt05{margin-top: 0.5em;}
.mt1{margin-top: 1em;}
.mt15{margin-top: 1.5em;}
.mt2{margin-top: 2em;}
.mt25{margin-top: 2.5em;}
.mt3{margin-top: 3em;}
.mt35{margin-top: 3.5em;}
.mt4{margin-top: 4em;}
.mt45{margin-top: 4.5em;}
.mt5{margin-top: 4em;}
.mt55{margin-top: 5.5em;}
.mt6{margin-top: 6em;}
.mt65{margin-top: 6.5em;}
.mt7{margin-top: 7em;}
.mt75{margin-top: 7.5em;}
.mt8{margin-top: 8em;}
.mt85{margin-top: 8.5em;}
.mt9{margin-top: 9em;}
.mt95{margin-top: 9.5em;}
.mt10{margin-top: 10em;}

.mb0{margin-bottom: 0em;}
.mb05{margin-bottom: 0.5em;}
.mb1{margin-bottom: 1em;}
.mb15{margin-bottom: 1.5em;}
.mb2{margin-bottom: 2em;}
.mb25{margin-bottom: 2.5em;}
.mb3{margin-bottom: 3em;}
.mb35{margin-bottom: 3.5em;}
.mb4{margin-bottom: 4em;}
.mb45{margin-bottom: 4.5em;}
.mb5{margin-bottom: 4em;}
.mb55{margin-bottom: 5.5em;}
.mb6{margin-bottom: 6em;}
.mb65{margin-bottom: 6.5em;}
.mb7{margin-bottom: 7em;}
.mb75{margin-bottom: 7.5em;}
.mb8{margin-bottom: 8em;}
.mb9{margin-bottom: 9em;}
.mb10{margin-bottom: 10em;}
.mb11{margin-bottom: 11em;}
.mb12{margin-bottom: 12em;}
.mb13{margin-bottom: 13em;}
.mb14{margin-bottom: 14em;}
.mb15{margin-bottom: 15em;}

.mr05{margin-right: 0.5em;}
.mr1{margin-right: 1em;}
.mr15{margin-right: 1.5em;}
.mr2{margin-right: 2em;}
.mr25{margin-right: 2.5em;}
.mr3{margin-right: 3em;}
.mr35{margin-right: 3.5em;}
.mr4{margin-right: 4em;}
.mr45{margin-right: 4.5em;}
.mr5{margin-right: 5em;}
.mr55{margin-right: 5.5em;}
.mr6{margin-right: 6em;}

.ml05{margin-left: 0.5em;}
.ml1{margin-left: 1em;}
.ml15{margin-left: 1.5em;}
.ml2{margin-left: 2em;}
.ml25{margin-left: 2.5em;}
.ml3{margin-left: 3em;}
.ml35{margin-left: 3.5em;}
.ml4{margin-left: 4em;}
.ml45{margin-left: 4.5em;}
.ml5{margin-left: 4em;}
.ml55{margin-left: 5.5em;}
.ml6{margin-left: 6em;}

.mt_05{margin-top: -0.5em;}
.mt_1{margin-top: -1em;}
.mt_15{margin-top: -1.5em;}
.mt_2{margin-top: -2em;}
.mt_25{margin-top: -2.5em;}
.mt_3{margin-top: -3em;}
.mt_35{margin-top: -3.5em;}
.mt_4{margin-top: -4em;}
.mt_45{margin-top: -4.5em;}
.mt_5{margin-top: -4em;}
.mt_55{margin-top: -5.5em;}
.mt_6{margin-top: -6em;}

.pb1{padding-bottom: 1em;}
.pb15{padding-bottom: 1.5em;}
.pb2{padding-bottom: 2em;}
.pb25{padding-bottom: 2.5em;}
.pb3{padding-bottom: 3em;}
.pb35{padding-bottom: 3.5em;}
.pb4{padding-bottom: 3.5em;}
.pb45{padding-bottom: 4em;}
.pb5{padding-bottom: 4.5em;}
.pb55{padding-bottom: 5.5em;}
.pb6{padding-bottom: 6em;}
.pb7{padding-bottom: 7em;}
.pb8{padding-bottom: 8em;}

.pt1{padding-top: 1em;}
.pt15{padding-top: 1.5em;}
.pt2{padding-top: 2em;}
.pt25{padding-top: 2.5em;}
.pt3{padding-top: 3em;}
.pt35{padding-top: 3.5em;}
.pt4{padding-top: 3.5em;}
.pt45{padding-top: 4em;}
.pt5{padding-top: 4.5em;}
.pt55{padding-top: 5.5em;}
.pt6{padding-top: 6em;}

.pl1{padding-left: 1em;}
.pl15{padding-left: 1.5em;}
.pl2{padding-left: 2em;}
.pl25{padding-left: 2.5em;}
.pl3{padding-left: 3em;}
.pl35{padding-left: 3.5em;}
.pl4{padding-left: 3.5em;}
.pl45{padding-left: 4em;}
.pl5{padding-left: 4.5em;}
.pl55{padding-left: 5.5em;}
.pl6{padding-left: 6em;}

.pr1{padding-right: 1em;}
.pr15{padding-right: 1.5em;}
.pr2{padding-right: 2em;}
.pr25{padding-right: 2.5em;}
.pr3{padding-right: 3em;}
.pr35{padding-right: 3.5em;}
.pr4{padding-right: 3.5em;}
.pr45{padding-right: 4em;}
.pr5{padding-right: 4.5em;}
.pr55{padding-right: 5.5em;}
.pr6{padding-right: 6em;}
.pr7{padding-right: 7em;}
.pr8{padding-right: 8em;}


/* FLOAT
-------------------------------------------------------------- */
.fl1{ float: left; margin-right: 1em;}
.fl15{ float: left; margin-right: 1.5em;}
.fl2{ float: left; margin-right: 2em;}
.fl25{ float: left; margin-right: 2.5em;}
.fl3{ float: left; margin-right: 3em;}
.fl35{ float: left; margin-right: 3.5em;}
.fl4{ float: left; margin-right: 4em;}
.fl45{ float: left; margin-right: 4.5em;}
.fl5{ float: left; margin-right: 5em;}
.fl55{ float: left; margin-right: 5.5em;}

.fr1{ float: right; margin-left: 1em;}
.fr15{ float: right; margin-left: 1.5em;}
.fr2{ float: right; margin-left: 2em;}
.fr25{ float: right; margin-left: 2.5em;}
.fr3{ float: right; margin-left: 3em;}
.fr35{ float: right; margin-left: 3.5em;}
.fr4{ float: right; margin-left: 4em;}
.fr45{ float: right; margin-left: 4.5em;}
.fr5{ float: right; margin-left: 5em;}
.fr55{ float: right; margin-left: 5.5em;}

/* FLONT SIZE
-------------------------------------------------------------- */
.f08{ font-size: 0.8em;}
.f09{ font-size: 0.9em;}
.f10{ font-size: 1.0em;}
.f11{ font-size: 1.1em;}
.f12{ font-size: 1.2em;}
.f13{ font-size: 1.3em;}


/*	Clearfix
========================================== */
/* clearfix：要素の末尾でfloatを解除する */
.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; }