@charset "Shift_JIS";
/* ----------------------- 2カラム用 ------------------------ */

#left2 {
width: 25%;
float: left;
}

/* --- メインカラム --- */
#content2 {
width: 75%;
float: left;
}



/* ----------------------- 2カラム用見出し ------------------------ */
/* --- テーブル --- */
.tab_01{
width: auto;
border-collapse: collapse;
margin: 5px 0px 10px 25px;
font-size:14px;
}
.tab_01 th{
width: auto;
padding: 6px;
text-align: center;
vertical-align: top;
color: #333;
background-color: #d8f6e3 ;
border: 1px solid #b9b9b9;
}
.tab_01 td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}



.tab_02{
width: auto;
border-collapse: collapse;
margin: 10px 0px 10px 25px;
font-size:14px;
}
.tab_02 th{
width: auto;
padding: 6px;
text-align: center;
vertical-align: top;
color: #333;
background-color: #fff;
border: 0px ;
}
.tab_02 td{
padding: 0px;
background-color: #fff;
border: 0px ;
}
/* --- テーブル終わり --- */


/* --- 見出しエリア --- */
div.category {
margin: 0px 10px ;
width: auto; /* 見出しエリアの幅 */
margin-bottom: 1em;
padding: 6px 7px; /* 見出しエリアのパディング（上下、左右） */
background: #d8f6e3 ;
border: 1px #6ebaad solid; /* 見出しエリアの境界線 */

}

/* --- 見出し --- */
div.category h1 {
margin: 0;
padding:  10px 8px 8px ; /* 見出しのパディング（上、左右、下） */
border-left: 5px #6ebaad solid; /* 見出しの左境界線 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}

/* --- 見出しサブ --- */
div.categorysub {
width: auto; /* 見出しエリアの幅 */
margin: 0px 13px;
margin-left: 20px;
margin-bottom: 1em;
padding: 4px 0; /* 見出しエリアのパディング（上下、左右） */
border-bottom: 1px #c0c0c0 solid; /* 見出しエリアの下境界線 */

}

div.sub {
margin: 0px 10px ;
width: 100%; /* 見出しエリアの幅 */
margin-bottom: 1em;
padding: 6px 7px; /* 見出しエリアのパディング（上下、左右） */
/* Firefox */
background: -moz-linear-gradient(top center, #fff 0%, #d5f7ea 100%);
/* Chrom と Safari */
background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#d5f7ea ));
/* 共通 */
background: linear-gradient(top center, #fff 0%, #d5f7ea 100%);
border: 1px #6ebaad solid; /* 見出しエリアの境界線 */

}

/* --- 見出し --- */
div.sub h2 {
margin: 0;
padding:  8px 8px 5px ; /* 見出しのパディング（上、左右、下） */
border-left: 5px #6ebaad solid; /* 見出しの左境界線 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}

/* --- 見出し --- */
div.categorysub h3 {
margin: 0;
padding: 5px 3px 0 5px; /* 見出しのパディング（上右下左） */
border-left: 5px #6ebaad solid; /* 見出しの左境界線 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}
div.categorysub h3 a:link { color: #333333; }
div.categorysub h3 a:visited {  color: #333333; }


/* --- リストエリア --- */
ul.list4 {
margin: 0px ;
padding:  0px;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.list4 li {
padding: 0px 0px 10px 30px; /* 項目のパディング（上右下左） */
background: url(index-img/list3.png) no-repeat 20px 0.1em; /* マーカー画像 */
line-height: 100%;
font-size:0.9em;
float: left;
 height: 15px ;
}

/* --- リスト縦 --- */
ul.list-tate {
margin: 5px 0px 0px 10px;
padding:  0px;
list-style-type: none;

}

/* --- リスト項目 --- */
ul.list-tate  li {
padding: 0px 0px 8px 30px; /* 項目のパディング（上右下左） */
background: url(index-img/list3.png) no-repeat 20px 0.3em; /* マーカー画像 */
line-height: 1.5;
font-size:0.9em;
 height: 15px ;
 white-space: normal;
}



/* --- リストエリア --- */
ul.list-n {
margin: 5px ;
padding:  0px;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.list-n li {
background: url(index-img/list3.png) no-repeat 20px  0.1em; /* マーカー画像 */
padding: 0px 0px 10px 30px; /* 項目のパディング（上右下左） */
line-height: 100%;
font-size:0.9em;
float: left;
 height: 15px ;
}
/* --- リストエリア --- */
ul.list-gazou {
margin: 5px ;
padding:  0px;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.list-gazou li {
padding: 0px 0px 90px 30px; /* 項目のパディング（上右下左） */
line-height: 100%;
font-size:0.9em;
float: left;
 height: 15px ;
}

div.wrap {
	width: 100%;
	padding: 8px 0px 0px 0px;
}

div.box3 {
    width: 49%;
    display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5〜7*/
    /zoom: 1; /*for ie5〜7*/
    vertical-align: top;
  
}
div.box3 p{padding-left:1em;
margin: 10px;
line-height: 120%;
font-size:14px;
} 

div.box4 {
   margin: 10px 0px 0px 0px;
    width: 900px;
    display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5〜7*/
    /zoom: 1; /*for ie5〜7*/
    vertical-align: top;
  
}




div.box4 p{
margin: 5px;
padding: 0px 25px 0px 25px;
line-height: 120%;
font-size:15px;
}


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


/* --- ボックス --- */
div.boxlife {
width: auto; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 0px #c0c0c0 solid; /* ボックスの境界線 */
font-size: 100%; /* ボックスの文字サイズ */
margin: 6px 10px; 
}


.leftlife , .leftlife ul { margin: 0px 0px; padding:0; }  
.leftlife a { text-decoration:none; }  
.leftlife li {  
    list-style:none;  
}  

.leftlife li a {  
    display:block;  
    padding:0 5px;  
    background:#6ebaad ;  
    color:#fff;  
    line-height:35px;  
    border-bottom:solid 1px #6ebaad ;  
}  

.leftlife li a:hover { background:#6ebaad ; }  
.leftlife li ul li a {  
    background:#d8f6e3 ;  
    color:#333;  
    border-bottom:solid 1px #6ebaad ;  
    font-size: 90%;
}