@charset "utf-8";

/* 基本情報


基本カラー: #39372
グレイ:#666
緑:#44bc00
オレンジ: #ff8600
*/

/* common ------------------ */
* {
	margin:0;
	padding:0;
}

body {

	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #393732;
	background: #fff url(images/bg.gif) repeat-x left top;
	font-size: 12px;
}

div#center {
	width: 756px;
	text-align: left;
	margin: 0 auto;
}

/* 全体---------------------*/

ul, li {
	list-style-type: none;
}
img {
	border: none;
	vertical-align: top;
}

a:link,
a:visited,
a:active {
	color:#44bc00;
	text-decoration: underline;
}
a:hover {
	color:#44bc00;
	text-decoration: none;
}
p, ul {
	font-size:12px;
	line-height:1.8em;
}

.right {
	text-align: right;
}
.text10 {
	font-size: 10px;
}
.color01 {
	color: #44bc00;
}
.color02 {
	color: #ff8600;
}
.color03 {
	color: #0035F2;
}
.color04 {
	color: #F00F17;
}

.bgcolor01 {
	background-color: #f7f7f7;
}
.underline {
	text-decoration: underline;
}

.normal{
		text-decoration: none;
}
.clear {
	clear: both;
}
.f_left {
	float: left;
}
.f_right {
	float: right;
}

/* フロート解除 */
#clearfix:after,
#header:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
	  
/* フロート解除IE5.5〜7対応用 */
.clearfix {
	zoom:1;
}
 
/* ヘッダー---------------------*/
#header {
	width:756px;
	height: 159px;
	margin-top: 10px;
	background: #fff url(images/header_bg.gif) no-repeat left top;
}

#header h1 {
	font-size: 10px;
	color: #44bc00;
	width: 378px;
	height: 159px;
	float: left;
}
#header .f_right {
	float: right;
	width: 378px;
}
#header .f_right img {
	margin-top: 5px;
}
#header ul {
	width: 305px;
	height: 25px;
	margin: 3px 0 0 56px;
}

#header ul li {
	float: left;
	text-indent: -9999px;
}
#header ul li a {
	display: block;
	height: 25px;
}
#header li#navi01 a {
	background: transparent url(images/header_nav.gif) no-repeat 0 0;
	width: 103px;
}
#header li#navi02 a {
	background: transparent url(images/header_nav.gif) no-repeat -103px 0;
	width: 103px;
}
#header li#navi03 a {
	background: transparent url(images/header_nav.gif) no-repeat -206px 0;
	width: 99px;
}

#header li#navi01 a:hover {
	background: transparent url(images/header_nav.gif) no-repeat 0 -25px;
}
#header li#navi02 a:hover {
	background: transparent url(images/header_nav.gif) no-repeat -103px -25px;
}
#header li#navi03 a:hover {
	background: transparent url(images/header_nav.gif) no-repeat -206px -25px;
}


/* コンテンツ---------------------*/
#contents {
	width:756px;
	margin-bottom: 16px;
	overflow: hidden;
	background: #fff;
}



/* 左サイド---------------------*/
#side {
	float: left;
	background: #fff url(images/side_bg.jpg) no-repeat top;
	width: 186px;
	padding-left: 24px;
}
/* サービスメニュー */
#side h2#side_title01 {
	background: transparent url(images/side_title01.gif) no-repeat top;
	width: 186px;
	height: 50px;
	text-indent: -9999px;
	margin-top: 5px;
}

#side #side_nav_bg {
	background: transparent url(images/side_nav_bg_center.gif) no-repeat top;
	width: 186px;
}

#side dl {
	background: transparent url(images/side_list_bg.gif) no-repeat right bottom;
	padding: 6px 0 6px 15px;
}
#side dl dt a {
	display: block;
	background: transparent url(images/icon01.gif) no-repeat left top;
	padding: 0 0 0 15px;
	height: 1.7em;
	line-height: 1.6em;
}	

#side dl dd {
	margin-left: 1.5em;
	background: transparent url(images/icon02.gif) no-repeat left top;
	padding: 0 0 0 10px;
}

#side dd a:link,
#side dd a:visited,
#side dd a:active {
	color:#666;
	text-decoration:none;
}
#side dd a:hover {
	color:#666;
	text-decoration:underline;
}

