@charset "UTF-8";

/* =========================================================
 	Style: Default Reset & Base/layout Style
 -----------------------------------------------------------
 1-1.Structure Module
 1-2.Hyper Text Module
 1-3.Layout Box
 1-4.Aside(Side Navigation etc.)
 1-5.Text Module
 1-6.List Module
 1-7.Table Module
 1-8.Icons
 1-9.個別ブラウザ対応
 1-10.Common class
 
 2-1.旧ページ用CSS（※旧default.css）
========================================================= */

/* 1-1.Structure Module
--------------------------------------------------------- */
body {
	font-size: 12px;
	line-height: 1.3em;
	color: #333;
	background: #fff;
	text-align: left;
}



/* 1-2.Hyper Text Module
--------------------------------------------------------- */
a {
	overflow: hidden;
	outline: none;
}
a:link,
a:visited {
	text-decoration: underline;
}
a:hover,
a:active {
	text-decoration: none;
}
a:link {
	color: #333399;
}
a:visited {
	color: #800080;
}

/* 1-3.Layout Box
--------------------------------------------------------- */
header,
footer {
	width: 100%;
}
	
	header > div,
	footer > div,
	article {
		width: 960px;
		margin: 0 auto!important;
		clear: both;
	}
	footer > div {
		padding-top: 23px;
	}
	
	/* ----- articleのwidth変更パターン(bodyにclass使用) ----- */
	.w980 article {
		width: 980px;
	}
	
	/* ----- Side Contents有ページ ----- */
	aside {
		width: 220px;
		float: left;
	}
	.side-navi article section {
		width: 720px;
		float: right;
	}
	.side-navi.w980 article section {
		width: 740px;
	}
	
	/* ----- Main Visual Section(w960over) ----- */
	section {
		text-align: center;
	}
	/* ----- Normal Section(article内) ----- */
	article section {
		text-align: left;
	}


/* 1-4.Aside(Side Navigation etc.)
--------------------------------------------------------- */
/* ----- Pankuzu, Social Icons ----- */	
.topic-path,
.w980 .topic-path {
	width: 980px;
	margin: -6px auto 0;
}
	.pankuzu,
	.w980 .pankuzu {
		width: 500px;
		float: left;
	}
ul.pankuzu {
	overflow: hidden;
}
	ul.pankuzu li{
		float: left;
		line-height: 1.6em;
		margin-right: 5px;
		white-space: nowrap;
	}
	ul.pankuzu li:last-child {
		color:#F84C78;
	}

