@charset "UTF-8";
/* ----------------------------
   common.css
---------------------------- */

/* ----------------------------
   Base
---------------------------- */
body {
	text-align: center;
	background: #6e5b4d;
	padding: 0 0 30px;
	color: #544438;
}

#container {
	background: url(../images/common/bg.gif) center top;
	/*min-width: 980px;*/
	font-size: 100%;
}

#wrap {
	width: 980px;
	min-width: 980px;
	margin: 0 auto;
	text-align: left;
}

p {
	word-break:break-all;
}

/* ----- Link ----- */
a {
	color: #fe6c00;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* ----------------------------
   Header
---------------------------- */
#header {
	position: relative;
	height: auto; /*130px;*/
	padding: 15px 0 0;
}

#header .logo {
    display:inline-block;
    position:relative;
	/*padding-top: 15px;*/
}

/* ----- Submenu ----- */
#header .submenu {
	position: absolute;
	top: 62px;
	left: 250px;
}

#header .submenu li {
	float: left;
	margin: 0 20px 0 0;
}

#header .submenu li a {
	display: block;
	background: url(../images/common/hd_parts_2014b.gif) no-repeat;
	height: 13px;
	overflow: hidden;
	text-indent: -99999px;
}

/* Normal */
#header .submenu .about a {
	width: 113px;
	background-position: -119px -130px;
}

#header .submenu .mailmagazine a {
	width: 84px;
	background-position: -252px -130px;
}

/* Hover */
#header .submenu .about a:hover {
	background-position: -119px -150px;
}

#header .submenu .mailmagazine a:hover {
	background-position: -252px -150px;
}

/* ----- Banner ----- */
#header .banner {
	position: absolute;
	top: 15px;
	right: 0;
}

/* ----- Navi ----- */
#nav {
	clear: both;
	position: relative;
	/*top: 30px;*/
	/*background: url(../images/common/hd_navi_bg.gif) repeat-x;*/
	background: #fe6c00;
	border-top: 5px solid #07610A;
	border-bottom: 5px solid #07610A;
	height: 40px;
	text-align: left;
	padding: 0; /* 0 40px; */
	margin: 15px 0 0;
}

/*#nav .home {*/
/*	position: absolute;*/
/*	top: 0;*/
/*	left: 0;*/
/*	border-right: 1px solid #e05d00;*/
/*}*/

#nav .round {
	position: absolute;
	top: 0;
	right: 0;
}

#nav ul {
	width: 919px;
	overflow: hidden;
}

#nav ul li {
	float: left;
	width: auto;
	border-right: 1px solid #e05d00;
}

#nav ul li.tetsuichi {
	/*background: url(../images/common/hd_parts_2014b.gif) no-repeat -655px 0;*/
	height: 40px;
	/*text-indent: -99999px;*/
	overflow: hidden;
}

#nav ul li.tabi {
	/*background: url(../images/common/hd_parts_2014b.gif) no-repeat -655px 0;*/
	height: 40px;
	/*text-indent: -99999px;*/
	overflow: hidden;
}

/*#nav ul li.magazine {*/
/*	width: 133px;*/
/*}*/

#nav ul li a {
	/*background: url(../images/common/hd_parts_2014b.gif) no-repeat;*/
	overflow: hidden;
	display: block;
	height: 40px;
	/*text-indent: -99999px;*/
	color: #fff;
	text-align: center;
	font-weight: bold;
	line-height: 40px;
	padding: 0 30px;
}

#nav ul li a:hover, #nav ul li a:focus {
	background: #ed5e00;
	text-decoration: none;
}

#nav .home a {
	display: block;
}

#nav ul.nav2014 li a {
	/*background: url(../images/common/hd_parts_2014b.gif) no-repeat;*/
	/* background: url(../images/common/hd_parts_2014b.gif) no-repeat; */
	overflow: hidden;
	display: block;
	height: 40px;
	/*text-indent: -99999px;*/
}

