/*----------------------------------------------------------
ブロック構成
----------------------------------------------------------*/
html {
	-ms-text-size-adjust : 100%;
	-webkit-text-size-adjust : 100%;
	font-weight : normal;
	margin : 0;
	padding : 0;
	height : 100%;
}

body {
	margin: 0;
	padding : 0;
	background : #fff;
	min-width : 320px;
	word-wrap : break-word;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 28px;
}
@media only screen and (max-width : 780px) {
body {
	background : #fff;
	font-size: 17px;
	line-height: 30px;
}
}

@media only screen and (max-width : 780px) {	/*スマホ用左右10px空き*/
.inner {
	padding : 0 10px;
}
}

#wrapper {
	width : 100%;
	padding : 0;
	margin : 0;
}

/*----------------------------------------------------------
ヘッダー
----------------------------------------------------------*/
#header_outer {
	width : 100%;
	margin : 0 0 20px 0;
	padding : 0;
	background : #dbd2c8 url(../images/pattern.jpg) repeat-x;
	height : 120px;
	box-shadow : 0 2px 2px 2px rgb(200,200,200);
}
header {
	width : 1000px;
	margin : 0 auto;
	padding : 0;
	text-align : left;
}
@media only screen and (max-width : 780px) {
#header_outer {
	height : auto;
	box-shadow : none;
	background : transparent url(../images/pattern.jpg) repeat;
}
header {
	width : 100%;
	margin-top : 0;
	padding : 5px 0;
}
}

/*----------------------------------------------------------
コンテナ
----------------------------------------------------------*/
#container_outer {
	width : 100%;
	padding : 0;
	margin : 0;
}
#container {
	width : 1000px;
	padding : 0 0 20px 0;
	margin : 0 auto;
}
@media only screen and (max-width : 780px) {
#container {
	width : 100%;
	margin : 0;
}
}
/*----------------------------------------------------------
本文
----------------------------------------------------------*/
#content{
	width : 700px;
	padding : 0;
	margin : 0;
	float : left;
}
@media only screen and (max-width : 780px) {
#content{
	width : 100%;
	padding : 0;
	margin : 0;
}
}
main {
	width : 100%;
	padding: 0;
	margin : 0;
}
@media only screen and (max-width : 780px) {
main {
	float : none;
	width : 100%;
	padding: 0;
}
}

/*----------------------------------------------------------
サイドバー
----------------------------------------------------------*/
aside {
	float: right;
	width : 230px;
	padding: 0px;
	margin : 0;
}
@media only screen and (max-width : 780px) {
aside {
	clear: both;
	float: none;
	width : 100%;
	padding : 0;
	position: static !important;
}
}
/*----------------------------------------------------------
フッター
----------------------------------------------------------*/
#footer_outer {
	clear: both;
	width : 100%;
	margin : 0;
	padding : 0;
	background : #dbd2c8;
}

footer {
	width : 1000px;
	margin : 30px auto 10px auto;
}

@media only screen and (max-width : 780px) {
footer {
	width : 100%;
	margin : 0;
}
}

#footertitle_outer {
	clear: both;
	width : 100%;
	margin : 0;
	padding : 0;
	background : #dbd2c8;
}

#footertitle {
	width : 1000px;
	margin : 0 auto;
}

@media only screen and (max-width : 780px) {
#footertitle {
	width : 100%;
	margin : 0;
}
}