body {
background-image: url("../img/haike-1.gif");
	margin: 0;
	padding: 0px 19px px 0px;
	font-size: 12px;
	font-family:  メイリオ,Hiragino Maru Gothic Pro,Arial, Verdana, Helvetica, sans-serif;
	line-height: em;
fixed;

}


.all{
width:800px;
bo rder-color:#999999;
bo rder-width:1px;
bo rder-style:solid;
ba ckground-color: #ffffff;
margin-right:auto;
margin-left:auto;

}







div#header {
	width: 100%;
	height: 100px;
	background: url(null) repeat-x top;
	position: fixed;
	top: 0;
	left: 0;
}
* html div#header {
	position: absolute;
	top: expression(eval(document.documentElement.scrollTop+0));
}






i mg {border: none;}
a {co lor: #423b35;}
* {margin: 0; padding: 0;}
h1{ font-weight: normal; margin: 0px 0; padding: 10px 0;text-align:left;}
h1 {
	font-size: 14px;
	padding: 15px 5%;
	margin: 0 auto;
	background:  #4F3B30;
	line-height: 1em;
	color: #e3e1d5;
	border-bottom: 1px solid #1b140e;
}

.cont ainer {

width: 950px; /* コンテナの幅 */
margin: 0 auto; /* センタリング */


	
}



h2{ font-weight: normal; margin: 0px 0; padding: 10px 0;text-align:left;}


/* --- リストエリア --- */
ul.thumbnail {
width: 100%; /* リストエリアの幅 */
min-width: 1000px; /* リストエリアの最小幅（不要な場合は削除） */
margin: 0;
padding: 20px 0 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail li {
width: 22.9%; /* 項目の幅 */
/* height: 110px; */ /* 項目の高さ（li要素の高さを指定する場合） */
float: left;
margin-bottom: 15px; /* 項目の下マージン */
text-align: center;
}



/* --- 画像 --- */
ul.thumbnail img {
padding: 10px; /* 画像のパディング */
background-color: #ffffff; /* 画像の背景色 */
border: 1px solid; /* 画像の境界線 */
border-color: #c0c0c0 #808080 #808080 #c0c0c0; /* 画像の境界線色（上右下左） */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}



/* --- パンくずリスト --- */
ol.topicPath {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
}

/* --- リスト項目 --- */
ol.topicPath li {
display: inline;
}

/* --- リンク --- */
ol.topicPath li a {
margin-right: 6px; /* リンクエリアの右マージン */
}






#wrapper{
margin:0 auto 0 auto;
padding:0;

width:700px;
}


#navi{
margin:0px 105px 0px 0px;
padding:0px 0px 0px 0px;
width:230px;
float:right;

}

#navileft{
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
width:230px;
float:left;

}



#contents{
marg in:0;
padd ing:0;
float:left;
width:450px;
background: url(../img/sonen-img/02.png);
}



#contentsright{
margin:20px 100px 0px 0px;
padd ing:0;
float:right;
width:450px;
background: url(../img/sonen-img/02.png);
               
   
}


#contentsleft{
margin:0px 100px 0px 0px;
padd ing:0;
float:left;
width:450px;
background: url(../img/sonen-img/02.png);
               
   
}




#main{
margin:0px 0px 40px 35px;
padding:0;
float:left;
width:390px;
color: #333333;
}
#mainright{
margin:0px 25px 40px 35px;
padding:0;
float:right;
width:390px;
color: #333333;
}

#mainleft{
margin:0px 25px 40px 35px;
padding:0;
float:left;
width:390px;
color: #333333;
}


#contents:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#footer{

margin:0;
padding:0;

}

p{
margin:0;
padding:20px;
}





#cont {
width: 700px; 
background: url('img/sonen-img/02.png');



}








.localnavi {
  list-style-type: none;
  margin-bottom: 2em;
}

.localnavi li { display: inline; font-size:13px;}

.localnavi a {
  text-decoration: none;
  display: block;
  width: 170px;
  padding: 0.5em 30px;
  background-color: #F5FCFF;
  color: #000000;
  border-bottom: 1px solid #cccccc;
}

