/* =Layout
-----------------------------------------------------------------------------*/
body {
	background: #fff url(../images/haikei/bg02_01.jpg) repeat-x; 
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif;
}
input, select, textarea { font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif;}

.wrapper {
	margin: auto;
	max-width: 960px;
	padding: 36px 10px;
	_width: 900px;
	background-color: #fff;

}
#main {
	background-color: #fff;

}
#main article{
}

#main aside {
	background: #f8f8f8; 

}
#blocks li {
	background-color: #f8f8f8;
	height: 100px;
}

/* =Header
-----------------------------------------------------------------------------*/
#header {
	overflow: hidden;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #eee;

}
#header h1 {
	float: left;
	margin: 0;
}
#header nav {
	padding-top: 1em;
	float: right;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	border-top: 1px solid #eee;
	padding-top: 1.5em;
	margin: 1.5em 0;
	font-size: .85em;
	background: #fff url(../images/haikei/bg02_01.jpg) repeat-x; 

}



/* =Tablet (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .wrapper { width: 748px; }
}


/* =Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	.wrapper { width: 300px; }
	#nav, #header h1 { float: none; }
	#header h1 { margin-bottom: .5em; }
	#nav ul li { margin: 0; float: none; margin-bottom: 1px; background-color: #f6f6f6; }
	#nav ul li a, #nav ul li span { display: block; padding: 2px 5px; }
}

/* =Mobile (Landscape)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.wrapper { width: 420px; }
}