/* Normal */
#nav ul li.active a, #nav .home.active {
	background: #ff8c00;
}

#nav ul li.news a {
	background-position: 0 0;
}

#nav ul li.tabitetsu a {
	background-position: -131px 0;
}

#nav ul li.gallery a {
	background-position: -262px 0;
}

#nav ul li.column a {
	background-position: -393px 0;
}

#nav ul li.elos a {
	background-position: -524px 0;
}

#nav ul li.dougu a {
	background-position: -524px 0;
}

#nav ul li.tetsuichi a {
	background-position: -655px 0;
}

#nav ul li.tabi a {
	background-position: -655px 0;
}

#nav ul li.magazine a {
	background-position: -786px 0;
}

/* Hover */
#nav ul li.news a:hover {
	background-position: 0 -40px;
}

#nav ul li.tabitetsu a:hover {
	background-position: -131px -40px;
}

#nav ul li.gallery a:hover {
	background-position: -262px -40px;
}

#nav ul li.column a:hover {
	background-position: -393px -40px;
}

#nav ul li.elos a:hover {
	background-position: -524px -40px;
}

#nav ul li.dougu a:hover {
	background-position: -524px -40px;
}

#nav ul li.tetsuichi a:hover {
	background-position: -655px -40px;
}

#nav ul li.tabi a:hover {
	background-position: -655px -40px;
}

#nav ul li.magazine a:hover {
	background-position: -786px -40px;
}

/* Selected */
#news #nav ul li.news a {
	background-position: 0 -80px;
}

#tabitetsu #nav ul li.tabitetsu a {
	background-position: -131px -80px;
}

#gallery #nav ul li.gallery a {
	background-position: -262px -80px;
}

#column #nav ul li.column a {
	background-position: -393px -80px;
}

#elos #nav ul li.elos a {
	background-position: -524px -80px;
}

#dougu #nav ul li.dougu a {
	background-position: -524px -80px;
}

#tetsuichi #nav ul li.tetsuichi a {
	background-position: -655px -80px;
}

#tabi #nav ul li.tetsuichi a {
	background-position: -655px -80px;
}

#magazine #nav ul li.magazine a {
	background-position: -786px -80px;
}

/* ----------------------------
   Contents
---------------------------- */
#contents {
	position: relative;
}

/* ----------------------------
   Bread
---------------------------- */
#bread {
	max-width: 665px;
	width: 100%;
	height: 30px;
	background: #fff;
	border: 1px solid #e5e0db;
	box-sizing: border-box;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	overflow: hidden;
}

/*#bread ul {*/
/*	width: 3000px;*/
/*}*/

#bread li {
	display: inline-block;
	line-height: 28px;
	background: url(../images/common/bread_arrow.gif) no-repeat right;
	padding: 0 17px 0 5px;
	font-size: 93%;
}

* html #bread li {
	zoom: 1;
	display: inline;
	padding-left: 10px;
}

*:first-child+html #bread li {
	zoom: 1;
	display: inline;
	padding-left: 10px;
}

#bread .home {
	padding-left: 10px;
}

#bread .current {
	background: none;
}

/* ----------------------------
   Side
---------------------------- */
#side {
	width: 300px;
	float: right;
	z-index: 100;
	padding: 15px 0 0 0;
	position: relative;
}

#side .common {
	margin: 0 0 15px;
}

/* ----- Search ----- */
#search {
	float: left;
	width: 180px;
	height: 30px;
	background: url(../images/common/search_bg_off.gif) no-repeat left top;
	overflow: hidden;
}

#search.focus {
	background: url(../images/common/search_bg_on.gif) no-repeat left top;
}

#search .inputText {
	border: none;
	background: none;
	height: 30px;
	line-height: 30px;
	width:143px;
	margin: 0 0 0 8px;
	float: left;
	color: #544438;
	font-size: 93%;
}