/* ----- Side Navigation ----- */
aside .snav {
	width: 205px;
	background-color: #eee;
	border: solid 1px #dee3e9;
	padding: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
	aside .snav ul {
		background: #fff;
		border: 1px solid #e0e0e0;
		padding: 1px 1px 3px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
	}
		aside .snav li + li {
			padding: 0 3px;
		}
			aside .snav li:last-child a {
				border-bottom: none;
			}
			
		aside .snav h1 {
			background: #f84c78;
			margin-bottom: 3px;
			/* height: +padding +border =36px */
			padding: 11px 0 8px;
			border: 1px solid #f84c78;
			text-align: center;
			font-size: 13px;
			font-weight: bold;
			color: #fff;
			-webkit-border-radius: 4px 4px 0 0;
			-moz-border-radius: 4px 4px 0 0;
			-o-border-radius: 4px 4px 0 0;
			border-radius: 4px 4px 0 0;
			position: relative;
		}
			/* ----- IE7/IE6用 ----- */
			aside .snav h1 {
				/height: 16px;
			}
		
			/* Angle */
			aside .snav h1 span {
				border: 6px solid #f84c78;
				border-bottom: 0;
				border-left-color: transparent;
				border-right-color: transparent;
				width: 0;
				position: absolute;
				left: 7px;
				bottom: -6px;
			}

		aside .snav li a {
			padding: 13px 10px 10px 28px;
			border-bottom: 1px dotted #ccc;
			display: block;
			font-size: 13px;
			color: #333399;
			background: url(../img/side_menu_arrow.png) no-repeat 0.5em 1.2em;
		}
		aside .snav li a:hover,
		/* Selected Page */
		aside .snav li.activemn a {
			color: #6C1044;
			background-color: #fff1f5;
			text-decoration: none;
		}
		

/* ----- Side Bannar ----- */
aside .lnk-sp {
	margin-top: 15px;
}
	aside .lnk-sp li a {
		padding: 0;
	}



/* 1-5.Text Module
--------------------------------------------------------- */
/* ----- Title Lv.1 ～ Lv.5----- */
.tit-lv1,
.tit-lv2,
.tit-lv3,
.tit-lv4,
.tit-lv5 {
	line-height: 1.4em;
}
/* ----- Title Lv.1 ----- */
.tit-lv1 {/* height: +padding + border +box-shadow = 56px(1行時) */
		padding: 12px 7px 11px 16px;
		margin: 3px 3px 1.5em;
		color: #6c1044;
		font-size: 19px;
		font-weight: bold;
		background: #FCFAFA url(../img/tit-lv1-angle.png) no-repeat 1px 1px;
		border: solid 1px #e0e0e0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: 0 0 0 2px #eee, 0 0 0 3px #DEE3E9;
		-moz-box-shadow: 0 0 0 2px #eee, 0 0 0 3px #DEE3E9;
		-o-box-shadow: 0 0 0 2px #eee, 0 0 0 3px #DEE3E9;
		-ms-box-shadow: 0 0 0 2px #eee, 0 0 0 3px #DEE3E9;
		box-shadow: 0 0 0 2px #eee, 0 0 0 3px #DEE3E9;
}
	/* IE7/IE6用 */
	.tit-lv1 {
		/border: 4px solid #eee;
		/margin-left: 0;
		/margin-right: 0;
		/background-position: 5px 5px;
	}
	/* IE8用 */
	.tit-lv1 {
		border-width: 4px\9;
		border-style: solid\9;
		border-color: #eee\9;
		margin-top: 0\9;
		margin-left: 0\9;
		margin-right: 0\9;
	}
	/* IE9用 */
	.tit-lv1:not(:target) {
		border-width: 1px\9;
		border-style: solid\9;
		border-color: #e0e0e0\9;
		margin-top: 3px\9;
		margin-left: 3px\9;
		margin-right: 3px\9;
	}
	/* IE10用 */
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		.tit-lv1 {
			border: solid 1px #e0e0e0;
			margin-left: 3px;
			margin-right: 3px;
		}
	}


/* ----- Title Lv.2 ----- */
.tit-lv2 {
	/* height: +padding +border =28px(1行時) */
	margin: 1.5em 0;
	padding: 4px 5px 7px 12px;
	border-bottom: 1px dotted #999;
	font-weight: bold;
	font-size: 15px;
	color: #6c1044;
	letter-spacing: 0.1em;
	background: url(../img/tit-bar-pink.png) no-repeat left bottom;
}

/* ----- Title Lv.3～5 ----- */
.tit-lv3,
.tit-lv4,
.tit-lv5 {
	padding: 2px 6px 2px 16px;
	background: url(../img/ico-square-pink.png) no-repeat left 6px;
	font-size: 13px;
	margin: 1.5em 0 0.5em;
	color: #6c1044;
}
.tit-lv3 {
	/* height: +padding =17px(1行時) */
	border-bottom: 1px dotted #999;
	height: auto;
}
.tit-lv4 {
	padding-bottom: 0;
}
.tit-lv5 {
	padding: 6px 6px 6px 24px;
	background-color: #f3f3f3;
	background-position: 8px 10px;
	font-weight: bold;
}



/* 1-6.List Module
--------------------------------------------------------- */
/* Common List */
.mark-arrow,
.mark-disc,
.mark-note {
	line-height: 1.4em;
}

/* 三角矢印 */
ul.mark-arrow,
ol.mark-arrow,
dl.mark-arrow {
	margin-top: 1em;
}
h2.mark-arrow,
h3.mark-arrow,
h4.mark-arrow,
h5.mark-arrow,
p.mark-arrow,
a.mark-arrow,
span.mark-arrow,
.mark-arrow li,
.mark-arrow dd {
	background: url(../img/ico-arrow-r-pink.png) no-repeat 0.2em 0.45em;
	line-height: 1.4em;
	padding-left: 15px;
	list-style: none;
}
.mark-arrow li + li,
.mark-arrow dd,
.mark-arrow dd + dt {
	margin-top: 0.5em;
}
a.mark-arrow {
	background-position: 0.2em 0.2em; 
}

