﻿@charset "utf-8";
/* =======================================

	CommonElements

======================================= */
body {
	font-size: 100%;
	line-height: 160%;
	font-family: Arial,Helvetica,sans-serif;
	color: #222;
	text-align: center;
	-webkit-text-size-adjust: none;
	background: #000;
	/*width:320px;*/
}

a { cursor: pointer;}
a:link { text-decoration:underline; color: #fff;}
a:visited { text-decoration:underline; color: #fff;}
a:active { text-decoration:underline; color: #fff;}
a:hover { text-decoration:none; color: #fff;}

#container {
	width: 100%;
	text-align: center;
}
#container img{
	width:100%;
}


/* ------------------------------------

	Header要素

------------------------------------ */
#header {
	width: 100%;
	min-width:320px;
	text-align: center;
	background-color: #FFF;
	z-index:100;
}
#header_base {
	margin: 0 auto;
	padding:0px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

#header_base #logo {
	width:27.1875%;
	margin-left:3.125%;
	float:left;
	overflow: hidden;
}
#header_base span {
	width:18.4375%;
	margin-right:3.125%;
	float:right;
	overflow: hidden;
}



/* ------------------------------------

	Wrapper要素

------------------------------------ */
.wrapper {
	margin:0 auto;
	padding: 0;
	width: 100%;
	min-width:320px;
	text-align: center;
	position: relative;
	overflow:hidden;
}
.wrapper_base {
	margin: 0 auto;
	text-align: left;
	position: relative;
}



/* ------------------------------------

	Footer要素

------------------------------------ */
#footer {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	position: relative;
}
#footer #footer_base{
	margin:0 auto;
	overflow:hidden;
}
#footer div.pagetop a{
	text-align:center;
	line-height:3.0em;
	text-decoration:none;
	border-bottom:1px solid #666;
	display:block;
}
#footer div.pagetop img{
	width:13px !important;
	height:auto !important;
	margin-left:4px;
}
#footer ul#footnav li a{
	padding-left:3.125%;
	text-align:left;
	line-height:3.0em;
	text-decoration:none;
	border-bottom:1px solid #666;
	background-image:url("../img/ico_right.png");
	background-position:98% center;
	background-size:10px auto;
	background-repeat:no-repeat;
	display:block;
}
#footer #copyright {
	margin:0.6em 0 1.6em;
	color:#FFF;
	font-size:0.6rem;
	line-height:1.2;
	text-align:center;
	display: block;
}
#link{
	padding:1.4em 0 1.6em;
	border-bottom:1px solid #666;
}
#link ul{
	text-align:center;
}
#link ul li{
	display:inline-block;
}
#bnrBlog{
	width:35.156%;
	padding-right: 3.125%;
}
#twitter{
	width:7.812%;
	padding:0 3.125%;
	border-left:1px solid #666;
}
#facebook{
	width:7.812%;
	padding-left: 3.125%;
	border-left:1px solid #666;
}
#bnrBlog img{
	margin:-0.4em 0;
}
#twitter img{
	margin:-0.4em 0;
}
#facebook img{
	margin:-0.4em 0;
}
a.link_none{
	pointer-events:none; 
}