@charset "Shift_JIS";

*{padding: 0;	margin: 0;}

img{border: 0;}

body{
	height: 100%;
	font-size: 80%;
	text-align: center;
	font-family: "MS UI Gothic",sans-serif;
	margin:0px;
	padding:0px;

}
p.example1 { font-size: x-large;}
p.example2 { font-size: 85%; }
p.example3 {
	font-size: 90%;
	line-height: 18px;}
p.example4 { font-size: medium;}
p.example5 { font-size: medium;
color: #; }
p.example6 {
	font-size: medium;
	color: #adacac;}
a{text-decoration:none}
a:link{color:#666666;text-decoration:none}
a:visited{color:#666666;text-decoration:none}
a:active{color:#666666;text-decoration:none}
a:hover{color:#666666;text-decoration:none}

button.button8 {
    /* 文字サイズを1.4emに指定 */
    font-size: 12pt;
	font-family:Arial;
    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 3px 30px;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #b8b8b8;
    -moz-box-shadow: 2px 2px 3px 1px #b8b8b8;
    -webkit-box-shadow: 2px 2px 3px 1px #b8b8b8;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #000;

    /* グラデーションの指定 */
    background: -moz-linear-gradient(bottom, #ccc, #b4b3b3 50%, #ccc);
    background: -webkit-gradient(linear, left bottom, left top, from(#ccc), color-stop(0.5, #b4b3b3), to(#ccc));

    /* 角丸の指定 */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

button.button8:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}


#wrapper{
text-align: left;
width: 889px;
margin: 1em auto 0;
padding: 0px;


}
#header{
text-align: left;
width: 889px;
margin: 1em auto 0;
padding: 0px;


}

#slides{
    margin: 0 auto;
}



/*----------------------------------------グローバルナビ*/


#sample01 #container{
width: 889px;
position: relative;
padding: 2em 0 0 0;
background: #ffffff;

}


#sample01 #contents{
float: left;
width: 510px;
padding:  0px;
background: #ffffff;

}

#sample01 #sidebar{
float: right;
width: 365px;
padding: 2em 5	px;
background: #ffffff;
}


#sample01 #footer{
clear: both;
width: 100%;
background-color: #161c38;
color: #ffffff;
text-align: center;
padding: 6px 0;
}

#sample01 #globalnavi{
position: absolute;
top: 0;
left: 0;
}

#sample01 #globalnavi ul{list-style-type: none;}

#sample01 #globalnavi li{
float: left;

height: 100px;
text-align: center;
}

#sample01 #globalnavi li a{
display: block;
width: 100%;

padding: 0.5em 0;
background-color: #161c38;
color: #ffffff;

}


#sample01 #globalnavi li a:hover{
background-color: #161c38;
color: #000000;
}

#sample01 #sidebar ul{list-style-type: none;}

#sample01 #sidebar li{margin-bottom: 1em;}

#sample01 ol{margin: 1em 0 1em 30px;}

button {
  /* ブラウザ特有のスタイルを無効に */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;

  /* 整える */
  margin: 1em 0; /* 前後の隙間 */
  padding: 0.6em 1em; /* 塗りの余白 */
  font-size: 1em; /* フォントサイズ */
  background-color: #0e2f8f; /* 背景色 */
  color: #FFF; /* テキストカラー */
  cursor: pointer; /* カーソルを指マークに */
  border-radius: 6px; /* 角の丸み */
  border: 0; /* 枠線を消す */
  transition: 0.3s; /* ホバーの変化を滑らかに */
}

/* ホバー時（カーソルをのせた時）の見た目 */
button:hover {
  background-color: #000000; /* 背景色 */
}


/* Chrome、Safari以外 */
summary {
  display: block;
}

/* Chrome、Safari */
summary::-webkit-details-marker {
  display: none;
}

summary {
  cursor: pointer;
  outline: none;
}