/*--------------------------------------------------------------------

/- file   : default.css

/- admin  : HAQUA - Takumi Tanaka

/- since : 20090918

/- update : 20100315

/- URL    : hanabishi-housei.co.jp

/--------------------------------------------------------------------*/



body {
	font-size: 12px;
	font-family: 'Arial','Verdana','Osaka',sans-serif ;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	color:#333333;
	line-height:150%;
}

#outline {
	height:100%;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}


/* ヘッダー */

#header {
	position: relative; 
	height: 100%;
	width: 900px;
	float:left;
}


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

#navi_bar {
	position: relative; 
	height: 20px;
	width: 900px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#333333;
	margin:0px 0px 50px 0px;
	padding: 10px 0px 10px 0px;
	float:left;
}

#tab_list {
	font-size: 16px;
	font-weight:bolder;
	float:right;
	list-style-position: outside
}
#tab_list li {
	line-height:22px;
	display:inline;
}
#tab_list a:link {color: #333333; text-decoration: none;}
#tab_list a:visited {color: #333333; text-decoration: none;}
#tab_list a:hover {color: #999999; text-decoration: none;}
#tab_list a:active {color: #333333; text-decoration: none;}



/* センター */
#contents{
	position: relative; 
	height: 100%;
	width: 395px;
	border-style:solid;
	border-width:1px 0px 0px 0px;
	border-color:#999999;
	margin:0px 20px 0px 20px;
	padding:10px 0px 0px 0px;
	float:left;
}

#campain{
	height: auto;
	width: 395px;
	border-style:solid;
	border-width:1px 0px 0px 0px;
	border-color:#999999;
	padding:10px 0px 0px 0px;
	float:left;
}
.campain_item{
	margin-bottom:10px;
}

.news_item{
	position: relative; 
	height: auto;
	width: auto;
	margin-bottom:20px;
	float:left;
}
.news_title{
	position: relative; 
	top:0px;
	left:0px;
	height: 20px;
	width: auto;
	line-height:20px;
	margin-bottom:3px;
}
.news_icon{
	margin-right:10px;
	float:left;
}
.news_category{
	font-weight:bolder;
	color:#333333;
	margin-right:10px;
}
.news_date{
	font-weight:bolder;
	color:#999999;
}


/* 左サイドバー */
#l_sidebar{
	position: relative; 
	height: 100%;
	width: 240px;
	float:left;
}


/* 右サイドバー */
#r_sidebar{
	position: relative; 
	height: 100%;
	width: 225px;
	float:left;
}

.sidebar_item{
	margin-bottom:10px;
}


/* フッター */

#footer{
	position: relative; 
	height: 50px;
	width: 900px;
	margin:20px 0px 0px 0px;
	border-style:solid;
	border-width:1px 0px 0px 0px;
	border-color:#999999;
	padding-top:10px;
	float:left;
}

#foot_list {
	float:left;
}
#foot_list li {
	padding-right:10px;
	line-height:20px;
	display:inline;
}
#foot_list a:link {color: #777777; text-decoration: underline;}
#foot_list a:visited {color: #777777; text-decoration: underline;}
#foot_list a:hover {color: #999999; text-decoration: underline;}
#foot_list a:active {color: #777777; text-decoration: underline;}


/* Shopのトップページ */

#top_map{
	position: relative; 
	height: 100%;
	width: 900px;
	float:left;
}

#shop_news_tab{
	position: relative; 
	height: 24px;
	width: 200px;
	text-align:center;
	line-height:24px;
	margin-top:20px;
	border-style:solid;
	border-width:1px 1px 0px 1px;
	border-color:#999999;
	float:left;
}

#shop_info{
	position: relative; 
	height: auto;
	width: 900px;
	border-style:solid;
	border-width:1px 0px 0px 0px;
	border-color:#999999;
	padding-top:20px;
	float:left;
}

#shop_news{
	position: relative; 
	height: auto;
	width: 620px;
	float:left;
}

.shop_list {
	list-style:none;
}
.shop_list li{
}


/* 各Shopのページ */

#shop_main{
	position: relative; 
	height: 500px;
	width: 600px;
	padding:10px 0px 0px 0px;
	float:left;
}

#shop_intro{
	position: relative; 
	width: 580px;
	float:left;
}

#shop_right{
	position: relative; 
	height: 500px;
	width: 279px;
	border-style:solid;
	border-width:0px 0px 0px 1px;
	border-color:#999999;
	padding:0px 0px 0px 20px;
	float:left;
}

#shop_keiji{
	position:relative; 
	top:30px; 
	left:0px; .
	height:100%; 
	width:272px;
	float:left;
}
#shop_keiji_title{
	position: relative; 
	height: 33px;
	width: 272px;
	margin:0px 0px 3px 0px;
	float:left;

}
#shop_keiji_main{
	position: relative; 
	height: 393px;
	width: 250px;
	border-style:solid;
	border-width:1px;
	border-color:#555555;
	padding:10px;
	float:left;
}


/* 会社概要 */

