@charset "UTF-8";

body {
	background-color: #ff9900;/*ページの背景色の設定*/
	font-size: 100%;/*ページ全体のフォントサイズを設定*/
	color: #666666;/*ページ全体の文字色を設定*/
}
#header {
	background-color:#ffff00;/*ヘッダの背景色の設定*/
	margin: 0;/*ヘッダのマージンを設定*/
	padding: 18px 0 18px;/*ヘッダのパディングを設定*/
	overflow: hidden;
}
#header h1 {
	font-size: 200%;/
}

#nav {
	background-color: #000000;/*ナビゲーションの背景色の設定*/
	
	border-bottom: 1px solid #ffffff;
	
}

/*ナビゲーションのリンクボタンの設定*/
#nav li {
	width: 200px;
	text-align:center;
	padding-top:14px;
	box-sizing:border-box;
	border:3px solid #ffffff;
	font-size: 120%;
	
	
}
#nav li a {
	color:#ffffff;
	width: 200px;
	height:50px;/*リンクボタンを画像にする場合は、画像の高さサイズに合わせる*/
	display: block;
}
#nav li a:hover {
	color:#ff9900;
	opacity:0.6;/*マウスを重ねた時に透明度が60%*/
}
/*メインビジュアル領域*/
#mainVisual {
}
/*メイン領域*/
#main {
	width: 780px;/*メイン領域の横幅設定。パディングの左右と合わせて800px*/
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;/*メイン領域の余白設定*/
	background-color: #ffffff;/*メイン領域の背景色の設定*/
}
/*フッタ領域*/
#footer {
	background-color: #ffff00;/*フッタの背景色の設定*/
	padding: 20px 0;
	color: #000000;/*フッタの文字色*/
}
#footer p small {
	font-size: 90%;
}
/*各コンテンツの設定*/
#main h2 {/*メイン領域のみだし2の指定*/
	font-size: 200%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #D3595B;
	margin-bottom: 20px;
}
#main h3 {/*メイン領域の見出し3の指定*/
	font-size: 150%;
	color:#D3595B;
	margin-top: 30px;
	margin-bottom: 20px;
}
#main p {/*メイン領域の段落の指定*/
	line-height: 160%;
	margin-bottom: 8px;
}
.img-left {/*画像（imgタグ）を左回り込みにする指定*/
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

h3{
clear:both;
}