* {
	margin: 0;
	padding: 0;
}

html{
    height:100%;
}


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%;
}

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

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

hr {
	display: none;
}

.clear{
clear:both;
}

.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%; }

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

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

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

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


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

#wrap{
width:830px;
margin:0px auto;
background-image:url(../common/back02.gif);
height:100%;
min-height: 100%;
}


/*----------------------------------------------
 head
-----------------------------------------------*/
#header{
height:80px;
background-color: #FF3300;
}

/*----------------------------------------------
Container
コンテンツ部分 サイドバー部分 包括
-----------------------------------------------*/
#container{
  width:830px;
  position:relative;
  min-height:100%;
  _height:100%;
}


/*----------------------------------------------
Main
 コンテンツ部分
-----------------------------------------------*/

#main {
    float: right;
	width: 640px;
}

#main02 {
    float: right;
	width: 670px;
}

/*----------------------------------------------
Side
サイドバー部分
-----------------------------------------------*/
#navi{
position:absolute;
float:left;
padding:0 0 0 1px;
width:149px;
}

/*----------------------------------------------
 Menu
 メニュー
-----------------------------------------------*/

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

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

#menu ul {
padding: 0px;
list-style: none;
line-height: normal;
margin-bottom: 5px;
}

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

a.top {
   display: block;
   width: 149px; 
   height: 24px; 
   text-indent: -2000px; 
   background-image: url("../common/menu01_01.gif"); 
}

a.top:hover {
    background-image: url("../common/menu01_02.gif"); 
}

a.backn {
   display: block;
   width: 149px; 
   height: 24px; 
   text-indent: -2000px; 
   background-image: url("../common/menu02_01.gif"); 
}

a.backn:hover {
    background-image: url("../common/menu02_02.gif"); 
}

a.tokushu {
   display: block;
   width: 149px; 
   height: 24px; 
   text-indent: -2000px; 
   background-image: url("../common/menu15_01.gif"); 
}

a.tokushu:hover {
    background-image: url("../common/menu15_02.gif"); 
}

a.yorozu {
   display: block;
   width: 149px; 
   height: 24px; 
   text-indent: -2000px; 
   background-image: url("../common/menu13_01.gif"); 
}

a.yorozu:hover {
    background-image: url("../common/menu13_02.gif"); 
}

a.haifu {
   display: block;
   width: 149px; 
   height: 24px; 
   text-indent: -2000px; 
   background-image: url("../common/menu03_01.gif"); 
}

a.haifu:hover {
    background-image: url("../common/menu03_02.gif"); 
}

a.post {
   display: block;
   width: 149px; 
   height: 24px; 
   text-indent: -2000px; 
   background-image: url("../common/menu17_01.gif"); 
}

a.post:hover {
    background-image: url("../common/menu17_02.gif"); 
}

a.free {
   display: block;
   width: 149px; 
   height: 24px; 
   text-indent: -2000px; 
   background-image: url("../common/menu04_01.gif"); 
}

a.free:hover {
    background-image: url("../common/menu04_02.gif"); 
}

a.keisai {
   display: block;
   width: 149px; 
   height: 24px; 
   text-indent: -2000px; 
   background-image: url("../common/menu05_01.gif"); 
}

a.keisai:hover {
    background-image: url("../common/menu05_02.gif"); 
}

a.comp {
   display: block;
   width: 149px; 
   height: 24px; 
   text-indent: -2000px; 
   background-image: url("../common/menu06_01.gif"); 
}

a.comp:hover {
    background-image: url("../common/menu06_02.gif"); 
}

a.ask {
   display: block;
   width: 149px; 
   height: 24px; 
   text-indent: -2000px; 
   background-image: url("../common/menu07_01.gif"); 
}

a.ask:hover {
    background-image: url("../common/menu07_02.gif"); 
}

a.sch {
   display: block;
   width: 149px; 
   height: 24px; 
   text-indent: -2000px; 
   background-image: url("../common/menu08_01.gif"); 
}

a.sch:hover {
    background-image: url("../common/menu08_02.gif"); 
}

a.mov {
   display: block;
   width: 149px; 
   height: 24px; 
   text-indent: -2000px; 
   background-image: url("../common/menu16_01.gif"); 
}

a.mov:hover {
    background-image: url("../common/menu16_02.gif"); 
}

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

#footer {
clear: both;
width: 830px;
height: 50px;
background-image:url(../common/back02.gif);
}

#footer p{
text-align:center;
font-size:75%;
margin:0 0 0 200px;
}