@charset "utf-8";

/*初期設定のリセット*/
body,div,h1,h2,h3,h4,p,ul,ol,li {
	margin: 0;
	padding: 0;
}
a{ text-decoration:none;}
ul{ list-style:none;}
img{ vertical-align:middle;}
/*END　初期設定のリセット*/

html{
	font-size:16px;
	line-height:1.5;
}


/*フルードイメージ*/
img{max-width:100%;}
/*END フルードイメージ*/

/*ul,ol{list-style-position:inside;}*/

h1 {
	font-size:0.75em;/*12px*/
	font-weight:normal;
	margin:0;
	text-align:left;
	padding:0.5em;
}
h2{
	font-size:1.125em;/*18px*/
	font-family: "M PLUS Rounded 1c";
	color:#ffff;
	background-image:url(img_common/bg-blue.png);
	padding:0.2em 0 0 1em;
	margin-bottom:1em;
}
h3{
	font-size:1.125em;/*18px*/
	font-family: "M PLUS Rounded 1c";
	color:#2B71B7;
	margin-bottom:1em;
}
h3 img{
	font-family: "M PLUS Rounded 1c";
	margin-right:1em;
}
h4{
	font-family: "M PLUS Rounded 1c";
	font-size:1em;
	margin-bottom:1em;
}


#contents{
	text-align:left;
	padding:0.5em;
}
#contents p{
	margin-bottom:1em;	
}

#side{
	border-top:solid 1px #ccc;
	margin-top:2em;	
	padding-top:1em;
}

#side img{
	margin-bottom:1em;
}


footer{
	clear:both;
	font-size:0.75em;
	text-align:center;
	padding:2em;
}
.footer-nav{
	margin-bottom:1em;	
}
.footer-nav li {
	text-align:center;
	float:left;
}
.footer-nav a{
	color:#333;
	font-size:1.25em;
}
.footer-nav a:hover{
	color:#000;	
}

/*---スマホ用---*/
@media screen and (max-width:767px){
	
#contente{
	padding:0.5em;	
}

	
/* 表示・非表示 */	
.sp{
	display:block;	
}
.tb{
	display:none;	
}
.pc{
	display:none;	
}	
	
	
}

/*---タブレット用---*/
@media screen and (min-width:768px){

nav li a{
	float:left;	
	padding:0;
}
#contents{
	padding:3em 1em;	
}
#contents p{
	margin-left:1em;
}

/* 表示・非表示 */	
.sp{
	display:none;	
}
.tb{
	display:block;	
}
.pc{
	display:none;	
}

}

/*---パソコン用---*/
@media screen and (min-width:1000px){

header{
	width:1000px;
	margin:0 auto;
	padding:0;
}

nav{
	margin-bottom:10px;
	background-image:url(img_common/nav_bg.png);
	background-repeat: repeat-x;
	width:100%;
	height:34px;
	border-top:solid 2px #069;
	border-bottom:solid 1px #68A1BE;
	overflow:hidden;	
}
nav #menu{
	width:1000px;
	margin:0 auto;	
}

#contents{
	width:1000px;
	margin:0 auto;
}
#contents p{
	margin-left:1em;
}

	
#main{
	float:left;
	width:640px;
	padding-bottom:3em;
}

#side{
	float:right;
	padding-right:20px;
	width:280px;
	font-size:0.875em;
	border:0;
	margin:0;
	padding:0;
}




/* サブページ用 */
#main_sub{
	float:left;
	width:500px;
	text-align:left;
}

#side_sub{
	float:right;
	padding-right:20px;
	width:195px;
}

/* 表示・非表示 */	
.sp{
	display:none;	
}
.tb{
	display:none;	
}
.pc{
	display:block;	
}


}