/* ---------------------------------------------------------------- *
	
	ベース
		
 * ---------------------------------------------------------------- */

body {	
    margin:0;
	padding:0;
	background: url(../images/haikei.gif) repeat-x left top;		
}
h1,h2,h3,h4,h5,h6,div,ol,ul,dl,form,p,dt,dd,input,textarea{
	margin-top: 0;
	margin-bottom: 0;
}
img {
	border:0;
	vertical-align: bottom; /* Firefox用 */
}

#container {
   width:750px;
   margin:0 auto;
   padding:0;
   height:auto !important;
   height:100%;
   position:relative;
   border-left:1px solid #cccccc;
   border-right:1px solid #cccccc;
   background-color: #ffffff;  
}
#container #content{
	margin:0px;
	padding:0px;
	height:auto; 
	background:url(../img/back.gif) repeat-y center center;   
}
#container #content:after {
    content: ".";
    display: block;
    clear: both;
    height: 1px;
	visibility:hidden;
}
#container #content {
    display: inline-block;
}
/* exlude MacIE5 \*/
* html #container #content { height: 1% }
#container #content {display:block;}
/* end MacIE5 */

/*\*/
* html #container #content {
    height: 1em;
    overflow: visible;
}
/**/


/* ---------------------------------------------------------------- *
	
	ヘッダー
	
 * ---------------------------------------------------------------- */

#header{
    width:auto;
	margin:0;
	padding:6px 0 0 0;
	background:url(../img/topborder.gif) no-repeat left top; 
}
#header h1{
    padding:5px 10px;
	float:left;
}
#header ul.hmenu{	
	padding:0;
	margin:25px 0 0 0;
	width:auto;
	float:right;
	display:block;
	list-style:none;
}
#header ul.hmenu li {
	display:inline;
	padding:0px;
	float:left;
}
#header ul.hmenu li img {
	display:block;
}

#header ul.groundmenu{	
	padding:0;
	margin:0;
	width:auto;
	height:34px;
	display:block;
	list-style:none;
}
#header ul.groundmenu li {
	display:inline;
	margin:0;
	padding:0;
	float:left;
}
#header ul.groundmenu li img {
	display:block;
}


/* ---------------------------------------------------------------- *
	
	コンテンツ（トップページ）
	
 * ---------------------------------------------------------------- */
 
#container #content .flashBox{
    width:750px;
	height:300px;
	margin:0;
	padding:0;
	border-bottom:5px solid #cccccc;
}

#container #content .newsBox{
    width:480px;
	float:left;
	margin:20px 0 0 0;
	padding:0 0 0 10px;
}
#container #content .newTxt{
    width:auto;
	height:250px;
	display:block;
	background-color:#ececec;
	overflow-y:auto; 
}
#container #content .tdLeft{
    width:80px;
	font-size:14px;
	padding:10px 0;
	border-bottom:1px dotted #999999;
}
#container #content .tdRight{
    width:350px;
	font-size:14px;
	padding:10px 0;
	border-bottom:1px dotted #999999;
}
#container #content .tdRight p.txt01{ 
    padding-left:15px;
	line-height:21px;
	background:url(../img/newarrow.gif) no-repeat left 5px;
}
#container #content .tdRight p.txt02{ 
    padding:8px 0 0 15px;	
}
#container #content .tdRight p.txt03{ 
    padding:0 0 0 15px;	
	line-height:18px;
}
#container #content .tdRight p.txt03 a{   
	color:#ff0000;
}

#container #content .bannerBox{
    width:230px;
	float:right;
	margin:20px 0 0 0;
	padding:0 10px 0 0;
}
#container #content .bannerBox p{
	font-size:10px;
} 

/* ---------------------------------------------------------------- *
	
	フッター
	
 * ---------------------------------------------------------------- */

#container #footer{
    clear:both;
	margin:20px 0 0 0;	
	padding:0;	
	width:750px;
	height:40px;
	background:url(../img/footer.gif) no-repeat left top;
}
#container #footer ul{   
	margin:0 0 0 10px;	
	padding:17px 0 0 0;
	width:300px;
	float:left;
	list-style:none;				
}
#container #footer ul li{   
	margin:0 10px 0 0;
	padding:0 0 0 10px;	
	display:block;
	float:left;
	color:#444;
	font-size:11px;	
	background:url(../img/footarrow.gif) no-repeat left 2px;				
}
#container #footer ul li a{   	
	color:#444;			
}
#container #footer ul li a:hover{   	
	color:#0000ff;			
}

#container #footer .copy{
    margin:0;
	padding:19px 10px 0 0;
	float:right;
	color:#666;
	font-size:11px;
	display:block;
}


/* ---------------------------------------------------------------- *
	
	サイトマップ
		
 * ---------------------------------------------------------------- */
 
