@charset "UTF-8";

@import url("reset.css");
@import url("fonts.css");

h1 {
     font-family: "ヒラギノ 角ゴ Pro W3",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック",arial,helvetica,sans-serif;
	 text-align:center;
	 vertical-align: middle;
	 font-size:24px;
     color:black;
     background-color: transparent;
     line-height: 56px;
     }

h2 {
      margin-top: 30px;
	  margin-bottom:20px;
      padding:3px;
      background-color: #63CC00;
      text-align:center;
      font-family: "ヒラギノ 角ゴ Pro W3",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック",arial,helvetica,sans-serif;
      font-size:18px;
      color:black;
     }

h3 {
      margin-top: 15px;
	  margin-bottom:15px;
      padding:3px;
      background:#66CCFF;
      text-align:center;
      font-family: "ヒラギノ 角ゴ Pro W3",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック",arial,helvetica,sans-serif;
      font-size:14px;
      color:black;
     }

h4 {
      margin-top: 15px;
	  margin-bottom:10px;
	  margin-right: 20px;
	  margin-left: 20px;
      padding:3px;
      background:#CC6699;
      text-align:center;
      font-family: "ヒラギノ 角ゴ Pro W3",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック",arial,helvetica,sans-serif;
      font-size:14px;
      color:black;
     }


p   {
     margin-top:0px;
     font-size:12px;
     line-height:22px;
     font-family: "ヒラギノ 角ゴ Pro W3",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック",arial,helvetica,sans-serif;
     color:#660000;
     }

a   {
      color:black;
      text-decoration:none;
      }
      
p a {
		background-color: #FFFF33
		}


a:hover{
            color:white;
            }
	
ul {
		margin: 0px 0px 0px 50px;
		}
		
ol {
		margin: 0px 0px 0px 50px;
}
		
li {	
		font-size:12px;
     	font-family: "ヒラギノ 角ゴ Pro W3",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック",arial,helvetica,sans-serif;
     	color:#660000;
	 	line-height: 15px;
	 	list-style-position; outside;
	 	list-style-type: decimal;
	 	padding-left: 10px;
}
		
.alist {
	 	list-style:url("../images/list.gif");
		}

.blist {
		list-style:url("../images/blist.gif");
		}

.back1{ 
		margin: 20px; 
		padding: 10px; 
		background-color: lightseagreen;}

.back2{ 
		margin: 20px; 
		padding: 10px; 
		background-color: lightskyblue;}

.subtitle { 
		font-family: "ヒラギノ 角ゴ Pro W3",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック",arial,helvetica,sans-serif; 
		font-size: 18px; 
		color: teal;}

.honmon { 
		margin: 20px; 
		padding-left: 20px;}

.reference { 
		margin: 20px; 
		padding-left: 40px;}

.example1 { 
		padding: 30px; 
		border-style: double; 
		border-color: gold; 
		background-color: lightyellow;}

.example2 { 
		padding: 30px; 
		border-style: double; 
		border-color: midnightblue; 
		background-color: powderblue;}

.omake{ 
		margin: 20px; 
		padding-left: 40px; 
		font-family: sans-serif; 
		font-size: 10px; 
		color: #660033;}

.inline {
		display: inline;
		margin: 0px 0px 0px 50px;
		list-style: none;
		}
		
.ph  {
        float: right;
       }
	   
	   
.align1  {
			margin-right: 30px; margin-left: 30px;
			}
			
.align2  {
			text-align: center;
			}
			
.indent {
		padding: 0 0 0 10px;
		margin-right:350px;
		}

.bottom1 {
		border-bottom-style: solid;
		border-bottom-color: yellow;
		text-align: center;
		font-family: sans-serif;
		font-size: 12px;
		color: #660000;
		margin: 50px 100px 20px 100px;
		width: 590px;
}   
		
.links{
		padding: 0 0 10px 10px;
		font-size:12px;
    	line-height:18px;
     	font-family: "ヒラギノ 角ゴ Pro W3",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック",arial,helvetica,sans-serif;
     	color:#660000;
		 }

.links a{
		color:#660000;
		 }
		 
.links a:hover{
            color:white;
            } 
			
.banners {
		display: inline;
		border-style: none;
		}
		
.current {
		font-size:12px;
    	font-family:"ヒラギノ 角ゴ Pro W3",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック",arial,helvetica,sans-serif;
     	color:#990033;
		 }
		 
.description {
		font-size: 0.8em;
		font-family: "ヒラギノ 角ゴ Pro W3",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック",arial,helvetica,sans-serif;
		font-style: oblique;
		padding: 0 0 0 30px;
		}
		
		 
.navi-current {
		font-size:14px;
    	line-height:15px;
  	 	font-family: "ヒラギノ 角ゴ Pro W3",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック",arial,helvetica,sans-serif;
		color:#ffff66;
		line-height: 50px;
		}

.navi-alt{
		font-size:14px;
    	line-height:15px;
  	 	font-family: "ヒラギノ 角ゴ Pro W3",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック",arial,helvetica,sans-serif;
		color:#ffffff;
		line-height: 50px;
		}
		
a .navi-alt:hover {
		color: lime;
		}

div#wrap {
		margin: 0px;
		width: 950px;
		position: relative;
		backgroud-color: #ffffff;
		}
		
div#content {
		margin-left: 160px;
		width: 790px;
		backgroud-color: #ffffff;
		background-image: url("../images/cloverlogomini.gif");
		background-repeat: no-repeat;
		background-position: right top;
		padding: 10px;
		}
		
div#content-simple {
		margin-left: 160px;
		width: 790px;
		backgroud-color: #ffffff;
		padding: 10px;
		}

div#theme {
		height: 56px;
		width: 450px;
		padding-bottom: 10px
		}
		
div#title {
		text-align: center;
	 	margin-left: 160px;
	 	height: 56px;
		width: 790px;
		background-image: url("../images/h1back.gif");
		background-repeat: no-repeat;
		background-position: left;
		padding: 10px;
		}
				
		
div#footer {
		margin-left: 160px;
		width: 790px;
		backgroud-color: #ffffff;
		padding-left: 10px;
		}

div#navi {	
		margin: 0px;
		width: 140px;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		background-color:#00BF00;
		text-align: left;
		padding-left: 20px;
		padding-top: 20px;
		}		
		
div#navi a:hover {
            color:lime;
            }
            		
div#breadcrumbs-list {
		text-align: right;
		font-size:12px;
    	font-family:"ヒラギノ 角ゴ Pro W3",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック",arial,helvetica,sans-serif;
     	color:#660000;
		margin-top: 0px;
		 }
		 
div#breadcrumbs-list a {
		 color:#660000;
		 }