body {
	margin:0;
	padding:0;
	font-family: 'Kosugi Maru', "Yu Gothic", YuGothic, "�q���M�m�p�S Pro", "Hiragino Kaku Gothic Pro", "���C���I", "Meiryo", sans-serif;
	font-size:100%;
	font-weight: 400;
	line-height:180%;
	color:#222;
	min-width:1000px;
	-webkit-text-size-adjust: 100% ;/* iPhone�t�H���g�T�C�Y�g��΍� */
}
img {
	border:none;
	vertical-align:bottom;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd {
	margin:0;
	padding:0;
	list-style:none;
	box-sizing:border-box;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd, ol, ol li, table, th, td {
	background-image:url(../image/spacer.gif); /* Android�y�[�W��P�v�f�̌��ԑ΍� */
}
a:link {color:#06F; outline:none; }
a:visited {color:#06F; }
a:hover {color:#333; }
a:hover img { opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; }

#wrapper { border-top:15px solid #004098; }
.base {}

.pc { display:block; }
.sm { display:none; }


/*====================================================================================================
  HEADER
====================================================================================================*/

#header { clear:both; width:100%; max-width:1000px; margin:auto; padding-top:25px; }
#header::after { display:block; clear:both; content:""; }
#header a { display:block; text-decoration:none; color:#21438a; }

/*** LOGO ******************************************************************/
#header h1,
#header h1 a { width:406px; height:35px; }
#header h1 { display:block; text-align:center; text-decoration:none; float:left; margin-top:20px; }
#header h1 a { text-indent: -9999px; background: url(../image/logo.png) no-repeat;}

/*** TELEPHONE ******************************************************************/
#header p.tel { 
	float:right;
	text-align:center;
	display:block;
	margin-bottom:20px;
	line-height:150%;
}
#header p.tel a small {font-size:80%; font-weight:bold;}
#header p.tel a b { display:block; font-size:185%; font-weight:bold;}
#header p.tel span { display:block; color:#21438a; font-weight:bold; font-size:14px;}


/*** NAVIGATION ************************************************************/
#Nav {}
#Nav ul { clear:both; width:100%; }
#Nav ul::after { display:block; clear:both; content:""; }
#Nav ul li { float: left; width:20%;}
#Nav ul li p { border-right:1px solid #21438a; }
#Nav ul li:first-child p { border-left:1px solid #21438a; }
#Nav ul li p a { padding:5px; text-align:center; line-height:130%; box-sizing:border-box; }
#Nav ul li p a b { font-size:130%; letter-spacing:0.05em; font-weight:bold;}
#Nav ul li p a small { 
	display:block;
	font-family: "Yu Gothic", YuGothic, "�q���M�m�p�S Pro", "Hiragino Kaku Gothic Pro", "���C���I", "Meiryo", sans-serif;
	font-size: 80%;
	font-weight:bold;
}

#Nav ul li.active,
#Nav ul li:hover { background:#6e88be; }
#Nav ul li.active p a,
#Nav ul li:hover p a { color:#fff; font-weight:normal; }

#Nav ul li#nav6,
#Nav ul li#nav7,
#Nav ul li#nav8 { display:none; }

/*====================================================================================================
  CONTENT
====================================================================================================*/
#content { clear:both; position:relative; width:100%; }



/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer { clear:both; padding:20px 0; width:100%; color:#FFF; background:#21438A; }
#footer ul { max-width:1000px; margin:0 auto; line-height:130%; }
#footer ul::after { display:block; clear:both; content:""; }
#footer ul li { float:left; margin:0 10px; }
#footer ul.f_nav li { font-size:100%; font-weight:bold; }
#footer ul.f_add li { font-size:125%; font-weight:bold; margin-top:7px; }
#footer ul li a { text-decoration:none; color:#FFF; }
#footer ul li a:hover { opacity:.7; }



/*====================================================================================================
  DEVICE [No Touch]
====================================================================================================*/
#device { display:none; background:#FFF; padding:20px; text-align:center; }
#device::after {}
#device p {}
#device p a {
	display:block;
	padding:10px;
	color:#555;
	text-decoration:none;
	background:#EEE;
	border:1px solid #DDD;
	border-radius: 5px; /* CSS3 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
}


/*====================================================================================================
  PAGE [No Touch]
====================================================================================================*/
#page,
#page a { display:block; width:51px; height:51px;}
#page { position: fixed; bottom:130px; right: 20px;}
#page a {
	text-indent: -9999px;
	background:#444 url(../image/page_top.png) no-repeat;
}


/*====================================================================================================
  COLOR eto.. [No Touch]
====================================================================================================*/
.light-blue { color: #40A6DD;}
.blue { color: #0000FF;}
.dark-blue { color: #000099;}
.purple { color: #660099;}
.pink { color: #FF6699;}
.red { color: #FF0000;}
.orange { color: #FF6600;}
.yellow { color: #FFCC00;}
.white { color: #FFFFFF;}
.gray { color: #666666;}
.brown { color: #663300;}
.green { color: #339900;}
.italic { font-style: italic;}
.strong { font-weight: bold;}
.large { font-size: 115%; line-height: 140%;}
.small { font-size: 80%;}
.underline { text-decoration: underline;}
.line-through { text-decoration: line-through;}
.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}