@charset "utf-8";



/*********** font setup ***********/
* { font-family:"Meiryo","メイリオ","MS PGothic","MS Pゴシック", Osaka,sans-serif; }
.f10,
#hseo,
#credit {font-family:"ＭＳ Ｐゴシック", Osaka,sans-serif;}


/*********** defult setup ***********/
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,span,img,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
	border:0px;
	list-style:none;
}

.form-button{
 font-size:1.5rem;
 text-align:center;
}

div#gnav {
    margin-top: 2px;
}

/*********** tag setup ***********/

/* body */
body { font-size:14px; color:#333; background:url(../img/bgb1.png) repeat-x #fff;}

/* heading */
h1 {
	width:960px;
	height:18px;
	margin:0 auto;
	padding:3px 0;
	color:#a7a7a7;
	font-size:10px;
	font-weight:normal;
	text-align:left;
}
h2 { }
h3 { }
h4 { }
h5 { }

/* ie用 images */
body img { vertical-align:top; font-size:0; }

/* link */
a { color:#852324; }
a:link { text-decoration:underline; }
a:hover { text-decoration:none; color:#ed5e60; }
a:visited { }
a:active { }



/*********** id setup ***********/

/* wrapper */
#wrapper { }

/* logo */
body.top div#header h2,
div#header #logo { float:left; width:250px;margin:1px 0;}

/*  header  */
#header { width:960px; margin:0 auto; }
#h_add { margin:15px 20px 0 0; float:right; }
#h_contact { margin:20px 0px 0 0; float:right;}
#h_message {
    width: 200px;
    margin: 10px 0px 0px 0px;
    font-weight: bold;
    font-size: 30px;
    float: left;
    color: #000000;
}
/* g_nav */

#gnav ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
#gnav li:nth-child(1){
  width: 220px;

}
#gnav li:nth-child(2){
  width: 220px;

}

#gnav li:nth-child(3){
  width: 220px;

}

#gnav li:nth-child(4){
  width: 300px;

}

#gnav li{
	display: inline;
	padding: 0;
	margin: 0;
	float: left;
}
#gnav li a{
	display: block;
	border-left: 4px solid #0000ff;;
	border-right: 4px solid #0000ff;;
	background: -moz-linear-gradient(right, #06c, #c4daf5);
  background: -webkit-linear-gradient(right, #06c, #c4daf5);
  background: linear-gradient(to left, #06c, #c4daf5);
	padding: 3px 10px;
	text-decoration: none;
	color: #000000;
	text-align: center;
	font-size: 14px;
}

#gnav li a:hover{
	border-left: 8px solid #000000;
	border-right: 8px solid #000000;
	background-color: #474655;
	font-size: 15px;
}

#gnav  li a span {
    display: block;
}
/* main */
#main {  margin:0 auto; line-height:1.8; }


/* content */
.content { width:960px; margin:0 auto; }
.content_btm {width:960px; margin:0 auto 60px; }

/* f_nav */
#fnav { padding:10px; margin:0 auto; color:#555; clear:both; text-align:center; font-size:12px; background:#eaeaea; }
#fnav a { color:#000000; text-decoration:none; }
#fnav a:hover { color:#565656;  text-decoration:underline;}


/* footer */
#footer { width:900px; margin:0 auto; padding:10px 0 20px; line-height:1.5;}
#footer h2 { float:left; padding:5px 0;}
#footer a { color:#000000; text-decoration:none; }
#footer a:hover { color:#565656; text-decoration:underline; }
#footer .c_box { float:left; width:360px; margin-left:60px; font-size:11px;padding:15px 0}
#footer .bt { float:right;padding:26px 0 0 0;}

@media screen and (min-width:960px) {
  body { font-size:14px; color:#333; background:url(../img/bgb1.png) repeat-x #fff; }
}/* END */