body{
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;
font-size: 120%; 
line-height: 180%;
letter-spacing: 1%;
color: #999999;
margin: 0px;
background:#a4a3a3;

/*↓webkit系ベンダープレフィックス*/
/*background: -webkit-linear-gradient(top, #FFFFFF, #a4a3a3); */
/*↓標準型（方向は省略＿デフォルトの to bottom になる）*/
/*background: linear-gradient(#FFFFFF, #a4a3a3);*/
}
img{
border: none; /* 画像ボーダーなし */
vertical-align: bottom; /* IE6用バグ回避 */
}


.btn {
	width: 90%;
        text-align:center;
	margin:5%;
        float:left;
        font-size:250%;/*font-size:250%;*/

}
.btn a{
  background:#dfe73b;
  text-decoration: none;
  display: block;
	background: -moz-linear-gradient(top,#dfe73b 0%,#afbd22);
	background: -webkit-gradient(linear, left top, left bottom, from(#dfe73b), to(#afbd22));
	border: 4px solid #FFF;
	color: #000000;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 2px 2px 2px rgba(000,000,000,0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	padding: 5%;
}
.btn a:hover{
  background:#002d4b;
  text-decoration: none;
  display: block;
	background: -moz-linear-gradient(top,#002d4b 0%,#426c82);
	background: -webkit-gradient(linear, left top, left bottom, from(#002d4b), to(#426c82));
	border: 4px solid #FFF;
	color: #FFF;
		border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 2px 2px 2px rgba(000,000,000,0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
}

/*===============================================
●smart  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
	.btn {
	width: 90%;
        text-align:center;
	margin:5%;
        float:left;
        font-size:large;/*font-size:250%;*/

}
.btn a{
  background:#dfe73b;
  text-decoration: none;
  display: block;
	background: -moz-linear-gradient(top,#dfe73b 0%,#afbd22);
	background: -webkit-gradient(linear, left top, left bottom, from(#dfe73b), to(#afbd22));
	border: 4px solid #FFF;
	color: #000000;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 2px 2px 2px rgba(000,000,000,0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	padding: 5%;
}
.btn a:hover{
  background:#002d4b;
  text-decoration: none;
  display: block;
	background: -moz-linear-gradient(top,#002d4b 0%,#426c82);
	background: -webkit-gradient(linear, left top, left bottom, from(#002d4b), to(#426c82));
	border: 4px solid #FFF;
	color: #FFF;
		border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 2px 2px 2px rgba(000,000,000,0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
}
}
/*===============================================
●smart  画面の横幅が640pxまで
===============================================*/

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 1200px;
  /*margin: 5px auto 30px;*/
  margin: 0;
  padding: 0;
border-bottom:4px #336494 solid;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  /*width: 20%;*/
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 0;
  /*padding: 15px 0 11px;*/
  background: #dbdbdb;
  color: #336494;
  font-size:120%;
  line-height: 1;
  text-decoration: none;

/*↓webkit系ベンダープレフィックス*/
background: -webkit-linear-gradient(top, #FFFFFF, #dbdbdb); 
/*↓標準型（方向は省略＿デフォルトの to bottom になる）*/
background: linear-gradient(#FFFFFF, #dbdbdb);
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);
}
.dropmenu li ul li{
width: 100%;
list-style-image: url("image/arrow1.png");
list-style-position: inside;
}
.dropmenu li ul li a{
  /*padding: 13px 15px;*/
  padding-left:20px;
  padding-right:30px;
  padding-bottom:20px;
  padding-top:20px;
  border-top: 1px solid #a4a3a3f;
  background: #FFFFFF;
  text-align: left;
}
.dropmenu li:hover > a{
  background: #FFFFFF;
  color: #999999;
  text-decoration: none;
/*↓webkit系ベンダープレフィックス*/
/*background: -webkit-linear-gradient(top, #FFFFFF, #dbdbdb); */
/*↓標準型（方向は省略＿デフォルトの to bottom になる）*/
/*background: linear-gradient(#FFFFFF, #dbdbdb);*/
}
.dropmenu li a:hover{
  background: #FFFFFF;

/*↓webkit系ベンダープレフィックス*/
/*background: -webkit-linear-gradient(top, #dbdbdb, #FFFFFF); */
/*↓標準型（方向は省略＿デフォルトの to bottom になる）*/
/*background: linear-gradient(#dbdbdb, #FFFFFF);*/
}
#normal { 
position: relative; z-index: 8; 
}
#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
background-image: url("image/bg1.png");
}



.btn_top {
width:150px;
float:right;
text-align: right;
cursor: pointer;
font-size: 100%; 
line-height: 120%;
color: #999999;
font-weight: normal;
background-image: url("image/up.png");
background-repeat: no-repeat;
background-position: right;
text-decoration: none;
padding-right:40px;
padding-top:2%;
padding-bottom:2%;
}
table#table-1 {
color: #999999;
border: 1px #dcdcdc solid; 
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 5%;
background-color:#FFFFFF;
}
table#table-1 th,td {
padding: 0px;
border: 0px;
}

h1{
height:1px;
font-size: 0%;
color: #FFFFFF;
text-align: left;
top:-10%;
}
h2{
font-size:160% ;
line-height:180%;
color: #FFFFFF;

position: relative;
margin: 0 0 1.5em;
padding: 0.8em 0 0.8em 1.5em;
border: 2px double #d2d2d2;

/*↓webkit系ベンダープレフィックス*/
background: -webkit-linear-gradient(top, #9a001b, #cc6d7a); 
/*↓標準型（方向は省略＿デフォルトの to bottom になる）*/
background: linear-gradient(#9a001b, #cc6d7a);

}
h2:before{
    content: "";
    position: absolute;
    background: #c87883;
    top: 50%;
    left: 0.5em;
    margin-top :-15px;
    height: 30px;
    width: 8px;
    border: 2px;
}

/*h3{
font-size:160%;
line-height:160%;
color: #336494;
font-weight: normal;
text-align: left;
background-image: url(image/h3.png);
background-repeat: no-repeat;
background-position: left top;
padding-left:80px;
}

h3 A:link {
color: #336494;
text-decoration: none;
}
h3 A:visited { 
color: #336494;
text-decoration: none;
}
h3 A:hover { 
color: #999999;
text-decoration: underline;
}*/


h4{
font-size:160%;
line-height:200%;
color: #9a001b;
text-align: left;
font-weight: normal;
padding:2%;

border-top: 4px solid #336494;
border-bottom: 1px solid #a0a0a0;
/*↓webkit系ベンダープレフィックス*/
background: -webkit-linear-gradient(top, #FFFFFF, #dbdbdb); 
/*↓標準型（方向は省略＿デフォルトの to bottom になる）*/
background: linear-gradient(#FFFFFF, #dbdbdb);
}

h5{
font-size:120%;
line-height:160%;
color: #999999;
text-align: left;
font-weight: normal;
}



h6{
font-size: 100%; 
line-height: 160%;
color: #999999;
text-align: right;
padding-left: 0;
padding-top: 0;
padding-bottom: 1%;
width:100%;
font-weight:normal;
}
h6 A:link {
color: #979696;
text-decoration: none;
background-image: url(image/arrow5.png);  
background-repeat: no-repeat;  
background-position: left; 
padding-left:30px; 
}
h6 A:visited { 
color: #979696;
text-decoration: none;
background-image: url(image/arrow5.png);  
background-repeat: no-repeat;  
background-position: left; 
padding-left:30px;
}
h6 A:hover { 
color: #999999;
text-decoration: none;
background-image: url(image/arrow6.png);  
background-repeat: no-repeat;  
background-position: left; 
padding-left:30px; 
}



#navi{
font-size: 80%; 
line-height: 140%;
color: #999999;
text-align: right;
padding: 1% 1% 1% 0%;
font-weight:normal;
border-bottom:1px #d7d7d7 solid;
background: #f0f0f0;
}
#navi A:link {
color: #979696;
text-decoration: none;
background-image: url(image/arrow5.png);  
background-repeat: no-repeat;  
background-position: left; 
padding-left:30px; 
}
#navi A:visited { 
color: #979696;
text-decoration: none;
background-image: url(image/arrow5.png);  
background-repeat: no-repeat;  
background-position: left; 
padding-left:30px;
}
#navi A:hover { 
color: #999999;
text-decoration: none;
background-image: url(image/arrow6.png);  
background-repeat: no-repeat;  
background-position: left; 
padding-left:30px; 
}












div#wrapper{
width: 100%;
/*width: 1200px;
position:relative;*/
text-align: left;
margin:0;
padding:0;
background: #FFFFFF;
}
div#container{
width:100%;
/*float: left;*/
color:#999999;
background: #FFFFFF;
  box-shadow: 0px 5px 10px 10px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 5px 10px 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 5px 10px 10px rgba(0,0,0,0.2);
}

.photo{
border: 0; /* 画像ボーダーなし */
vertical-align: bottom; /* IE6用バグ回避 */
float:left;
margin-right:2%;
}


div#waku{
width:350px;
height:600px;
float: left;
color:#979696;
padding:0% 0% 0% 3%;
      /*top right bottom left */
}
div#waku h3{
font-size:160%;
color: #336494;
font-weight: normal;
text-align: left;
/*background-image: url(image/h3.png);
background-repeat: no-repeat;
background-position: left top;
padding-left:80px;*/
}
div#waku A:link {
color: #336494;
text-decoration: none;
}
div#waku A:visited { 
color: #336494;
text-decoration: none;
}
div#waku A:hover { 
color: #999999;
text-decoration: underline;
}
div#waku img{
border:0;
  box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);
                 /*top right bottom left */
}
div#waku ul li{
list-style-image: url("image/arrow2.png");
list-style-position: outside;
}

