@charset "utf-8";

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

/* 禁則処理 */
p,li,dd{
	line-break:strict;
	-ms-line-break: strict;
	word-break:breac-strict;
	-ms-eord-break:break-strict	
}

/*　リンク設定　*/
a{ text-decoration:none;}
a:hover{ color:#F60;}

html{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;/*16px*/
	line-height:1.5;
}

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

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

dt{ color:#1680BA; font-weight:bold;}
dd{ margin-bottom:1em;}


h1{
	font-size:0.75em;/*12px*/
	font-weight:normal;
	text-align:left;
	margin-left:1em;
}
h2{
	font-size:1.25em;/*20px*/
	color:#666;
	
}
h3{
	fon-size:1.125em;/*18px*/
	color:#666;
	border-left:solid 5px #F79646;
	padding-left:1em;
	border-bottom:dashed 1px #ccc;
	margin-bottom:1em;
}
h4{
	fon-size:1em;/*16px*/
	color:#1680BA;
	padding-left:1em;
	margin-bottom:1em;
	border:solid 1px #1680BA;
	border-radius:10px;
	text-align:center;
}

header{
	text-align:center;
}

nav li a{
	color:#333;	
}

footer{
	font-size:0.75em;
	color:#666;
	text-align:center;
	border-top:solid 1px #ccc;
	padding:1em 0;
}


#contents p{
	margin-bottom:1em;	
}

#contents img{
	margin:1em;	
}

#aisatu{
	background-image:url(img_top/sora.jpg);
	background-repeat:no-repeat;
	padding:1em;
	color:#666;
	margin-bottom:1em;
}





/* スマホだけ用 */
@media screen and (max-width:768px){

nav ul{
	background-color:#FFF0E6;
}
nav li a{
	display:block;
	padding:1em;
	border-bottom:solid 1px #EC8846;
	background-color:#FFF0E6;
}
nav li a:hover{
	background-color:#EC8846;
	color:#fff;
}

#contents{
	padding:1em;
}

dd{
	margin:0;
	padding:0;
}


/* ドロップメニュー */
/* 下層のメニューを不可視に */
nav li{
		position:relative;
}
#menu{
        display: none;
}
/*  :hover で下層のメニューを可視に */
nav li:hover #menu{
        display: block;
		width:100%;
		margin:0;
		padding:0;
        position: absolute;
		top:100%;
}

/*　ENDドロップメニュー*/	



/* 表示・非表示 */
#smart{
	display:block;
}
#tab{
	display:none;	
}
#pc{
	display:none;	
}



}

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

header{
	text-align:left;
	height:121px;
}
header img{
	margin:0 1em;
}

nav ul{
	background-image:url(img_common/nemu_bg.png);
	background-repeat:repeat-x;
	overflow:hidden;
	line-height:35px;
	width:960px;
}
nav li {
	float:left;
	border-right:dashed 1px #ccc;
}
nav li a{
	display:block;
	padding:0 2em;
}
nav li a:hover{
	background-color:#FFE0CC;	
}
nav .hear {
	background-color:#FFE0CC;	
}

#contents{
	padding:0 2em;	
}


/* 表示・非表示 */
#smart{
	display:none;	
}
#tab{
	display:block;
}
#pc{
	display:none;	
}

}


/* パソコン用 */
@media screen and (min-width:960px){
body{
	background-image:url(img_common/bg_oowaku.png);
	background-image:url(img_common/bg.png);
	background-repeat:repeat-x;
	background-position:top;	
}

header{
	width:960px;	
}
header #subtitle{
	margin-left:150px;
}

nav{
	margin_bottom:1em;	
}


#container{
	background-image:url(img_common/bg_oowaku.png);
	background-repeat:repeat-y;
	width:1020px;
	margin:0 auto;
	padding:0 30px;
}

#contents{
	width:860px;
	padding:0 50px;
	margin-bottom:5em;
}



#aisatu{
	height:320px;	
}

#aisatu h2{
	margin:1em 0 1em 160px;	
}
#aisatu p{
	margin-left:160px;
	width:600px;
	margin-bottom:1em;	
}
	

footer{
	width:960px;
}



/* 表示・非表示 */
#smart{
	display:none;	
}
#tab{
	display:none;	
}
#pc{
	display:block;
}


}