@charset "utf-8";
/* CSS Document */
/* Specify the margin as zero at once*/
* {
  padding: 0;
  margin: 0;
}
html {
  font-size: 14px;
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  html {
    font-size: 13px;
  }
}
@media screen and (max-width: 480px) {
  html {
    font-size: 11px;
  }
}

/*a:link {
  color: #0000ff;
  text-decoration: underline;
}

a:visited {
  color: #990099;
  text-decoration: underline;
}

a:hover {
  color: #ff0000;
  text-decoration: underline;
}*/


body {
	font-size: 13px;
	text-align: center;
	font-family:"Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", "sans-serif";
	padding: 0;
	margin: 0;
}

/* ---------------------------------------- Designation on layout */

#wrapper {
  text-align: left;
  margin: 0 auto 0;
	padding-top: 0;
  width: 850px;
}

#header {
  padding: 0px 20px 10px;
}

#headernavi_title {
	background-color:#FFFFFF;
	width:100%;
	margin-top:0px;
	padding-top:0px;
	margin-bottom: 0;
	padding-bottom:0;
	overflow: hidden;
  }

/* -- navibar ECCJ Home -- */
.navi-left {
	width: 70%;
	float: left;
	text-align:left;
	margin: 3px 15px 0 0;
	padding: 2px 0 1px 0;
	font-size:0.85em;
	}

.navi-left2 {
	display: none;
	}
	
/* -- navibar day-- */
.day-right {
	width: 20%;
	float: right;
	padding-top:0;
	margin-top:3px;
	text-align:right;
	padding-right:0;
	margin-right:5px;
	font-size:0.85em;
	}

#globalnavi {
  width: 100%;
  position: relative;
}

#container {
  width: 100%;
  padding-top: 2em;
}

/* Real 700px */
#contents { padding: 0 30px 2em; }

/* ---------------------------------------- #header*/

/* -- Headline -- */

.nabibar{
	margin-top:0;
	margin-left: 30px;
	font-size:0.85em;
	margin-bottom: 8px;
}

/*logo or date*/
.logo {
	margin-top:0;
	padding-top: 0;
	text-align: right;
	font-size: 1em;
	font-weight: normal;
}

/* -- Company name Shop name Site name -- */
h1 {
	font-size: 1.3em;
	margin: 0;
	padding: 15px 0 15px 0;
	text-align: center;
	background-color:#99ffff;
	color: #000000;
}

h3 {
	font-size: 1.1em;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin: 0;
	padding: 8px 0 8px 0;
	text-align: center;
	background-color:#e5e4e6;
	color: #000000;
}


/*.logo a{
  text-decoration: none;
  color: #0099ff;
  background-color: #ffffff;
}

.logo a:hover{
  text-decoration: none;
  color: #000066;
  background-color: #ffffff;
}*/

/* -- Overview -- */
.description {}

/* ---------------------------------------- #globalnavi*/

/*#globalnavi ul {
  width: 800px;
  list-style-type: none;
  position: absolute;
  background-color: #0099ff;
}

#globalnavi li {
  width: auto;
  float: left;
  border-right: 2px groove #cccccc;
}

#globalnavi li a {
  text-decoration: none;
  display: block;
  width: auto;
  padding: 0.5em 1em;
  background-color: #0099ff;
  color: #000000;
}

#globalnavi li a:hover {
  background-color: #99ffff;
  color: #ff0000;
}*/

/* ---------------------------------------- #contents*/

/* -- Headline -- */
h2,h5,h6 {
  font-size: 1.2em;
  margin-bottom: 0;
  padding: 5px 0 0 5px;
  border-left: 10px solid #999999;
  border-bottom: 0px solid #999999;
}

h5,h6 { margin-top: 2.5em; }

h4 {
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	font-size: 0.9em;
	font-family:Arial,Helvetica,sans-serif;
	color: #333333;
	padding: 5px 0 5px 5px;
	line-height: 120%;
	border-left: 10px solid #999999;
	border-bottom: 1px solid #999999;
}

/*button*/
.square_btn{
    display: inline-block;
    padding: 1em 2em;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 150%;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#67ceff 0%, #0066cc 100%);
    background-image: linear-gradient(#67ceff 0%, #0066cc 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #5e7fca;
  }

/* -- character -- */
#contents p {
	line-height: 1.6em;
	margin-bottom: 2.8em;
	font-size: 13px;
}

