@charset   "UTF-8";
*{
	margin:0; padding:0; border-width:0px;
	font-family : Verdana,Helvetica,Arial,ヒラギノ角ゴProW3,Osaka,"MS Pゴシック",sans-serif;
	font-size : 16px;
}
/* レスポンシブWEBデザイン */
@media screen and (max-width:991px) {
*{
	font-size : 15px;
}
}
@media screen and (max-width:767px) {
*{
	font-size : 14px;
}
}
/* 標準タグの設定 */
body{
	width : 100%;
	margin : auto;
	text-align : center;
  background-image : url(img/body.png);
}

h1{
	line-height:1.3;
	font-size : 118%;
	color: blue;
	font-weight: bold;
	margin : 3px 3px 3px 1%;
	background-image: url(img/header1.gif);
	background-repeat: repeat-y;
	padding : 3px 3px 3px 15px;
}
h2{
	line-height : 1.3;
	font-size : 115%;
	color : blue;
	font-weight : bold;
	margin : 3px 3px 3px 2%;
	background-image : url(img/header2.gif);
	background-repeat : repeat-y;
	padding : 3px 3px 3px 15px;
}
h3{
	line-height : 1.3;
	font-size : 112%;
	color : blue;
	font-weight : bold;
	margin : 3px 3px 3px 3%;
	background-image : url(img/header3.gif);
	background-repeat : repeat-y;
	padding : 3px 3px 3px 15px;
}
h4{
	line-height : 1.3;
	font-size : 109%;
	color : blue;
	font-weight : bold;
	margin : 3px 3px 3px 7%;
	padding : 3px 3px 3px 15px;
}
h5{
	line-height : 1.3;
	color : blue;
	font-size : 106%;
	font-weight : bold;
	margin : 3px 3px 3px 7%;
	padding : 3px 3px 3px 15px;
}
h6{
	line-height : 1.3;
	color : blue;
	font-size : 103%;
	font-weight : bold;
	margin : 3px 3px 3px 9%;
	padding : 3px 3px 3px 15px;
}
p{
	margin : 5px 0px 5px 10%;
	line-height : 1.2;
	padding : 3px;
}
blockquote{
	line-height : 1.2;
	margin: 3px 3px 3px 12%;
	font-style: italic;
	padding : 3px;
}
img{
	border : 0px;
	margin : 0px;
	padding : 0px;
	max-width: 95%;
}
ul,ol{
	margin : 3px 0px 3px 11%;
	font-size : 100%;
}
li{
	margin-top : 5px;
	margin-bottom : 5px;
	padding : 3px;
}
dl{
	margin : 3px 0px 3px 8%;
	line-height : 1.3;
}
dt{
	font-weight : bold;
	padding : 3px;
}
dd{
	margin-left : 2em;
	padding : 3px;
}
hr{
	width : 80%;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	background-color : silver;
}
/* ページレイアウトの設定*/
#container{
	text-align : center;
  background-image : url(img/container.png);
  width : 80%;
  margin-left : auto;
  margin-right : auto;
  padding-top : 10px;
}
/* レスポンシブWEBデザイン */
@media screen and (max-width:991px) {
#container{
	width : 95%;
}
}
@media screen and (max-width:767px) {
#container{
	width : 98%;
}
}
#content{
	clear : both;
  text-align : left;
}
#header{
	margin-bottom : 3px;
	margin-top : 5px;
	text-align : left;
}
/* 左袖 */
#left{
	width : 21%;
	float : left;
	margin-top : 30px;
}
@media screen and (max-width:991px) {
#left{
	display : none;
}
}
/* 右袖 */
#middle{
	float : left;
	width : 78%;
	margin-right : 1%;
}
@media screen and (max-width:991px) {
#middle{
	width: 100%;
}
}
/* メニューの定義 */
#logo{
	float : left;
	text-align : center; /* なぜか必要*/
	width : 9%;
	padding-left : 1%;
	padding-right : 1%;
}
/* グローバルメニューの定義*/
#g_menu{
  color : blue;
  margin-bottom : 5px;
  background-image : url(../img/menubk.png);
 padding-bottom : 5px;
  width : 90%;
}
#g_menu ul{
	margin : 5px;margin-bottom : 5px;margin-left : 1%;
	list-style-type : none;
}
#g_menu li{
  background-color : white;
 margin-top : 3px;
 margin-bottom : 3px;
border-left-width : 1px;
border-bottom-width : 1px;
border-left-style : solid;
border-bottom-style : solid;
border-left-color : silver;
border-bottom-color : silver;
padding-bottom : 5px;
padding-top : 3px;
  display : inline-block;
}
#g_menu a{
  color : blue;
}
/* フッターの定義 */
#footer{
 color : blue;
 text-align : center;
  margin-left : auto;
  margin-right : auto;
  width : 100%;
  clear : both;
}
#footer p{
 clear : both;
}
#footer ul{
	list-style-type : none;
}
#footer li{
  margin : 3px 1% 3px 1%;
  background-color : white;
  display : inline-block;
}
#footer a{
  color : blue;
}
a:link{
	color : blue;
}
a:visited{
	color : blue;
}
a:hover{
	font-weight : bold;
}
/* 独自クラスの定義 */
.m_left{
	width : 50%;
	float : left;
}
.m_right{
	width : 50%;
	float : left;
}
/* センタリングの定義 */
.align_center{
	margin-left : auto;
	margin-right : auto;
	text-align : center;
}
/* 右寄せ */
.align_right{
	text-align : right;
}
/* 垂直位置の設定 */
.align_top{
	vertical-align : top;
}
.align_middle{
	vertical-align : middle;
}
/* 回り込みの指定 */
.float_none{
	clear : both;
}
/* ページトップの指定 */
.page_top{
	margin-top : 0px;
	margin-bottom : 10px;
  margin-right : 5%;
  text-align : right;
}
.page_top a{
	color : white;
	background-color : blue;
	padding : 3px 0px 3px 5px;
}
.pointer{
	cursor : pointer;
}
.return{
  margin-left : 80%;
  font-size : 90%;
  clear : both;
  font-weight : bold;
}
.hide{
	display : none;
}
.half{
  width : 30%;
}

.float_left{
  float : left;
}
.small{
  font-size : small;
}
/* Google adsenseの定義 */
.adsense_01{
	width: 728px;
	height: 90px;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	clear : both;
}
@media screen and (max-width:767px) {
.adsense_01{
	width: 320px;
	height:100px;
}
}
/* 縦長 */
/* 「ビッグバナー」 */
.adsense_02{
	height: 660px;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	clear : both;
  width : 160px;
}
