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


image{ border:none;}

body{ background-image: ;
padding:0px;
margine:0px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}



#wrapper{
padding-top:0px;
margine-top:0px;
margin-left:auto;
margin-right:auto;
width:870px;
background-image:url(haikei.png);
background-repeat:repeat-y;
background-position:center center;
min-height: 100%; 
    height: auto !important;      
    height: 100%;               
    position: relative;

}

/*↓↓ヘッダー↓↓*/

#head{
padding-top:0px;
width:850px;
height:60px;
margin-left:auto;
margin-right:auto;
}

#head ul{ list-style-type: none;
margin-top: 40px;
padding: 0;
float:right;}

#head li{

float:left;
width: 119px;
height:13px;
margin: 0px 10px;
padding: 0;
text-indent: -9999px;
line-height:0;
}

#head li a { display:block;
width: 119px;
height: 13px;
line-height:0;
}


#head li#head1 {
background-image: url(head1.png);
background-repeat: no-repeat;}

#head li#head2 {
background-image: url(head2.png);
background-repeat: no-repeat;}

/*↑↑ヘッダー↑↑*/



/*↓↓グローバルナビゲーション↓↓*/

#navi{ 


width:850px;
height:56px;

margin-top:0px;
margin-bottom:40px;
margin-left:11px;


padding-left:35px;
padding-right:35px;

background-image:url(nabihaikeiplane.jpg);
background-repeat:no-repeat;
clear:both;



}

#navi ul{ list-style-type: none;
margin: 0;
padding: 0;
overflow:hidden;
}

#navi li{ float: left;
width: 130px;
height:56px;
margin: 0px;
padding: 0;
display: block;
text-indent: -9999px; }

#navi li a{ display:block;
width: 130px;
height: 56px;
overflow: hidden;
background-image: url(navigation.png);}


#navi li#top a{ width:130px; height:56px;
background-position:-35px     0;}

#navi li#about a{ width:130px; height:56px;
background-position:-165px      0;}


#navi li#works a{ width:130px; height:56px;
background-position:-295px      0;}

#navi li#download a{ width:130px; height:56px;
background-position:-425px      0;}

#navi li#link a{ width:130px; height:56px;
background-position:-555px      0;}

#navi li#contact a{ width:130px; height:56px;
background-position:-685px      0;}



#navi li#top a:hover{ width:130px; height:56px;
background-position:-35px    -55px;}

#navi li#about a:hover{ width:130px; height:56px;
background-position:-165px   -55px;}


#navi li#works a:hover{ width:130px; height:56px;
background-position:-295px   -55px;}

#navi li#download a:hover{ width:130px; height:56px;
background-position:-425px   -55px;}

#navi li#link a:hover{ width:130px; height:56px;
background-position:-555px   -55px;}

#navi li#contact a:hover{ width:130px; height:56px;
background-position:-685px   -55px;}

/*↑↑グローバルナビゲーション↑↑*/

/*クリアフィクスハック*/

.clearfix:after{ 
content: ".";  
display: block;  
height: 0;  
font-size:0;  
clear: both;  
visibility:hidden;  
}  

.clearfix{  
display: inline-block;  
}  

/* Hides from IE Mac */ 

* html .clearfix{ height: 1%; }  
.clearfix{  
display:block;   }  

/* ハックここまで */ 










/*↓↓コンテンツ↓↓*/

.contents{width:850px;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;}

/*↑↑コンテンツ↑↑*/



/*↓↓タイトル↓↓*/

#title{ 
margin-left:auto;
margin-right:auto;
width:850px;
height:390px;
}

/*↑↑タイトル↑↑*/



/*↓↓レフト（topics）↓↓*/

#left{ width:230px;
float:left;
margin-top:40px;
margin-right:30px;
margin-left:35px;
margin-bottom:0px;

}


#left h1{
padding-top:0px;
margin:0px;

width:230px;
height:30px;
text-indent:-9999px;
background-image:url(topicsmidashi.png);
background-repeat:no-repeat;}


#box1{
margin:0px;
padding-left:25px;
padding-rigth:25px;
padding-top:0px;
padding-bottom:0px;
border:dashed 1px #CCC;} 

#box1 .topicpic{width:180px; 
height:130px;
margin:0px;
padding-top:25px;
padding-bottom:25px;
}

#box1 .topictext{
	font-size:13px;
	width:180px;
	text-align: justify;
	margin:0px;
padding-bottom:25px;
}


/*↑↑レフト（topics）↑↑*/





/*↓↓ライト（更新情報）↓↓*/

#right{ 
width:520px;
float:left;
margin-top:40px;
margin-bottom:0px;
padding:0px;}

#right h1
{ padding:0px;
margin:0px;
width:520px;
height:30px;
text-indent:-9999px;
background-image:url(newsmidashi.png);
background-repeat:no-repeat;}

#right #newsbox{
margin-top:0px;
border:dashed 1px #CCC;
border-top:0px;
padding:0px;}

#right #newsbox dl{
font-size:12px;
margin:0px;
padding:0px;}


#right #newsbox dt{

font-weight:bold;
float:left;
width:8.5em;
border-top:dashed 1px #CCC;
padding-top:10px;   
padding-left:15px;   
padding-bottom:10px; 
padding-right:0;
margin:0px;}


#right #newsbox dd{   
margin-left:8.5em;
padding:10px 20px 10px 10px; 
border-top:dashed 1px #CCC;}



/*↑↑ライト（更新情報）↑↑*/







/*↓↓フッター↓↓*/

#hutter{
clear:both;
font-size:12px;
text-align:center;
width:848px;
margin-left:auto;
margin-right:auto;
padding-top:15px;
padding-bottom:15px;
border-top:1px solid #CCC;
height:170px;
background-image:url(hutterblue.png);
background-repeat:no-repeat;
background-position:bottom;

}

/*↑↑フッター↑↑*/