/* Disc */
.mark-disc {
	margin: 1em 0;
}

.mark-disc li,
.mark-disc dd {
	list-style: disc;
	margin-left: 1.3em;
}
.mark-disc li + li,
.mark-disc dd + dd {
	margin-top: 0.5em;
}

/* ※印 */
.mark-note {
	text-indent: -1em;
	margin-left: 1em;
}


/* 1-7.Table Module
--------------------------------------------------------- */
/*┌──────────────────────────┐
　│.tbl_basic …左列にthパターン　　　　　　　　　　　 │
　│.tbl_basic2…上段にthパターン(＆ 左列にもthパターン)│
　│#inside　　…入れ子Tableパターン　　　　　　　　　　│
　│.one-column　…列が一つしかないパターン　　　　　　 │
　│.one-row 　…行が一つしかないパターン　　　　　　　 │
　│.row-union …行は一つ以上で、最下段が合体の時　　　 │
　└──────────────────────────┘*/
.tbl_basic,
.tbl_basic2 {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #cdcdcd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	border-spacing: 0;
	margin-bottom: 20px;
	width: 100%;
}
	.tbl_basic th,
	.tbl_basic2 th {
		color:#6d1044;	
		padding: 16px;
		vertical-align: top;
		font-weight: bold;
	}
	.tbl_basic td,
	.tbl_basic2 td {
		vertical-align:top;
		padding: 16px;
	}
	.tbl_basic th,
	.tbl_basic td,
	.tbl_basic2 th,
	.tbl_basic2 thead tr:first-child th:first-child,
	.tbl_basic2 td {
		border-right: 1px solid #cdcdcd;
		border-bottom: 1px dotted #cdcdcd;
		background-color: #fff;/* IE対策 */
	}
	.tbl_basic th,
	.tbl_basic2 th,
	.tbl_basic2 thead tr:first-child th:first-child {
		background-color: #fcfafa;
	}
	
/*┌──────────────────────────┐
　│.tbl_basic …左列にthパターン　　　　　　　　　　　 │
　└──────────────────────────┘*/
	.tbl_basic tr:last-child td,
	.tbl_basic tr:last-child th {
		border-bottom: none;
	}
	.tbl_basic td:last-child {
		border-right: none;
	}
	/* ===== border 四隅設定 ===== */
	/* 左上 */
	.tbl_basic tr:first-child th {
		-webkit-border-radius: 6px 0 0 0;
		-moz-border-radius: 6px 0 0 0;
		-o-border-radius: 6px 0 0 0;
		border-radius: 6px 0 0 0;
	}
	/* 右上 */
	.tbl_basic tr:first-child td:last-child {
		-webkit-border-radius: 0 6px 0 0;
		-moz-border-radius: 0 6px 0 0;
		-o-border-radius: 0 6px 0 0;
		border-radius: 0 6px 0 0;
	}
	/*左下 */
	.tbl_basic tr:last-child th {
		-webkit-border-radius: 0 0 0 6px;
		-moz-border-radius: 0 0 0 6px;
		-o-border-radius: 0 0 0 6px;
		border-radius: 0 0 0 6px;
	}
	/* 右下 */
	.tbl_basic tr:last-child td:last-child {
		-webkit-border-radius: 0 0 6px 0;
		-moz-border-radius: 0 0 6px 0;
		-o-border-radius: 0 0 6px 0;
		border-radius: 0 0 6px 0;
	}

