@charset "UTF-8";
/* CSS Document */
/*＜サイトの背景部分＞*/
body{
	font: 12px/18px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",  "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:12px;
	}

h1{
	padding:10px 0;
	margin:0;
	font-size:14px;
}
/*a,img{
	border:0;
	margin:0;
	padding:0;
	display:block;
}ここを有効にするとアクセス解析のアイコンが二段になる*/



.clearfix:after{
	content:'.';
	visibility:hidden;
	width:100%;
	clear:both;
	line-height:0px;
}
#container{
	margin:0 auto;
	width:100%;
	overflow:hidden;
}

#header{
}


#logo{
	display:table-cell;
	vertical-align:middle;
	line-height:40px;
	width:100%;
	float:left;
	text-align:center;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#819acf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#819acf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #819acf); /* for firefox 3.6+ */
        background: -o-linear-gradient(top, #ffffff, #819ac);   /* Opera */
        background: linear-gradient(top, #ffffff, #819ac);      /* CSS3 */

	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.1),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px 1px 1px rgba(0,0,255,0.2),
		0px -1px 0px rgba(255,255,255,0.7);
}
#logo img{
	margin:0 auto;
}

#headerMain{
	display:none;
}
#logo>h1>a{
	display:block;
	width:100%;
	text-decoration:none;
}
.logo_pc{
	display:none;
}
.logo_i{
	display:block;
	width:100%;
	height:auto;
}

#globalNav{
	clear:both;
}


/*＜カウンターの部分＞*/

#counter img{
        box-shadow:3px 3px 8px rgba(0,0,0,0.8);margin-bottom:1em;  /*  ボックスシャドウ */
}

/*＜お知らせ枠の部分＞*/

.hpb-section legend {
        font-color: #000;
        font-size: 14px;
        font-weight: bold;
        text-shadow: 0px 1px 1px rgba(0,0,255,0.2), 0px -1px 0px rgba(255,255,255,0.7);
        padding-left:20px;   /*お知らせ文字の位置 */

}


.hpb-section {
        box-shadow:3px 3px 8px rgba(0,0,0,0.8);margin-bottom:1em;  /*  ボックスシャドウ */
}



/*＜リストメニュー部分＞*/

/*メニューを画面いっぱいではなく、ちょっと余白付きに*/
#globalNav ul{
	padding:0;
	list-style:none;
	display:block;
	/*padding:10px 10px;*/ /* ここで余白をつける */
 box-shadow:3px 3px 8px rgba(0,0,0,0.8);margin-bottom:1em;  /*  ボックスシャドウ */
}

/*リストの基本的なCSS*/
#globalNav li{

	overflow:hidden;
	margin:0;
    float:none;
	clear:both;
	width:100%;
	text-align:left;
	padding:0;
	border:1px #4164ab solid;/*ボーダー（囲み線）を1pxで描く*/

 /*ボーダー分、リストの幅が広がるので、ボーダー込みでサイジングする*/
	-webkit-box-sizing: border-box;   
	border-bottom:0px;


 /*☆★1行ごとのグラデーション前の色#374ec4☆★☆#4265ae★☆★*/
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#3c5ab8'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#3c5ab8)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #3c5ab8); /* for firefox 3.6+ */
        background: -o-linear-gradient(top, #ffffff, #3c5ab8);   /* Opera */
        background: linear-gradient(top, #ffffff, #3c5ab8);      /* CSS3 */
    display:block;
	-webkit-box-shadow: /*リスト一行ごとにドロップシャドウ。
　　　　　　　　　　　　　　ULにつければ良さそうだが、ULは角丸してないので*/
		0px 3px 3px rgba(000,000,000,0.1);



 filter:alpha(opacity=80);/*透過*/
   -moz-opacity: 0.8;
    opacity: 0.8;






}
/*一番上の行を、左上と右上の角だけ丸くする*/
#globalNav li:first-child{
	/*-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;*/
border-bottom:0px;
}

 .body1 {
     /*-webkit-border-top-left-radius: 8px;
     -webkit-border-top-right-radius: 8px;*/
     background-image: url(../image/333.png);　/* メニュー下の画像 */
     background-repeat: no-repeat;
      
}

 .body2 a{                                /* a を取ると文字や画像も透過 */
     /*-webkit-border-top-left-radius: 8px;
     -webkit-border-top-right-radius: 8px;*/

     background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#3c5ab8)); 

     filter:alpha(opacity=90);/*透過*/
     -moz-opacity: 0.9;
     opacity: 1;
}

 .body2 a:hover  {
      background-image: url(../image/333.png);　/* メニュー下の画像 */
     background-repeat: no-repeat;
     opacity: 0.6;
   }

 .body2 a:active  {
      background-image: url(../image/333.png);　/* メニュー下の画像 */
     background-repeat: no-repeat;
     opacity: 0.8;
   }





/*一番下の行を、左下と右下の角だけ丸くする*/
#globalNav li:last-child{
	/*-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;*/

	border-bottom:1px #4164ab solid;/*ボーダー（囲み線下のみ）を1pxで描く*/
  
}