.siteNote{
   margin:20px 0 10px 0;
   padding:0;
   display:block;
}

#site{
   margin:0;
   padding:0 0 0 45px;
   text-align:left;
   font-size:12px;
   display:block;
}
#site .siteTxt01{
   margin:0;
   padding:0;
   width:auto;   
   display:block;
   line-height:150%;
}
#site .top{
   margin:30px 0 0 0;
   padding:0 15px;
   display:block;
   background:url(../sitemap/img/arrow_red.gif) no-repeat left center;
}
#site .top a{
   color:#ff0000;
   text-decoration:underline;
}


#site #siteMap{
   margin:0;
   padding:0;
   width:auto;
   display:block;
}
#site #siteMap .siteLeft{
   margin:10px 0 0 20px;
   padding:0;
   width:240px;
   float:left;
   display:block;
}
#site #siteMap .siteLeft ul{
   margin:10px 0 0 0;
   padding:0;
   width:230px;   
   list-style:none;
   display:block;   
}
#site #siteMap .siteLeft ul li.noto{
   margin:0;
   padding:5px 5px 10px 5px;
   border-bottom:1px dotted #ccc;    
}
#site #siteMap .siteLeft ul li.link{
   margin:0 0 0 20px;
   padding:10px 0 10px 15px;
   border-bottom:1px dotted #ccc;
   background:url(../sitemap/img/arrow_bule.gif) no-repeat left center;   
}
#site #siteMap .siteLeft ul li.link a{ 
   color:#0066CC; 
   text-decoration:underline;    
}
#site #siteMap .siteLeft ul li.link a:hover{ 
   color:#cc0000; 
   text-decoration:underline;    
}

#site #siteMap .siteLeft ul li.link2{
   margin:0 0 0 50px;
   padding:10px 0 10px 15px;
   border-bottom:1px dotted #ccc; 
   background:url(../sitemap/img/arrow_water.gif) no-repeat left center;   
}
#site #siteMap .siteLeft ul li.link2 a{   
   color:#006699;  
   text-decoration:underline;  
}
#site #siteMap .siteLeft ul li.link2 a:hover{ 
   color:#cc0000; 
   text-decoration:underline;    
}

#site #siteMap .siteLeft ul li.linkPageTop{
   margin:50px 0 0 10px;
   padding:10px 0 10px 15px;
   border-bottom:1px dotted #ccc; 
   background:url(../sitemap/img/arrow_red.gif) no-repeat left center;   
}
#site #siteMap .siteLeft ul li.linkPageTop a{
   color:#cc0000; 
   text-decoration:underline;  
}
#site #siteMap .siteLeft ul li.linkPageTop a:hover{
   color:#0066cc; 
   text-decoration:underline;  
}

#site #siteMap .siteLeft ul li.linkPage{
   margin:0 0 0 10px;
   padding:10px 0 10px 15px;
   border-bottom:1px dotted #ccc; 
   background:url(../sitemap/img/arrow_red.gif) no-repeat left center;   
}
#site #siteMap .siteLeft ul li.linkPage a{
   color:#cc0000; 
   text-decoration:underline;  
}
#site #siteMap .siteLeft ul li.linkPage a:hover{
   color:#0066cc; 
   text-decoration:underline;  
}


/* ---------------------------------------------------------------- *
	
	リ・フィール
		
 * ---------------------------------------------------------------- */
 
#refeel{
   margin:0;
   padding:0 0 0 45px;
   text-align:left;
   font-size:12px;
   color:#666;
   line-height:150%;
   display:block;
} 

#refeel .textLeft{
   margin:0;
   padding:0 0 20px 0;
   float:left;
   width:480px;
   display:block;
}
#refeel .textRight{
   margin:0;
   padding:3px 0 0 0;
   float:left;
   width:88px;
   display:block;
}

#refeel .pageBox{
   clear:both;
   margin:0;
   padding:0;
   width:628px;
   text-align:center;
   border:1px solid #ccc;
}
#refeel .pageBox h2{
   margin:0;
   padding:5px 0;
   font-size:12px;
   font-weight:bold;
   color:#666;   
   display:block;
   background-color:#CCCCCC;
} 


 
#refeel .pageBox .pdfImg{
   clear:both;
   margin:0;
   padding:10px;



} 
#refeel .pdfTxt{
   margin:0;
   padding:10px 0;
   width:638px;
   text-align:center;
} 
#refeel .pdfTxt a{
   text-decoration:underline;
   color:#cc0000;
} 



/* ---------------------------------------------------------------- *
	
	共通
	
 * ---------------------------------------------------------------- */

img{
	border:0;
	vertical-align: bottom; /* Firefox用 */
}
.pagetop{
    float:right;
	margin-top:10px;
}
.clear{
    clear:both;
}

