@charset utf-8;

/* mystyle.css*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a {
	-webkit-text-shadow: none;
	text-shadow: none;
}

body {
	font-family: Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height: 1.5em;
	color: #000;
	
}


p {margin-bottom:1.2em;}

strong {font-weight:bold;}




/* html-type */


h2 {
	font-size:1.2em;
	line-height: 120%;
	color: #2f4f96;
	padding: 5px 0;
	margin:20px 0;
	font-family: Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight:bold;
	border-bottom:1px solid #2f4f96;
}


h6 {
	font-size: 90%;
	background-color: #fff;
	color: #000;
	padding: 10px 0;
	text-align: center;
	font-weight:normal;
}
article {
	margin: 5px;
	font-size: 90%;
}
footer {
	clear: both;
	font-size:14px; text-align:center; color:#000;
	padding-top:20px;
	background-color:#ddeeff;
	
}


		
		p.resizeimage1 img { width: 100%; }
				p.resizeimage5 img { width: 50%; }
								p.resizeimage6 img { width: 40%; }

		p.resizeimage7 { max-width: 400px; }
		p.resizeimage7 img { width: 100%; }
		
		p.resizeimage2 { width: 75%; }
		p.resizeimage2 img { width: 100%; }

		p.resizeimage3 { max-width: 640px; }
		p.resizeimage3 img { width: 100%; }

		p.resizeimage5 { max-width: 580px; }
		p.resizeimage5 img { width: 100%; }
		
		p.resizeimage6 { max-width: 740px; }
		p.resizeimage6 img { width: 100%; }
		
		p.resizeimage6-2 { max-width: 442px; }
		p.resizeimage6-2 img { width: 100%; }
		
		p.resizeimage8 { max-width: 320px; }
		p.resizeimage8 img { width: 100%; }
		
		p.resizeimage9 { max-width: 200px; }
		p.resizeimage9 img { width: 100%; }
		
		p.resizeimage4 { max-width: 640px; min-width: 240px; }
		p.resizeimage4 img { width: 100%; }
		
		
		p.resizeimage10 { max-width: 1000px; }
		p.resizeimage10 img { width: 100%; }
		
		div.resizewith { max-width: 300px; min-width: 240px; }
		div.resizewith div { width: 100%; }
		


dl,dt,dd{
  line-height : 1;  
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
}


div{
  overflow : hidden;
}

dl{  
  width : 299px;

  margin-bottom : 15px;
  padding : 0px 0px 10px 0px;
  float : left;
}

dt{  
  font-weight : bold; 
  text-align : center;
}

dt img{  
  margin-bottom : 10px;
  display : block;

}


.table_face1 {margin-bottom:20px; border-collapse:collapse; border:#ccc solid 2px;}

.table_face1 th {text-align:center; padding:10px; font-weight:bold; text-align:left;
border:#ccc solid 1px; border-collapse:collapse; }

.table_face1 td {text-align:left; padding:10px; 
border:#ccc solid 1px; background-color:#fff; border-collapse:collapse;}




.table_face2 {margin-bottom:20px; border-collapse:collapse; border:none;}

.table_face2 th {text-align:left; padding:10px; font-weight:bold; text-align:left;
border-bottom:#369 solid 1px; border-collapse:collapse; color:#369;}

.table_face2 td {text-align:left; padding:10px; 
border-bottom:#369 solid 1px; background-color:#fff; border-collapse:collapse;}


.table_face5 {margin-bottom:20px; border-collapse:collapse; border:#ccc solid 2px;}

.table_face5 th {text-align:center; padding:10px; font-weight:bold; text-align:left;
border:#ccc solid 1px; border-collapse:collapse; }

.table_face5 td {text-align:left; padding:10px; 
border:#ccc solid 1px; background-color:#fff; border-collapse:collapse;}


@media (max-width: 480px) {
	.table_face1{
      width: 100%;
    }
    .table_face1 th,
    .table_face1 td{
      display: block;
    }
	
    .table_face2{
      width: 100%;
    }
    .table_face2 th,
    .table_face2 td{
      display: block;
    }
	
	.table_face5{
      width: 100%;
	  border:none;
    }
    .table_face5 th,
    .table_face5 td{
      display: block;
	  border:none;
    }
	
	
	
}



.table_face3 {margin-bottom:0px; border:none;}

.table_face3 th {text-align:left; padding:0; font-weight:normal; text-align:left;
border:none; }

.table_face3 td {text-align:left; padding:0; 
border:none;}





.corse {font-size:1.4em; color:#663300;}
.gohead {text-align:right; margin:5px 0; padding-right:15px; line-height:0.9;}

#nav{
    padding: 3px;	
} 


#nav ul{
    padding: 0px; 	
    margin: 0px;
	list-style: square; 
} 


#nav ul li {
    display: inline; 	
    margin-right: 0.5em;
	display: inline-block;
} 


#nav ul li a { 
    font-family: "Trebuchet MS", sans-serif; 
    text-decoration: none;
	color: #666;
	font-size:1.1em;
	font-weight:normal;
		 
} 


#nav ul li a:hover{ 
    color: #39C;	 
}

div.blocka {
   float: left;
   width: 30px;
   margin-right:10px;
}
div.blockb {
   float: left;
width:92%;

}

div.blockc {
   clear: both;
   margin-bottom:1em;
}

.thispage {color: #FC6;}

.red {color:#F00;}

.hissu{color:#F63; font-size:0.8em;}

.number { margin-left:1em; padding:0;}
.number li {list-style-type:decimal;}

.yohou{background-color: #EEFBCE; padding:20px; margin-bottom:1em; width:100%; max-width:350px; border:#9C6 1px dotted;}		
		



@media screen and (min-width: 768px) {
/* PC */
    input[type="text"] {
        width: 200px;
        height: 20px;
    }
}

@media screen and (max-width: 767px) {
/* SP */
    input[type="text"] {
        width: 90%;
        height: 2em;
    }
	textarea {
		 width: 90%;
	}
	
			#nav {font-size:0.8em; line-height:1.3; }
}