#globalNav li>a>img{
	display:none;
}
#globalNav li>a>span{
	display:table-cell;
	clear:none;
	vertical-align:middle;
	height:auto;
}
#globalNav li>a>span:last-child{
    width:100%;
}
#globalNav li>a>span>img{
  margin-right:10px;
}
#globalNav li>a{
	color:#000000;/*リストの文字色*/	display:block;
	-webkit-box-sizing: border-box;
	width:100%;
	height:auto;
	padding:10px;
	text-align:left;
	text-decoration:none;
	font-size:19px;
	font-weight:bold;
	vertical-align:middle;
	text-shadow:
		0px 1px 1px rgba(0,0,255,0.2),
		0px -1px 0px rgba(255,255,255,0.7);
}
#globalNav li>a:after{
	content:url(../images/arrowR2.png);
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	display:table-cell;
	vertical-align:middle;
}

#contents{
	display:none;
}
#footer{
	display:none;
}





     /* ページトップへ移動のボタン */
#btnTop {
        box-shadow:3px 3px 8px rgba(0,0,0,0.8);margin-bottom:1em;  /*  ボックスシャドウ */
	border-radius: 5px;
	background-color: #cbcccf;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7c6e3', endColorstr='#5578bf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#b7c6e3), to(#5578bf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #b7c6e3,  #5578bf); /* for firefox 3.6+ */
        background: -o-linear-gradient(top, #b7c6e3, #5578bf);   /* Opera */
        background: linear-gradient(top, #b7c6e3, #5578bf);      /* CSS3 */
	width: 7em;
	font-size: 85%;
	text-align: center;
	float: right;
	margin-right: 10px;
 　　 　
}
#btnTop a {
	text-shadow: 1px 1px 0 #ddd;
	display: block;
	padding: 5px 0;
	color: #444444;
	text-decoration: none;
}
footer p {
	clear: both;
	padding: 0;
}
footer img {
	vertical-align: top;
}
footer p:last-child {
	margin: 0;
}




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




/* 灰色リンクボタンにする */
a1 {
   /* ▼枠線 */
   border-style: solid;
   border-width: 1px;
   border-color: #ccc #999 #999 #ccc;
   /* ▼角丸 */
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   /* ▼余白 */
   padding: 0.3em 0.9em;
   margin: 0px 0.3em;
   /* ▼文字装飾 */
   text-decoration: none;
   /* ▼背景 */
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); zoom:1; /* IE */
   background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
   background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
   background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
   /* ▼行高 */
   line-height: 2em;
   /* ▼空白・改行の扱い */
   white-space: nowrap;
}



/* 青色リンクボタンにする */
ab {
   /* ▼枠線 */
   border-style: solid;
   border-width: 1px;
   border-color: #ccc #999 #999 #b7c6e3;
   /* ▼角丸 */
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   /* ▼余白 */
   padding: 0.3em 0.9em;
   margin: 0px 0.3em;
   /* ▼文字装飾 */
   text-decoration: none;
   /* ▼背景 */
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#b7c6e3)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#b7c6e3); zoom:1; /* IE */
   background: -moz-linear-gradient(top, #fff, #b7c6e3); /* Firefox */
   background: -o-linear-gradient(top, #fff, #b7c6e3);   /* Opera */
   background: linear-gradient(top, #fff, #b7c6e3);      /* CSS3 */
   /* ▼行高 */
   line-height: 2em;
   /* ▼空白・改行の扱い */
   white-space: nowrap;
}
/* ピンクリンクボタンにする */
ap {
   /* ▼枠線 */
   border-style: solid;
   border-width: 1px;
   border-color: #ead0e1 #999 #999 #ead0e1;
   /* ▼角丸 */
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   /* ▼余白 */
   padding: 0.3em 0.9em;
   margin: 0px 0.3em;
   /* ▼文字装飾 */
   text-decoration: none;
   /* ▼背景 */
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ead0e1)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ead0e1); zoom:1; /* IE */
   background: -moz-linear-gradient(top, #fff, #ead0e1); /* Firefox */
   background: -o-linear-gradient(top, #fff, #ead0e1);   /* Opera */
   background: linear-gradient(top, #fff, #ead0e1);      /* CSS3 */
   /* ▼行高 */
   line-height: 2em;
   /* ▼空白・改行の扱い */
   white-space: nowrap;
}
/* 緑色リンクボタンにする */
ag {
   /* ▼枠線 */
   border-style: solid;
   border-width: 1px;
   border-color: #ccc #999 #999 #d5e3d5;
   /* ▼角丸 */
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   /* ▼余白 */
   padding: 0.3em 0.9em;
   margin: 0px 0.3em;
   /* ▼文字装飾 */
   text-decoration: none;
   /* ▼背景 */
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d5e3d5)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#d5e3d5); zoom:1; /* IE */
   background: -moz-linear-gradient(top, #fff, #d5e3d5); /* Firefox */
   background: -o-linear-gradient(top, #fff, #d5e3d5);   /* Opera */
   background: linear-gradient(top, #fff, #d5e3d5);      /* CSS3 */
   /* ▼行高 */
   line-height: 2em;
   /* ▼空白・改行の扱い */
   white-space: nowrap;
}