#side #side_nav_bg_footer {
	background: transparent url(images/side_nav_bg_footer.gif) no-repeat left bottom;
	width: 186px;
	height: 20px;
}

/* 想定エリアなどのbox */
#side h2#side_title02 {
	background: transparent url(images/side_title02.gif) no-repeat top;
	width: 181px;
	height: 41px;
	text-indent: -9999px;
	margin: 10px 0 0 5px;
}
#side h2#side_title03 {
	background: transparent url(images/side_title03.gif) no-repeat top;
	width: 181px;
	height: 41px;
	text-indent: -9999px;
	margin: 10px 0 0 5px;
}

#side .box01 {
	margin-left: 5px;
	background: transparent url(images/side_bg02.gif) repeat-y top;
	}
#side .box01 p {
	padding: 5px 5px 5px 8px;
}
#side .box01 .side_bg02_bottom {
	background: transparent url(images/side_bg02_bottom.gif) no-repeat bottom;
	width: 181px;
	height: 3px;
}


/* メイン---------------------*/
#main {
	width: 546px;
	float:right;
	background: #fff url(images/main_bg.jpg) no-repeat top;
}

#main #main_box {
	min-height: 750px;
	width: 488px;
	padding: 0 20px 50px 20px;
	border: 1px solid #999;
	background: #fff url(images/main_bottom_bg.gif) no-repeat bottom;
}
#main #main_box_layer {
	min-height: 800px;
	width: 528px;
	padding: 0 0 50px 0;
	border: 1px solid #999;
	background: #fff url(images/main_bottom_bg.gif) no-repeat bottom;
}
* html #main_box{
	height: 750px;
}


/* 記事一覧 */
#main h2#title_info {
	background: #fff url(images/title_info.gif) no-repeat top;
	width: 490px;
	height:45px;
	text-indent: -9999px;
}
#main #list_bg {
	background: transparent url(images/info_bg.gif) no-repeat top;
}
#main ul#list01 {
	padding: 8px 5px 20px 5px;
	overflow: hidden;
}

#main ul#list01 li {
	background: transparent url(images/dot.gif) repeat-x bottom left;
	margin: 3px 0 0 0;
	padding: 0 0 5px 0;
}

/* メッセージ */
#main h2#title_message {
	clear: both;
	background: #fff url(images/title_message.jpg) no-repeat top;
	width: 490px;
	height: 92px;
	text-indent: -9999px;
	margin-bottom: 10px;
}

#main .line {
	background: transparent url(images/dot.gif) repeat-x bottom left;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
#name {
	font-style: normal;
	font-size: 18px;
	font-family: "DFP金文体","HG行書体","MS P明朝",細明朝体,serif; 
}

/* 下層ページ */

#main #pan_nav {
	margin: 15px 20px 5px 20px;
	font-size: 10px;
}

#main #layer_box {
	margin: 0 20px;
}
/* h2タイトル */
#main .title01 {
	background: #fff url(images/title01.gif) no-repeat top;
	width: 528px;
}
#main .title01 span {
	display: block;
	padding: 30px 10px 25px 10px; 
	font-size: 16px;
	color: #fff;
}

/* h3タイトル */
#main .title02 {
	background: #fff url(images/title02.gif) no-repeat bottom;
	width: 486px;
	margin-bottom: 15px;
}
#main .title02 span {
	display: block;
	padding: 10px 10px 10px 10px; 
	font-size: 14px;
	margin-top: 20px;
}
/* h4タイトル */
#main h4 {
	font-size: 12px;
	border: 1px solid #85b96c;
	background: #f7f7f7;
	color: #44bc00;
	padding: 4px 5px 2px 5px;
	margin-bottom: 8px;
}

#main #layer_box .f_left {
	float: left;
	margin-bottom: 20px;
}
#main #layer_box .f_right {
	float: right;
	margin-bottom: 20px;
}

