/* CSS Document */

@charset "utf-8";

/* CSS Reset */
*{margin:0; padding:0}
a{text-decoration:none}
ul,ol{list-style:none}
img{vertical-align:middle}

/* Fruid Image */
img{
	max-width:100%;
	border:0;
}

body {
	font-family:verdana,sans-serif;
	font-size : 16px;
	line-height:1.5;
	/* background:linear-gradient(#E0DAEB, #fffce2, #fffce2); */
}
/* Font */
h1 {
	font-size:100%;
	font-weight:bold;
	text-align:center;
}

h2 {
	font-size:250%;
	font-weight:normal;
	line-height:1.5;
	margin-bottom:0.7em;
	text-align:center;
	color:#fff;
}

h3{
	font-size:150%;
	line-height:1.5;
	margin-bottom:0.5em;
	border-radius:6px;
	padding-left:1.0em;
	padding-bottom:0.2em;
	padding-top:0.2em;
	background:#fff;
	color:#666;
}

h4,h5,h6 {
	font-size:125%;
	line-height:1.5;
	padding-left:0.7em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	margin-bottom:1em;
	color:#fff;
	border-bottom:1px dotted #666;
}
h5.notice {
	border: none;
	font-weight: 400;
}
a{
	text-decoration:underline;
	color:#0000ff;
}
a:hover {
	color:#cc0000;
}

/* Header */
header {
	text-align:center;
}

#kanban {
	padding:20px 0 20px 0;
}

/* Navi */
#navibtn {
	text-align:center;
}
#nav {
	margin-bottom:12px;
	font-size:100%;
}

/* MainNavi SPhone */
#sideimg {display:none;}

#layer_1 {
	display:none;
}
#layer_1 li a{
	display:block;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:1em;
	margin-bottom:4px;
	color:#000;
	background:#fff;
	text-decoration:none;
	border-radius:6px;

}
#layer_1 li a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#cc0000;
}

/* Contents */
#contents {
	max-width:90%;
	margin:0 auto;
	padding:10px;
}

#contents p{
	margin-bottom:24px;
}

.list01 {
	list-style-image:url(ya01.png);
	margin:10px 0 10px 2em;
	padding:0;
}
.listnum {
	list-style-type: decimal;
	margin:10px 0 10px 2em;
	padding:0;
}
.listtit {
	font-weight: bold;
	margin:10px 0 10px 2em;
	padding:0 0 4px 0;
	border-bottom:solid 1px #ccc;
}
.listbun {
	margin:10px 0 10px 3em;
	padding:0;
}

#wrapper {
	background:url(bg-wrapper.png) left bottom repeat-x;
}

/* Decoration css */
.bb {font-weight:bold;}
.mojil {font-size:150%;}
.mojill {font-size:200%;}
.aka {color:#cc0000;}
.ao {color:#003399;}
.midori {color:#00cc00;}
.naka {text-align:center;}
.naka2 {
	text-align:center;
	margin-top:1em;
	margin-bottom:1em;
}
.imgl {
	margin-right:25px;
	margin-bottom:25px;
}
.imgr {
	margin-left:25px;
	margin-bottom:25px;
}
.img50 {max-width:50%;}
.img30 {max-width:30%;}
.kaigyo {clear:both;}

/* Footer */
footer {
	color:#000;
	background:url(bg-footer.png) bottom center no-repeat;
	font-size:85%;
	text-align:center;
	height:479px;
	padding:0;
}

.u1024 {
	display:inline;
}
.o1024 {
	display:none;
}

/* 450 to 1023 pixel */
@media screen and (min-width:450px) {

#main {
	margin-top:100px;
}
}

/* 1024px */
@media screen and (min-width:1024px){

.u1024 {
	display:none;
}
.o1024 {
	display:inline;
}

#navibtn {
	display:none;
}
#sideimg {
	display:block;
	margin-bottom:24px;
}
#contents {
	margin:12px auto;
	overflow:hidden;
	max-width:984px;
}
#nav,
#main {
	float:left;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:2%;
}
#nav {
	width:23%;
	padding:10px;
}
#main { width:70%}

#layer_1 {
	display:block;
}

}