/* gifポインタ*/

.grid ul{margin:5px 10px;}
.grid li{
list-style:none;
padding-left: 18px;
padding-top: 3px;
padding-bottom: 3px;
background: url(../img/mark4.gif) no-repeat 0 6px;
border-bottom:1px dashed #cccccc;
}
.grid2 ul{margin:5px 10px;}
.grid2 li{
list-style:none;
padding-left: 18px;
padding-top: 3px;
padding-bottom: 3px;
background: url(../img/mark2.gif) no-repeat 0 6px;
border-bottom:0px dashed #cccccc;
}
a{color:#5386ad;text-decoration:none;}
a:hover{color:#2d6286;text-decoration:none;}
a:active, a:focus{outline:0;}

hr {width:80%;
}
p {
  margin: 5px;
}
/* ボタンデザイン*/

a.btn-10{
  display: block;
  height: 75px;
  width: 85px;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: nomal;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  border: 0px solid #cbcbcb;
  border-radius: 0.8em;

	background-color:rgba(0,0,205,0.7);
  padding-top:10px;
FONT-SIZE: 10px; 

	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}
.btn-10:hover {
    opacity: 0.7 ;
    color: #fff;
}
a.btn-11{
  display: block;
  height: 75px;
  width: 85px;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: nomal;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  border: 0px solid #cbcbcb;
  border-radius: 0.8em;
	background-color:rgba(0,100,0,0.7);
  padding-top:10px;
FONT-SIZE: 10px; 
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);

}
.btn-11:hover {
    opacity: 0.7 ;
    color: #fff;
}
a.btn-12{
  display: block;
  height: 75px;
  width: 85px;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: nomal;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  border: 0px solid #cbcbcb;
  border-radius: 0.8em;
	background-color:rgba(0,255,140,0.7);
  padding-top:10px;
FONT-SIZE: 10px; 
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}
.btn-12:hover {
    opacity: 0.7 ;
    color: #fff;
}
a.btn-13{
  display: block;
  height: 75px;
  width: 85px;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: nomal;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  border: 0px solid #cbcbcb;
  border-radius: 0.8em;
	background-color:rgba(255,140,0,0.7);

  padding-top:10px;
FONT-SIZE: 10px; 
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}
.btn-13:hover {
    opacity: 0.7 ;
    color: #fff;
}




a.btn-14{
  display: block;
  height: 83px;
  width: 83px;
  text-decoration: none;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  border: 1px solid #cbcbcb;
  border-radius: 0.8em;

	background-color:rgba(0,0,205,0.7);
}
.btn-14:hover {
    opacity: 0.7 ;
    color: #fff;
}

a.btn-15{
  display: block;
  height: 83px;
  width: 83px;
  text-decoration: none;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  border: 1px solid #cbcbcb;
  border-radius: 0.8em;

	background-color:rgba(0,0,205,0.7);
}
.btn-15:hover {
    opacity: 0.7 ;
    color: #fff;
}

a.btn-16{
  display: block;
  height: 75px;
  width: 85px;
  margin-bottom: 5px;
/*   margin-right: 20px; */ 
/*  margin-left: 50px; */ 
  text-decoration: none;
  font-weight: nomal;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  border: 0px solid #cbcbcb;
  border-radius: 0.8em;

	background-color:rgba(0,0,205,0.7);
  padding-top:10px;
FONT-SIZE: 10px; 
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}
.btn-16:hover {
    opacity: 0.7 ;
    color: #fff;
}
a.btn-17{
  display: block;
  height: 75px;
  width: 85px;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: nomal;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  border: 0px solid #cbcbcb;
  border-radius: 0.8em;
 
	background-color:rgba(0,100,0,0.7);
  padding-top:10px;
FONT-SIZE: 10px; 
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);

}
.btn-17:hover {
    opacity: 0.7 ;
    color: #fff;
}
a.btn-18{
  display: block;
  height: 75px;
  width: 85px;
  margin-bottom: 5px;
/*   margin-left: 30px;*/
  text-decoration: none;
  font-weight: nomal;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  border: 0px solid #cbcbcb;
  border-radius: 0.8em;

	background-color:rgba(255,0,0,0.7);
  padding-top:10px;
FONT-SIZE: 10px; 
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);

}
.btn-18:hover {
    opacity: 0.7 ;
    color: #fff;
}
a.btn-19{
  display: block;
  height: 75px;
  width: 85px;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: nomal;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  border: 0px solid #cbcbcb;
  border-radius: 0.8em;

	background-color:rgba(200,153,50,0.7);
  padding-top:10px;
FONT-SIZE: 10px; 
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);

}
.btn-19:hover {
    opacity: 0.7 ;
    color: #fff;
}

a.btn-20{
  display: block;
  height: 75px;
  width: 85px;
  margin-bottom: 5px;

  text-decoration: none;
  font-weight: nomal;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  border: 0px solid #cbcbcb;
  border-radius: 0.8em;

	background-color:rgba(66,101,121,0.7);
  padding-top:10px;
FONT-SIZE: 10px; 
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);

}
.btn-20:hover {
    opacity: 0.7 ;
    color: #fff;
}

a.btn-21{
  display: block;
  height: 80px;
  width: 80px;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: nomal;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  border: 0px solid #cbcbcb;
  border-radius: 0.5em;
  
	background-color:rgba(255,255,255,0.9);
  padding-top:0px;
FONT-SIZE: 10px; 
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);

}
.btn-21:hover {
    opacity: 0.7 ;
    color: #fff;
}
img.pika{

vertical-align: 13px;

}

a.btn-22{
  display: block;
  height: 75px;
  width: 85px;
  margin-bottom: 5px;
  margin-left: 20px;
 margin-right: 0px;
  text-decoration: none;
  font-weight: nomal;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  border: 0px solid #cbcbcb;
  border-radius: 0.8em;

	background-color:rgba(34,139,34,0.7);
  padding-top:10px;
FONT-SIZE: 10px; 
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);

}
.btn-22:hover {
    opacity: 0.7 ;
    color: #fff;
}

img.prof{
margin:5px;
border:1px solid #ccc;
    display: inline-block; 
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */

margin: 5px;
padding: 7px;
width:100%;
max-width: 380px;
height: auto;
}
table.prof2{
FONT-SIZE: 10px; 
}

input{
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  text-align: center;
  color: #666;
  border: 0px solid #cbcbcb;
  border-bottom: 1px solid #b2b1b1;
  border-radius: 3px;
  box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
  background: #eeeeee;
}

input:hover {
    opacity: 0.7 ;
    color: #666;
}

a.btn-31{
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;

  text-align: center;
  color: #666;
  border: 0px solid #cbcbcb;
  border-bottom: 1px solid #b2b1b1;
  border-radius: 5px;
  box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
  background: #eeeeee;
  margin: 3px;      
}
.btn-31:hover {
    opacity: 0.7 ;
    color: #666;
}
a.btn-31:active{  /* クリックした時 */
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: none;
}
/*詳しく見る */
a.btn-50{
  display: inline-block;
  text-decoration: none;
  font-size:10px;
  padding: 0.2em 1em;
  text-align: center;
  color: #fff;
  border: 0px solid #cbcbcb;
  border-radius: 10px;
background: rgba(128,128,258,0.7); /* 透過色-------*/
  margin: 0px;      
}
.btn-50:hover {
background:#ff00ff; 
    opacity: 0.7 ;
    color: #fff;
}