/*┌──────────────────────────┐
　│.tbl_basic2…上段にthパターン　　　　　　　　　　　 │
　└──────────────────────────┘*/
	.tbl_basic2 th {
		text-align: center;
	}
	.tbl_basic2.txt-left th {
		text-align: left;
	}
	.tbl_basic2 tr:last-child td {
		border-bottom: none;
	}
	.tbl_basic2 th:last-child,
	.tbl_basic2 td:last-child {
		border-right: none;
	}
	/* ===== border 四隅設定 ===== */
	/* 左上 */
	.tbl_basic2 tr:first-child td:first-child,/* 旅行条件書一覧のようなtdパターン */
	.tbl_basic2 tr:first-child th:first-child,
	.tbl_basic2 thead tr:first-child th:first-child {
		-webkit-border-radius: 6px 0 0 0;
		-moz-border-radius: 6px 0 0 0;
		-o-border-radius: 6px 0 0 0;
		border-radius: 6px 0 0 0;
	}
	/* 右上 */
	.tbl_basic2 tr:first-child td:last-child,/* 旅行条件書一覧のようなtdパターン */
	.tbl_basic2 tr:first-child th:last-child,
	.tbl_basic2 thead tr:first-child th:last-child {
		-webkit-border-radius: 0 6px 0 0;
		-moz-border-radius: 0 6px 0 0;
		-o-border-radius: 0 6px 0 0;
		border-radius: 0 6px 0 0;
	}
	/*左下 */
	.tbl_basic2 tr:last-child td:first-child,
	.tbl_basic2 thead + tbody tr:last-child td:first-child {
		-webkit-border-radius: 0 0 0 6px;
		-moz-border-radius: 0 0 0 6px;
		-o-border-radius: 0 0 0 6px;
		border-radius: 0 0 0 6px;
	}
	/* 右下 */
	.tbl_basic2 tr:last-child td:last-child,
	.tbl_basic2 thead + tbody tr:last-child td:last-child {
		-webkit-border-radius: 0 0 6px 0;
		-moz-border-radius: 0 0 6px 0;
		-o-border-radius: 0 0 6px 0;
		border-radius: 0 0 6px 0;
	}
	/* ===== 上段th以外に、左列にもthある場合 ===== */
	.tbl_basic2 tr:last-child th:first-child {
		-webkit-border-radius: 0 0 0 6px;
		-moz-border-radius: 0 0 0 6px;
		-o-border-radius: 0 0 0 6px;
		border-radius: 0 0 0 6px;
		border-bottom: none;
	}


/*┌──────────────────────────┐
　│#inside　　…入れ子Tableパターン　　　　　　　　　　│
　│※入れ子側の.tbl_basic、.tbl_basic2にこのidを追加　 │
　└──────────────────────────┘*/
	.tbl_basic#inside th,
	.tbl_basic2#inside th {
		background-color: #f7f7f7;
		color: #333;
	}
	.tbl_basic#inside th,
	.tbl_basic#inside td,
	.tbl_basic2#inside th,
	.tbl_basic2#inside td {
		border-bottom: 1px dotted #cdcdcd;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
	}
	.tbl_basic#inside tr:last-child th,
	.tbl_basic#inside tr:last-child td,
	.tbl_basic2#inside tr:last-child th,
	.tbl_basic2#inside tr:last-child td {
		border-bottom: none;
	}
	/* ===== border 四隅設定 ===== */
	/* 左上 */
	.tbl_basic#inside tr:first-child th:first-child,
	.tbl_basic2#inside tr:first-child th:first-child {
		-webkit-border-radius: 6px 0 0 0;
		-moz-border-radius: 6px 0 0 0;
		-o-border-radius: 6px 0 0 0;
		border-radius: 6px 0 0 0;
	}
	/* 右上 */
	.tbl_basic#inside tr:first-child td:last-child,
	.tbl_basic#inside tr:first-child th:last-child,
	.tbl_basic2#inside tr:first-child th:last-child {
		-webkit-border-radius: 0 6px 0 0;
		-moz-border-radius: 0 6px 0 0;
		-o-border-radius: 0 6px 0 0;
		border-radius: 0 6px 0 0;
	}
	/*左下 */
	.tbl_basic#inside tr:last-child th:first-child,
	.tbl_basic#inside tr:last-child td:first-child,
	.tbl_basic2#inside tr:last-child td:first-child,
	.tbl_basic2#inside tr:last-child th:first-child {
		-webkit-border-radius: 0 0 0 6px;
		-moz-border-radius: 0 0 0 6px;
		-o-border-radius: 0 0 0 6px;
		border-radius: 0 0 0 6px;
	}
	/* 右下 */
	.tbl_basic#inside tr:last-child th:last-child,
	.tbl_basic#inside tr:last-child td:last-child,
	.tbl_basic2#inside tr:last-child th:last-child,
	.tbl_basic2#inside tr:last-child td:last-child {
		-webkit-border-radius: 0 0 6px 0;
		-moz-border-radius: 0 0 6px 0;
		-o-border-radius: 0 0 6px 0;
		border-radius: 0 0 6px 0;
	}