.localnavi a:hover {
  text-decoration: none;
  background-color: #F9D8F4;
  color: #000000;
  border-bottom: 1px solid #EFCA5A;
}

.localnavi2 {
  list-style-type: none;
  margin-bottom: 2em;
}

.localnavi2 li { display: inline; font-size:14px;}

.localnavi2 a {
  text-decoration: none;
  display: block;
  width: 170px;
  padding: 0.5em 30px;
  background-color: #F5FCFF;
  color: #000333;
  border-bottom: 1px solid #cccccc;
}

.localnavi2 a:hover {
  text-decoration: none;
  background-color: #F5FCFF;
  color: #000333;
  border-bottom: 1px solid #EFCA5A;
}




.localnavi_wo {
  list-style-type: none;
  margin-bottom: 2em;
}

.localnavi_wo li { display: inline; font-size:13px;}

.localnavi_wo a {
  text-decoration: none;
  display: block;
  width: 170px;
  padding: 0.5em 30px;
  background-color: #F5FCFF;
  color: #000000;
  border-bottom: 1px solid #cccccc;
}

.localnavi_wo a:hover {
  text-decoration: none;
  background-color: #F9D8F4;
  color: #000000;
  border-bottom: 1px solid #EFCA5A;
}

.localnavi2_wo {
  list-style-type: none;
  margin-bottom: 2em;
}

.localnavi2_wo li { display: inline; font-size:14px;}

.localnavi2_wo a {
  text-decoration: none;
  display: block;
  width: 220px;
  padding: 0.5em 5px;
  background-color: #fff0f5;
  color: #000333;
  border-bottom: 1px solid #cccccc;
}

.localnavi2_wo a:hover {
  text-decoration: none;
  background-color: #fff0f5;
  color: #000333;
  border-bottom: 1px solid pink;
}











