/*-----------------------------------------------
__CSS infromation

Site URL:		http://www.platinart.co.jp/
Summary:		Platinart Web site
Created:		2009-07-07
Last update:	2011-01-08
Author:			e�|wing iwatuki

Order of description

-Search Key"__"+"id Name of Class Name"

/__Default_style_clear
/__Universal selector
/__Structure Module
/__text Module
/__Hypertext Module
/__header				(div#header)
/__content_home			(div#content_home)
/__content_harf			(div.content_harf)

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

/*-----------------------------------------------
__header
----------------------------------------------*/

#header{
	_padding-bottom: 20px;
}

/*-----------------------------------------------
__container_home
----------------------------------------------*/

#content_home{
	width: 832px;
	position: relative;
	clear: right;
}

#content_home h3{
	float: left;
	font-weight: bold;
	color: #998C33;
}

#content_home #content_home_top {
	margin-bottom: 20px;
	width: 832px;
	height: 360px;
	background: url(img/pg.jpg) no-repeat;
}


#content_home  #content_home_top .pt_guide{
	float: left;
	width: 0;
	height: 360px;
}

*html body #content_home  #content_home_top .pt_guide{
	width: 0;
}


#content_home  #content_home_top .pt_guide h2{
	float: left;
	width: 255px;
	position: absolute;
	top: 55px;
	left: 46px;
	font-size: 85%;
	color: #998C33;
	text-align: center;
}

#content_home  #content_home_top .pt_guide p{
	float: left;
	width: 255px;
	position: absolute;
	top: 7.2em;
	left: 46px;
	font-size: 85%;
}

#content_home #content_home_top .pt_guide .pt_flash{
	float: left;
	width: 832px;
	height: 360px;
}


#content_home .bj_box{
	padding: 20px 10px 10px 10px;
	float: left;
	width: 257px;
}

#content_home .bj_box .bj_box_text{
	width: 130px;
	_width: 125px;
	float: left;
}

#content_home .bj_box h3{
	margin-bottom: 5px;
	float: left;
	width: 100%;
	color: #333;
	font-size: 123.1%;
}

#content_home .bj_box_text p a,
#content_home .container_w p a{
	padding-left: 30px;
	float: left;
}

#content_home .bj_box_text p.detailed_link,
#content_home .container_w p.detailed_link{
	margin-top: 10px;
	padding-bottom: 20px;
	background: url(img/arrow_right.jpg) no-repeat;
	background-position: left;
}

#content_home .bj_box img{
	float: right;
}

#content_home .container_w{
	padding-top: 20px;
	padding-bottom: 10px;
	width: 832px;
	float: left;
	clear: left;
}

#content_home .container_w .obi_w{
	margin-top: 10px;
	width: 832px;
	height: 50px;
	float: left;
	border-bottom: 1px solid #CCC;
}

#content_home .container_w .obi_w img{
	position: relative;
	top: 10px;
	padding-left: 10px;
	float: left;
}


#content_home .container_w .obi_w h2{
	margin-top: 15px;
	padding-right: 10px;
	padding-left: 20px;
	float: left;
	font-size: 116%;
}

#content_home .container_w .container_w_text{
	margin: 20px 0 20px 0;
	float: left;
	width: 832px;
}

#content_home  .container_w_text h3{
	margin-bottom: 10px;
	margin-right: 20px;
	color:#998C33;
}

#content_home  .container_w_text h4{
}

#content_home .container_w_text ul{
	margin-bottom: 20px;
	float: left;
	width: 440px;
}

#content_home  .container_w_text ul li{
	padding-bottom: 5px;
	clear: left;
}

#content_home  .container_w_text .ft11{
	font-size: 85%;
}

#content_home  .container_w_text .ft16{
	font-size: 123.1%;
}

#content_home  .container_w_text ul li img{
	padding-bottom: 15px;
}

#content_home .container_w_text ul li h4,#content_home  .container_w_text ul li h5{
	position: relative;
	top: 3px;
	left: -10px;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 0.6em
}

#content_home .container_w_text ul li a:link {
	color: #998C33;
}

#content_home .container_w_text ul li a:visited {
	color: #666;
}

#content_home .container_w_text ul li a:hover {
	color: #CCC;
	text-decoration: none;
}

#content_home  .container_w_text ul li .sf20{
	margin-left: 20px;
}


#content_home .container_w .container_w_text img{
	margin-right: 30px;
	float: left;
}

#content_home .container_w .container_w_text p{
	float: left;
	width: 340px;
}

/*-----------------------------------------------
__container_home_harf
----------------------------------------------*/

.content_home_harf{
	float: left;
	width: 400px;
}

.content_home_harf_container{
	margin-bottom: 20px;
	float: left;
	width: 832px;
	height:auto;
}

.content_home_harf .guide_box img{
	margin-bottom: 10px;
}

.content_home_harf .shop_info{
	width: 400px;
}

.content_home_harf #home_reform_bk_img{
	padding-bottom: 20px;
	background: url(img/home_img_reformnew_bg.jpg) bottom no-repeat;
}

.content_home_harf #home_shop_bk_img{
	padding-bottom: 70px;
	background: url(img/home_img_shop_bg.jpg) bottom no-repeat;
}

.content_home_harf #home_atelier_bk_img{
	padding-bottom: 70px;
	background: url(img/home_img_ateliernew_bg.jpg) bottom no-repeat;
}

.content_home_harf #home_news_bk_img{
	padding-bottom: 50px;
	background: url(img/home_img_news_bg.jpg) bottom no-repeat;
}


.content_home_harf .obi{
	margin-top: 10px;
	width: 386px;
	height:50px;
	float: left;
	border-bottom: 1px solid #CCC;
}

.content_home_harf .obi img{
	position: relative;
	top: 10px;
	padding-left: 10px;
	float: left;
}

.content_home_harf .obi h2{
	margin-top: 15px;
	padding-right: 10px;
	padding-left: 20px;
	float: left;
	font-size: 93%;
}

.content_home_harf .shop_info {
	margin-bottom: 10px;
	float: left;
}

.content_home_harf .shop_info p{
	margin-top: 23px;
	clear: left;
}

.content_home_harf .shop_info ul{
	margin-top: 23px;
	padding-left: 10px;
	float: left;
}


.content_home_harf .shop_info .shop_info_box {
	margin-top: 10px;
	float: left;
	width: 360px;
}

.content_home_harf .shop_info .shop_info_box img{
	margin-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.content_home_harf h3{
	padding: 10px;
}

.content_home_harf .shop_info .shop_info_box p{
	margin-top: 1px;
	margin-right: 10px;
	margin-left: 10px;
}

.content_home_harf .shop_info .shop_info_box p a{
	padding-left: 30px;
}

.content_home_harf .shop_info .shop_info_box p a:link {
	color: #998C33;
}

.content_home_harf .shop_info .shop_info_box p a:visited {
	color: #666;
}

.content_home_harf .shop_info .shop_info_box p a:hover {
	color: #CCC;
	text-decoration: none;
}

.content_home_harf .shop_info .shop_info_box p.detailed_link{
	padding-top: 10px;
	padding-bottom: 20px;
	background: url(img/arrow_right.jpg) no-repeat;
	background-position: left;
}