/*┌──────────────────────────┐
　│.one-column　…列が一つしかないパターン　　　　　　 │
　│※そのth、tdにこのclassを追加　　　　　　　　　　　 │
　└──────────────────────────┘*/
/* ----- cell（上）1つパターン ----- */
	.tbl_basic tr:first-child th.one-column,
	.tbl_basic tr:first-child td.one-column,
	.tbl_basic2 tr:first-child th.one-column,
	.tbl_basic2 tr:first-child td.one-column,
	.tbl_basic#inside tr:first-child th.one-column,
	.tbl_basic#inside tr:first-child td.one-column,
	.tbl_basic2#inside tr:first-child th.one-column,
	.tbl_basic2#inside tr:first-child td.one-column {
		-webkit-border-radius: 6px 6px 0 0;
		-moz-border-radius: 6px 6px 0 0;
		-o-border-radius: 6px 6px 0 0;
		border-radius: 6px 6px 0 0;
	}
/* ----- cell（下）1つパターン ----- */
	.tbl_basic tr:last-child th.one-column,
	.tbl_basic tr:last-child td.one-column,
	.tbl_basic2 tr:last-child th.one-column,
	.tbl_basic2 tr:last-child td.one-column,
	.tbl_basic#inside tr:last-child th.one-column,
	.tbl_basic#inside tr:last-child td.one-column,
	.tbl_basic2#inside tr:last-child th.one-column,
	.tbl_basic2#inside tr:last-child td.one-column {
		-webkit-border-radius: 0 0 6px 6px;
		-moz-border-radius: 0 0 6px 6px;
		-o-border-radius: 0 0 6px 6px;
		border-radius: 0 0 6px 6px;
	}
/* ----- cell（上・中・下）1つパターン ----- */
	th.one-column,
	td.one-column {
		border-right: none;
		text-align: center;
	}
	th.one-column.txt-left,
	td.one-column.txt-left {
		border-right: none;
		text-align: left;
	}
	
/*┌──────────────────────────┐
　│.one-row 　…行が一つしかないパターン　　　　　　　 │
　│※そのtableにこのclassを追加　　　　　　　　　　　  │
　└──────────────────────────┘*/
/* テーブル全列の行が一つ */
.tbl_basic.one-row tr:last-child th:first-child {
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	-o-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
	border-bottom: none;
}
.tbl_basic.one-row tr:last-child td:last-child {
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	-o-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}

/* 特定の行が一つ */
	th.one-row,
	td.one-row {
		border-bottom: none;
	}
	/*左下 */
	.tbl_basic tr:first-child th:first-child.one-row,
	.tbl_basic tr:first-child td:first-child.one-row,
	.tbl_basic2 tr:first-child th:first-child.one-row,
	.tbl_basic2 tr:first-child td:first-child.one-row,
	.tbl_basic#inside tr:first-child th:first-child.one-row,
	.tbl_basic#inside tr:first-child td:first-child.one-row,
	.tbl_basic2#inside tr:first-child th:first-child.one-row,
	.tbl_basic2#inside tr:first-child td:first-child.one-row {
		-webkit-border-radius: 6px 0 0 6px;
		-moz-border-radius: 6px 0 0 6px;
		-o-border-radius: 6px 0 0 6px;
		border-radius: 6px 0 0 6px;
	}
	/*右下 */
	.tbl_basic tr:first-child td:last-child.one-row,
	.tbl_basic tr:first-child th:last-child.one-row,
	.tbl_basic2 tr:first-child td:last-child.one-row,
	.tbl_basic2 tr:first-child th:last-child.one-row,
	.tbl_basic#inside tr:first-child td:last-child.one-row,
	.tbl_basic#inside tr:first-child th:last-child.one-row,
	.tbl_basic2#inside tr:first-child td:last-child.one-row,
	.tbl_basic2#inside tr:first-child th:last-child.one-row{
		-webkit-border-radius: 0 6px 6px 0;
		-moz-border-radius: 0 6px 6px 0;
		-o-border-radius: 0 6px 6px 0;
		border-radius: 0 6px 6px 0;
		border-right: none;
	}

