@charset "utf-8";
/* CSS Document */


/*---------------------------------------------------------------------

Common Setting

---------------------------------------------------------------------*/

@media screen and (min-width: 481px){
.spCont{display:none!important;}
}

body {
	background: url(../images/common/bg.gif);
	color: #333;
}

a {
	color: #06F;
}
a:visited {
	color: #93F;
}
a:hover {
	color: #F03;
}
	body div#container {
		width: 800px;
		margin: 0 auto;
		background: #fff;
		font-size: 1.2em;
	}
		body div#container div#header {
			width: 790px;
			height: 179px;
			margin: 0 auto;
			background: url(../images/common/header.jpg) no-repeat 0 0;
			position: relative;
		}
			body div#container div#header div#logo {
				width: 280px;
				height: 80px;
				position: absolute;
				top: 10px;
				left: 10px;
				text-indent: -9999px;
			}
				body div#container div#header div#logo a {
					display: block;
					width: 280px;
					height: 80px;
					overflow: hidden;
				}
		body div#container div#main_contents {
			width: 790px;
			margin: 15px auto;
		}
			body div#container div#main_contents div#side {
				width: 190px;
				float: left;
			}
				body div#container div#main_contents div#side ul#side_navi {
					width: 190px;
				}
				body div#container div#main_contents div#side ul#side_navi li {
					width: 180px;
					padding: 5px;
					margin: 0 0 10px;
					background: #90D0C9;
				}
					body div#container div#main_contents div#side ul#side_navi li a {
						font-weight: bold;
					}
					body div#container div#main_contents div#side ul#side_navi li a:link {
						color: #006633;
					}
					body div#container div#main_contents div#side ul#side_navi li a:hover {
						color: #F03;
					}
				body div#container div#main_contents div#side div#sponcer {
					width: 190px;
				}
					body div#container div#main_contents div#side div#sponcer strong {
						display: block;
						text-align: center;
						font-weight: bold;
						padding: 10px 0 0.5em;
					}
					body div#container div#main_contents div#side div#sponcer h1 {
						margin: 0 0 0.7em;
					}
			body div#container div#main_contents div#cont {
				width: 570px;
				float: right;
				padding: 0 10px 0 0;
			}
				body div#container div#main_contents div#cont h2 {
					width: 548px;
					border-bottom: 1px solid #90D0C9;
					border-left: 2px solid #90D0C9;
					font-size: 2.5em;
					font-family: "HGS明朝E","ＭＳ Ｐ明朝",serif,"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro";
					padding: 3px 10px 5px;
					color: #32817B;
					margin: 0 0 0.5em;
				}
				body div#container div#main_contents div#cont h3 {
					font-size: 1.2em;
					font-weight: bold;
					color: #32817B;
					padding: 0 10px 5px;
				}
				body div#container div#main_contents div#cont p {
					margin: 0 auto 1.5em;
					line-height: 180%;
					padding: 0 10px;
				}
				body div#container div#main_contents div#cont p.small {
					font-size: 10px;
				}
				body div#container div#main_contents div#cont ul {
					margin: 0 auto 1.5em;
					line-height: 160%;
					padding: 0 18px;
				}
					body div#container div#main_contents div#cont ul li {
						margin: 0.5em auto;
					}
				body div#container div#main_contents div#cont span.right {
					display: block;
					text-align: right;
					padding: 0 12px 3em;
					font-style: italic;
				}
		body div#container div#footer {
			width: 790px;
			height: 15px;
			margin: 0 auto;
			padding: 2px 0 0;
			text-align: center;
			color: #fff;
			background: url(../images/common/footer.jpg) no-repeat 0 0;
		}


/* 飯田作業（後で適宜変更してください） */
p.links a{
	font-size: 10px;
	margin: 0 3px;
}




.mR10PC{ margin-right:10px;}
.mL10PC{ margin-left:10px;}

.pcCont{ display:inline-block;}
.spCont{ display:none;}


/* SP */

@media screen and (max-width: 480px) {

/*全般幅設定*/
body div#container,
body div#container div#header,
body div#container div#main_contents,
body div#container div#footer,
body div#container div#main_contents div#side,
body div#container div#main_contents div#cont
{ width:100%; float:none; overflow:hidden;}
			
body div#container div#main_contents div#cont h2{width:94%; margin:3%; font-size:18px;overflow:hidden;}

body div#container div#header{ height:150px; background: url(../images/common/header.jpg) no-repeat 0 0 / 200%;}

body div#container div#main_contents div#side ul#side_navi{width:94%; padding:3%;}

body div#container div#main_contents div#side ul#side_navi li{ width:100%; margin:0; padding:0; background:none;}

body div#container div#main_contents div#side ul#side_navi li a{ width:94%; padding:3%; margin:3px 0; background:#90D0C9; display:inline-block; text-decoration:underline; color: #006633;}
body div#container div#main_contents div#side ul#side_navi li a:after{ content:"▶";}

body div#container div#main_contents div#side div#sponcer{ width:100%; padding:10px 20px;}


.mR10PC{ margin-right:0px;}
.mL10PC{ margin-left:0px;}

.pcCont{ display:none;}
.spCont{ display:inline-block;}
}