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

reset

-----------------------------------------------------------------------------  ***/
.clearfix:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
}
.clearfix {
	display:inline-table;
	zoom:1;
}
/*Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0px;
	padding:0px;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input, textarea, select {
 *font-size:100%;
}
legend {
	color:#000000;
}
img {
	vertical-align:bottom;
}
/*** ------------------------------------------------------------------------------ 

common

-----------------------------------------------------------------------------  ***/
html {
	overflow-y:scroll;
}
body {
	color:#333;
	line-height: 1.6;
	font-size: 12px;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
}
/*** ------------------------------------------------------------------------------ 

リンク

-----------------------------------------------------------------------------  ***/
/* 基本 */
a{
	outline:none;
}
a:link {
	color: #333333;
	text-decoration:none;
}
a:visited {
	color: #333333;
	text-decoration:none;
}
a:hover {
	color: #333333;
	text-decoration:underline;
}
a:active {
	color: #333333;
	text-decoration:underline;
}
.opacity a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
}
/*** ------------------------------------------------------------------------------ 

wrapper

-----------------------------------------------------------------------------  ***/
#wrapper {
	position:relative;
	width:100%;
	border-top:#016935 3px solid;
}
/*** ------------------------------------------------------------------------------ 

header

-----------------------------------------------------------------------------  ***/
#header {
	width:960px;
	margin: 0 auto;
	position:relative;
	padding:5px 0 0;
}
#header .description {
	margin:0 0 16px;
	padding:1px 0 0;
	font-size:0.917em;
}
#header .logo{
	float:left;
	width:341px;
	margin:0 0 18px;
}
#header ul.header-nav{
	position:absolute;
	right:0px;
	top:5px;
}
#header ul.header-nav li{
	float:left;
	margin:0 0 0 10px;
	background: url(../img/icon_circle01.png) left center no-repeat;
	padding:0 0 0 15px;
}
#header .inquiry {
	float:right;
	width:444px;
	padding:15px 0 0;
}
#header .inquiry  li{
	float:left;
	margin:0 0 0 16px;
}
/*** ------------------------------------------------------------------------------ 

nav

-----------------------------------------------------------------------------  ***/
#nav {
	clear:both;
	margin:0 0 20px;
}
#nav ul{
	width:100%;
	height:27px;
}
#nav ul li{
	display:block;
    white-space:nowrap;
	float:left;
	position:relative;
}
#nav ul li.nav01{
	width:243px;
}
#nav ul li.nav02{
	width:247px;
}
#nav ul li.nav03{
	width:137px;
}
#nav ul li.nav04{
	width:179px;
}
#nav ul li.nav05{
	width:154px;
}
#nav ul li a{
	list-style: none;
	height:27px;
	text-indent:-9999px;
	display: block;
}
#nav ul li.nav01 a{
	background: url(../img/nav_btn01.png) no-repeat;
}
#nav ul li.nav02 a{
	background: url(../img/nav_btn02.png) no-repeat;
}
#nav ul li.nav03 a{
	background: url(../img/nav_btn03.png) no-repeat;
}
#nav ul li.nav04 a{
	background: url(../img/nav_btn04.png) no-repeat;
}
#nav ul li.nav05 a{
	background: url(../img/nav_btn05.png) no-repeat;
}
#nav ul li.nav06 a{
	background: url(../../common/img/nav_btn06.png) no-repeat;
}
#nav ul li a:hover,
#about #nav ul li.nav01 a,
#flow #nav ul li.nav02 a,
#archive #nav ul li.nav03 a,
#qa #nav ul li.nav04 a,
#estimate #nav ul li.nav05 a{
	background-position: left -27px;
}
/*** ------------------------------------------------------------------------------ 

visual

-----------------------------------------------------------------------------  ***/
#visual {
	width:960px;
	margin:0 auto 30px;
}
#visual .large{
	float:left;
}
#visual .thumb{
	float:right;
	width:298px;
}
#visual .thumb ul li{
	float:left;
	margin:0 0 1px 1px;
}
/*** ------------------------------------------------------------------------------ 

cont

-----------------------------------------------------------------------------  ***/
#cont {
	width:960px;
	clear:both;
	margin: 0px auto 90px;
	position:relative;
}
/*** ------------------------------------------------------------------------------ 

main

-----------------------------------------------------------------------------  ***/
#main {
	width:730px;
	float:left;
}
#home #main {
	width:670px;
}
/*** ------------------------------------------------------------------------------ 

sub

-----------------------------------------------------------------------------  ***/
#sub {
	width:200px;
	float:right;
}
#home #sub {
	width:260px;
}
#sub h4{
	background: url(../img/sub_bg_title.png);
	text-align: center;
	padding:5px 0;
	color:#FFF;
	font-weight: bold;
	font-size:1.25em;
	margin:0 0 15px;
}
#sub .lineup h5{
	border-bottom: #CCC 1px solid;
	color:#016C38;
	font-size:1.167em;
	font-weight: bold;
	margin:0 0 5px;
}
#sub .lineup ul {
	margin:0 0 10px;
	font-size:1.083em;
}
#sub .lineup ul li{
	background: url(../img/icon_dot.png) left center no-repeat;
	padding:3px 0 3px 15px;
}
#sub .lineup ul li.current-cat a{
	color:#016c38;
}
#sub .lineup ul.maker li a{
	display:inline-block;
	padding:0 20px 0 0;
}
#sub .lineup ul.maker li a.panasonic,
#sub .lineup ul.maker li a.gs-yuasa,
#sub .lineup ul.maker li a.fdk{
	background: url(../img/sub_icon_japan.png) right center no-repeat;
}
#sub .lineup ul.maker li a.bantam,
#sub .lineup ul.maker li a.lg,
#sub .lineup ul.maker li a.samsung,
#sub .lineup ul.maker li a.top-battery,
#sub .lineup ul.maker li a.batterist{
	background: url(../img/sub_icon_corea.png) right center no-repeat;
}
#sub .lineup ul.maker li a.a123{
	background: url(../img/sub_icon_usa.png) right center no-repeat;
}
#sub .lineup ul.maker li a.byd,
#sub .lineup ul.maker li a.goldencell{
	background: url(../img/sub_icon_china.png) right center no-repeat;
}
#sub .lineup ul.maker li a.gpi{
	background: url(../img/sub_icon_hongkong.png) right center no-repeat;
}
#sub .lineup ul.maker li a.psi,
#sub .lineup ul.maker li a.formosa{
	background: url(../img/sub_icon_taiwan.png) right center no-repeat;
}
#sub .lineup ul.maker li img{
	margin:0 0 0 5px;
	vertical-align: middle;
}
#sub .banner li{
	margin:0 0 20px;
}
#sub .banner li.text{
	font-size:1.083em;
}
#sub .ordermade {
	margin:0 0 20px;
}
#sub .ordermade ul li{
	background: url(../img/icon_circle01.png) left center no-repeat;
	padding:5px 0 5px 15px;
	margin:0 0 5px;
	font-size:1.333em;
	font-weight: bold;
	border-bottom:#CCCCCC 1px solid;
}
#sub .inquiry ul li{
	margin:0 0 10px;
}
#sub .inquiry {
	font-size:1.083em;
}
/*** ------------------------------------------------------------------------------ 

footer

-----------------------------------------------------------------------------  ***/
#footer{
	background:#016935;
	font-size:1.083em;
	position:relative;
}
#footer .footer-nav{
	background: #F0F0F0;
}
#footer .footer-nav ul{
	width:960px;
	margin:0 auto;
}
#footer .footer-nav ul li{
	background: url(../img/icon_circle01.png) left center no-repeat;
	padding:15px 0 15px 15px;
	float:left;
	margin:0 63px 0 0;
}
#footer .footer-nav ul li.last{
	margin:0;
}
#footer .footer-nav ul li.right{
	margin:0;
	float:right;
}
#footer .copyright{
	text-align: center;
	color:#FFFFFF;
	padding:10px 0;
	font-size:0.867em;
}
#footer .copyright a{
	color:#FFF;
	text-decoration: none;
}
#footer .copyright a:hover{
	color:#FFF;
	text-decoration: none;
}
/*** ------------------------------------------------------------------------------ 

トップアンカー

-----------------------------------------------------------------------------  ***/
#scroll {
	position:absolute;
	left:50%;
	margin:0 0 0 420px;
	top:-90px;
	z-index:9999;
}
/*** ------------------------------------------------------------------------------ 

トピックパス

-----------------------------------------------------------------------------  ***/
.topicpass {
	height:30px;
	margin:0 0 5px;
	line-height:30px;
	background: url(../img/icon_home.png) left center no-repeat;
	padding:0 0 0 25px;
}
.topicpass a{
	color:#016935;
	text-decoration: underline;
}
.topicpass a:hover{
	color:#016935;
	text-decoration: none;
}
#home .topicpass {
	display:none;
}
.topicpass li{
	float:left;
	height:30px;
}
.topicpass li span{
	display:inline-block;
	padding:0 5px;
}
/*** ------------------------------------------------------------------------------ 

共通設定

-----------------------------------------------------------------------------  ***/
#main p{
	font-size:1.25em;
	margin:0 0 1em;
}
#main h1{
	background: url(../img/icon_h1.png) 10px center no-repeat #016935;
	color:#FFFFFF;
	font-weight: bold;
	font-size:1.333em;
	padding:8px 0 8px 35px;
	margin:0 0 20px;
}
#main h2{
	border-top:3px #000000 solid;
	border-bottom: 1px #CCCCCC solid;
	margin:0 0 20px;
	font-weight: bold;
	font-size:1.5em;
	padding:5px 0 5px 25px;
	background: url(../img/icon_circle02.png) 10px center no-repeat;
}
#main h3.color{
	background: url(../img/sub_bg_title.png);
	font-size:1.25em;
	font-weight: bold;
	color:#FFF;
	padding:3px 0px;
	margin:0 0 20px;
	line-height:1.6;
}
#main h3.color span{
	display:block;
	background: url(../img/icon_arrow01_clear.png) 10px center no-repeat;
	padding:0 20px;
}
#main h4.border{
	border-left:#006C38 3px solid;
	border-bottom: #006C38 1px dashed;
	color:#006C38;
	font-size:1.25em;
	font-weight: bold;
	padding:0 5px 0 10px;
	margin:0 0 20px;
}
#main .section{
	margin:0 0 50px;
	clear:both;
}
#main .section.inquiry p{
	margin:0 0 30px;
}
#main .section.inquiry .inquiry-box{
	position:relative;
}
#main .section.inquiry .inquiry-box a{
	position:absolute;
	right:15px;
	top:80px;
}

