@charset "utf-8";
/* CSS Document */

/* @override http://www.column-jp.com/common/css/common.css */

/*
=============CONTENTS=================

	last up date 09.28.2008
	start   date 11.12.2009
	autor H.M

======================================

*/
*{margin:0;padding:0;}
html{min-width:950px;}
body
	{
	background: #FBFBFB url(../img/header/header-back.png) repeat-x 0 top;
	color: #212121;
	font: 14px/150% Arial,helvetica,'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3','MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
	}
	
a
	{
	text-decoration: none;
	outline: none;
	}
	
a img
 
	{
	border:0;
	text-decoration: none;
	}
	
a:link,
a:active,
a:visited
	{
	color: #e11044;
	text-decoration: underline;
	}
	
a:hover
	{
	color: #fe7d0f;
	text-decoration: underline;
	}
	
ul li{list-style: none;}			

.imgL
	{
	float: left;
	margin: 0 10px;
	}

/*------------------------------------
         Float Clear
------------------------------------*/

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

.line{margin:0;padding:0;clear:both;}		
hr{display:none;}

/*------------------------------------
         Header
------------------------------------*/
#Wrapper
	{
	width: 950px;
	margin: 0 auto;
	background: url(../img/back.png) no-repeat;
	padding-top: 20px;
	}

/*------------------------------------
         Header
------------------------------------*/

#Header
	{
	margin: 0 auto;
	position: relative;
	padding: 10px;
	}
	
#Header h1
	{
	text-indent: -9999px;
	background: url(../img/logo.png) no-repeat;
	display: block;
	width: 337px;
	height: 55px;
	}
#Header h1 a
	{
	display: block;
	width: 337px;
	height: 55px;
	}	

P#ContactForm
	{
	text-indent: -9999px;
	}
	
P#ContactForm a
	{
	display: block;
	background: url(../img/contact/contact001.png) no-repeat;
	width: 423px;
	height: 38px;
	position: absolute;
	top: 0;
	right: 0;
	}			
	
#Navigation ul
	{
	text-indent: -9999px;
	background: url(../img/navi.png) no-repeat;
	margin-bottom: 10px;
	}
	
#Navigation ul li
	{
	height: 42px;
	display: block;
	float: left;
	}
	
#Navigation ul li a
	{
	display: block;
	height: 42px;
	}
	
#Navigation ul li#Nv01 a{	width: 130px;	}
#Navigation ul li#Nv02 a	{width: 135px;	}
#Navigation ul li#Nv03 a{	width: 147px;	}
#Navigation ul li#Nv04 a{	width: 151px;}
#Navigation ul li#Nv05 a	{width: 171px;}
#Navigation ul li#Nv06 a{	width: 216px;}							
	
#Content
	{
	margin:20px 0 0 0 ;
	}				

#Content .box
	{
	width: 448px;
	border: 1px solid #CCC;
	padding: 10px;
	margin-bottom: 15px;
	position: relative;
	}
	
#Content .box p
	{
	font-size: 12px;
	margin: 20px 0 0;
	}	
.box p.more a
	{
	background: ;
	color: #333;
	text-decoration: none;
	font-size: 14px;
	padding-left: 20px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	}
	
.box p.more a:hover
	{
	text-decoration: underline;
	}	
	
#Const.box p.more a	{background: url(../img/home/home016.png) no-repeat 0 center;}
#House.box p.more a	{background: url(../img/home/home017.png) no-repeat 0 center;}
#Reform.box p.more a	{background: url(../img/home/home014.png) no-repeat 0 center;}
#System.box p.more a	{background: url(../img/home/home015.png) no-repeat 0 center;}			
	
#Content #Const,
#Content #Reform
	{
	float: left;
	}
	
#Content #House,
#Content #System
	{
	float: right;
	}			

#Content h2
	{
	margin-bottom: 10px;
	text-indent: -9999px;
	height: 25px;
	}
	
#Content #Const h2{background: url(../img/home/home001.png) no-repeat;}
#Content #House h2{background: url(../img/home/home002.png) no-repeat;}
#Content #Reform h2{background: url(../img/home/home003.png) no-repeat;}
#Content #System h2{background: url(../img/home/home004.png) no-repeat;}

#Information
	{
	width: 900px;
	margin: 0 auto 50px;
	padding-bottom: 10px;
	border-bottom: 2px solid #2147A8;
	}
	
#Information a
	{
	color: #333;
	}
	
#Information a:hover
	{
	color: #2147a8;
	}
	
#Information p.more
	{
	text-align: right;
	margin: 5px 10px 0 0 ;
	}
	
#Information p.more a
	{
	background: url(../img/home/home018.png) no-repeat 0 center;
	padding-left: 13px;
	}				

#Information	h3
	{
	text-indent: -9999px;
	background: url(../img/home/home009.png) no-repeat;
	height: 23px;
	margin: 10px 0;
	}
	
#Information li
	{
	border-bottom: 1px dotted #999;
	padding: 5px;
	}	

#Footer
	{
	padding: 20px 0;
	width: 950px;
	margin: 30px 0 0;
	}

#Footer ul
	{
	text-align: center;
	border-bottom: 5px solid #2147A8;
	padding-bottom: 5px;
	}
#Footer li
	{
	display: inline;
	}
	
#Footer li a
	{
	font-size: 12px;
	color: #434343;
	}