@charset "Shift_JIS";

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

body{
text-align: center;
background-color: #ffffcc;
margin: 0;
padding: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:#8822ee;
color:#ffffff;
border-bottom:1px solid #8822ee;
} 
#content{ 
background:#8822ee;
clear:both;
height:40px;
font-family:Arial, Helvetica, sans-serif;
align: center;
} 
.small{font-size: 8px;  color: #333;line-height:9px;}

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

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

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

#globalNavi li{
font-size:11px;
list-style-type: none;
display:inline;
border: 1px solid #888;
margin-top: 7px;
margin-left: 10px;
float: left;
width:150px;
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:#8822ee;
color:#ffffff;
border: 1px solid #fff;
} 

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

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

#PageNavi a{ 
width: 150px;
margin: 0 auto;
padding:10px 10px;
color:#666;
font-size:12px;
float:left;
text-decoration:none;
border:none
border-left:0;
text-transform:capitalize;
} 

#PageNavi  a:hover{ 
color:#000;
text-decoration:none;
} 

#PageNavi  a.tugihe{ 
float: right;
width: 200px;
} 
/*	前、次の記事へ ナビ終わり*/

h1 {
text-align: center;
color: white; 
font-size: 20px; 
font-weight: bold; 

}

#maegaki
 {
margin: 0 auto;
background-image: url("hanga.jpg");
background-repeat: no-repeat;
text-align: left;
width: 80%; 
font-size: 14px; 
color: #000; 
line-height: 20px;  
margin-top: 10px;
margin-bottom: 10px;   
padding: 20px 80px 20px 80px;
clear:both;
}
div #rogo{
float:right;
width: 250px;
height: 200px;
margin-left: 5px;
margin-right: 5x;
margin-bottom: 30px;
font-size: 14px;
 line-height: 20px; 
text-align: center;
color: #fff;
background: #000; 
}
#maegakibun
 {
margin: 0 auto;
text-align: left;
width: 80%; 
font-size: 14px; 
color: #333; 
line-height: 20px;  
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;
}

h2 {font-size: 20px;  
text-align: left; 
font-weight: bold;  
color: white;  
background-color: #000; 
width: 90%; 
padding:8px;
margin:30px auto;
clear:both;}

h3 {font-size: 20px; text-align: left; font-weight:normal; width: 90%; background:#ccc;  border-width:1px; border-color:#f5f5dc;margin-ltop:30px; margin-left:30px; margin:30 auto;clear:both;}

div #annai{
margin: 10px 60px 10px 60px;
display:block;
border-top: 15px solid #7c70b0;
border-left: 30px solid #7c70b0;
width:80%;
text-align:left;
background-image: url("murasaki.gif");
background-repeat: repeat-y;
}

#annai li{
font-size: 16px; 
line-height: 28px; 
margin-left: 30px; 
}

#annai ul ul li{
font-size: 14px; 
line-height: 20px; 
}

div #sukejyuru{
display:block;
border: 1px solid #888;
width:70%;
margin-left: 70px; 
}

table #course{
margin-top:30px;
width:90%;
}

div #sukejyuru li{
font-size: 13px; 
list-style-image:url("tugihe.gif");
}

div #menber{
background-color: #fff;
margin:0 auto;
width: 90%;
text-align: left;
padding:20px;
}

div #hosoku{
margin: 20px auto;
display:block;
width:90%;
text-align:left;
} 

.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;}
.white{color: #fff;font-size: 16px;}
.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{font-size: 14px;color: red;}
ul{font-size: 14px; line-height: 20px; margin-left: 40px; margin-right: 40px;}

#sakuhin{
clear:both;
display:block;
margin: 50px auto ;
width:830px;
background-color:white;
overflow:auto;
}

#sakuhin ul{
margin:0 auto
}

#sakuhin  li{
font-size: 10px; 
float:left;
display:inline;
width:30%;
list-style:none;
margin-left: 10px; 
margin-right: 10px;
}
#sakuhin  img{
padding:15px 15px;
border:1px outset #888;
}

#hukei{
clear:both;
display:block;
margin: 50 auto;
width:830px;
background-color:white;
overflow:auto;
}

#hukei ul{
margin:0 auto
}

#hukei  li{
font-size: 10px; 
float:left;
width:40%;
list-style:none;
margin-left: 10px; 
margin-right: 10px;
margin-bottom: 20px;
}



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