/* page-nav */
.page-nav {
	margin:-20px 0 30px;
	clear:both;
}
.page-nav .pagination {
	position:relative;
	font-size:0.917em;
}
#list .page-nav .pagination {
	text-align: left;
}
.page-nav .pagination span,
.pagination a {
	display:inline-block;
	margin: 0 3px 5px;
	padding:6px 11px 5px 11px;
	text-decoration:none;
	width:auto;
	color:#333;
	background: #FFF;
	border:#CCC 1px solid;
}
.page-nav .pagination a:hover{
	color:#fff;
	background: #016935;
	border:#016935 1px solid;
}
.page-nav .pagination .current{
	background: #016935;
	color:#fff;
	border:#016935 1px solid;
}
@media screen and (max-width: 768px){
	.page-nav .pagination {
		float:none;
		margin:0 10px 20px;
	}
}

.pager{
	position:relative;
	line-height:25px;
	height:25px;
	text-align: center;
	margin:0 0 20px;
	border-top: 1px #CCCCCC dotted;
	padding:10px 0 0;
	font-size:;
}
.pager p{
	font-size:0.917em !important;
}
.pager .left{
	position:absolute;
	left:10px;
	top:10px;
}
.pager .right{
	position:absolute;
	right:10px;
	top:10px;
}


