@charset "utf-8";



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	基本設定
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

* {
	margin: 0;
	padding: 0;
	border: 0;
	zoom: 1;
}

body#body_index {
	background: #fff url(../images/base/bg_base_index.gif) repeat-x top;
}

body#body_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 13px/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;
}

.black {
	color: #333;
}

strong {
	font-weight: bold;
	color: #f60;
}

.fs11 {
	font-size: 11px;
}

.fs15 {
	font-size: 15px;
}

.fs18 {
	font-size: 18px;
}

.fs25 {
	font-size: 25px;
}

/* 余白 */
.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.ml15 {
	margin-left: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb50 {
	margin-bottom: 50px;
}

/* 文字位置 */
.center {
	text-align: center;
}

.right {
	text-align: right;
}

/* 回り込み */
.fl_right {
	float: right;
}

.fl_left {
	float: left;
}

.clear {
	clear: both;
}

/* 写真用枠 */
.bd_img {
	padding: 4px;
	border: solid 1px #ddd
}

/* 非表示 */
.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;
}

/* 最上部コメント */
p#top_cmnt {
	font-size: 10px;
	color: #fff;
	text-align: right;
	line-height: 20px;
}

/* ヘッダー */
div#HeaderBox {
	width: 950px;
	height: 150px;
	background: url(../images/base/bg_tel.png) no-repeat right center;
}

/* フッター：横幅100%背景 */
div#FooterBox {
	width:100%;
	margin:0 auto;
	padding: 30px 0 20px;
	text-align:left;
	background: #3cb63c url(../images/base/bg_footer.gif) repeat-x top; 
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	ナビゲーション
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

#ul_navi {
	list-style-type: none;
}

#ul_navi li {
	margin-bottom: 8px
}

#ul_navi li a {

}

#ul_navi li a{
	font-size: 15px;
	font-weight: bold;
	line-height: normal;
	padding: 12px 10px 10px 30px;
	display: block;
	background: #fff url(../images/base/icon_navi.gif) no-repeat left center;
	border: solid 1px #ccc;
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */ 
}

#ul_navi li a:hover {
	color: #000;
	background: #f5f5f5 url(../images/base/icon_navi.gif) no-repeat left center;
}




/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	本文エリア：2カラム
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

#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;
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	フッター
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

#FooterBox p {
	font-size: 11px;
	color: #fff;
}

#FooterBox p a {
	color: #fff;
}

#FooterBox p a:hover {
	color: #cfc;
}





/* end */
