@charset "UTF-8";


html {
	min-height: 100%;
	height: 100%;
}

body {
	margin: 0 auto;
	width: 100%;
	min-height: 100%;
	height: 100%;
	color: #555;
	line-height: 1.6;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 13px;/* %計算の基準となる文字サイズ設定 */
}

a:link,
a:visited,
a:active {
	color: #1e90ff;
	text-decoration: none;
}

a:hover {
	color: #1e90ff;
	text-decoration: underline;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}



/* =========================================================
	クリアフィックス .cf
========================================================= */

.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cf {
	display: inline-block;
	min-height: 1%;
}
/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.cf {
	display: block;
}
/* End hide from IE-mac */



/* =========================================================
	全体ボックス #container
========================================================= */

#container {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 800px;
	min-height: 100%;
	height: 100%;
}


/* =========================================================
	ヘッダー header
========================================================= */

header {
	position: fixed;
	top: 0;
	width: 100%;
	min-width: 1130px;
	height: 83px;
	background-image: url("../images/common/bg_header.png");
	z-index: 999;
}

header .inner-box {
	padding: 17px 20px 0;
}

h1 {
	float: left;
	width: 300px;
	color: #888;
	font-size: 80%;
}

h1 a {
	display: block;
}

/* google search */

header .search-box {
	float: right;
	padding-top: 3px;
	width: 280px;
}

header .search-box .gsc-control-cse {
	padding: 0;
	background: none;
}

header .search-box td.gsc-search-button {
	width: 30px;
}


/* =========================================================
	サイドナビ #sidenav
========================================================= */

#sidenav {
	position: fixed;
	padding: 110px 4px 0 0;
	width: 230px;
	min-height: 100%;
	height: 100%;
	background-image: url("../images/common/bg_side.png");
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #fff;
	z-index: 99;
}

#sidenav nav {
	margin-bottom: 30px;
}

#sidenav nav li {
	margin-bottom: 10px;
	text-align: center;
}

#sidenav .sns-icon {
	margin: 0 auto 30px;
	width: 99px;
}

#sidenav .sns-icon li {
	float: left;
	margin: 0 3px;;
}

#sidenav .primary-nav {
	margin-bottom: 25px;
}

#sidenav .primary-nav li {
	margin-bottom: 4px;
	text-align: center;
	font-size: 80%;
}

#sidenav .primary-nav li a {
	color: #777;
}

#sidenav .sns-button {
	margin: 0 auto;
	width: 162px;
}

#sidenav .sns-button li {
	float: left;
	margin: 0 3px;
	width: 75px;
}



/* =========================================================
	メインコンテンツ #content
========================================================= */

#content {
	position: relative;
	float: left;
	margin-left: 270px;
	padding: 110px 0 80px;
	width: 830px
}

#content-inner {
	
}



/* =========================================================
	ページトップ #pagetop
========================================================= */

#pagetop {
	position: fixed;
	bottom: 35px;
	right: 35px;
}




/* =========================================================
	フッター footer
========================================================= */

footer {
	position: absolute;
	bottom: 7px;
	width: 830px;
}

footer p {
	color: #888;
	font-size: 80%;
	text-align: right;
}