/**
 * Table of Contents:
 *
 * 1.0 - Body
 * 2.0 - Headings
 * 3.0 - Text Elements
 * 4.0 - Links
 * 5.0 - Alignment
 * 6.0 - Tables
 * 7.0 - Images
 * 8.0 - RTL
 * ----------------------------------------------------------------------------
 */

/**
 * 2.0 Headings
 * ----------------------------------------------------------------------------
 */

.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
	clear: both;
	font-weight: 700;
	margin: 36px 0 12px;
}

.blog-content h1 {
	font-size: 26px;
	line-height: 1.3846153846;
}

.blog-content h2 {
	font-size: 24px;
	line-height: 1;
}

.blog-content h3 {
	font-size: 22px;
	line-height: 1.0909090909;
}

.blog-content h4 {
	font-size: 20px;
	line-height: 1.2;
}

.blog-content h5 {
	font-size: 18px;
	line-height: 1.3333333333;
}

.blog-content h6 {
	font-size: 16px;
	line-height: 1.5;
}

.blog-content h1:first-child,
.blog-content h2:first-child,
.blog-content h3:first-child,
.blog-content h4:first-child,
.blog-content h5:first-child,
.blog-content h6:first-child {
	margin-top: 0;
}


/**
 * 3.0 Text Elements
 * ----------------------------------------------------------------------------
 */

