@charset "utf-8";

/* 大枠 */
html,
body {
	height: 100%;
	}
body {
	font-size: 12px; 
	line-height:1.6;
	}
#wrapper {
	width: 100%;
	min-width: 960px;
	position: relative;
	}
body > #wrapper {
	height: auto;
	}
.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    }
	
/* リンク */
a:link    {color:#0066FF; text-decoration: none;}
a:visited {color:#0066FF; text-decoration: none;}
a:hover   {color:#0066FF; text-decoration: underline;}
a:active  {color:#0066FF; text-decoration: underline;}

/* アクセシビリティ */
.guidance {
	left:-999px;
	position:absolute;
	width:990px;
	}
img {
	vertical-align: bottom;
	}


/* ▼▼▼ ヘッダー
=====================================*/
#header {
	width: 960px;
	height: 556px;
	background: url(../img/mainVisual.jpg);
	margin: 0 auto 30px;
	position: relative;
	overflow: hidden;
	}


/* タイトル */
h1 {
	position: absolute;
	top: 167px;
	left: 268px;
	}	
.logo {
	position: absolute;
	top: 33px;
	left: 28px;
	overflow: hidden;
	}
h2.subtitle {
	margin-bottom: 20px;
	clear: both;
	overflow: hidden;
	}	


/* ▼▼▼ メイン 「コンテンツとサイドを囲む要素」
=====================================*/
#main {
	width: 960px;
	margin: 0 auto 35px;
	text-align: center;
	clear: both;
	overflow: hidden;
	}

dl#howto {
	width: 920px;
	margin: 25px auto 50px;
	overflow: hidden;
	}
	dl#howto dt {
		margin-bottom: 20px;
		}
		dl#howto dt span {display: block;}
		dl#howto dt span.read {margin: 15px 0;}
		dl#howto dt .howto_title {margin-bottom: 10px;}
	dl#howto ul.session {
		overflow: hidden;
		}
		dl#howto ul.session li {
			float: left;
			width: 295px;
			margin-right: 10px;
			}
		dl#howto ul.session li:last-child {
			width: 145px;
			background: url(../img/howto_img.jpg) no-repeat right top;
			padding-right: 160px;
			margin: 0 0 0 5px;
			}
			dl#howto ul.session li .btn {
				height: 57px;
				background: url(../img/howto_bg.gif);
				}

#about {
	width: 880px;
	border: 1px solid #CCCCCC;
	padding: 22px 20px;
	margin: 0 auto 40px;
	overflow: hidden;
	}
	#about h3 {
		margin-bottom: 25px;
		}
		#about .read {
			margin: 20px 0;
			}
		#about ul.about_img {
			width: 861px;
			margin: 0 auto;
			overflow: hidden;
			}
			#about ul.about_img li {
				float: left;
				margin-right: 3px;
				}
			#about ul.about_img li:last-child {
				margin-right: 0;
				}
	

/* ▼▼▼ フッター
=====================================*/
#footer {
	width: 960px;
	background: #F5F5F5;
	padding: 15px 0;
	margin: 0 auto 50px;
	text-align: center;
	clear: both;
	overflow: hidden;
	}