@charset "UTF-8";

/** reset ****************************************/

body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,a,em,
form,fieldset,input,textarea,label,
p,blockquote,
th,td {
	margin         : 0;
	padding        : 0;
	text-decoration: none;
	font-style     : normal;
}

ul li {
	list-style-type: none;
}

img {
	border         : none;
}

/*/*/



/** base ****************************************/

body {
	font-size        : 12px;
	line-height      : 1.7;
	color            : #222222;
	font-family      : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align       : center;
}

#base {
	width            : 950px;
	margin           : 0 auto;
	text-align       : left;
	overflow-x       : hidden;
}

/*/*/



/** header ****************************************/

#header {
	position         : relative;
	height           : 95px;
}

#header .logo {
	display          : block;
	width            : 142px;
	height           : 50px;
	position         : absolute;
	left             : 0px;
	top              : 30px;
}

#header ul.nav {
	width            : 508px;
	position         : absolute;
	top              : 30px;
	right            : 0px;
}

#header ul.nav li {
	float            : left;
	padding-right    : 6px;
}

#header ul.nav li.tel{
	width            : 190px;
	padding-right    : 0;
}

#header ul.nav li img {
	display          : block;
	vertical-align   : bottom;
}

/*/*/



/** GlobalNavi ****************************************/

#groval-navi {
	width            : 952px;
	margin-bottom    : 10px;
}

#groval-navi li {
	float            : left;
	width            : 134px;
	position         : relative;
	margin-top	 : 15px;
	margin-right     : 2px;
}

#groval-navi li img {
	display          : block;
	vertical-align   : bottom;
}

#groval-navi li dl {
	display          : none;
	position         : absolute;
	top              : 50px;
	left             : 0px;
	z-index          : 100;
	padding-top      : 2px;
}

#groval-navi li dl dd {
	padding-top      : 4px;
}

/*/*/



/** footer ****************************************/

#footer {
	border-top       : 1px solid #cccccc;
	position         : relative;
	height           : 110px;
}

#footer li {
	position         : absolute;
	top              : 19px;
}

#footer li.tel {
	position         : absolute;
	top              : 19px;
	left              : 740px;
}

#footer li img {
	display          : block;
	vertical-align   : bottom;
}





/*/*/

/** contents ****************************************/

#contents {
	margin-bottom    : 40px;
	position         : relative;
}

/* a */
#contents a {
	color            : #222222;
	text-decoration  : underline;
}

#contents a:hover {
	color            : #777777;
	text-decoration  : underline;
}



/* hx */
h1 {
	position         : absolute;
	top              : 0px;
	font-size	 : 1.0em;
	font-weight	 : normal;
	z-index          : 998;	
}

#contents h2 {
	font-family: 'Times', sans-serif;
	font-size:2.4em;
	font-weight:normal;
	color:#222222;
}

#contents h3 {
	padding-bottom    : 17px;
	font-family: 'Josefin Sans', sans-serif;
	font-size:2.4em;
	font-weight:normal;
	color:#286579;
}

#contents h4 {
	font-family: 'Times', sans-serif;
	font-size:2em;
	color:#286579;
	margin:10px 0;
}

/* secondnavi */
#contents #localnav ul{
	position         : absolute;
	top              : 7px;
	padding-left:0px;
}

#contents #localnav p {
	padding-top:10px;
	font-family: 'Times', sans-serif;
	font-size:1.8em;
	font-weight:normal;
	color:#286579;
}

	
	

#contents #localnav li {
	padding          : 0 15px;
	float            : right;
}


@media screen and (max-width: 480px) { 
#contents #localnav {
	position:static;
}

#contents #localnav li {
}

}



/* section */
#contents .section {
	margin-bottom    : 20px;
}

#contents .section .left {
	float            : left;
}

#contents .section .right {
	float            : right;
}

#contents .section em.copy {
	display          : block;
	margin-bottom    : 20px;
}

#contents .section p {
	margin-bottom    : 15px;
}

#contents .section span.notes {
	display          : block;
	font-size        : 10px;
	line-height      : 1.5;
}

#contents .section p span.notes {
	padding-top      : 10px;
}


#contents .section .copy {
	font-family:"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:2.0em;
	text-shadow: 5px 5px 4px rgba(149, 150, 150, 1);
	margin:0 0 15px 15px;
}


#contents .section .copy-second{
	font-family:"ＭＳ 明朝",serif;
	color:#286579;
	font-size:1.8em;
	text-shadow: 0px 2px 3px #286579;
}

#contents .section .introduce{
	padding-left: 50px;
}


/*/*/






/* clear ****************************************/

#header ul.nav:after,
#groval-navi:after,
#contents .section:after
{content:" "; height:0px; clear:both; visibility:hidden; display:block;}

#header ul.nav,
#groval-navi,
#contents .section
{display :inline-block;}

/*\*/
* html #header ul.nav,
* html #groval-navi,
* html #contents .section
{height:1%;}

#header ul.nav,
#groval-navi,
#contents .section
{display:block;}
/*/*/

.hide{
  display:none;
}


/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 768px){
 .hide{
    display:block;
  }
}