.blog-content address {
	font-style: italic;
	margin-bottom: 24px;
}

.blog-content abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}

.blog-content b,
.blog-content strong {
	font-weight: 700;
}

.blog-content cite {
	border: 0;
}

.blog-content cite,
.blog-content dfn,
.blog-content em,
.blog-content i {
	font-style: italic;
}

.blog-content mark,
.blog-content ins {
	background: #fff9c0;
	border: 0;
	color: inherit;
	text-decoration: none;
}

.blog-content p {
	margin: 0 !important;
    padding:0 !important;
}

.blog-content code,
.blog-content kbd,
.blog-content tt,
.blog-content var,
.blog-content samp,
.blog-content pre {
	font-family: monospace, serif;
	font-size: 15px;
	line-height: 1.6;
}

.blog-content pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

.blog-content blockquote,
.blog-content q {
	quotes: none;
}

.blog-content blockquote:before,
.blog-content blockquote:after,
.blog-content q:before,
.blog-content q:after {
	content: "";
	content: none;
}

.blog-content blockquote {
	color: #767676;
	font-size: 19px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.2631578947;
	margin: 0 0 24px;
}

.blog-content blockquote cite,
.blog-content blockquote small {
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

.blog-content blockquote em,
.blog-content blockquote i,
.blog-content blockquote cite {
	font-style: normal;
}

.blog-content blockquote strong,
.blog-content blockquote b {
	font-weight: 400;
}

.blog-content small {
	font-size: smaller;
}

.blog-content big {
	font-size: 125%;
}

.blog-content sup,
.blog-content sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

.blog-content sup {
	bottom: 1ex;
}

.blog-content sub {
	top: .5ex;
}

.blog-content dl {
	margin: 0 0 24px;
}

.blog-content dt {
	font-weight: bold;
}

.blog-content dd {
	margin: 0 0 24px;
}

.blog-content ul,
.blog-content ol {
	list-style: none;
	margin: 0 0 24px 20px;
	padding-left: 0;
	font-size:1.25em;
}

.blog-content ul {
	list-style: disc;
}

.blog-content ol {
	list-style: decimal;
}

.blog-content li {
	list-style: disc;
}

.blog-content ol li {
	list-style: decimal;
}

.blog-content li > ul,
.blog-content li > ol {
	margin: 0 0 0 20px;
}

.blog-content del {
	color: #767676;
}

.blog-content hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 23px;
}


/**
 * 4.0 Links
 * ----------------------------------------------------------------------------

 */
.blog-content a {
	color: #FE4C79;
	text-decoration:underline;
}

.blog-content a:visited {
	color: #FE4C79;
	text-decoration:underline;
}

.blog-content a:focus {
	outline: thin dotted;
}

.blog-content a:active,
.blog-content a:hover {
	color: #FE4C79;
	text-decoration:none;
	outline:none;
}


