@charset "utf-8";

/* import */
@import url(type.css);



/* ================================================================ *

幸鞍郵便　旅の記録　専用CSS

-- 更新日 -- 
最終更新日:2009年10月16日

2009年10月15日　フォーマット作成

* ================================================================ */


/* --------- 1:リセット --------- */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* --------- 2:共通スタイル --------- */

/*　フロート指定クラス　*/
.floatL {float: left;}
.floatR {float: right;}

/*　テキスト揃え指定クラス　*/
.tLeft {text-align:left;}
.tCnter {text-align:center;}
.tRight {text-align:right;}

/*　上下位置指定クラス　*/
.vm {vertical-align: middle;}

/*　マージン指定クラス　*/
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}

.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}

.mr05{margin-right:5px !important;}
.mr06{margin-right:6px !important;}
.mr07{margin-right:7px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}

.ml05{margin-left:5px; !important;}
.ml10{margin-left:10px; !important;}
.ml15{margin-left:15px; !important;}
.ml20{margin-left:20px; !important;}
.ml30{margin-left:30px; !important;}
.ml40{margin-left:40px; !important;}


/*　パディング指定クラス　*/
.pd05{padding:5px !important;}
.pd10{padding:10px !important;} 
.pd20{padding:20px !important;} 
.pd30{padding:30px !important;} 

.pt10{padding-top:10px !important;} 
.pt20{padding-top:20px !important;} 
.pt30{padding-top:30px !important;} 


/*　テキストボールド指定クラス　*/
.fwb {font-weight:bold;}

.none {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	border: 0px;
}

.noBorder {
	border: 0px;
}

/* フロート解除 */
.clear {
	clear: both;
}

/* フロートしているナビゲーションのリストアイテムのフロート解除を、
直下のHTML要素の有無に関わらずクリアするための設定（俗に言うclearfix） */
/* .clearfix */
.clearfix {
zoom:1;/*for IE 5.5-7*/
}
.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */


/* ---------- 3:バグ回避 ----------- */

/* IE6 で画像が消えることがあるバグを回避 */
img {
  position: relative;
}

/* IE6/IE7 で垂直配置がずれるバグを回避 */
html[lang^="ja"] #sidenavi {
  margin-top: 0;
}

.imgover {}



/* --------- 4:レイアウト --------- */

body {
	background: #FFF;
	border-top: 8px solid #4C9FB8;
}

/* 全体をセンタリング */
#container {
  width: 840px;
  margin: 0 auto;
	padding: 0;
	text-align: left;
}


/* --------- 4:footer --------- */

#footer {
	width: 100%;
	height: 62px;
  margin: 30px auto 0 auto;
	padding: 0;
	text-align: left;
	background: #4C9FB8;
}