charset "UTF-8";"
/*==============
 *  CSSリセット
 ===============*/
 html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle} 
 
 /*==================
 *  一般・共通設定
 ====================*/
* {
	margin: 0;
	padding: 0;
}
html {
	width:100%;
	margin:0 auto;
	}
body {
	margin: 0;
	padding: 0;
	background: #eef8fd;
	text-align: center;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#container {
	width: 720px;
	margin: 0 auto;
	background: #ffffff;
	text-align: left;
	padding-top: 45px;
}
#main {
	float: right;
	width: 535px;
}
#menu {
	float: left;
	width: 175px;
	padding-left: 0;
}
#submemu1 img {
	margin-top: 7px;
}
#incontact {
	position: absolute;
	top: 185px;
	width: 180px;
	height: 170px;
	margin-left: 0px;
}
#guide h2 {
	background: #036eb8;
	color: #fff;
	font-size: 12px !important;
	vertical-align: middle;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	margin-top: 5px;
	margin-bottom: 5px;
}
#guide p {
	font-size: 12px !important;
	line-height: 120%;
}
#hako01 {
	width: 514px;
	margin-left: 7px;
	margin-top: -10px;
}
#hako02 {
	width: 514px;
	height: 235px;
	margin-left: 7px;
}
#hako03, #hako04{
	width: 487px;
	padding: 0 19px 1px 22px;
}
#hako02 {
	padding-top: 15px;
	background: url(../n_images/midasi003.jpg) no-repeat;
}
.shako1, .shako2 {
	float: left;
	width: 141px;
}
.shako1 {
	margin-right: 32px;
}
#hako03 {
	padding-top: 33px;
	background: url(../n_images/hako001.png) no-repeat;
}
#hako04 {
	padding-top: 33px;
	background: url(../n_images/hako002.png) no-repeat;
}
#hako05 {
	width: 528px;
	padding: 17px 15px 0 0;
	background: url(../n_images/hako003.png) no-repeat;
}
.shako3, .shako4 {
	float: left;
	width: 260px;
	margin-bottom: 20px;
}
.shako3 p, .shako3 ul, .shako4 p, .shako4 ul {
	margin-left: 14px;
}
.shako3 {
	margin-right: 8px;
}
#hako01 p, #hako02 p, #hako03 p, #hako04 p, #hako05 p, #banner1 p {
	line-height: 1.4em;
	font-size: 0.75em;
}
#mk {
	position: absolute;
	top: 33px;
	width: 155px;
	height: 45px;
	margin-left: 15px;
	background: url(../n_images/nikki_mk.png) no-repeat;
	text-indent: -9999px;
	z-index: 0;
}
h1 {
	width: 720px;
	height: 355px;
	margin: 0 auto;
	background: #ffffff url(../n_images/top_contact001.png) no-repeat;
	text-align: right;
	line-height: 100%;
	font-size: 0.625em;
}
h2 {
	margin: 0 0 10px 0;
	font-size: 1em;
	text-align: center;
	font-style: #036eb8;
}
h3 {
	margin: 0 0 0.4em 0;
	color: #545454;
	font-weight: bold;
	font-size: 0.9375em;
}
h4 {
	margin: 0 0 3px 0;
	font-weight: bold;
	font-size: 0.875em;
}
h5 {
	margin: 0 0 3px 0;
	font-weight: bold;
	font-size: 0.8125em;
}
	}
h6 {
	margin-bottom:0.25em;
	color:#382400;
	font-size:14px;
	font-weight:bold;
}
.lblue {
	color: #036eb8;
}
.imgcenter {
	display: block;
	margin-left: auto;
	text-align: center;
	margin-right: auto;
}
ul {
	margin: 0 0 1em 0;
	padding: 0;
}
p {
	margin: 0 0 1em 0;
}
a:link {
	color: #0000ff;
	text-decoration: underline;
}
a:visited {
	color: #663399;
	text-decoration: underline;
}
a:hover {
	color: #ff0000;
	text-decoration: underline;
}
h1, p, li, address {
	color: #333333;
	font-weight: normal;
	font-style: normal;
}
img {
	border: none;
	vertical-align:bottom;
}
.guide li {
	margin: 0 0 4px 16px;
	padding: 0;
	list-style: none;
	line-height: 1.4em;
	font-size: 0.75em;
}
.whatsnew {
	list-style: square;
}
.whatsnew li {
	margin: 0 0 0.4em 16px;
	padding: 0;
	line-height: 1.3em;
	font-size: 0.8125em;
}
/* ==========
    メニュー
   ========== */
