@charset "Shift_JIS";

*{
margin: 0;
padding: 0;
line-height: 1.5;
}


body{
text-align: center;
background-color: #555577;
margin: 0;
}

div.container{
background-color: #ffffff;
margin: 0 auto;
width: 850px;
text-align: center;
color: black;
}


/*	グローバルリンク１   */

#tabs{ 
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
} 
#tabs ul{ 
list-style:none;
margin:0;
padding:0;
} 
#tabs ul li{ 
display:inline;
margin:0;
text-transform:capitalize;
} 
#tabs ul li a{ 
width: 130px;
height: 20px;
padding:3px 5px;
text-align: center;
color:#333;
font-size:12px;
background: #fff;
float:left;
text-decoration:none;
border:1px solid #999;
border-left:0;
margin:0;
text-transform:capitalize;
} 
#tabs ul li a:hover{ 
background:#eee;
color:#7F9298;
text-decoration:none;
border-bottom:1px solid #EAEAEA;
} 
#tabs ul li a.active{ 
background:#333366;
color:#ffffff;
border-bottom:1px solid #333366;
} 

#content{ 
background:#333366;
clear:both;
height:40px;
font-family:Arial, Helvetica, sans-serif;
align: center;
} 

/*	グローバルリンク１終わり   */

/*	グローバルリンク2   */

#globalNavi{ 
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
} 

#globalNavi ul{
list-style-type: none;
}

#globalNavi li{
font-size:11px;
list-style-type: none;
display:block;
border: 1px solid #888;
margin-top: 7px;
margin-left: 10px;
float: left;
width:170px;
height:20px;
text-align: center;
background-color: #fff;
}
#globalNavi a{
display:block;
text-decoration: none;
}

#globalNavi ul li a:hover{ 
display:block;
background:#eee;
color:#666;
text-decoration:none;
} 
#globalNavi ul li a.active{ 
display:block;
background:#333366;
color:#ffffff;
border: 1px solid #fff;
} 

/*	グローバルリンク2終わり   */

/*	前、次の記事へナビ  */
div #PageNavi{
width: 100%;
background-color: #555577;
display:block;
font-size: 12px; 
margin: 0 auto;
text-decoration:none;
margin-right:10px;
text-align:right;
clear:both;
}

#PageNavi a{ 
width: 160px;
padding:10px 10px;
color:#fff;
font-size:9px;
text-decoration:none;
border:none
border-left:0;
margin-top: 5px;
margin-bottom: 0px;
margin-right:10px;
text-transform:capitalize;
} 

#PageNavi  a:hover{ 
color:#ffff99;
text-decoration:underline;
} 
/*	前、次の記事へ ナビ終わり*/

/*	パンくずリスト*/
#topicpath{
text-align:left;
color:#fff;
width: 100%;
background-color: #555577;
height:15px;
padding:5px;
font-size:14px;
text-decoration:none;
clear:both
}

#topicpath a{
color:#fff;
font-size:12px;
text-decoration:none;
}
#topicpath  a:hover{ 
color:#ffff99;
text-decoration:underline;
} 

/*	パンくず終わり*/

.black{font-size: 12px;}
.white{font-size: 12px; color: white;}
.small{font-size: 8px;  color: #333;line-height:9px;}

h1 {
text-align: left;
font-size: 14px; 
font-weight: bold; 
margin-left: 20px; 
padding-top: 20px;
clear: both;}

h2 {
font-size: 16px;  
text-align: left; 
font-weight: bold;  
color: white;  
background-color: #333366; 
width: 95%; 
border-width: 1px; 
border-color: #f5f5dc; 
margin-left:20px;
padding:3px;
clear:both;}
h3 {font-size: 24px; text-align: left; font-weight:bold; background:white;  border-width:1px; border-color:#f5f5dc; margin-left:30px; clear:both;}

div #kaisetu { 
margin: 0 auto;
text-align: left;
width: 70%; 
font-size: 14px; 
background-color: #f5f5dc; 
color: #666666; 
line-height: 20px;  
margin-top: 10px;
margin-bottom: 10px;   
padding: 10px 80px 10px 80px;
clear:both;
}

h4 {
font-size: 23px; 
margin: 0 auto;
text-align: left;
font-weight:bold; 
background: #dfcccc; 
width: 100%; 
border-style:  1px solid #f5f5dc;
margin-top: 30px; 
margin-bottom: 10px;  
padding:  5px 0px 5px 5px; 
clear:both;
}

h5 {
font-size: 16px;   
margin: 0 auto;
text-align: left;
width:90%; 
border-bottom: 
1px solid #333;  
margin-top: 20px; 
margin-bottom: 10px; 
padding:  5px 0px 5px 15px; 
clear:both;}

div #process {
margin: 0 auto;
text-align: left;
padding-top: 10px;
padding-bottom: 40px;
text-align: left;
display:block;
border: none;
 width: 80%;
clear:both;
} 

.sakurei{
float:right;
margin-left: 30px;
margin-right: 60px;
margin-bottom: 30px;
font-size: 10px;
 line-height: 15px; 
text-align: center;
color: #666666;
}

.sakurei-center{
margin-left: 30px;
margin-right: 60px;
margin-bottom: 30px;
font-size: 10px;
 line-height: 15px; 
text-align: center;
color: #666666;
}

.comment{font-size: 10px; line-height: 15px; margin-left: 50px;}
.comment-gray{font-size: 10px; color: #666666;}
p{font-size: 14px; line-height: 20px; margin-left: 40px; margin-right: 40px;margin-bottom: 14px;text-indent:1em;}
.gray{color: #666666;}
.normal{font-size: 14px; line-height: 20px;}
.normal-gray{font-size: 13px; color: #666666; line-height: 20px; margin-left: 5px;}
.title{font-size: 18px; padding: 10px 0px 10px 0px; margin-left: 30px;}
.red{color: red;}
.blue{color: blue;}
ul{font-size: 14px; line-height: 20px; margin-left: 40px; }
ul li{font-size: 14px; line-height: 20px; margin-left: 40px; }


div #footer{
background-color: #555577;
margin: 0  ;
width: 100%;
text-align: center;
}

div #button{
display:block;
border: none;
font-size: 12px; 
margin-top: 50px;
text-decoration:none;
clear:both;
}
#button a{ 
width: 100%;
background:#333366;
text-align: center;
color:#fff;
font-size:12px;
float:left;
text-decoration:none;
border:none
border-left:0;
margin:10 0;
align: center; 
text-transform:capitalize;
} 
#button a:hover{ 
color:#ffff99;
text-decoration:none;
} 

#copyright {
padding:5px;
margin-top: 20px;
margin-bottom: 20px;
text-decoration:none;
color:#fff;
font-size:10px;
clear:both;
}
#copyright a{
color:#fff;
text-decoration:none;
}

#mokuji {
margin:0 auto;
width:80%; 
} 
#mokuji ul{ 
color:#000;
font-size:14px;
text-align: left;
line-height:20px;
} 
#mokuji ul li{ 
margin-left:20px;
}
#mokuji ul ul{ 
margin-left:30px;
}
#mokuji ol li{ 
margin-left:20px;
}
#mokuji ul ol{ 
margin-left:30px;
}
#sonota {
margin:0 auto;
padding:5px;
font-size:12px;
text-align: left;
line-height:20px;
width:90%; 
border:1px solid #333;
margin-top:20px;
background-color:#fffee3;
}