@charset "utf-8";
/* 全称セレクタ */
*{
	margin: 0;
	padding: 0;
}

body{
	font-family:sans-serif;	
	color:#333333;
	margin:0;
	background-image:url("images/haikei.gif");
}

#wrap{
	width:980px;
	height:auto;
	background:#ffffd1;
	margin:0 auto;
}

/*ヘッダー*/
#head{
	width:980px;
	height:250px;
	margin:0 auto;
	background-image:url("images/haikei2.gif");#7fff7f;
}
/*タイトル*/
h1{
	font-size:50px;
	text-align:center;
	text-shadow:3px 0 3px orange;
	padding-top:100px;
	color:#fff;
}
/*ヘッダー内コメント*/
#head1{
	font-size:20px;
	text-align:center;
	text-shadow:3px 0 3px orange;
	padding-top:10px;
	font-weight:bold;
	color:#fff;
}
/*ナビ*/
nav{
	background:#7fff7f;
	background-attachment:fixed;
}

nav ul{
	overflow:hidden;
}

nav li{
	list-style-type:none;
	float:left;
	border-right:5px solid green;
	width:192px;
	background:linear-gradient(#009900,#33ff00,#009900);
}

nav li:last-child{
	border-right:none;
}

nav li a{
	display:block;
	padding:15px;
	text-align:center;
	text-decoration:none;
	font-size:30px;
	font-weight:bold;
	color:#3333ff;
}

/*カーソルのせた時*/
nav li a:hover{
	background:linear-gradient(#ffccff,#cc99ff,#ffccff);
}

/*コンテンツ*/
#contents{
	width:980px;
	height:auto;
	background:#ffffc1;
}

/*お問い合せフォーム*/
#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
/*文法チェックで<p align="center">cssに追加*/
table.formTable p{
	align:center;
}

/*フッター*/
footer{
	margin:0 auto;
	width:980px;
	height:150px;
	background:yellowgreen;
	clear:both;
}

footer ul{
	font-size:20px;
}

footer li{
	list-style-type:none;
	width:13%;
	margin-top:20px;
	float:left;
}

footer ul li a{
	text-align:center;
	display:block;
}

footer ul li a:hover{
	background:orange;
	text-decoration:none;
}


h5{
	text-align:center;
	font-family:sans-serif;
	padding-top:40px;
	clear:both;
}



/*フッター
footer{
	width:100%;
	height:auto;
	background:yellowgreen;
	clear:both;
}

ul{
	font-size:20px;
	list-style-type:none;
}

h5{
	text-align:center;
	font-family:sans-serif;
}

*/

/*※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※*/


/*モバイル用*/
@media only screen and ( max-width:640px) {
/* 縦向きに設定中は、横向きにするとcssが効かない */



#wrap{
	width:100%;
	height:auto;
	background:#ffffd1;
	margin:0 auto;
}

/*Ｍヘッダー*/
#head{
	width:100%;
	height:230px;
	margin:0 auto;
}

/*Ｍナビ*/
nav li{
	list-style-type:none;
	float:none;
	border-right:none;
	width:100%;
}

nav li a{
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	color:green;
}

/*Ｍタイトル*/
h1{
	font-size:25px;
	text-align:center;
	padding-top:70px;
}
/*Ｍヘッダー内コメント*/
#head1{
	font-size:20px;
	text-align:center;
}

/*Ｍコンテンツ*/
#contents{
	width:100%;
	height:auto;
}

/*Ｍお問い合せフォーム*/
#formWrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

/*Ｍフッター*/
footer{
	width:100%;
	height:auto;
	background:yellowgreen;
	padding-top:10px;
	margin-left:5px;
	clear:both;
}

footer ul{
	font-size:15px;
}

footer ul li{
	margin-top:0px;
	width:30%;
	list-style-type:none;
	float:none;
}
footer ul li a{
	text-decoration:underline;
	text-align:left;
}

footer ul li a:hover{
	background-color:orange;
	text-decoration:none;
}

h5{
	text-align:center;
	font-family:sans-serif;
	padding-top:40px;
}




}/*media 終わり*/



/*※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※*/

/*タブレット用*/

@media screen and (min-width:641px) and ( max-width:920px) {


#wrap{
	width:100%;
	height:auto;
	background:#ffffd1;
	margin:0 auto;
}

/*Ｔヘッダー*/
#head{
	width:100%;
	height:150px;
}

/*Ｔナビ*/
nav li{
	list-style-type:none;
	float:none;
	border-right:none;
	width:100%;
}

nav li a{
	display:block;
	padding:10px;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	color:white;
}

/*Ｔタイトル*/
h1{
	font-size:28px;
	text-align:center;
	padding-top:40px;
}
/*Ｔヘッダー内コメント*/
#head1{
	font-size:23px;
	text-align:center;
}

/*Ｔコンテンツ*/
#contents{
	width:100%;
	height:auto;
	float:none;
}


/*お問い合せフォーム*/
#formWrap {
	width:500px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

/*Ｔフッター*/
footer{
	width:100%;
	height:auto;
	background:yellowgreen;
	clear:both;
}

}/*media 終わり*/