/* CSS Document */

html{
	background-color:#225522;
	background:url(http://www.hana-re.jp/assets/images/bg3.gif) repeat-y;
	margin:0px;
	padding:0px;
	}

body{
	margin:0px;
	padding:0px;
	background:url(http://www.hana-re.jp/assets/images/bg1.jpg) no-repeat;
	font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
	
	color:#333333;
	line-height:150%;
	>line-height:130%;	/* IE */
	}
body, x:-moz-read-only { line-height:130%; } /* Fx2.0 */
body, x:-moz-broken { line-height:130%; }	/* Fx3.0 */

#wrapper{
	width:860px;
	margin:0 0 0 30px;
	padding:0px;
	position:relative;
	}


#logo a{
	display:block;
	background:url(http://www.hana-re.jp/assets/images/head.jpg) no-repeat;
	font-size:1px;
	text-indent:-9999px;
	width:860px;
	height:80px;
	margin:0px;
	padding:0px;
	}	
	
h2{
	font-size:x-small;
	font-weight:normal;
	margin:15px 0 15px 0;
	padding:0px;
	width:652px;
	}
/* 追加css タイトル部分*/
td, tr {
	vertical-align:top;
}
/* 追加css */
p{}
ul{ margin:0px; padding:0px; }

#main{
	margin:0 0 0 175px;
	padding:0 0 0 10px;
	}


/**************************************************
reset
***************************************************/
ul,li{
	list-style-type:none;
	}
img,table{
	border:none;
	}



/* 追加css */

#main_header{
	margin:0;
	padding:0;
	position:relative;
	height:34px;
/*	width:675px;*/
	background:url(http://www.hana-re.jp/assets/images/main-header.jpg) no-repeat;
	}
#main_header #plist{
	padding-top:10px;	
	font-size:8pt;
	font-family:"ヒラギノゴシック Pro W3" , "Hei" , "MS Ul Gothic";
	}
#plist a{ color:#990002; }
#plist a:hover, action{ color:#990002; text-decoration:none; }

.text-utility{
	text-indent:-9999px;
}
.text-utility a{
	display:block;
	position:absolute;
	top:0px;
	height:30px;
	background-repeat:no-repeat;
}

#textlarge a{
	left:592px;
	width:21px;
	background-image:url(http://www.hana-re.jp/assets/images/dai2.gif);
}
#textlarge a:hover{
	background-image:url(http://www.hana-re.jp/assets/images/dai2_f2.gif);
}
#textmiddle a{
	left:613px;
	width:21px;
	background-image:url(http://www.hana-re.jp/assets/images/chu2.gif);
}
#textmiddle a:hover{
	background-image:url(http://www.hana-re.jp/assets/images/chu2_f2.gif);
}

#textsmall a{
	left:634px;
	width:27px;
	background-image:url(http://www.hana-re.jp/assets/images/sho2.gif);
}
#textsmall a:hover{
	background-image:url(http://www.hana-re.jp/assets/images/sho2_f2.gif);
}


#main_contents {
	width:635px;
}
#main_contents .read{
	margin:10px 0 25px 20px;
}
.module-container{
	margin:0;
	clear:both;
}
/* 追加css */
	
.copy{
	border-top:1px solid #CCCCCC;
	font-size:xx-small;
	color:#999999;
	margin:20px 0 20px 0;
	text-align:center;
	width:665px;
	clear:both;
	}
	
.gotop{
	clear:both;
	font-size:xx-small;
	padding:10px 0 10px 600px;
	}

.margin_none{
	margin:0 0 0 0;
	}
	
/* ----リンクの設定------------------------------------------------------- */

/* 追加css */
a {
	color:#339900;	
}
/* 追加css */

a:link, a:visited {
	color:#339900;
}

a:hover {
	color:#339900;
}

a:active {
	color:#339900;
}




/* ----INDEXレイアウト------------------------------------------------------- */
/*3月19日差し替えお願いします>Jくん*/

#info{
	float:left;
	width:320px;
	margin:0 10px 30px 0;
	padding:0px;
	}
	
#info .space{
	overflow:auto;
	margin:0px;
	padding:0px;
	border:1px solid #CCCCCC;
	height:449px;
	>height:424px;
	}
html>/**/body #info .space, x:-moz-any-link, x:default{
	height:424px;
}

	


#info .space .news{
	margin:10px;
	}

#info .space .news span{
	color:#ff0000;
	font-weight:bold;
	}
#info .space .news p{
	margin:0;
	}
#info .space .news li{
	list-style-position: inside;
	list-style-type: disc;
	}

.topiimg{
	float:left;
	}

#area{
	background:url(http://www.hana-re.jp/assets/images/area.gif) no-repeat;
	width:652px;
	height:171px;
	clear:both;
	margin:20px 0 0 0;
	padding:0;
	}

#area p{
	margin:0px;
	padding:25px 0 0 158px;
	width:315px;
	}
	
.topcopy{
	margin-left:128px;
	}

/* 新規追加ぶん ---------------------------------------------------------------------------------*/

/*

更新情報
★.spaceのheight変更

 */

/* ベーシックタイプ ------------------------------------------*/

.float-left {
	float: left;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
/* ノーマルタイプ ------------------------------------------*/
.sp-logo {
	margin:0 0 0 45px;
	background: url(http://www.hana-re.jp/assets/images/sp-logo.gif) no-repeat;
	padding:0 0 10px 0;
	width: 230px;
	text-indent: -9999px;
	font-size: 1pt;
}
.sp-logo a {
	display: block;
	background: url(http://www.hana-re.jp/assets/images/sp-logo.gif) no-repeat;
	height: 125px;
}
.sp-logo a:hover {
	background: url(http://www.hana-re.jp/assets/images/sp-logo_f2.gif) no-repeat;
}


#sp-content {
	display:table;
	position: relative;
	top: 0px;
	margin:20px 0 0 0;
	padding:0 0 10px 0;
	background: url(http://www.hana-re.jp/assets/images/sp-bg.gif) repeat-y;
	width: 650px;
	clear:left;
}


table.sp-read {
	vertical-align: middle;
	border-collapse: collapse;
	margin: 0 35px 0 35px;
}
table.sp-read tr td {
	padding: 0 0 0 20px;
	vertical-align: middle;
}

.sp-heavy {
	font-size: small;
	font-weight: bold;
/*	color:#002034;*/
}
.sp-main-shop {
	padding: 82px 40px 0 255px;
}
.sp-subtitle {
	float: left;
	display:inline-table;
	padding: 10px 0 0 0;
	width: 270px;
}
.sp-subtitle2 {
	float: left;
	display:inline-table;
	padding: 10px 0 0 0;
	width: 280px;
}
.pl80 {
	padding-left: 60px;
}
.pl80 {
	padding-left: 60px;
}
.pt55 {
	padding-top: 55px;
}

.area-click {
	position:absolute;
	top: 145px;
	left: 137px;
	display: block;
/*	background-color: #000000;*/
}

.banner{
	text-align:center;
	margin:0 0 15px 0;
}
.banner a{
	text-decoration:none;
}
.banner a:hover{
	text-decoration:none;
}

/* ****************************************************** */


/* Mac IE6 対応css */

.gotop{
	clear:both;
	font-size:xx-small;
	text-align:right;
	width:652px;
	padding:10px 0 10px 0;
	}
/* */


/**************************************************
.clearfix
***************************************************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */