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

/* body
-----------------------------------------------------*/
body	{
	text-decoration: none;height:100%;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	font-size: 12px;
	line-height: 20px;	background-color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #fff url(./images/bg.gif) top center repeat-y;height:100%;
	}


/* 文章中のリンク */
a:link {
	color: #565555;	font-weight:bold;/* リンク・フォントの色 */
	text-decoration: none;	/* リンク線 */
}
a:visited{
	color: #4c792b;	/* 訪問済みリンク・フォントの色 */
	text-decoration: none;	/* リンク線 */
}
a:hover{
	color: #446ea9;		/* ロールオーバー時・フォントの色 */
	text-decoration: underline;/* リンク線 */ 
}
a:active {
	color: #fc0471;		/* クリック時・フォントの色 */
	text-decoration: overline underline;	/* リンク線 */
}


#head_01{
	margin:0px; padding:0px 0px 0px 10px;
	width:890px;height:31px;text-align:center;
	margin-left: auto;
	margin-right: auto;
	background: #fff url(./images/menu/h-top_bg.jpg) top center repeat-x;
	font-size:10px;
	text-align:left;
}

.t_line{
	float:left;
}

.t_menu{ padding:4px 0px 0px 10px;
	float:right; width:67px; font-size:10px;
	background: url(./images/menu/allow_01.gif) 0px 7px no-repeat;
}


#contents01{
	padding:0px;
	width:900px;
	background-color:#fff;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	min-height:100%;
  _height:100%;
  	border-right: 1px #c0c1c1 solid;
	border-left: 1px #c0c1c1 solid;
	}


#header-01{
	margin:0px; padding:0px;
	width:900px; height:179px;
	background: url(./images/menu/head_bg.jpg) 0px 0px repeat-x;
	
}

#header-01 h1{
	margin:0px; padding:0px; float:left;
	width:382px; height:179px;background: url(./images/menu/h_cara.gif) 0px 0px no-repeat;
}

#header-01 h2{
	margin:0px; padding:0px; float:left;
	width:491px; height:179px;
}

#header-01 h3{
	margin:0px; padding:0px; float:left;
	width:389px; height:121px;
}

#header-02 { margin:0px; padding:0px;
	width:491px; float:right;
}

.tel-1{margin:3px 0px 0px 0px;
	float:left;
	
}

.mail-1{ margin:3px 0px 0px 3px;
	float:left;
	
}

#logo{
	margin:7px 0px 0px 5px; padding:0px;
	float:left;
}


#menu-bar{
	width:900px; float:left; height:44px;
	background: url(./images/menu/menu_bg.jpg) repeat;
}

#relic a {
	    display: block;
	    overflow: hidden;
	    height: 0px;
	    width: 169px;
	    background-image: url(./images/menu/relic_bt.jpg);
	    padding-top: 44px;
    text-align: center;
	    margin: 0px 0px 0px 42px;
		float:left;
}
	 
#relic a:hover {
	    background-image: url(images/menu/relic_bt_r.jpg);
}


#trash a {
	    display: block;
	    overflow: hidden;
	    height: 0px;
	    width: 169px;
	    background-image: url(./images/menu/trash_bt.jpg);
	    padding-top: 44px;
    text-align: center;
	    margin: 0px 0px 0px 0px;
		float:left;
}
	 
#trash a:hover {
	    background-image: url(images/menu/trash_bt_r.jpg);
}


#scrap a {
	    display: block;
	    overflow: hidden;
	    height: 0px;
	    width: 169px;
	    background-image: url(./images/menu/scrap_bt.jpg);
	    padding-top: 44px;
    text-align: center;
	    margin: 0px 0px 0px 0px;
		float:left;
}
	 
#scrap a:hover {
	    background-image: url(images/menu/scrap_bt_r.jpg);
}

#move a {
	    display: block;
	    overflow: hidden;
	    height: 0px;
	    width: 169px;
	    background-image: url(./images/menu/move_bt.jpg);
	    padding-top: 44px;
    text-align: center;
	    margin: 0px 0px 0px 0px;
		float:left;
}
	 
#move a:hover {
	    background-image: url(images/menu/move_bt_r.jpg);
}


#ohters a {
	    display: block;
	    overflow: hidden;
	    height: 0px;
	    width: 169px;
	    background-image: url(./images/menu/ohters_bt.jpg);
	    padding-top: 44px;
    text-align: center;
	    margin: 0px 0px 0px 0px;
		float:left;
}
	 
#ohters a:hover {
	    background-image: url(images/menu/others_bt_r.jpg);
}


#menu-bar02{
	width:900px; float:left; height:33px;
	background: url(./images/menu/menu_bg_02.jpg) repeat;
}

#price a {
	    display: block;
	    overflow: hidden;
	    height: 0px;
	    width: 198px;
	    background-image: url(./images/menu/price_bt.jpg);
	    padding-top: 33px;
    text-align: center;
	    margin: 0px 0px 0px 250px;
		float:left;
}
	 
#price a:hover {
	    background-image: url(images/menu/price_bt_r.jpg);
}


#procedure a {
	    display: block;
	    overflow: hidden;
	    height: 0px;
	    width: 199px;
	    background-image: url(./images/menu/procedure_bt.jpg);
	    padding-top: 33px;
    text-align: center;
	    margin: 0px 0px 0px 0px;
		float:left;
}
	 
#procedure a:hover {
	    background-image: url(images/menu/procedure_bt_r.jpg);
}

#sub-ti h1{ margin:0px; padding:15px 0px 0px 0px; color:#3f3a36;
font-size:20px; font-weight:bold;
	float:left; width:900px; height:30px; letter-spacing:2px;
}

#allow-02{
	margin:0px 5px 0px 5px;
}


#company_info{
	padding:8px 0px 0px 0px; margin-top:70px;
	width:900px; height: 30px;
	text-align:center;
	font-size:10px;	
	float:left; color:#6c6d6e;
	background: #f4f4f4 ;border-bottom: 1px #c0c1c1 solid;
}


/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
.t_line,
.t_menu,
#header-01 h1,
#header-01 h2,
#header-01 h3,
#header-02,
.tel-1,
.mail-1,
#logo,
#menu-bar,
#relic a,
#trash a,
#scrap a,
#move a,
#ohters a,
#menu-bar02,
#price a,
#procedure a,
#sub-ti h1,
#company_info {display:inline;}

/* add zoom:1 to overflow:hidden */
#relic a,
#trash a,
#scrap a,
#move a,
#ohters a,
#price a,
#procedure a {zoom:1;}

/* add overflow:visible to (submit) buttons */
 input, button {overflow:visible;}