/* -- Breadcrumbs -- */
/*#contents .topic-path {
  line-height: 1em;
  margin-bottom: 2em;
}*/

/* -- list relation01-- */
#contents dl { margin: 1em 0; }

#contents dt {
  margin-bottom: 0.5em;
  font-weight: 600;
  border-bottom: 1px dotted #666666;
}
#contents dd { margin-bottom: 1em;
margin-left: 12px;
padding: 0;}

/* -- list relation02-- */

#contents dl.explain { margin: 1em 0; }

#contents dt.explain {
	float:left;
	padding-right:10px;
	font-weight: 400;
	border-bottom: 0px dotted #666666;
}
#contents dd.explain { 	
	padding-left:0.1em;
	text-indent:-0.05em;
	margin-left:25px;
	padding-bottom:0;
	margin-bottom: 1.2em;}

/* -- list relation03-- */
#contents dl.long { margin: 1em 0;}

#contents dt.long {
  margin-bottom: 0.5em;
  font-weight: 600;
  border-bottom: 0px dotted #666666;
}
#contents dd.long { margin-bottom: 2em; }

/* -- list relation04-- */
#contents ul { margin: 1em 0 1em 35px;}
#contents ul.pts { 
    list-style:disc;
	text-align:left;
	line-height: -80%;
	margin-left:15px;
	margin-top:0;
	 margin-bottom: 0;
	padding-top:0;
	padding-left:3px;
	padding-bottom: 5px;
 }
	#contents li.pts{
		padding-top: 0;
		padding-bottom: 5px;
	}
#contents ol { margin: 1em 0 1em 30px; }
#contents ol li { 
	margin-bottom: 1.5em;
	font-size: 13px;}
#contents ul li { 
	margin-bottom: 0.5em;
	font-size: 13px;}

.stylenum{font-size:15px;
	font-weight: bold;
	color: #333333;
}

/*#contents p { margin: 1em 0 2em 21px; }*/

/* ---------------------------------------- #footer*/

#footer {
  padding: 1em 0 1.5em;
}

.adress{
	border-top: solid 1px #2e8b57;
	border-bottom: solid 1px #2e8b57;
	margin-top: 50px;
	padding-top: 15px;
	padding-bottom: 5px;
	background-color:#FFFFCC;
	font-size:12px;
	line-height:140%;
	text-align:center;}

#footer p { text-align: center; }

/* Mobile */
@media screen and (max-width: 480px) {
#wrapper{
	width:100%;
	max-width: 480px;
	margin: 0 auto;
}
#header {
  padding: 0px 0px 0px;
}
	
#container {
  padding-top: 2em;
}	
	
#contents { padding: 0 13px 15px 1em; }

h1 {
	font-size: 1.1em;
	margin: 0;
	padding: 8px;
	text-align: center;
}
	
/* ---------------------------------------- #contents*/

/* -- Headline -- */
h2,h5,h6 {
  font-size: 1.05em;
  margin-bottom: 0;
  padding: 5px 0 0 5px;
  border-left: 10px solid #999999;
  border-bottom: 0px solid #999999;
}

h5,h6 { margin-top: 1.5em; }
	
h4 {
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	font-size: 0.9em;
	font-family:Arial,Helvetica,sans-serif;
	color: #333333;
	padding: 0 0 5px 5px;
	line-height: 120%;
	border-left: 10px solid #999999;
	border-bottom: 1px solid #999999;
}

/*button*/
.square_btn{
    display: inline-block;
    padding: 0.7em 1em;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 150%;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(#67ceff 0%, #0066cc 100%);
    background-image: linear-gradient(#67ceff 0%, #0066cc 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #5e7fca;
  }

/* -- character -- */
	#contents ul { margin: 1em 0 1em 20px; }
#contents ol { margin: 1em 0 1em 30px; }
#contents li { margin-bottom: 0.5em; }
#contents p {
  line-height: 1.3em;
  margin-bottom: 1.8em;
}

.adress{
	border-top: solid 1px #2e8b57;
	border-bottom: solid 1px #2e8b57;
	margin-top: 20px;
	padding: 8px 8px 8px 3px;
	font-size:11px;
	line-height:140%;
	text-align:center;}	
}