@charset "utf-8";

/*
  Summary: CGFM eccentric version
  Created: 2008-06-01
  Last update: 2008-06-01 by Garyu
  Target Pages
  	/ index.php
  
  Site URL: http://cgfm.jp/
  File name: html_version.css (/css/html_version.css)
  Author: Garyu & Mutsuki @ CGFM LLC.
  Copyright: (c) 2008 CGFM LLC.
  
*/

/*
----------------------------------------------------------------------------- 
[0]Import
----------------------------------------------------------------------------- */
@import "reset.css";
@import "font.css";
@import "tools.css";

/*
----------------------------------------------------------------------------- 
[1]layout
----------------------------------------------------------------------------- */
.accessibility{ display: none;}

body#html_ver2008{
  text-align:center;
	background:#333 url(../img/img_html/copyright_w40.png) no-repeat fixed 100% 100%;
}
	#cover{
		min-width: 790px;
		margin:0 40px;
		position:relative;
	}
		#color_width{
			position:relative;
			padding-right:14px;
			text-align:left;
		}
		#copyright{
			display:none;
		}


/*
----------------------------------------------------------------------------- 
[2]home
----------------------------------------------------------------------------- */
#tag_home{
	background:#fc0 url(../img/img_html/bg_home.gif) repeat-x 0% 100%;
}
#home_mutsuki{
	position:relative;
	background:url(../img/img_html/home_m.png) no-repeat top right;
	min-height: 600px;
}
	#home_mutsuki h1{
		top:0px;
		left:0px;
		position:absolute;
	}
	#home_contents{
		color:#06c;
		margin-left: 340px;
		padding: 100px 0 200px 0;
		min-width: 450px;
	}
		#home_contents a{
			color:#06c;
		}

		#home_contents #rss_feed{
			margin-bottom:30px;
			margin-left: -90px;
			width: 100%;
			float: right;
			clear: right; /* IEカラム落ち防止用 */
		}
			#home_contents h2{
				float:left;
				width:90px;
				clear: left; /* IEカラム落ち防止用 */
			}
			#home_contents dl.list_blog{
				margin-left: 90px;
				padding: 0 20px 20px 0;
				text-align:left;
			}
				#home_contents dl.list_blog dt{
					display: block;
					float: left;
					width: 6em;
					text-align: right;
				}
				#home_contents dl.list_blog dd{
					margin: 0 0 0.5em 6em;
				}
				
		#home_contents #topics_feed{
			margin-left: -90px;
			width: 100%;
			float: right;
			clear: right; /* IEカラム落ち防止用 */
		}	
			#home_contents dl.topics{
				margin-left: 90px;
				padding: 0 20px 20px 0;
				text-align:left;
			}
				#home_contents dl.topics dt{
					display: block;
					float: left;
					width: 6em;
					text-align: right;
				}
				#home_contents dl.topics dd{
					margin: 0 0 0.5em 6em;
				}
				#home_contents dl.topics dd.TopicsTitle {
				}

				#home_contents dl.topics dd.TopicsBody {
					display: none;
				}
			#home_contents #topics_feed .Banner{
				text-align: right;
			}
		
	/* Fukuoka Commnyuty News */
		#home_contents #comunity_feed{
			margin-top: 30px;
			margin-left: -90px;
			width: 100%;
			float: right;
			clear: right; /* IEカラム落ち防止用 */
		}
			#comunity_feed h2{
				display: block;
				margin-left: 90px; margin-bottom: 10px;
				width: auto;
				clear: both;
				float: none;
				font-size: 1.2em;
				font-weight: bold;
			}
			dl.FCN_list{
				margin-left: 90px;
				padding: 0 20px 20px 0;
				text-align:left;
			}
				dl.FCN_list dt{
					display: block;
					float: left;
					width: 6em;
					text-align: left;
				}
				dl.FCN_list dd{
					margin: 0 0 0.5em 6em;
				}
				dl.FCN_list dd span{font-size: 0.8em;}

/*
----------------------------------------------------------------------------- 
[3]work
----------------------------------------------------------------------------- */
#tag_work{
	background:#06c url(../img/img_html/bg_work.gif) repeat-x bottom left;
}
	#work_garyu{
		position:relative;
		background:url(../img/img_html/work_g.png) no-repeat bottom right;
	}
		#work_garyu h2{
			position:absolute;
			top:30px;left:0px;
		}
		#work_contents{
			margin-left: 260px;
			padding-bottom: 300px;
			min-height: 150px;
			color:#3c0;
		}
			#work_contents a{
				color:#3c0;
				text-decoration: none;
			}
		div#work-detail{
			display: none;
		}
			div.facebox_num{
				width: 600px;
				background-color: #fff;
			}
				div.facebox_num div.float_left{
					width: 210px;
				}
				div.facebox_num div.float_right{
					float: left;
					display:inline;
					margin-left: 30px;
					width: 300px;
				}
				div.facebox_num h2{
					margin-bottom: 1em; padding: 10px 0 0 0 ;
					font-size: 1.4em;
					font-weight: bold;
				}
				div.facebox_num h3{
					font-weight: bold;
				}
				div.facebox_num p{
					margin-bottom: 10px;
				}
				div.facebox_num a img{
					border: 1px solid #fff !important;
					
				}
				div.facebox_num a:hover img{
					border: 1px solid #f90 !important;
				}
			

.thumbnail{
	float:left;
	width:240px;
	height:230px;
	font-size:0.9em;
}
	.thumbnail a{
		display: block;
		width:210px;
	}
		.thumbnail a img{
			padding:5px;
			margin-bottom:5px;
			background-color:#fff;
		}

