@charset "utf-8";

/*----------------------------------------
* last update 2007-04-24
* Search key "++n"
* Copyright (C) 2008- GREEN PLAZA KOBE. All Rights Reserved.
* Editor - A.W.
*
* +0 reset parts
* +1 header parts
* +2 footer parts
* +3 hidden parts
* +4 index parts
* +5 category title 
* +6 works parts
* +7 concept parts
* +8 company parts
* +9 voice parts
* +10 contact parts
* +11 site parts

* +000 other parts


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

/*----------------------------------------
++0 reset parts
----------------------------------------*/

* {
	margin:0;
	padding:0;
	font-size:100%;
	font-style:normal;
	}

th, td, form, fieldset{
	margin:0;
	padding:0;
	}

ul,ol {
	list-style:none;
	}

img,fieldset{
	border:0;
	}	
	
body{
	background:#fff;
	color:#333;
	font-size:10px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Osaka,sans-serif;
	text-align:center;
	}

	
a{text-decoration:underline;}

#container{
	width:100%;
	}

#wrap{
	width:100%;
	text-align:left;
	}	


/*----------------------------------------
++1 header parts
----------------------------------------*/


#header{
	width:100%;
	background:#fff;
	text-align:left;
	line-height:1.6;
	}		
#header h1{
	font-size:14px;
	}
#header p,
#header dl{
	font-size:12px;
	}
	
/*----------------------------------------
++2 footer parts
----------------------------------------*/

#footer{
	clear:both;
	font-size:12px;
	margin:0 auto;
	}
	

	
/*----------------------------------------
++3 hidden parts
----------------------------------------*/

#gnavi,
#subnavi,
#topic_path,
#header h2,
#works_navi,
#order_navi,
p.pagetop,
#footer ul,
#faq_navi,
#order_navi,
#concept_gihou h5,
.tit_year,
#index_image,
#home_navi,
.works_detail_prev_paging,
.works_detail_next_paging,
.wood_detail_prev_paging,
.wood_detail_next_paging,
#color_list{
	display:none;
	}


/*----------------------------------------
++4 index parts
----------------------------------------*/
#area_info ul,
#news_info ul{
	font-size:14px;
	line-height:1.6;
	}
#news_info h3{
	margin:20px 0 0 0;
	}	
					
/*----------------------------------------
++5 category title 
----------------------------------------*/

#cate_title{
	color:#630;
	border-left:6px solid #630;
	font-size:18px;
	line-height:2;
	text-indent:14px;
	margin:20px 0 13px;
	}


.sub_tit01,
#company_area h3,
#company_area h4,
#company_area h5,
.gold,.silver,.bronze,.nyusen,.best,.yusyu,
.tit_works_sublist,
.sub_tit_link a,
.works_list h3,
#area_info h3,
#news_info h3,
.tit_wood_name,
.tit_flower_name,
.tit_ground_name
#wood_gpk_works{
	color:#333;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #666;
	padding:0 0 4px;
	}

/*----------------------------------------
++6 works parts
----------------------------------------*/
.catch{
	font-size:14px;
	line-height:1.4;
	}
h3.catch{
	padding:0;
	margin:16px auto 13px;
	}
.main_section{
	clear:both;
	font-size:13px;
	line-height:1.5;
	}
#designer .main_section{
	width:730px;
	margin:20px auto;
	}	

.note00{
	font-size:14px;
	line-height:1.5;
	margin:2px auto 15px;
	}
.main_section .note01{
	width:610px;
	padding:0 5px 0 12px;
	}
.note02{
	text-align:right;
	padding:0 5px 0 12px;
	}	
.main_section .note02{
	width:610px;
	}	
.work_link_image1{
	margin:10px;
	}
		
.works_list{	
	clear:both;
	margin:12px auto;
	}
		

.works_list p{
	width:390px;
	font-size:1.2em;
	line-height:1.5;
	margin:0 auto 10px;
	}

.works_list ul{
	margin:8px 0 0 30px;
	} 
.works_list ul li{
	float:left;
	width:140px;
	background:url(../common/icon_01.gif) no-repeat left center;
	font-size:1.4em;
	padding:0 0 0 15px;
	margin:0 0 8px 0;
	}			
					
.name_detail{
	color:#391d00;
	font-size:1.4em;
	text-align:right;
	letter-spacing:1px;
	margin:-23px 20px 30px 0;
	}

#works_photo_large{
	float:left;
	width:430px;
	font-size:1.3em;
	margin:0 0 10px 2px;
	}
		
#works_photo_large p{
	text-align:center;
	margin:0 0 10px 0;
	}
#works_photo_large p.view{
	height:25px;
	background:url(../common/icon_03.gif) no-repeat;
	text-align:left;
	line-height:2.0;
	padding:0 0 0 76px;
	}	
#works_photo_large p img{
	border:3px solid #725c54;
	padding:2px;
	}


			
#works_comment{
	float:right;
	width:184px;
	}
#works_comment h3,
#wood_comment h4{
	width:184px;
	color:#630;
	border-left:4px solid #630;
	font-size:14px;
	line-height:1.6;
	text-indent:9px;
	margin:0 0 5px 0;
	}