div#left{
width:44%;
height:400px;
float: left;
color:#979696;
padding:3%;
}
div#right{
width:44%;
height:400px;
float: right;
color:#979696;
padding:3%;
}

div#main{
width:90%;
float: left;
margin:5%;
background-color:#fff;
}
div#main A:link {
color: #336494;
text-decoration: none;
}
div#main A:visited { 
color: #336494;
text-decoration: none;
}
div#main A:hover { 
color: #336494;
text-decoration: underline;
}
div#main img {
	width:100%;
}
div#topphoto{
width:1190px;
height:480px;
text-align:center;
background-color: #FFFFFF;
padding-top:20px;
padding-left:5px;
padding-right:0px;
float: left;
}

div#header{
width:100%;
/*height:120px;*/
float: left;
text-align:center;
}
div#header img{
border: none; /* 画像ボーダーなし */
vertical-align: bottom; /* IE6用バグ回避 */
border:0;
}
div#title{
font-size: 1%;
color: #FFFFFF;
text-align: right;
width: 100%;
height:0px;
}
div#title A:link {
color: #336494;
text-decoration: underline
}
div#title A:visited { 
color: #336494;
text-decoration: underline;
}
div#title A:hover { 
color: #336494;
text-decoration: none;
}
div#title h1{
height: 0px;
font-size: 1%;
color: #FFFFFF;
font-weight:normal;
float:right;
}

div#footer{
width: 100%;
height: 100px;
padding-top:2%;
font-size: 100%;
line-height: 160%;
color: #FFFFFF;
text-align: center;
background-color: #004562;
float:left;
}
div#footermenu{
text-align: left;
float:left;
}
div#footermenu ul li{
list-style-image: url("image/arrow4.png");
list-style-position: inside;
}
div#footermenu A:link {
color: #FFFFFF;
text-decoration: none;
/*background-image: url(image/arrow4.png);  
background-repeat: no-repeat;  
background-position: left; 
padding-left:30px; */
}
div#footermenu A:visited { 
color: #FFFFFF;
text-decoration: none;
/*background-image: url(image/arrow4.png);  
background-repeat: no-repeat;  
background-position: left; 
padding-left:30px; */
}
div#footermenu A:hover { 
color: #FFFFFF;
text-decoration: underline;
/*background-image: url(image/arrow4.png);  
background-repeat: no-repeat;  
background-position: left; 
padding-left:30px; */
}
div#copy strong{
color: #FFFFFF;
}
div#copy{
width:100%;
margin-top:1%;
font-size: 60%;
line-height: 120%;
color: #FFFFFF;
float:left;
text-align:center;
}
strong{
font-weight: bold;
color: #555555;
}