#company_main{
	position: relative; 
	height: 700px;
	width: 490px;
	padding: 30px 10px 0px 0px;
	float: left;
}


#privacy_main{
	position: relative; 
	height: 700px;
	width: 390px;
	padding: 20px 10px 0px 0px;
	float: left;
}
.company_item_title{
	position: relative; 
	height: auto;
	width: 100%;
	font-size:14px;
	font-weight:bold;
	border-style:dashed;
	border-width:0px 0px 1px 0px;
	border-color:#999999;
	padding: 0px 0px 10px 0px;
	float: left;
}
.company_item_text{
	position: relative; 
	height: auto;
	width: 100%;
	margin:0px 0px 35px 0px;
	padding: 10px 0px 0px 0px;
	float: left;
}


/* ニュースリリース */

#news_main{
	position: relative; 
	height: 1000px;
	width: 650px;
	margin:0px 70px 0px 0px;
	float:left;
}

#news_left{
	position: relative; 
	height: 1000px;
	width: 170px;
	margin:0px 30px 0px 0px;
	float:left;
}

#news_right{
	position: relative; 
	height: 1000px;
	width: 154px;
	border-style:solid;
	border-width:0px 0px 0px 1px;
	border-color:#999999;
	padding:0px 0px 0px 25px;
	float:left;
}

#news_list{
	position: relative; 
	height: auto;
	width: 170px;
	list-style-type:none;
	float:left;
}
#news_list li{
	height:25px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 20px;
	background-image: url(./news/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#999999;
	font-size: 16px;
	font-weight:bolder;
	line-height:26px;
}

#news_release_titlte{
	position: relative; 
	height: 25px;
	width: 100%;
	border-style:solid;
	border-width:0px 0px 2px 0px;
	border-color:#90B081;
	margin:0px 0px 20px 0px;
	float:left;
}



/* ファクトリー */

#factory_main{
	position: relative; 
	height: auto;
	width: 900px;
	margin:0px 0px 30px 0px;
	float:left;
}

#factory_lower{
	position: relative; 
	height: auto;
	width: 858px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#333333;
	margin:0px 0px 10px 0px;
	padding:20px;
	float:left;
}

#factory_navi{
	position: relative; 
	height: 30px;
	width: 900px;
	float:left;
}


/* stylebook */

#style_main{
	position: relative; 
	height: 600px;
	width: 900px;
	float:left;
}

#style_upper{
	position: relative; 
	height: 45px;
	width: 900px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#999999;
	float:left;
}

#style_lower{
	position: relative; 
	height: 30px;
	width: 900px;
	border-style:solid;
	border-width:1px 0px 0px 0px;
	border-color:#999999;
	float:left;
}


/* How to Order */

#order_main{
	position: relative; 
	height: 850px;
	width: 900px;
	float:left;
}

#order_read{
	position:absolute;
	top:0px;
	left:450px;
	height:auto;
	width:400px;
	float:left;
}

#order_list{
	position:absolute;
	top:170px;
	left:0px;
	height:auto;
	width:300px;
	border-style:solid;
	border-width:0px 2px 0px 0px;
	border-color:#777777;
	margin:0px;
	padding:0px;
	float:left;
	list-style-type:none;
}
#order_list li{
	height:50px;
	padding:0px 0px 0px 35px;
	background-image: url(./order/page_01/button.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 13px;
	font-weight:bolder;
	color:#777777;
	line-height:52px;
}


/* Recommend */

#recommend_upper{
	position: relative; 
	height: auto;
	width: 860px;
	margin:0px 20px 0px 20px;
	float:left;
}

#recommend_lower{
	position: relative; 
	height: auto;
	width: 860px;
	margin:0px 20px 0px 20px;
	float:left;
}

#recommend_logo{
	position: relative; 
	height: 170px;
	width: 170px;
	float:left;
}

#recommend_title{
	position: relative; 
	height: 130px;
	width: 670px;
	padding: 20px 0px 20px 20px;	
	float:left;
}
#recommend_month{
	position: relative; 
	height: 60px;
	width: 670px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#333333;
	margin:0px 0px 10px 0px;
	float:left;
}
#recommend_tab{
	position:absolute; 
	bottom:25px;
	right:0px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	float:left;
}
#recommend_tab li,#recommend_tab li a{
	height: 25px;
	width: 93px;
	display: block;
	float:left;
}
#recommend_tab_cloth,#recommend_tab_cloth a{
	background:url(./recommend/tab01.gif) no-repeat top right;
}
#recommend_tab_model,#recommend_tab_model a{
	background:url(./recommend/tab02.gif) no-repeat top right;
}
#recommend_tab_option,#recommend_tab_option a{
	background:url(./recommend/tab03.gif) no-repeat top right;
}
#recommend_tab_item,#recommend_tab_item a{
	background:url(./recommend/tab04.gif) no-repeat top right;
}
#recommend_tab_cloth a:hover{
	background-position: bottom right;
}
#recommend_tab_model a:hover{
	background-position: bottom right;
}
#recommend_tab_option a:hover{
	background-position: bottom right;
}
#recommend_tab_item a:hover{
	background-position: bottom right;
}