#works_comment p,
#works_comment li,
#wood_comment p{
	font-size:12px;
	line-height:1.7;
	margin:0 0 5px 5px;
	}
#works_comment li{
	border-bottom:1px solid #ccc;
	}
#works_comment ul{
	margin-bottom:15px;
	}
#works_photolist{
	clear:both;
	}
#works_photolist li,
#reform_photolist li{
	display:inline;
	}		
#works_photolist img,
#reform_photolist li img{
	border:1px solid #725c54;
	padding:1px;
	margin:0 0 7px 0;
	}
#reform_photolist li img{
	border:1px solid #c8c8c8;
	}
#wood_parts_list li{
	float:left;
	font-size:1.4em;
	text-align:center;
	}
#wood_parts_list li a{
	display:block;
	width:180px;
	color:#600;
	text-decoration:none;
	border:1px solid #bbb;
	padding:3px 3px 2px 3px;
	margin:0 10px 25px 10px;
	}
#wood_parts_list a:hover{
	font-weight:bold;
	background:#fc9;
	}
#wood_parts_list li a img{
	margin:0 0 3px 0;
	}	
#works_parts_list li,
.works_parts_sublist li{
	float:left;
	}
#works_parts_list li a,
.works_parts_sublist li a{
	display:block;
	width:190px;
	border:1px solid #bbb;
	padding:3px;
	margin:0 0 10px 10px;
	}
.paging_link,
.paging_prelink{
	font-size:12px;
	text-align:right;
	padding:0 8px 0 0;
	}
.paging_prelink{
	text-align:left;
	margin:10px 0 0 10px;
	}	
.paging_link{
	margin:0px 0 10px 0;
	}
.paging_link a,
.paging_prelink a{
	color:#900;
	}	
.paging_navi{
	text-align:right;
	margin:12px 8px 15px 8px;
	}
.paging_navi li{
	display:inline;
	font-size:1.4em;
	}
.paging_navi li a{
	color:#900;
	padding:5px 7px;
	border:1px solid #ccc;
	}
.paging_navi li a:hover{
	text-decoration:none;
	background:#fc9;
	}

.tit_works_sublist{
	margin:0 0 10px 0;
	}

#wood_comment table{
	width:100%;
	font-size:1.4em;
	border-collapse:collapse;
	margin:0 auto 10px;
	}
#wood_comment table th{
	width:4.3em;
	color:#6a3500;
	padding:5px;
	border-bottom:1px solid #ccc;
	}		
#wood_comment table td{
	padding:5px;
	border-bottom:1px solid #ccc;
	}
#wood_comment{
	clear:both;
	float:none;
	width:100%;
	}		
#wood_detail_area img{
	margin:7px;
	}
		
/*----------------------------------------
++7 concept parts
----------------------------------------*/
	
#concept_co_link a,#concept_or_link a,
#concept_de_link a,#concept_con_link a,
#concept_fa_link a{
	font-size:16px;
	line-height:1.8;
	font-weight:bold;
	margin:12px 0 18px 6px;
	}
#concept_topic1{
	margin:0 0 30px 0;
	}	

#concept_kodawari,
#concept_taikyusei,
#concept_gihou{
	font-size:14px;
	line-height:1.6;
	}
#concept_kodawari p,
#concept_taikyusei p,
#concept_gihou p{
	width:610px;
	padding:0 10px 10px 10px;
	}	
#concept_kodawari h4 img,
#concept_taikyusei h4 img,
#concept_gihou h4 img{
	margin:-10px 0 0 0;
	}	
	
	


#faq_area dt{
	color:#333;
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
	border-bottom:1px solid #333;
	margin:0 0 15px 0;
	}
#faq_area dd{
	font-size:13px;
	line-height:1.6;
	padding:0 10px 10px 10px;
	margin:0 0 15px 0;
	}				
#order_area p{
	font-size:14px;
	line-height:1.6;
	padding:10px 10px 0 10px;
	}
	
#designer .main_section h3{
	margin:0 0 10px 0;
	}

#contest_year{
	margin:0 auto 20px;
	}
#contest_year p{
	font-size:1.4px;
	line-height:1.5;
	}
#contest_year h3 a{
	display:block;
	font-size:16px;
	line-height:1.4;
	margin:5px 0 10px 0;
	}

#contest_area{
	float:right;
	display:inline;
	width:628px;
	margin:2px 5px 10px 0;
	}
#contest_area p{
	font-size:1.4em;
	line-height:1.3;
	}
.contest_list{
	float:left;
	width:300px;
	margin:13px 10px 10px 0;
	}
.contest_list p{
	text-align:center;
	}	
.contest_list p.sponsoring{
	text-align:right;
	margin:-20px 0 0 0;
	}
.contest_list p img{
	margin:18px 0 5px 0;
	}			

	
/*----------------------------------------
++8 company parts
----------------------------------------*/



#company_area p{
	font-size:14px;
	line-height:1.4;
	margin:15px 0 8px 0;
	}	
#company_area table{
	width:550px;
	font-size:14px;
	line-height:1.6;
	border-collapse:collapse;
	margin:10px auto 18px;
	}
