@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{
	background-image : url(img/body.png);
	background-repeat : repeat;
	width : 100%;
}
h1{
	line-height:1.3;
	font-size : 118%;
	color: blue;
	font-weight: bold;
	margin : 3px 3px 3px 3%;
	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 5%;
	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 6%;
	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 9%;
	padding : 3px 3px 3px 15px;
}
h6{
	line-height : 1.2;
	color : blue;
	font-size : 103%;
	font-weight : bold;
	margin : 3px 3px 3px 10%;
	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 auto;
	line-height : 1.2;
  text-align : center;
}

li{
	margin-top : 5px;
	margin-bottom : 5px;
	line-height : 1.2;
	padding : 3px;
}
dl{
	margin : 3px 0px 3px 8%;
	line-height : 1.3;
}
dt{
	font-weight : bold;
	padding : 3px;
}
dd{
	margin-left : 2em;
	padding : 3px;
}
table{
	font-size : 100%;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
}
/* 均等割り付けの表　*/
table.hyou_fixed{
	margin : auto;
	text-align : center;
	border-collapse: collapse;
	empty-cells: show;
	table-layout: fixed;
	width: 80%;
	padding : 5px;
}
td{
  padding : 5px;
}
hr{
	width : 80%;
	height : 1px;
	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デザイン */
/* container size の指定 */
@media screen and (max-width:991px) {
#container{
	width : 95%;
}
}
@media screen and (max-width:767px) {
#container{
	width : 98%;
}
}
#comment{
	width: 90%;
	color : blue;
	text-align : left;
}
#contents{
	clear: both;
	width : 100%;
	text-align: left;
}
#header{
	margin-top : 5px;
}
#subheader{
	height : 166px;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
  width : 729px;
  margin-top : 10px;
}
@media screen and (max-width:767px) {
#subheader{
	display : none;
}
}
#subheaderl{
	width : 150px;
	height : 175px;
  float : left;
  background-image : url(../img/left.png);
  background-repeat : no-repeat;
  background-size:150px 175px;
}
#subheaderm{
	width : 429px;
	margin : 0px 0px;
	border-top : 3px solid silver;
  float : left;
  border-bottom-width : 3px;
  border-bottom-style : solid;
  border-bottom-color : silver;
  height : 169px;
	overflow: auto;
}
#subheaderm p{
	margin-left : 5px;
  text-align : left;
}
#subheaderm h6{
	margin-left : 5px;
}
#subheader h6{
  line-height : 2em;
  color : blue;
}
#subheaderr{
	width : 150px;
	height : 175px;
  float : left;
  background-image : url(../img/right.png);
  background-repeat : no-repeat;
  background-size:150px 175px;
}
#subheaderm li{
  text-align : left;
  margin : 0px;
}
#subheader_phone{
  margin-top : 10px;
  clear : both;
  text-align : left;
}
@media screen and (min-width:767px) {
#subheader_phone{
	display : none;
}
}
#hnavi{
	margin-left : 1%;
	width : 80%;
	margin-bottom : 10px;
  float : left;
  background-repeat : repeat;
  background-image : url(../img/sky.gif);
}
@media screen and (max-width:767px) {
#hnavi{
	display : none;
}
}
#hnavi ul{
	margin-top : 0px;
	list-style-type : none;
	text-align : center;
	margin-left : 5px;
  background-image : url(../img/sky.gif);
}
#hnavi li{
	width : 8em;
	border-width: 3px;
	border-style: outset;
	padding : 2px;
	border-color : rgb(205, 205, 205);
	background-color : rgb(205, 205, 205);
	float : left;
	margin-top : 5px;
	margin-left : 3px;
  margin-bottom : 5px;
}
#hnavi_phone{
  text-align : left;
  width : 80%;
  float : left;
  background-image : url(../img/sky.gif);
  margin-left : 1%;
}
@media screen and (min-width:767px) {
#hnavi_phone{
	display : none;
}
}
#hnavi_phone p{
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  font-weight : bold;
  color : blue;
}
#hnavi_main{
  text-align : left;
  width : 80%;
  float : left;
  background-image : url(../img/sky.gif);
  margin-left : 1%;
}
#pnavi{
  text-align : center;
  margin-left : auto;
  margin-right : auto;
  margin-top : 5px;
  margin-bottom : 5px;
}
#pnavi ul{
	margin-top : 0px;
	list-style-type : none;
	text-align : center;
	margin-left : 5px;
}
#pnavi li{
	padding : 3px;
	background-color : rgb(221, 221, 221);
  width : 7em;
  margin-top : 3px;
  margin-bottom : 3px;
  display : inline-block;
  font-weight : bold;
  margin-left : 3px;
}
#vnavi{
  width : 7em;
  text-align : center;
  margin-left : auto;
  margin-right : auto;
}
#vnavi ul{
	text-align: center;
	list-style-type: none;
	margin-top : 10px;
  width : 7em;
  margin-left : 0px;
  margin-right : 0px;
}
#vnavi li{
	padding : 3px;
	background-color : #cdcdcd;
  width : 7em;
  margin-top : 3px;
  margin-bottom : 3px;
}
#m_navi{
	text-align : center;
	margin-left : auto;
	margin-top : 10px;
	list-style-type : none;
  margin-right : auto;
}
#m_navi li{
	width : 5em;
	margin-left : 10px;
	margin-right : 10px;
	padding-top : 3px;
	padding-bottom : 3px;
  display : inline-block;
}
#m_navi li.wide{
	background-color : #eeeeee;
	width : 9em;
}
#m_navi li.arrow{
	width : 40px;
}
/* フッターの定義 */
#footer{
	width : 95%;
	margin-top : 10px;
}
#footer p{
	text-align : center;
}
#footer ul{
	margin-top : 3px;
	margin-bottom : 3px;
	list-style-type : none;
	margin-left : auto;
  text-align : center;
  margin-right : auto;
}
#footer li{
	margin : 3px 2em;
	background-color : white;
  display : inline-block;
}
/* センタリングの定義 */
.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;
}
.float_left{
	float : left;
}
.float_right{
	float : right;
}
/* 幅の指定 */
.width_half{
	width : 50%;
}
.width_quarter{
	width : 25%;
}
.blue{
  color : blue;
}
.small{
  font-size : small;
}
/* 太字 */
bold{
	font-weight:bold;
}
/* 注意書き指定 */
.notice{
	color : red;
}
.hide{
	display : none;
}
.return{
	font-weight : bold;
	text-align : right;
	font-size : 90%;
}
.pointer{
	cursor : pointer;
}
.object_margin{
	margin : 5px;
}
div#contents p.page_top{
	margin : 5px 0px 5px 0px;
}
div#contents p.page_top a{
	background-color : blue;
	text-align : right;
	padding : 3px 10px;
	margin-right : 10%;
	color : white;
}
/* noteの指定 */
p.note{
	background-color :
	#cccccc;
	margin-top : 3px;
	margin-bottom : 3px;
	padding : 3px;
	position : relative;
	width : 80%;
  margin-left : auto;
  margin-right : auto;
  text-align : left;
}
p.note::before{
	content: "Note．　";
	color: #000099;
	font-weight: bolder;
}
#left{
	width : 21%;
	float : left;
	margin-top : 30px;
}
@media screen and (max-width:991px) {
#left{
	display : none;
}
}
#right{
	float : left;
	width : 78%;
  margin-right : 1%;
}
@media screen and (max-width:991px) {
#right{
	width: 100%;
}
}
#logo{
	float : left;
	margin-left : 1%;
  width : 9%;
}
li.focus{
	font-weight : bold;
	color : red;
}
.bold{
	font-weight : bold;
}
#main_content{
	clear : both;
left : -1px;
}
a:link{
	color : blue;
}
a:visited{
	color : blue;
}
a:hover{
	font-weight : bold;
}
/* GoogleAdsenseSSの定義 */
/* 「ビッグバナー」 */
.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;
}