@charset "utf-8";



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	基本設定
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

* {
	margin: 0;
	padding: 0;
	border: 0;
	zoom: 1;
	font-weight:
}

body#bg_index {
	background: #fff url(../images/base/bg_base_index.gif) repeat-x top;
}

body#bg_contents {
	background: #fff url(../images/base/bg_base_contents.gif) repeat-x top;
}

body, div, p, span, li, dt, dd, caption, th, td {
	color:#333;
	font: normal normal normal 15px/160% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 1px;
}

br {
	letter-spacing: 0;
}

ul, ol, li {
	zoom: normal;
}

a#re_top {
	width: 0;
	height: 0;
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	リンク用スタイル
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

a {
	color: #555;
	text-decoration: none;
}

a:hover {
	color: #999;
}

a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	汎用
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

/* 文字装飾 */
.bold {
	font-weight: bold;
}

.red {
	color:#c00;
}

strong {
	font-weight: bold;
	color: #f60;
}

.fs11 {
	font-size: 11px;
}

.fs20 {
	font-size: 20px;
}

.fs25 {
	font-size: 25px;
}

/* 余白 */
.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.ml15 {
	margin-left: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

/* 文字位置 */
.center {
	text-align: center;
}

.right {
	text-align: right;
}

/* 回り込み */
.fl_right {
	float: right;
}

.fl_left {
	float: left;
}

.clear {
	clear: both;
}

/* 非表示 */
.hide {
	display: none;
}

/* 2カラム均等ボックス */
div.in_left {
	float: left;
	width: 320px;
}

div.in_right {
	float: right;
	width: 320px;
}

/* シンプルリスト */
ul.ul_dflt {
	margin-left: 20px;
	list-style-type: circle;
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	基礎レイアウト
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

/* 本文エリアを中央寄せ */
.BaseBox {
	text-align:left;
	width:950px;
	margin:0 auto;
}

/* ヘッダー */
#HeaderBox {
	padding-top: 10px;
	width: 950px;
	height: 160px;
	background: url(../images/base/bg_tel.gif) no-repeat right bottom;
}

#MainBox:after {
	content: " ";
	clear: both;
	width: 950px;
	height: 0;
	display: block;
	visibility: hidden;
}

/* 左：本文 */
div#MainLeft {
	float: left;
	width: 250px;
}

/* 右：サイド */
div#MainRight {
	float: right;
	width: 670px;
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	ナビゲーション
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

#navi {
	height: 50px;
	background: url(../images/navi/line.gif) no-repeat right center;
}

#navi li {
	list-style-type: none;
	width: 158px;
	height: 50px;
	float: left;
}

#navi:after {
	content: " ";
	clear: both;
	width: 950px;
	height: 0;
	display: block;
	visibility: hidden;
}

#navi a {
	width: 158px;
	height: 50px;
	display: block;
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	フッター
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

/* フッター：横幅100%背景 */
#FooterBox {
	width:100%;
	margin:0 auto;
	padding: 35px 0 20px;
	text-align:left;
	background: #000; 
}

#FooterBox p {
	font-size: 12px;
	color: #fff;
}

#FooterBox p a {
	color: #fff;
}

#FooterBox p a:hover {
	color: #777;
}

/* フッターナビ */
#FooterNaviBox  {
	background: url(../images/base/footer_info.jpg) no-repeat right;
}

#FooterNaviBox ul {
	width: 250px;
	border-top: dotted 1px #999;
	list-style-type: none;
}

#FooterNaviBox li {
	border-bottom: dotted 1px #999;
}

#FooterNaviBox ul a {
	padding: 5px 30px;
	display: block;
	color: #fff;
	letter-spacing: 4px;
	background: url(../images/base/icon_footer.gif) no-repeat left center;
}

#FooterNaviBox ul a:hover {
	color: #777;
}

#FooterNaviBox ul span {
	padding: 5px 30px;
	display: block;
	color: #fff;
	letter-spacing: 4px;
	background: url(../images/base/icon_footer.gif) no-repeat left center;
}




/* end */