@charset "UTF-8";
/* CSS Document */

*{margin:0;padding:0;}

body{
	font: 12px/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",arial,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#666;
	background-color: #fff;
	text-align: center;

}

a{color:#000;text-decoration:underline;}
a:hover{color:#000;text-decoration: underline;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}

ul {
	list-style: none;
}

.nonborder {
  border:none;
  outline:none;
}

/*************
全体
*************/
#wrapper{
	margin: 0 auto;
	width: 900px;
	height: auto;
	text-align: center;
}

#header {
	height: 10px;
	padding-top: 0px;
}

p {
	line-height: 1.7;
}

/*************
トップページ
*************/
#top_content {
	padding: 150px 0 116px;
	}

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

#nav {
margin: 15px 0;
width: 740px;
height: 30px;
margin-left: 180px;
background:url(img/nav.png) no-repeat 0 0;
}

ul#nav li{float:left;list-style:none;width:160px;}

ul#nav a{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 160px;
height: 30px;
background:url(img/nav.png) no-repeat;
}

ul#nav a#goan{background-position:0 0;}
ul#nav a#onlineblog{background-position:-160px 0;}
ul#nav a#access{background-position:-320px 0;}
ul#nav a#network{background-position:-480px 0;}

ul#nav a#goan:hover, ul#nav li.active a#goan{background-position:0 -30px;}
ul#nav a#onlineblog:hover, ul#nav li.active a#onlineblog{background-position:-160px -30px;}
ul#nav a#access:hover, ul#nav li.active a#access{background-position:-320px -30px;}
ul#nav a#network:hover, ul#nav li.active a#network{background-position:-480px -30px;}

/*************
タイポグラフィ
*************/

#header h1, #content h2 {
	display: none;
}

#title {
	height: 50px;
}

/*************
BARBER IKEMOTO
*************/
img.right {
	float: right;
	margin-left: 20px;
}

#price {
	text-align: center;
	padding: 40px 0 0;
	margin-bottom: 20px;
}

table.price caption {
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin: 0 0 10px 0;
	line-height: 1;
}

table.price {
	width: 480px;
	margin-bottom: 20px;
	}

.price th {
	width: 300px;
	font-weight: normal;
	text-align: left;
}
.price td {
	width: 100px;
	text-align: right;
}



/*コンテンツ（main,sub,sideを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	clear: left;
	width: 900px;	/*コンテンツ幅*/
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
}

/*コンテンツin（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents-in {
	float: left;
	width: 750px;
}

/*メインコンテンツ（中央ブロック）
---------------------------------------------------------------------------*/
#main {
	float: right;	/*右側に回り込み*/
	width: 600px;	/*メインコンテンツ幅*/
	height: 400px;
	padding-bottom: 95px;
}

---------------------------------------------------------------------------*/
/*サブコンテンツ（左側ブロック）*/
#sub {
	float: left;	/*左側に回り込み*/
	width: 150px;	/*サブコンテンツ幅*/
	padding-bottom: 95px;
}

/*メインコンテンツ（中央ブロック）※ABOUT用
---------------------------------------------------------------------------*/
#main_about {
	float: right;	/*右側に回り込み*/
	width: 600px;	/*メインコンテンツ幅*/
	padding-bottom: 10px;
}

---------------------------------------------------------------------------*/
/*サブコンテンツ（左側ブロック）*/　※ABOUT用
#sub_about {
	float: left;	/*左側に回り込み*/
	width: 150px;	/*サブコンテンツ幅*/
	padding-bottom: 10px;
}
/*サイドコンテンツ（右側ブロック）*/
#side {
	width: 150px;
	height: 400px;
	text-align: center;
    display: table-cell;
    vertical-align: bottom;
}

#footer {
	width: 900px;
	margin: 0 auto;
	padding: 30px 0;
	font-family: Optima;
	font-size: 12px;
	color: #000;
}

.srcollBox {
	overflow:auto;
	border:none;
	text-align: left;
	padding-left:80px;
	letter-spacing: 2px;
	line-height:2;
	height:310px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size: 14px;
	color: #000;
	margin-top: 20px;
}

table.base {
	width: 600px;
	margin-top: 20px;
	}

.base th {
	height: 30px;
	font-weight: normal;
    vertical-align: top;
	text-align: left;
	font-family: "センチュリー","Century",Sans-Serif;
	font-size: 25px;
	color: #000;
}

.base td {
	height: 30px;
	text-align: left;
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 14px;
	color: #000;
}

table.about {
	width: 600px;
	margin-top: 20px;
}

.about td.center0 {
	padding: 0 17px 17px;
}