#search .submit {
	float: right;
	text-indent: -99999px;
	background: url(../images/common/search_btn.gif) no-repeat left top;
	width: 24px;
	height: 24px;
	border: none;
	margin: 3px 3px 3px 0;
	cursor: pointer;
}

/* ----- FontSize ----- */
#fontsize {
	width: 100px;
	float: right;
	padding: 3px 0 0 0;
}

#fontsize .title {
	float: left;
	width: 25px;
	margin: 5px 0 0 0;
	height: 15px;
}

#fontsize .title img {
	vertical-align: top;
}

#fontsize ul {
	width: 72px;
	float: right;
}

#fontsize li {
	width: 24px;
	height: 24px;
	float: left;
	display: inline;
}

#fontsize li a {
	display: block;
	height: 24px;
	background: url(../images/common/hd_parts_2014b.gif) no-repeat;
	overflow: hidden;
	text-indent: -99999px;
}

/* Normal */
#fontsize .small a {
	background-position: 0 -130px;
}

#fontsize .medium a {
	background-position: -24px -130px;
}

#fontsize .large a {
	background-position: -48px -130px;
}

/* Selected */
#fontsize .small a.selected {
	background-position: 0 -154px;
}

#fontsize .medium a.selected {
	background-position: -24px -154px;
}

#fontsize .large a.selected {
	background-position: -48px -154px;
}

/* ----- Magazine ----- */
#side .magazine {
	background: #fff;
	border: 1px solid #e5e0db;
	box-sizing: border-box;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	height: auto;
}

#side .magazine .image {
	float: left;
	width: 125px;
	margin: 15px;
	display: inline;
}

#side .magazine .text {
	margin: 15px 0 0 0;
	float: left;
	width: 130px;
	display: inline;
}

#side .magazine .subscription {
	float: left;
	width: 62px;
}

#side .magazine .amazon {
	float: right;
	width: 64px;
}

#side .magazine .btn {
	clear: both;
	padding: 4px 0 0 0;
}

/* ----------------------------
   Footer
---------------------------- */
#footer {
	text-align: center;
	background: url(../images/common/ft_bg.gif) repeat-x center top #6e5b4d;
	height: 91px;
	margin: 50px 0 0;
}

#footer .inner {
	margin: 0 auto;
	text-align: left;
	position: relative;
	width: 980px;
}

/* ----- Footer Navi ----- */
#ftNav {
	height: 50px;
}

#ftNav li {
	display: inline-block;
	line-height: 50px;
	padding: 0 16px 0 0;
	margin: 0 17px 0 0;
	background: url(../images/common/ft_border.gif) no-repeat right;
	font-size: 93%;
	/*border-right: 1px solid #c7bfb8;*/
}

* html #ftNav li {
	zoom: 1;
	display: inline;
}

*:first-child+html #ftNav li {
	zoom: 1;
	display: inline;
}

#ftNav .magazine { background: none;}

#ftNav li a {
	color: #544438;
}

#ftNav li a:hover {
	color: #fe6C00;
	text-decoration: none;
}

/* ----- Sub ----- */
#footer .sub {
	height: 41px;
}

#footer .sub li {
	display: inline-block;
	margin: 13px 21px 0 0;
	font-size: 77%;
}

* html #footer .sub li {
	zoom: 1;
	display: inline;
}

*:first-child+html #footer .sub li {
	zoom: 1;
	display: inline;
}

#footer .sub a {
	display: block;
	background: url(../images/common/ft_arrow.gif) no-repeat left 44%;
	padding: 0 0 0 8px;
	color: #fff;
}

#footer .sub a:hover {
	color: #fe6C00;
	text-decoration: none;
}

/* ----- Logo ----- */
#footer .logo {
	position: absolute;
	top: 6px;
	right: 0;
}

/* ----- Copyright ----- */
#copyright {
	position: absolute;
	top: 66px;
	right: 0px;
	display: block;
}

#copyright img {
	vertical-align: top;
}