@charset "utf-8";
/* -------------------------------------------------------------------
 [CSS for basic elements and site structure]
 ------------------------------------------------------------------ */
/* basic elements
--------------------------------------------------------------------*/
body {
	min-width: 1080px;
	background-color: #595959;
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", "MS P Gothic", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
/*	font-size: 87.5%;*/
	line-height: 2.143rem;
}

a {
	text-decoration: none;
}
a:link, a:visited, a:hover, a:focus {
	color: #333333;
}
a:hover {
	text-decoration: underline;
}
a:focus {
	outline: dotted 1px #333333;
	text-decoration: underline;
}

::-webkit-input-placeholder {
	color: #595959;
}
::-moz-placeholder {
	color: #595959;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #595959;
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webikit-box-sizing: border-box;
}

body.redirect {
	background: #ffffff;
}

/* container common
--------------------------------------------------------------------*/
#hogehoge, 
#page, 
#navi_skip, 
#header, 
#global_navi, 
#breadcrumb, 
#globalization, 
#maincontainer, 
#footer_navi, 
#footer {
	width: 100%;
}
#hogehogehoge > .inner, 
#navi_skip > .inner, 
#header > .inner, 
#global_navi > .inner, 
#breadcrumb > ul, 
#globalization > ul, 
#maincontainer .section, 
#footer_navi > .inner, 
#footer > .inner {
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
}

/* page
--------------------------------------------------------------------*/
#page {
	background-color: #ffffff;
}

/* navi_skip
--------------------------------------------------------------------*/
#navi_skip {
	display: none;
	padding: 10px 0;
	border-bottom: #b5b5b5;
	background-color: #f2f2f2;
}

/* header
--------------------------------------------------------------------*/
#header {
}
#header > .inner {
	position: relative;
	min-height: 110px;
	padding-top: 15px;
}

/* global navi
--------------------------------------------------------------------*/
#global_navi {
	padding-bottom: 8px;
	border-bottom: solid 1px #d5d5d5;
}

/* breadcrumb
--------------------------------------------------------------------*/
#breadcrumb {
	padding: 12px 0;
	border-bottom: solid 1px #d5d5d5;
}

/* globalization
--------------------------------------------------------------------*/
#globalization {
	padding: 10px 0;
	border-bottom: solid 1px #d5d5d5;
	background-color: #f2f2f2;
}

/* maincontainer
--------------------------------------------------------------------*/
#maincontainer > .inner:before,
#maincontainer > .inner:after {
	display: table;
	content: "";
}
#maincontainer > .inner:after {
	clear: both;
}
#maincontainer {
	padding-bottom: 40px;
	border-bottom: solid 2px #00802a;
}

/* main
--------------------------------------------------------------------*/
#main {
	float: left;
	width: 760px;
}

.index #main, 
.general #main, 
.detail #main, 
.pickup #main {
	float: none;
	width: 100%;
}
.detail #main {
	width: 920px;
}

/* side 
--------------------------------------------------------------------*/
#side {
	float: right;
	width: 280px;
}

/* footer navi
--------------------------------------------------------------------*/
#footer_navi {
	padding: 40px 0 60px;
	background-color: #ffffff;
}

/* footer
--------------------------------------------------------------------*/
#footer {
	background-color: #595959;
}
#footer > .inner {
	display: table;
	padding: 35px 0;
}