@charset "utf-8";
/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

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

.floatL {
	float: left !important;
}

.floatR {
	float: right !important;
}

img {
	vertical-align: top;
}

/*------------------------------------------------------------
	comBox
------------------------------------------------------------*/
#main .comBox {
	margin: 0 auto;
	width: 960px;
}

/*------------------------------------------------------------
	pageTop
------------------------------------------------------------*/
.pageTop {
	margin: 50px auto 0;
	width: 960px;
	text-align: right;
}

.pageTop a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*------------------------------------------------------------
	.btmBox
------------------------------------------------------------*/
.fixBox {
    float: left;
    width: 100%;
	height: 120px;
    position: fixed;
    bottom: 0;
    text-align: center;
    z-index: 999;
}

.btmBox {
    position:relative;
	width: 100%;
	padding: 20px 0;
	background: url(../../img/common/btm_box_bg.png) repeat;
}

.z_index .btmBox:after{
    content:"\00BB";
    display:block;
    margin:0 0 0 -32%;
    padding:10px 0;
    width:60px;
    height:40px;
    position:absolute;
    top:-60px;
    left:50%;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    transform:rotate(-90deg);
    text-align:center;
    font-size:40px;
    line-height:1;
    color:#666;
	background: url(../../img/common/btm_box_bg.png) repeat;
}

.btmBox ul {
	margin: 0 auto;
	width: 997px;
}

.btmBox li {
	padding: 0 11px;
	float: left;
}

.btmBox li a{
    display:inline-block;
}

.btmBox li a:hover {
    background:#fff;
}

.btmBox li a img{
    transition:1.0s;
}

.btmBox li a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.z_index.show {
    bottom: 0;
    z-index: 99999;
}

.z_index {
    float: left;
    width: 100%;
    position: relative;
    z-index: 9999;
    bottom: -120px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}