#main .border_line {
	background: transparent url(images/dot.gif) repeat-x center left;
	height: 20px;
}
#main ul#main_navi {
	clear: both;
	margin-left: 360px;
}
#main ul#main_navi li {
	float: left;
}
#main ul li#home a {
	display: block;
	background: #fff url(images/home.gif) no-repeat;
	width: 41px;
	height: 11px;
	text-indent: -9999px;
	margin-right: 15px;
}
#main ul li#p_top a {
	display: block;
	background: #fff url(images/p_top.gif) no-repeat;
	width: 64px;
	height: 11px;
	text-indent: -9999px;
}

#main dl {
	padding: 6px 0 6px 0px;
}
#main dl dt {
	display: block;
	background: transparent url(images/icon04.gif) no-repeat left top;
	padding: 0 0 0 15px;
	height: 1.7em;
	line-height: 1.6em;
}	

#main dl dd {
	margin-left: 1.5em;
	line-height: 1.6em;
	background: transparent url(images/icon02.gif) no-repeat left top;
	padding: 0 0 0 10px;
}

#main dd a:link,
#main dd a:visited,
#main dd a:active {
	color:#666;
	text-decoration:none;
}
#main dd a:hover {
	color:#666;
	text-decoration:underline;
}

#main .tbl_2col {
	width: 480px;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 1.7em 0;
}

#main .tbl_2col td {
	height: 50px;
  vertical-align: top;
  padding: 3px;
}

#main .tbl_3col {
	width: 480px;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 1.7em 0;
}

#main .tbl_3col td {
	height: 50px;
  vertical-align: top;
  padding: 3px;
}

#main .tbl_4col {
	width: 480px;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 1.7em 0;
}

#main .tbl_4col td {
	height: 50px;
  vertical-align: top;
  padding: 3px;
}


#main #contents_link ul {
	text-align: center;
	padding-bottom: 3px;
}

#main #contents_link  li {
	display: inline;
}

#main #contents_link ul a:link,
#main #contents_link ul a:visited,
#main #contents_link ul a:active {
	color: #ff8600;
	text-decoration: underline;
}
#main #contents_link a:hover {
	color: #666;
	text-decoration: none;
}
	
/* --フッター---------------------*/

#footer {
	clear: both;
	background: #f2f2f2 url(images/bg_footer.gif) repeat-x left top;
	width: 733px;
	margin: 0 auto;
	padding: 12px 10px; 
}

#footer ul {
	text-align: center;
	padding-bottom: 3px;
}
#footer ul#footer_line {
	background: #f2f2f2 url(images/dot02.gif) repeat-x bottom left;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#footer  li {
	display: inline;
}

#footer ul a:link,
#footer ul a:visited,
#footer ul a:active {
	color: #666;
	text-decoration: underline;
}
#footer ul a:hover {
	color: #666;
	text-decoration: none;
}
#footer #tool {
	text-align: left;
}

#footer #tool ul {
	text-align: left;
	padding-bottom: 3px;
}

#footer #tool li {
	display: inline;
}

/* toolボックス */
address {
	clear: both;
	color: #666;
	text-align: center;
	width: 753px;
	margin: 0 auto;
	padding: 5px 0 10px 0; 
	font-size: 10px;
	font-style: normal;
}

/*料金表用テーブル*/

#main .tbl_time {
	width: 480px;
	border: 0px solid #999;
	border-spacing: 0px;
	border-collapse: collapse;
  margin: 0 0 1.7em 0;
}

#main .tbl_time th {
  border:1px solid #999;
	background-color: #f7f7f7;
  vertical-align: middle;
	text-align: center;
  padding: 3px;
	font-size : 1.4em;
	font-weight: bold;
}

#main .tbl_time td {
  border:1px solid #999;
  vertical-align: middle;
	text-align: center;
  padding: 3px;
	font-size : 1.4em;
}

/*プロフィール用テーブル*/

#main .tbl_profile {
	width: 480px;
	border: 0px solid #999;
	border-spacing: 0px;
	border-collapse: collapse;
  margin: 0 0 0 0;
}

#main .tbl_profile th {
	height: 30px;
  border:1px solid #999;
	background-color: #f7f7f7;
  vertical-align: middle;
	text-align: center;
  padding: 3px;
	font-weight: bold;
}

#main .tbl_profile td {
	height: 30px;
  border:1px solid #999;
  vertical-align: middle;
	text-align: left;
  padding: 3px 10px 3px 10px;
}