a:link {color:#4F3B30;}
a:visited {color:#4F3B30;}
a:hover {color:#cc719d;text-decoration:none;}
a:active {color:#4F3B30;text-decoration:none;}


/*Menu Style*/
div#menu{}
ul.ddmenu{margin:0;padding:0;list-style:none;text-align:left;}
.ddmenu li.off{position:relative;float:left;height:1.2em;overflow:hidden;padding:0 10px;}
.ddmenu li.on{position:relative;float:left;height:100%;overflow:visible;padding:0 10px;z-index:1000;}
.ddmenu a{display:block;color:#4F3B30!important;}
.ddmenu a:visited{display:block;color:#4F3B30!important;}
.ddmenu a:hover{display:block;color:#cc719d!important;}
.ddmenu li ul{position:absolute;top:1.6em;left:0;list-style:none;margin:0;padding:2px 0;text-indent:0.8em;width:9em!important; background-color:#6BC7C5;}
.ddmenu li ul li{display:block;width:100%;}
.ddmenu li ul li ul{margin:0;padding:3px 0;display:block;position:absolute;left:9em;top:0; background-color:#6BC7C5;}
.ddmenu li ul li.off2{position:relative;float:left;height:100%;overflow:hidden;margin:0;padding:0}
.ddmenu li ul li.on2{position:relative;float:left;height:100%;overflow:visible;margin:0;padding:0;z-index:1001;}
.ddmenu li ul li a{display:block;margin:0;padding:0;color:#4F3B30!important;}
.ddmenu li ul li a:visited{display:block;margin:0;padding:0;color:#4F3B30!important;}
.ddmenu li ul li a:hover{display:block;color:#cc719d!important;background-color:#4F3B30!important;}

.sankaku{font-size:0.7em;}
/*Others*/

p{margin-bottom:1em;}



div.fi{font-size: 80%; text-align: right;}

h5
   {
    border-left:solid 10px #ccccff;    
    border-bottom:solid 1px #ccccff;   
    padding-top:3px;                   
    padding-left:3px;                  
    width:300px;            
   }




.nsBox{
width:px;
float:right;
padding-right: 105px;
text-align:right;
}



<style type="text/css"><!--
   div.tabbox {
      margin: 0px;
      padding: 0px;
      width: 400px; 
   }

   div.tabbox ul.tabs {
      margin:  0Px; 
      padding: 0px; 
   }
   div.tabbox ul.tabs li {
      margin: 0px;  
      padding: 0px; 
      list-style-type: none; 
      float: left; 
      width: 90px; 
      
      background-image: url("tab-base.gif");
      background-repeat: no-repeat;
      background-position: left top;
   }
   div.tabbox ul.tabs a {
      display: block;  
      padding: 5px 0px;     
      height: 15px;          
      text-align: center;    
      text-decoration: none; 
      
      background-image: url("tab-right.gif");
      background-repeat: no-repeat;
      background-position: right top;
   }
   
   div.tabbox ul.tabs li.tab {
      background-color: #CCCCFF; 
   }
   div.tabbox ul.tabs a:link,
   div.tabbox ul.tabs a:visited {
      color: #000080; 
   }
   div.tabbox ul.tabs a:hover {
      
      color: #FFFFFF;            
      text-decoration: underline; 
   }
   
   div.tabbox div.tab {
      height: 285px;  
      width: 624px;
      overflow: auto;
      clear: left; 
   }
   div.tabbox div#tab1 {
     
      border: 3px solid #ccccff; background-color: #ffffFF;
   }
   div.tabbox div#tab2 {
      
    border: 3px solid #ccccff; background-color: #ffffFF;
   }
   div.tabbox div#tab3 {
     
      border: 3px solid #ccccff; background-color: #ffffFF;
   }
div.tabbox div#tab4 {
      
      border: 3px solid #ccccff; background-color: #ffffFF;
   }
div.tabbox div#tab5 {
      
      border: 3px solid #ccccff; background-color: #ffffFF;
   }
div.tabbox div#tab6 {
      
      border: 3px solid #ccccff; background-color: #ffffFF;
   }
div.tabbox div#tab7 {
      
      border: 3px solid #ccccff; background-color: #ffffFF;
   }

  
   div.tabbox div.tab p { margin: 0.5em; }
   div.tabbox div.tab p.tabhead {
      font-weight: bold; border-bottom: 3px double gray;
   }
--></style>

 {
   
}

div.notedesign p.notetitle span.date {
   float: right;
}

div.notedesign {
   border: 2px solid #ccccff;   
   padding: 10px;           
   background-color: #ffffff; 
}

div.notedesign p {
   background-image: url("../img/bluedash.gif"); 
   line-height: 25px; 
   margin: 0px;       
}

div.notedesign p.notetitle {
   margin: 0px 0px 5px 0px;           
   padding: 3px 0px;                
   border-bottom: 3px double #000033; 
   font-weight: bold;               
   color: #000033;                   
}
 {
   
}

div.section {
width: 650px; 
height: 270px; 
overflow: auto;
background-color: #f9f9f9; 
border: 1px #c0c0c0 dotted; 
font-size: 100%; 
color: ; 
}


div.section p {
margin: 1em 10px; 
}



.i { margin-left: 9em; margin-right: 9em; }

div.subject { text-align: left; 
float: left;}
div.date { text-align: center; }


/* --- qandaエリア --- */
ol.qa {
width: 603px; 
margin: 0;
padding: 0;
list-style-type: none;
font-size: 80%;
text-align: left; 
align: right;
}


ol.qa dl {
margin: 0;
background: url(../img/qa_back.gif) repeat-x top; 
}


ol.qa dt {
margin: 0;
padding: 8px 6px 6px 35px; 
background: url(../img/q7g.gif) no-repeat 4px 5px; 
border: 1px #c0c0c0 solid; 
font-weight: bold;
line-height: 120%;
}


ol.qa dd {
margin: 0;
padding: 11px 6px 25px 35px; 
background: #ffffff url(../img/a9.gif) no-repeat 4px 8px; 
line-height: 150%;
}


.kInfoBox{
width:300px;
float:right;

}





















div#shadow      {
        text-shadow: 1px 1px 2px #808080;

        }

   

.mpBox{
	width:940px;
	line-height: 1.5;
	margin-left: px;
	height: auto;
   
}

.mppBox{
	width:940px;
	line-height: 1.5;
	margin-left: px;
	height: auto;
float right;
   
}


h5
   {
    border-left:solid 10px #ccccff;    
    border-bottom:solid 1px #ccccff;   
    padding-top:3px;                   
    padding-left:3px;                  
    width:300px;            
   }


<style type="text/css"><!--
  
   div.tabbox {
      margin: 0px;
      padding: 0px;
      width: 400px; 
   }
   
   div.tabbox ul.tabs {
      margin:  0Px; 
      padding: 0px; 
   }
   div.tabbox ul.tabs li {
      margin: 0px;  
      padding: 0px; 
      list-style-type: none; 
      float: left;  
      width: 90px; 
      
      background-image: url("tab-base.gif");
      background-repeat: no-repeat;
      background-position: left top;
   }
   div.tabbox ul.tabs a {
      display: block;  
      padding: 5px 0px;     
      height: 15px;         
      text-align: center;    
      text-decoration: none; 
     
      background-image: url("tab-right.gif");
      background-repeat: no-repeat;
      background-position: right top;
   }
   
   div.tabbox ul.tabs li.tab {
      background-color: #CCCCFF; 
   }
   div.tabbox ul.tabs a:link,
   div.tabbox ul.tabs a:visited {
      color: #000080; 
   }
   div.tabbox ul.tabs a:hover {
     
      color: #FFFFFF;              
      text-decoration: underline; 
   }
   
   div.tabbox div.tab {
      height: 280px;  
      width: 624px;
      overflow: auto; 
      clear: left;  
   }
   div.tabbox div#tab1 {
      
      border: 3px solid #ccccff; background-color: #eeeeff;
   }
   div.tabbox div#tab2 {
      
    border: 3px solid #ccccff; background-color: #eeeeff;
   }
   div.tabbox div#tab3 {
      
      border: 3px solid #ccccff; background-color: #eeeeff;
   }
div.tabbox div#tab4 {
      
      border: 3px solid #ccccff; background-color: #eeeeff;
   }