.color-white{
    color:#ffffff;
}
.color-gray{
    color:#666666;
}
.color-green{
    color:#006600;
}
.color-bule{
    color:#0000FF;
}
.color-red{
    color:#ff0000;
}

 
.t-center{
    text-align:center;
}
.t-bold{
    font-weight:bold;
}

.newTxt01{
    font-weight:bold;
    color:#ff0000;
	padding-left:15px;
	background:url(../img/newarrow.gif) no-repeat left center;
}
.newTxt02{  
	padding:5px 0 0 15px;
	line-height:150%;
}

/* ---------------------------------------------------------------- *
	
	余白調整
	
 * ---------------------------------------------------------------- */


.pd0 {
	padding:0;
}
.pdTop5{
	padding-top:5px;
}
.pdTop10{
	padding-top:10px;
}
.pdTop15{
	padding-top:15px;
}
.pdTop20{
	padding-top:20px;
}
.pdTop30{
	padding-top:30px;
}
.pdTop40{
	padding-top:40px;
}


.pdBottom5{
	padding-bottom:5px;
}
.pdBottom7{
	padding-bottom:7px;
}
.pdBottom10{
	padding-bottom:10px;
}
.pdBottom15{
	padding-bottom:15px;
}
.pdBottom18{
	padding-bottom:18px;
}
.pdBottom20{
	padding-bottom:20px;
}
.pdBottom30{
	padding-bottom:30px;
}
.pdBottom40{
	padding-bottom:40px;
}
.pdBottom48{
	padding-bottom:48px;
}

.pdLeft5 {
	padding-left:5px;
}
.pdLeft10 {
	padding-left:10px;
}
.pdLeft15 {
	padding-left:15px;
}
.pdLeft20 {
	padding-left:20px;
}
.pdLeft30 {
	padding-left:30px;
}
.pdLeft35 {
	padding-left:35px;
}
.pdLeft40 {
	padding-left:40px;
}
.pdLeft45 {
	padding-left:45px;
}
.pdLeft60 {
	padding-left:60px;
}



.pdRight5 {
	padding-right:5px;
}
.pdRight10 {
	padding-right:10px;
}
.pdRight20 {
	padding-right:20px;
}
.pdRight25 {
	padding-right:30px;
}
.pdRight30 {
	padding-right:25px;
}
.pdRight45 {
	padding-right:45px;
}
.pdRight60 {
	padding-right:60px;
}


.mg0 {
	margin:0;
}
.mgTop-8{
	margin-top:-8px;
}
.mgTop5{
	margin-top:5px;
}
.mgTop8{
	margin-top:8px;
}
.mgTop10{
	margin-top:10px;
}
.mgTop15{
	margin-top:15px;
}
.mgTop20{
	margin-top:20px;
}
.mgTop40{
	margin-top:40px;
}
.mgTop30{
	margin-top:30px;
}
.mgTop50{
	margin-top:50px;
}
.mgTop56{
	margin-top:56px;
}
.mgTop70{
	margin-top:70px;
}
.mgTop75{
	margin-top:75px;
}

.mgBottom5{
	margin-bottom:5px;
}
.mgBottom10{
	margin-bottom:10px;
}
.mgBottom15{
	margin-bottom:15px;
}
.mgBottom20{
	margin-bottom:20px;
}
.mgBottom23{
	margin-bottom:23px;
}
.mgBottom25{
	margin-bottom:25px;
}
.mgBottom30{
	margin-bottom:30px;
}
.mgBottom40{
	margin-bottom:40px;
}
.mgBottom50{
	margin-bottom:50px;
}
.mgBottom140{
	margin-bottom:140px;
}


.mgLeft5 {
	margin-left:5px;
}
.mgLeft10 {
	margin-left:10px;
}
.mgLeft15 {
	margin-left:15px;
}
.mgLeft20 {
	margin-left:20px;
}
.mgLeft25 {
	margin-left:25px;
}
.mgLeft40 {
	margin-left:40px;
}
.mgLeft60 {
	margin-left:60px;
}
.mgLeft70 {
	margin-left:70px;
}

.mgRight4 {
	margin-right:4px;
}
.mgRight5 {
	margin-right:5px;
}
.mgRight10 {
	margin-right:10px;
}
.mgRight15 {
	margin-right:15px;
}
.mgRight20 {
	margin-right:20px;
}
.mgRight24 {
	margin-right:24px;
}
.mgRight25 {
	margin-right:25px;
}
.mgRight30 {
	margin-right:30px;
}
.mgRight35 {
	margin-right:35px;
}
.mgRight40 {
	margin-right:40px;
}
.mgRight48 {
	margin-right:48px;
}
.mgRight50 {
	margin-right:50px;
}
.mgRight100 {
	margin-right:100px;
}

/* ---------------------------------------------------------------- *
	
	枠
	
 * ---------------------------------------------------------------- */
 
.w330{
    width:330px;
} 
 
 