/*┌──────────────────────────┐
　│.row-union …行は一つ以上で、最下段が合体の時　　　 │
　│※そのthまたはtdにこのclassを追加　　　　　　　　 　│
　└──────────────────────────┘*/
/* ===== 下段、左列rowが合体している場合 ===== */
	.tbl_basic .row-union,
	.tbl_basic2 .row-union {
		-webkit-border-radius: 0 0 0 6px;
		-moz-border-radius: 0 0 0 6px;
		-o-border-radius: 0 0 0 6px;
		border-radius: 0 0 0 6px;
		border-bottom: none;
	}
	
/* ===== 下段、右列rowが合体している場合 ===== */
	.tbl_basic .row-union2,
	.tbl_basic2 .row-union2 {
		-webkit-border-radius: 0 0 6px 0;
		-moz-border-radius: 0 0 6px 0;
		-o-border-radius: 0 0 6px 0;
		border-radius: 0 0 6px 0;
		border-right: none;
		border-bottom: none;
	}

/* 1-8.Icons
--------------------------------------------------------- */
.foot-bus dd a[target="_blank"]:after,
.foot-tour dd a[target="_blank"]:after,
.foot-ferry dd a[target="_blank"]:after,
.foot-common dd a[target="_blank"]:after,
.foot-mypage dd a[target="_blank"]:after,
a.popup:after,

footer nav a[target="_blank"]:after {
	content: url(../img/ico-window.png);
	vertical-align: middle;
	margin: 0 2px;
}
/*
a[href$=".pdf"]:after {
	content: url(/st/3/ja/pc/img/pdficon_small.png);
	vertical-align: middle;
	margin: 0 2px;
}
*/





/* 1-9.個別ブラウザ対応
--------------------------------------------------------- */
/* ----- ハックTest用 ----- */
.example { /background: orange; }/* IE6・IE7 */
.example2 { _background: green; }/* IE6 */

/* ----- IE7+IE6 ----- */
/* ----- Header ----- */
.guide li > div,
.menu li > div {
	/display: none;
	/visibility: hidden;
}
.gnav,
.head-bus .sp,
.head-bus .sp2,
.head-tour .sp,
.head-ferry .sp,
.head-common .sp {
	/margin-top: -15px;
}
/* ----- Footer ----- */
footer > div {
	/margin-top: 38px;
}

/* ----- Common Class ----- */
hr.cl-both {
	/visibility: hidden;
}


/* ----- IE6用 ----- */
body {
	_text-align: center;
	_zoom: 1;
}
header,
footer,
aside,
article {
	_text-align: left;
}
ol,
ul,
li {
	_zoom: normal;
}
hr.cl-both {
	_display: none;
}
.gnav ul {
	_width: 444px;
	_margin-left: 0;
}
.w-group {
	_display: inline;
	_width: 455px;
	_clear: both;
}

aside .snav li + li {
	_margin-bottom: 0;
}


/* ----- IE10用 ----- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}



/* 1-10.Common class
--------------------------------------------------------- */
hr.cl-both {
	clear: both;
	height: 0px;
	border: none;
	padding-top: 0;
	overflow: hidden;
	font-size: 0;
}
#to-top {
	position: fixed;
	width: 30px;
	height: 30px;
	background: url(../img/ico-to-top.png) no-repeat right 50%;
	right: 20px;
	bottom: 20px;
}
	a#to-top {
		text-decoration: none;
		color: #fff;
		font-weight: normal;
		font-size: 12px;
		text-shadow: none;
		line-height: 140%;
	}
	
/* text align */
.txt-center {
	text-align: center;
}
.txt-left {
	text-align: left;
}
.txt-right {
	text-align: right;
}






/* 2-1.旧ページ用CSS
--------------------------------------------------------- */
/* ----- 旧ページ用(フッター領域のMobile Bannar) ----- */
p.mb_bannar{
	width: 900px;
	margin: 0 auto 20px;
	text-align: left;
	clear: both;
	overflow: hidden;
}

/* ----- 旧ページ用(default.css[クリアフィックス]) ----- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6用ハック */
*:first-child+html .clearfix { zoom: 1; } /* IE7用ハック */

.clear { clear: both; }   
.clear hr { display: none; }

/* ----- 旧ページ用(default.css[general]) ----- */
#conts,#contain {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
    clear: both;
}