#tnav2 {
	position: absolute;
	margin: 0 auto;
	top: 355px;
	text-align: center;
	width: 720px;
	height: 40px;
}
#tnav2 li {
  position: relative;
  list-style: none;
  	float: left;
	height: 39px;
}
#tnav2 li a {
  display: block;
  width: 120px;
  height: 40px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 2.8;
  background: #036eb8;
  text-decoration: none;
  border-right: 1px solid #036eb8;
  box-sizing: border-box;
}
#tnav2 > li:hover > a {/*layer-1*/
  color: #036eb8;
  font-weight:bold;
  background: #afc6e2;
}
#tnav2 > li li:hover > a {/*layer-2*/
  color: olive;
  background: #afc6e2;
}
#tnav2 li ul {
  top: 40px;
  position: absolute;
}
#tnav2 li ul li {
  overflow: hidden;
  height: 0;
}
#tnav2 li ul li a {
  border-top: 1px solid #eee;
}
#tnav2 li:hover > ul > li {
  overflow: visible;
  height: 40px;
}
#tnav2 li ul li ul {
    top: 0;
}
#tnav2 li ul li ul:before {/*layer-2*/
    position: absolute;
    content: "";
    top: 15px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
}
#tnav2 li ul li ul li:hover > a {/*layer-3*/
    color: #036eb8;
    background: #afc6e2;
}
#tnav2 li ul li ul.left {
    top: 0;
    left: -190px;
}
#tnav2 li ul li ul.left:before,/*layer-2-left*/
#tnav2 li ul li ul li ul.left:before {/*layer-3-left*/
    position: absolute;
    content: "";
    top: 15px;
    border: 5px solid transparent;
    border-right: 5px solid #fff;
}
#tnav2 li ul li ul.left li:hover > a {/*layer-2-left*/
    color: pink;
    background: #afc6e2;
}
#tnav2 li ul li ul li ul.left li:hover > a {/*layer-3-left*/
    color: purple;
    background: #afc6e2;
}
/*============
 *  フッター
 =============*/
#footer {
	width: 720px;
	height: 150px;
	margin: 0 auto;
    padding-top: 10px;
    padding-right: 10px;
	background: #036eb8;
	text-align: right;
	line-height: 100%;
	font-size: 0.75em;
}
#footer a:link {
	color: #fff;
	text-decoration: none;
}
#footer a:visited {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #bdffff;
	text-decoration: underline;
}
#footer ul {
	list-style: none;
	margin: 0 0 8px 0;
}
#footer li {
	display: inline;
}
#footer address {
	color: #fff;
}
.content {
  width: 100％;
  background: #eee;
  margin: 0 auto;
  padding: 10px;
  text-align: left;
  box-sizing: border-box;
}
.spc01 {
	display: block;
	clear: both;
}
.clear {
	display: block;
	clear: both;
}
/*======================
 * ページトップへの戻り
 =======================*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px;
	background-color: #222222;
	color: #ffffff;
	width: 60px;
	height: 60px;
	margin-top: 0;
	border-radius: 50%;
	display: block;
	filter: alpha(opacity=50);
	opacity: 0.5;
	transition: 0.5s;
	z-index: 3;
}
.totop a {
	width: 60px;
	height: 60px;
	font-size: 30px;
	display: block;
	text-decoration: none;
}
.totop img {
	line-height: 56px;
	text-align: center;
	display: block;
	margin-top: 17px;
	margin-left: 16px;
}
.totop img:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
/* =================
     アコーディオン
   ================== */
.accordion {
	background-color: #222222;
	color: #ffffff;
	padding: 5px 25px 5px 10px;
	border: 0;
	font-size: 90%;
	cursor: pointer;
	border-radius: 3px;
}
.accordion:after {
	content: '\f0d7';
	color: #ffffff;
	margin-top: -0.8em;
	font-size: 20px;
	position: absolute;
	top: 50%;
	right: 10px;
}
.accordionActive:after {
	content: '\f0d8';
}
/*=================
 *  グーグルマップ
 ==================*/
.sGoogleMap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.sGoogleMap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*============================
 *  タブレット向けデザイン総合
 ============================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:1020px) {
body {
/*	box-sizing:border-box;*/
	width:100%;
}
#contents {
	width:100%;
}
}
/*================================
 *  スマートフォン向けデザイン総合
 =================================*/
@media screen and (max-width:767px) {
.contact {
	position:relative;
	float:right;
	margin:10px 0;
}
#sub {
	float:none;
	width:100%;
}
.bnr ul {
	overflow:hidden;
}
.bnr li {
	float:left;
	width:48%;
	margin: 5px 0;
}
/*========================
 * スマホ用メインメニュー
=========================*/
nav {
	display:block;
	position:relative;
	width:100%;
	background:#fff;
	margin: 0;
	padding: 0;
}
nav h3 {
	cursor:pointer;
	margin-top:0;
	margin-bottom:0;
	color:#555;
	background: #ffffff;
	border:none;
}
nav h3:after {
	position:absolute;
	content:"\0025bc";
	right:5px;
}
nav h3.menuOpen:after {
	position:absolute;
	content:"\0025b2";
	top:0;
	right:5px;
}
nav ul {
	width:100%;
	margin:0;
	padding:0;
}
	nav li {
	width:33.33%;
	margin:0;
	padding:0;
	list-style:none;
	background:#fff;
}
nav li:first-child a {
	width:100%;
}
nav li a {
	display:block;
	width:100%;
	border-bottom:0px dotted #ddd;
	text-decoration:none;
}
}