#recommend_left{
	position: relative; 
	height: 300px;
	width: 170px;
	padding:50px 0px 0px 0px;
	float:left;
}

#recommend_list{
	position: relative; 
	height: auto;
	width: 170px;
	list-style-type:none;
	float:left;
}
#recommend_list li{
	height:25px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 20px;
	background-image: url(./recommend/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#999999;
	font-size: 16px;
	font-weight:bolder;
	line-height:26px;
}

#recommend_content{
	position: relative; 
	height: auto;
	width: 648px;
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	padding: 20px;	
	float:left;
}


/* international */

#inter_tabbar{
	position: relative; 
	height: 23px;
	width: 900px;
	float:left;
}

#inter_tab{
	position:absolute; 
	margin:0px;
	padding:0px;
	list-style-type:none;
	float:left;
}
#inter_tab li,#inter_tab li a{
	height: 23px;
	width: 133px;
	display: block;
	float:left;
}
#inter_tab_01,#inter_tab_01 a{
	background:url(./tokushu/international/tab01.gif) no-repeat top left;
}
#inter_tab_02,#inter_tab_02 a{
	background:url(./tokushu/international/tab02.gif) no-repeat top left;
}
#inter_tab_03,#inter_tab_03 a{
	background:url(./tokushu/international/tab03.gif) no-repeat top left;
}
#inter_tab_04,#inter_tab_04 a{
	background:url(./tokushu/international/tab04.gif) no-repeat top left;
}
#inter_tab_05,#inter_tab_05 a{
	background:url(./tokushu/international/tab05.gif) no-repeat top left;
}
#inter_tab_01 a:hover{
	background-position: bottom right;
}
#inter_tab_02 a:hover{
	background-position: bottom right;
}
#inter_tab_03 a:hover{
	background-position: bottom right;
}
#inter_tab_04 a:hover{
	background-position: bottom right;
}
#inter_tab_05 a:hover{
	background-position: bottom right;
}

#inter_upper{
	position: relative; 
	height: auto;
	width: 900px;
	margin:0px 0px 20px 0px;
	float:left;
}

#inter_lower{
	position: relative; 
	height: auto;
	width: 858px;
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	margin:0px 0px 10px 0px;
	padding:20px;
	float:left;
}
*html #inter_lower{
	padding:20px 20px 0px 20px;
}

#inter_navi{
	position: relative; 
	height: 30px;
	width: 900px;
	float:left;
}

.inter_cap_title{
	position: relative; 
	height: auto;
	width: 100%;
	font-size:11px;
	font-weight:bold;
	border-style:dashed;
	border-width:0px 0px 1px 0px;
	border-color:#999999;
	padding: 0px 0px 5px 0px;
	float: left;
}
.inter_cap_text{
	position: relative; 
	height: auto;
	width: 100%;
	font-size:11px;
	padding: 5px 0px 0px 0px;
	float: left;
}

/* U102 */
#u102_tabbar{
	position: relative; 
	height: 35px;
	width: 900px;
	float:left;
}

#u102_tab{
	position:absolute; 
	margin:0px;
	padding:0px;
	list-style-type:none;
	float:left;
}
#u102_tab li,#u102_tab li a{
	height: 35px;
	width: 150px;
	display: block;
	float:left;
}
#u102_tab_01,#u102_tab_01 a{
	background:url(./tokushu/u102/tab01.gif) no-repeat top left;
}
#u102_tab_02,#u102_tab_02 a{
	background:url(./tokushu/u102/tab02.gif) no-repeat top left;
}
#u102_tab_01 a:hover{
	background-position: bottom right;
}
#u102_tab_02 a:hover{
	background-position: bottom right;
}

#u102_upper{
	position: relative; 
	height: 380px;
	width: 900px;
	margin-bottom:20px;
	float:left;
}

#u102_lower{
	position: relative; 
	height: 480px;
	width: 900px;
	margin-bottom:20px;
	float:left;
}

.u102_cap_title{
	position: relative; 
	height: auto;
	width: 100%;
	font-size:12px;
	font-weight:bold;
	color:#BB1B00;
	border-style:dashed;
	border-width:0px 0px 1px 0px;
	border-color:#999999;
	margin-top:10px;
	padding-bottom:5px;
	float: left;
}
.u102_cap_text{
	position: relative; 
	height: auto;
	width: 100%;
	font-size:11px;
	padding-top: 5px;
	float: left;
}

/* その他の共通要素 */

.wrapper{
	position: relative; 
	height: 100%;
	width: 100%;
	float:left;
}

.read{
	
}
.text{
	
}
.caption{
	
}

.invis {
	display:none ;
}

a:link {color: #555555; text-decoration: none;}
a:visited {color: #555555; text-decoration: none;}
a:hover {color: #999999; text-decoration: underline;}
a:active {color: #555555; text-decoration: underline;}

div{
	line-height:150%;	
}
span{
	line-height:150%;
}
img {
	border: 0px;
}

dl,dd,ul,li {
	border: 0px;
	margin: 0px;
	padding: 0px;
}