/**
 * 5.0 Alignment
 * ----------------------------------------------------------------------------
 */

.blog-content .alignleft {
	float: left;
	margin: 7px 24px 7px 0;
}

.blog-content .alignright {
	float: right;
	margin: 7px 0 7px 24px;
}

.blog-content .aligncenter {
	clear: both;
	display: block;
	margin: 7px auto;
}

.blog-content blockquote.alignleft,
.blog-content blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.blog-content blockquote.alignleft p,
.blog-content blockquote.alignright p {
	margin-bottom: 17px;
}


/**
 * 6.0 Tables
 * ----------------------------------------------------------------------------
 */

.blog-content .mceItemTable {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-width: 1px 0 0 1px;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 14px;
	line-height: 1.2857142857;
	margin-bottom: 24px;
	width: 100%;
}

.blog-content .mceItemTable th,
.blog-content .mceItemTable caption {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-width: 0 1px 1px 0;
	font-weight: 700;
	padding: 8px;
	text-align: left;
	text-transform: uppercase;
	vertical-align: baseline;
}

.blog-content .mceItemTable td {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-width: 0 1px 1px 0;
	font-family: Lato, sans-serif;
	font-size: 14px;
	padding: 8px;
	vertical-align: baseline;
}


/**
 * 7.0 Images
 * ----------------------------------------------------------------------------
 */

.blog-content img {
	height: auto;
	max-width: 474px;
	vertical-align: middle;
}

.blog-content .wp-caption {
	background: transparent;
	border: none;
	color: #767676;
	margin: 0 0 24px 0;
	max-width: 474px;
	padding: 0;
	text-align: left;
}

.blog-content .wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}

.blog-content .wp-caption.alignright {
	margin: 7px 0 7px 14px;
}

.blog-content .wp-caption.aligncenter {
	margin: 7px 0;
}

.blog-content .wp-caption-dt {
	margin: 0;
}

.blog-content .wp-caption .wp-caption-text,
.blog-content .wp-caption-dd {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
	padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */
	text-align: left;
}

.blog-content .mceTemp + ul,
.blog-content .mceTemp + ol {
	list-style-position: inside;
}

.blog-content img{
	margin:0 0 5px;
}


/**
 * 8.0 RTL
 * ----------------------------------------------------------------------------
 */

.blog-content html .mceContentBody.rtl {
	direction: rtl;
	unicode-bidi: embed;
}

.blog-content .rtl ol,
.blog-content .rtl ul {
	margin-left: 0;
	margin-right: 24px;
}

.blog-content .rtl .wp-caption,
.blog-content .rtl tr th {
	text-align: right;
}

.blog-content .rtl td {
	text-align: right;
}



/* 投稿画面ボタンリンク */
.blog-content a{
	display:inline-block;
	border-radius:5px;
	color:#FFF !important;
	font-weight: bold;
	padding:3px 20px 3px 15px;
	background: url(../img/icon_arrow01_clear.png) right center no-repeat #016935;
	text-decoration: none !important;
}
.blog-content a:hover{
	text-decoration: none;
	background: url(../img/icon_arrow01_clear.png) right center no-repeat #014B26;
}

/* お知らせ日付 */
.blog-content p.date{
	font-size:1em !important;
	text-align: right;
	margin:-15px 0 10px !important;
}

/* 取扱ランナップ共通 */
#category .section,
#tag .section{
	margin:0 0 30px;
}


/* custom field */
#main .blog-content h4.border{
	margin:20px 0 20px;
	clear:both;
}
div.field-purpose {
	margin:0 0 30px !important;
}
div.field-purpose p{
	font-size:1.083em !important;
}
ul.field-list {
	margin:0 0 20px !important;
	font-size:1.083em !important;
}
ul.field-list li{
	background: url(../img/icon_dot.png) 10px center no-repeat;
	padding:0 0 0 30px;
	margin:0 0 5px;
	list-style:none;
}
p.field-attention{
	font-size:1em !important;
	color:#FF0000;
	margin:0 0 30px !important;
}