* {
margin:0;
padding:0;
} 

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,address {
	margin-top: 0px;
	margin-bottom: 0px;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}

.clear{
clear:both;
}


body{
height:100%;
color:#333;
font:13px verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
/*Firefox、Safari、Opera等モダンブラウザやMac IE5に適用*/
*font-size:small;
/*Win IE7およびWin IE6標準準拠モードに適用*/
*font:x-small;
/*Win IE 5-5.5､6(後方互換モード)に適用*/
line-height: 180%; 
letter-spacing: 0px;
}

html, body, #wrap {
height: 100%;
}

body > #wrap {
height: auto; min-height: 100%;
}

/*----------------------------------------------
Wrap
全体を包括
-----------------------------------------------*/

#wrap{
width: 1000px;
margin-right: auto;
margin-left: auto;
background-image: url("../common/wrap_back.gif"); 
}

#container {
padding-bottom: 274px;
}  
/* must be same height as the footer */

#index-container {
padding-bottom: 274px;
width:770px;
float: left;
background-image: url("../common/wrap_back.gif"); 
}  
/* must be same height as the footer */

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }



/*----------------------------------------------
ナビゲーション
-----------------------------------------------*/

#side{
float: left;
width:189px;
background-color: #b40016;
}


#navi {
padding:0px;
margin:0px;
text-align:center;
}

#navi img {
border: none;
vertical-align:top;
}

#navi ul {
padding: 0px;
list-style: none;
line-height: normal;
}

#navi li{
list-style:none;
padding:0px;
}



/*----------------------------------------------
共通マージン
-----------------------------------------------*/

.mr-20{
margin-bottom: 20px;
}

.mr-30{
margin-bottom: 30px;
}

.mr-40{
margin-bottom: 40px;
}

.mr-50{
margin-bottom: 50px;
}


.mr-top-30{
margin-top: 30px;
}




/*----------------------------------------------
Footer
-----------------------------------------------*/


#footer {
width: 1000px;
margin-right: auto;
margin-left: auto;
margin-top: -274px; /* negative value of footer height */
height: 274px;
clear:both;
	} 

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