#company_area table th{
	color:#554337;
	white-space:nowrap;
	letter-spacing:0.1em;
	border-bottom:1px solid #ccc;
	vertical-align:top;
	padding:5px 15px 5px 5px;
	}
#company_area table td{
	border-bottom:1px solid #ccc;
	padding:5px;
	}
#map{
	width:578px;
	height:400px;
	}						

/*----------------------------------------
++9 voice parts
----------------------------------------*/

#voice_contents{
	font-size:14px;
	line-height:1.4;
	}
#voice_contents h3{
	margin:0 0 11px;
	}
#voice_contents p{
	padding:0 5px 6px;
	}	

#vo_list li{
	float:left;
	display:inline;
	width:202px;
	height:105px;
	line-height:1.6;
	border:1px solid #bbb;
	padding:2px 2px 2px 2px;
	margin:0 4px 4px 0;
	}
#vo_list li a{
	display:block;
	width:202px;
	height:105px;
	background:url(../voice/img/i_list_bg.png) no-repeat 108px 0px;
	color:#333;
	}
#vo_list li a:hover{
	background:url(../voice/img/i_list_bg.png) no-repeat 108px -109px;
	color:#900;
	font-weight:bold;
	text-decoration:none;
	}		
#vo_list li img{
	float:left;
	margin:0 5px 0 0;
	}
#vo_list li strong{
	display:block;
	color:#900;
	font-weight:bold;
	padding:15px 0 0 0;
	}
			
	
#works_comment .vo_tit_name01{
	width:146px;
	color:#333;
	font-size:15px;
	font-weight:bold;
	text-indent:8px;
	border-left:6px solid #333;
	margin:0 0 8px 0;
	}
#works_comment h3.process{
	margin:8px 0 3px 0;
	}
#voice_photolist{
	float:left;
	width:430px;
	margin:-8px auto 0;
	}
#voice_photolist li{
	display:inline;
	}		
#voice_photolist img{
	border:1px solid #725c54;
	padding:1px;
	margin:0 0 7px 0;
	}
#voice_comment{
	clear:both;
	width:630px;
	margin:0 auto;
	}
#voice_comment h3{
	font-size:14px;
	border-bottom:1px solid #333;
	margin:12px auto;
	}
#voice_comment h3.vo_magazine{background:url(../voice/img/i_comment3.png) no-repeat;}		
#voice_comment p{
	font-size:14px;
	line-height:1.5;
	padding:0 0 8px 0;
	}
#cate_voice #works_comment li{
	width:156px;
	font-size:12px;
	line-height:1.4;
	margin:0 auto 3px;
	border-bottom:1px solid #ccc;
	padding:0 3px 1px 5px;
	}				
#cate_voice #works_photo_large p.vo_txt{
	width:430px;
	text-align:left;
	margin:0 auto 10px 8px;
	}

/*----------------------------------------
++10 contact parts/site parts
----------------------------------------*/

#contact_area h3,
#site_area h3{
	color:#333;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #666;
	padding:0 0 4px;
	margin:19px 0 12px 0;
	}	
	
#contact_area p,
#site_area p{
	font-size:13px;
	line-height:1.5;
	text-align:center;
	margin:0 auto 8px;
	}
#site_area p{
	text-align:left;
	}	
#site_area li{
	font-size:13px;
	line-height:1.5;
	background:url(../common/icon_01.gif) no-repeat 0px 6px;
	padding:0 0 0 15px;
	}	
			
									
/*----------------------------------------
++000 other parts
----------------------------------------*/

.none{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}

.cle{
	clear:both;
	}
	
.noscript{
	text-align:left !important;
	line-height:1.4;
	border:2px solid #ccc;
	padding:5px;
	}
.keyword{
	color:#900;
	font-weight:bold;
	}
.image_data1{
	float:left;
	margin:0 10px 10px 0;
	}
.attention{
	display:block;
	font-size:0.8em;
	text-indent:-1em;
	padding:0 0 0 1em;
	}
#contact_area table	.attention{
	display:inline;
	font-size:0.9em;
	font-weight:bold;
	color:#f00;
	} 


/* 2008.04.24 add 
#cate_works #works_photo_large p,
#cate_concept #works_photo_large p,
#works_parts_list{
	width:430px;
	height:116px;
	background:url(../common/i_print.gif) no-repeat;
	}
			
#cate_works #works_photo_large p img#Largeimg,
#cate_concept #works_photo_large p img#Largeimg,
#works_photo_large p.view,
#works_parts_list img,
.contest_list p img,
.contest_list p strong{
	display:none;
	}
	
#works_parts_list li a{
	border:none;
	}	
#cate_concept #works_photo_large p.gpk_comment,
#cate_concept #works_photo_large p.keyword{
	background:none;
	text-align:left;
	}	
#works_photolist img,
#cate_voice #works_photo_large p img,
#cate_voice #voice_photolist img{
	display:none;
	}
#cate_voice #works_photo_large p img.for_print{
	display:block;
	border:none;
	}		
/* 2008.04.24 end */	

.for_print{text-align:left;}