div.tabbox div#tab5 {
      
      border: 3px solid #ccccff; background-color: #eeeeff;
   }
div.tabbox div#tab6 {
      
      border: 3px solid #ccccff; background-color: #eeeeff;
   }
div.tabbox div#tab7 {
      
      border: 3px solid #ccccff; background-color: #eeeeff;
   }

   
   div.tabbox div.tab p { margin: 0.5em; }
   div.tabbox div.tab p.tabhead {
      font-weight: bold; border-bottom: 3px double gray;
   }
--></style>

 {
   
}

div.notedesign p.notetitle span.date {
   float: right;
}

div.notedesign {
   border: 2px solid #ccccff;   
   padding: 10px;             
   background-color: #ffffff; 
}

div.notedesign p {
   background-image: url("../img/bluedash.gif"); 
   line-height: 25px; 
   margin: 0px;       
}

div.notedesign p.notetitle {
   margin: 0px 0px 5px 0px;          
   padding: 3px 0px;                  
   border-bottom: 3px double #000033; 
   font-weight: bold;                 
   color: #000033;                    
}
 {
   
}



div.section {
width: 650px; 
height: 270px; 
overflow: auto;
background-color: #f9f9f9; 
border: 1px #c0c0c0 dotted; 
font-size: 100%; 
color: ; 
}


div.section p {
margin: 1em 10px; 
}


a.gazobtn{ display:block; background-image:url(../img/ka.jpg); width:200px; height:36px; margin-bottom:1px;}
a.gazobtn:hover{ background-position:top center;}
a.gazobtn:active{ background-position:top right;}




.roundtop{ background:#fff url(../img/u1.gif) no-repeat top left;}
.roundtop p{ background:transparent url(../img/u2.gif) no-repeat top right;margin:0; padding:10px;}
.roundbottom{ background:#fff url(../img/u3.gif) no-repeat bottom right;}
.roundbottom p{ background: transparent url(../img/u4.gif) no-repeat bottom left;margin:0; padding:0 10px 10px 10px;}
   


.contents {
	padding-right:50px;
}