@charset "utf-8";

/* iphone用コンテンツここから
----------------------------------------------------------- */
body {
	-webkit-text-size-adjust: 100%;
}

#wrapper {
	width:100%;
}

#contents {
	width:100%;
	margin:0;
}

article#main_article {
	float:none;
	width:100%;
	clear:both;
}

aside#main_aside {
	float:none;
	width:100%;
	clear:both;
}



/*ヘッダーここから*/
header {
	background:#0847E0;
	min-height:100px;
	border-bottom:#0027E8 solid 5px;
}

header .inner,
header .inner img {
	width:100%;
	margin:auto;
}

header .header_logo {
	float:none;
}

header .header_add {
	float:none;
}

/*ヘッダーここまで*/


/* ナビここから
----------------------------------------------------------- */
aside ul {
	margin: 10px auto;
	
	/*float解除*/
	overflow: hidden; /*floatの解除、ここがポイント*/
	position: relative; /*DWで正常にプレビューできるようになります。*/
	zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
	/*float解除*/
}

aside ul li {
	width:auto;
	float:left;
	margin: 0 1%;
}

aside ul li a {
	padding: 5px 0 5px 18px;
	display:block;
	border:none;
}

/*メインビジュアルここから*/

#main_visual {
	background:url(../../images/main_visual_bg.jpg) no-repeat center top;
}

#main_visual ul {
	width:100%;
}

#main_visual ul li {
	float:none;
	width:100%;
	text-align:center;
	margin: 0;
}
#main_visual ul li img {
	width:90%;
	margin:auto;
}

#main_visual ul li:first-child {
	margin: 0;
}

#main_visual ul li + li:first-child {
	margin: 0;
}


/*メインビジュアルここまで*/


/*コンテンツ*/
div#contents {
	width:100%;
}

article#main_article {
	float:none;
	width:100%;
}

article#main_article section {
	width:90%;
	margin: 0 auto 20px auto;
}

article#main_article img {
	width:98%;
	height:auto;
}


article#main_article section h2 {
	padding: 8px 24px;
	color:#FFF;
}

aside#main_aside {
	float:left;
	width:100%;
	padding: 0;
	min-height:20px;
	background:none;
}


/* ふったここから
----------------------------------------------------------- */
footer {
	text-align:center;
	padding: 10px;
	height:150px;
}

footer ul {
	margin: 0 auto 50px auto;
}

footer li {
	display:inline;
}