/*
----------------------------------------------------------------------------- 
[4]about
----------------------------------------------------------------------------- */
#tag_about{
	background:#3c3 url(../img/img_html/bg_about.gif) repeat-x bottom left;
}
#about_mutsuki{
	position:relative;
	background:url(../img/img_html/about_m.png) no-repeat top right;

}
#about_mutsuki h2{
	top:0px;
	left:0px;
	position:absolute;
}
#about_contents{
	color:#63c;
	margin-left:300px;
	padding: 50px 0 300px 0;
}
	#about_contents dl{
		width:90%;
		border-bottom:1px dotted #63c;
	}
		#about_contents dl dt{
			float:left;
			padding:0.5em 0pt 0.5em 1em;
			width:10em;
			border-top:1px dotted #63c;
		}
		#about_contents dl dd{
			margin:0pt 0pt 0pt 10em;
			padding:0.5em 1em 0.58em;
			border-top:1px dotted #63c;
		}


/*
----------------------------------------------------------------------------- 
[5]inquiry
----------------------------------------------------------------------------- */
#tag_inquiry{
	position:relative;
	background:#63c url(../img/img_html/bg_inquiry.gif) repeat-x bottom left;
}
#inquiry_garyu{
	position:relative;
	background:url(../img/img_html/inquiry_g.png) no-repeat top right;
	min-height: 600px;
}
#inquiry_garyu h2{
	top:0px;
	left:0px;
	position:absolute;
}
#inquiry_contents{
	position:relative;
	color:#3cf;
	margin: 0;
	margin-left: 300px;
	padding-bottom: 200px;
}
	p#btn_mail{
		display: block;
		position: relative;
		top: 100px;
		left: 20%;
		width: 250px;
		text-align: center;
		font-size: 1.2em;
	}
		p#btn_mail img{ margin-top: 20px;}

	#inquiry_contents dl#inquiry_dl{
		
	}
		#inquiry_contents dl#inquiry_dl{
		
		}
			#inquiry_contents dl#inquiry_dl dt {
				float:left;
				margin:0;
				padding:0.5em 0;
				text-align:right;
				width:10em;
			}
			#inquiry_contents dl#inquiry_dl dd {
				margin:0 0 0 11em;
				padding:0.5em 1em;
			}
				#inquiry_contents dl#inquiry_dl dd dl dt{
					float: none;
					padding: 0;
					width: auto;
					text-align: left;
				}
				#inquiry_contents dl#inquiry_dl dd dl dd{
					float: none;
					margin:0; padding: 0.5em 0;
					width: auto;
					text-align: left;
				}
			
	#inquiry_contents input.form_input{
		margin: 0 0 3px 0; padding: 0.2em;
		font-size: 1.4em;
		background:#3cf;
		border:2px solid #3cf;
	}
	#inquiry_contents input.form_input:focus{
		background:#fea;
		border:2px solid #f60;
	}
	#inquiry_contents textarea#description{
		padding: 0.2em;
		width: 90%; height: 5em;
		font-size: 1.4em;
		background:#3cf;
		border:1px solid #3cf;
	}
	#inquiry_contents textarea#description:focus{
		background:#fea;
		border:2px solid #f60;
	}
	
	

/*
----------------------------------------------------------------------------- 
[6]lab
----------------------------------------------------------------------------- */
#tag_lab{
	background:#3cf url(../img/img_html/bg_lab.gif) repeat-x bottom left;
}
#lab_garyu{
	position:relative;
	background:url(../img/img_html/lab_g.png) no-repeat top right;
	height:600px;
}
	#lab_garyu h2{
		top:0px;
		left:0px;
		position:absolute;
	}
	#lab_contents{
		color:#f63;
		top:0px;
		left:300px;
		position:absolute;
	}
	.lab_list{
		float:left;
		width:200px;
		font-size:0.9em;
	}
		.lab_list img{
			margin-bottom:5px;
		}

/*
----------------------------------------------------------------------------- 
[7]present
----------------------------------------------------------------------------- */
#tag_present{
	background-color:#f63;
}
#present_mutsuki{
	position:relative;
	background:url(../img/img_html/present_m.png) no-repeat top right;
	height:600px;
}
	#present_mutsuki h2{
		top:0px;
		left:0px;
		position:absolute;
	}
	#present_contents{
		color:#ff6;
		top:0px;
		left:300px;
		position:absolute;
	}
		#present_contents a{
			color:#ff6;
		}
.present_thumb{
	float:left;
	width:220px;
	height:250px;
}
	.present_thumb img{
		margin-bottom:5px;
	}

/*
----------------------------------------------------------------------------- 
[8]menu
----------------------------------------------------------------------------- */
#sideBar{
	position:fixed;
	bottom: 50px; left: 40px;
	width:500px; height:25px;
	overflow: hidden;
}
    #sideBarTab{
        float:left;
        height:25px;
        width:80px;
    }
	#sideBarTab.active {
		
	}
	    #sideBarTab img{
			margin:0;
			padding:0;
			border:0;
	    }
	    
    #sideBarContents{
		float:left;
        overflow:hidden !important;
        width:383px;
        height: 25px;
    }
   
	    #sideBarContentsInner{
	       width:383px;
	       height:25px;
	    }
			#sideBarContentsInner ul{
				
			}
				#sideBarContentsInner ul li{
					display:inline;
				}
					#sideBarContentsInner ul li a{
						float: left;
					}

/*
----------------------------------------------------------------------------- 
[9]copyright
----------------------------------------------------------------------------- */			
#copyright{
}