@charset "utf-8";
/* CSS Document Dark*/

.sp-footer{display:none;}
.blog-second-page{position: relative !important;}

/*----------------------------------------------
リセット
------------------------------------------------*/
html{
	font-size:small;}
	
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	padding:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	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;
}

.nonpc, .sp {
	display: none;
}


/*----------------------------------------------------
	Base
----------------------------------------------------*/

body {
	height: 100%;
	color: #333;
	font-size: 16px;
	font-family: 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	line-height: 1.5;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}

/* ヘッダ
///////////////////////////////////////*/

#header02 {
	margin:0 auto;
	padding: 0;
	background-color: rgba(58, 79, 119,0.8);
	height: 219px;
}

#header a{
	overflow:hidden;
}

#header{
	width: 100%;
	min-width: 1000px;
	margin:0 auto;
	padding:0;
}
/* ロゴ
------------------------------------------------*/
#logo {
	display: none;
}

.logo {
	margin: 0;
	padding:0;
	width: 30%;
	float: left;
	text-align:left;
	display: block;
}
.bgH1{
	width: 100%;
	background:#fff;
}

.logo img {
	vertical-align:bottom;
	margin-left: 60px;
}

h1 {
	font-size:12px;
	color:#121212;
	width: 980px;
	margin: 0 auto;
}
/* 右上部分
------------------------------------------------*/
#tel{
	padding: 0;
	margin-top: 0px;
	width: 337px;
	height:71px;
	float: right;
	background:url(../images/contact.png) no-repeat;
	text-indent:-9999px;}

#btnbox{
	text-indent:-9999px;
	display:none;
	width:140px;
	float:left;
}

#inqbtn a{
	display: block;
    width: 165px;
    height: 51px;
    margin-top: 10px;
    float: left;
    margin-left: 30px;
    text-indent: -99999px;
    background: url(../images/inqbtn.png) no-repeat;
}

/* Menu
///////////////////////////////////////*/

.menu-box {
	width: 100%;
	min-width: 1000px;
	position: absolute;
	top:0%;
	display:block;
	margin: 0 auto;
	padding:0;
	height: auto;
	background:rgba(57,79,119,0.9);
	z-index: 999;
}

#menu {
	width: 980px;
    height: 67px;
    margin: 0 auto;
    padding: 0;
    display: block;
    /* overflow: hidden; */
    clear: both;
}

#menu li {
	float: left;
	list-style:none;
}
#menu li a {
	height: 67px;
	display: block;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
}
#menu img{
	width: 163px;
}

#menu-01 a {
	background: url(../images/menu_001.png) no-repeat 0 0;
	width: 163px;
}
#menu-02 a {
	background: url(../images/menu_002.png) no-repeat 0 0;
	width:163px;
}
#menu-03 a {
	background: url(../images/menu_003.png) no-repeat 0 0;
	width:163px;
}
#menu-04 a {
	background: url(../images/menu_004.png) no-repeat 0 0;
	width:165px;
}
#menu-05 a {
	background: url(../images/menu_005.png) no-repeat 0 0;
	width:163px;
}
#menu-06 a {
	background: url(../images/menu_006.png) no-repeat 0 0;
	width:163px;
}

#menu-01 a:hover, #menu-01.active a, #menu-02 a:hover, #menu-02.active a, #menu-03 a:hover, #menu-03.active a, #menu-04 a:hover, #menu-04.active a, #menu-05 a:hover, #menu-05.active a, #menu-06 a:hover, #menu-06.active a{
	background-position: 0px -67px;
}

/* ヘッダ終わり
///////////////////////////////////////*/


/* サイドナビ
///////////////////////////////////////*/
.sideBox h2{
	background:none;
	font-size:14px;
	font-weight:bold;
	border:none;
	color:#666;
}

.side {
	margin:0;
	padding:0;
	display: block;
/*	height:100%;*/
}

.side02 {
	margin:0;
	padding:0;
	padding:0.2em 0 0 30px;
}

.side li {
	list-style:none;
	display:block;
	text-decoration: none;
	margin:0 auto;
}

.side li a {
	display: block;
	text-decoration:none;
	overflow:hidden;
}

li.side-text{
	height:30px;
	padding:10px 10px 0 40px;
	border:0px;
	text-indent:0;
	background:url(../images/s_list_m01.gif) 30px 20px no-repeat;
}

li.side-text02{
	padding:0 0 0 4em;
	border:0px;
	text-indent:0;
}
	
.sideBox li a:link {
	color: #666;
	text-decoration: underline;
}

.sideBox li a:visited {
	color: #666;
	text-decoration: underline;
}
.sideBox li a:active {
	color: #1f79cc;
	text-decoration: none;
}	
.sideBox li a:hover {
	color: #1f79cc;
	text-decoration: none;
}

#side-01 a,#side-02 a,#side-03 a,#side-04 a,#side-05 a,#side-06 a,#side-07 a{
	text-indent:-9999px;
	height:44px;}

#side-01 a {
	background: url(../images/s_navi01.png) no-repeat 0 0;
}
#side-02 a {
	background: url(../images/s_navi02.png) no-repeat 0 0;
}
#side-03 a {
	background: url(../images/s_navi03.png) no-repeat 0 0;
}
#side-04 a {
	background: url(../images/s_navi04.png) no-repeat 0 0;
}
#side-05 a {
	background: url(../images/s_navi05.png) no-repeat 0 0;
}
#side-06 a {
	background: url(../images/s_navi06.png) no-repeat 0 0;
}
#side-07 a {
	background: url(../images/s_navi07.png) no-repeat 0 0;
}

#side-01 a:hover, #side-01.active a, #side-02 a:hover, #side-02.active a, #side-03 a:hover, #side-03.active a, #side-04 a:hover, #side-04.active a, #side-05 a:hover, #side-05.active a, #side-06.active a, #side-06 a:hover, #side-07.active a, #side-07 a:hover {
	background-position: -270px 0;
}

/* サイドナビ終わり
///////////////////////////////////////*/



/* フッタ
///////////////////////////////////////*/

.footer-box {
	max-width: 1000px;
    width: 940px;
    border: 1px solid #394c6f;
    border-radius: 5px;
    margin: 20px auto;
    padding: 20px;
    clear: both;
    background: #EEF4FF;
    text-align: left;

}

.footer-box p, .safety a{
	font-size:12px;
    color: #fff;
}

.footer-box p a{
	color: #444;
}
	
.copy-box{
	width:100%;
	margin:20px auto 0;
	padding:0 0 20px 0;
	background:#394c6f;
}

.copy{
	padding: 30px 0 10px 0;
    text-align: center;
    font-size: 12px;
    color: #fff;
}				
	
.safety {
	padding: 30px 10px 0 0;
    margin: 0;
    margin-top: -60px;
    text-align: right;
    clear: none;
    color: #fff;
}

/* フッタ終わり
///////////////////////////////////////*/



/*----------------------------------------------------
	Link
----------------------------------------------------*/

a:link {
	text-decoration: underline;
	color: #1f79cc;
}
a:visited {
	text-decoration: underline;
	color: #1f79cc;
}
a:hover {
	text-decoration: none;
	color: #1f79cc;
}
a:active {
	text-decoration: underline;
	color: #1f79cc;
}

.safety a{
	color:#fff;
}
a.txtWhite:link {
	color:#FFF;
	text-decoration: underline;
}
a.txtWhite:visited {
	color:#FFF;
	text-decoration: underline;
}
a.txtWhite:hover {
	color:#FFF;
	text-decoration: none;
}
a.txtWhite:active {
	color:#FFF;
	text-decoration: underline;
}

.link-R {
	padding-left:15px;
	background:url(../images/link_m.gif) no-repeat 0.2em;
	text-align:right;
	display:inline;
	float:right;
	clear:none;
}

.link-L {
	padding-left:15px;
	padding-top:8px;
	background:url(../images/link_m.gif) no-repeat 0 1em;
	display:inline;
	float:left;
	clear:none;
}

/* Layout
///////////////////////////////////////*/

html {
	height: 100%;
}

.left {
	text-align:left;
	margin:0;
	padding:0;
	width:100%;
}

.center {
	text-align:center;
	margin:0 auto;
	width:100%;
}

body > #page {
	height: auto;
}

#g-1 .contents{
	width:900px;
	margin:35px auto 0;
	padding:0;
	background:url(../images/s_title_bg.jpg) no-repeat;
	display:block;
}

.mainimg{
	width: 100%;
	min-width: 1000px;
	margin: 0;
	padding: 0;
	display: block;
}

.mainimg img{
	width: 100%;
	margin-top: -15px;
}

.textban{
	position: absolute;
	left: 10%;
	top: 30%;
}

.textban p{
	font-size: 48px;
	line-height: 1.3em;
	color: #fff;
	-webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: #8da5d6;
   font-weight: bold;
}

.headerTop{
    width: 980px;
    overflow: hidden;
    margin: 0 auto;
}

.btnTel{
	width:70%;
	float:left;
	overflow: hidden;
}

.btn_ban{
	margin-top: 20px;
	width: 400px;
	height: 50px;
	padding: 25px 15px 0 15px;
	border-radius: 5px;
	border: 2px solid #8da5d6;
	background: #FFF;
	text-align: center;
}
.btn_ban a{
	text-decoration: none;
	color: #8da5d6;
	font-size: 32px;
	top: 15px;
	font-weight: bold;
}
.subtitle{
	width: 100%;
    height: 200px;
    min-width: 1000px;
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0px;
	background-color: #3B4F76;
}
.bgsub {
    width: 980px;
    margin: 0 auto;
}
.subt_box1{
	border-right: 2px solid #4c9ed9;
	font-size: 16pt;
	width: 30%;
	margin: -10px 0 0 0;
	padding: 0 10px;
	line-height: 1.5;
	float: left;
}

.subt_box2{
	border-right: 2px solid #4c9ed9;
	font-size: 16pt;
	width: 30%;
	margin: -50px 15px 0px 15px;
	padding: 0 10px;
	line-height: 1.5;
	float: left;
}

.subt_box3{
	font-size: 16pt;
	width: 30%;
	margin: -90px 0 0px 0;
	padding-right: 10px;
	line-height: 1.5;
	float: left;
}

.subt_box1 .title,.subt_box2 .title,.subt_box3 .title{
	font-size: 20pt;
	font-weight: bold;
	color: #fff;
}

.subt_box1 p,.subt_box2 p,.subt_box3 p{
	font-size: 14pt;
	color: #fff;
	line-height: 1.4;
}

.contents{
	margin: 0 auto;
    margin-top: 30px;
    padding: 0;
    width: 980px;
    display: block;
}

.single{
	padding-top: 130px;
}

.sideBox{
	width:270px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}
	
.sideBox02{
	width:268px;
	height:auto;
	padding:0;
	background:#efefef;
	clear:both;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin-bottom: 20px;
}	

.rightBox{
	width: 688px;
    float: right;
	margin-bottom: 20px;
	overflow: hidden;
}	

/* Contents
///////////////////////////////////////*/
.mainpicBox{
	width:623px;
	height:348px;
	padding:17px 13px;
	margin:0 0 30px 0;
	background:url(../images/mainpic_bg.gif) no-repeat;
}

.maincontBox{
	width:100%;
	margin:0 0 30px 0;
}
.maincontBox td{
	vertical-align:top;
	padding:5px;
}

.maincontBox02{
	width:649px;
	margin:0 0 30px 0;
	padding:0;
}
	
.maincontBox03{
	width:649px;
	margin:0 0 30px 0;
	padding:0 0 10px 0;
}

.maincontBox p,.maincontBox03 p{
	padding:0 10px 5px;
	font-size:16px;
	text-align:left;
}
	
.picBox{
	width:268px;
	height:227px;
	border:1px solid #E4E4E4;
	background:#FFFFFF;
	padding:16px;
	margin:0 20px 10px 0;
	float:left;
}

.rightBtn a{
	width:175px;
	height:36px;
	float:right;
	display:block;
	background:url(../images/btn01.gif) no-repeat 0 0;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin-top:20px;
}	

.rightBtn a:hover{
	background:url(../images/btn02.gif) no-repeat 0 0;
}				

#pan {
	display:block;
	margin:0 auto;
	padding: 0;
	width:900px;
	text-align:left;
}

#pan p {
	font-size:10px;
	text-align: left;
	padding:0;
}

.news {
	display:block;
	/*margin: 0 13px 0;*/
	padding:0;
	text-align:left;
	line-height:190%;
}
input
.news p{
	border-bottom: 1px dotted #999;
    margin-bottom: 10px;
}

.news dt {
	padding:0 0 0 0.8em;
	margin:0.7em 0 0 0;
	height:15px;
	width: 10em;
	float: left;
	clear:left;
	line-height:140%;
}
.news dd {
	padding: 0.5em 0 0.5em 11.5em;
	border-bottom:1px dotted #666;
}

.news td {
	padding: 5px 10px 0 0;
	border-bottom:1px dotted #666;
	border-top:none;
	border-left:none;
	border-right:none;
	width:600px;
}
.gotoTopBox {
	clear:both;
	/*width:636px;*/
	padding:0;
	margin-bottom:20px;
	padding-bottom: 40px;
}

.gotoTop {
	padding-left:25px;
	font-size:12px;
	background:url(../images/gototop.png) no-repeat 0.2em;
	background-size: 18px;
	text-align:right;
	display:inline;
	float:right;
	clear:none;
	color:#1f79cc;
	margin:20px 0 0 0;
}
a.gotoTop:link {
	text-decoration: underline;
	color: #1f79cc;
}
a.gotoTop:visited {
	text-decoration: underline;
	color: #1f79cc;
}
a.gotoTop:hover {
	text-decoration: none;
	color: #1f79cc;
}
a.gotoTop:active {
	text-decoration: none;
	color: #1f79cc;
}

/*----------------------------------------------------
	テーブル表関係
----------------------------------------------------*/
.infoTable{	
	width: 90%;
	line-height: 1.5;
	text-align: left;
	padding: 0;
	margin: 10px;
	border: none !important;
}	
	
.infoTable th{	
	width: 40%;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	padding: 10px 10px;
	border: none !important;
	margin: 10px;
	table-layout: fixed;
}
	
.infoTable td{	
	width: 50%;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	border: none !important;
	margin: 10px;
	table-layout: fixed;
}	

/*テーブル1、線あり*/	
.infoTable01{	
	width: 90%;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	padding: 10px;
	margin: 10px;
	border: 1px solid #cccccc;
}	
	
.infoTable01 th{	
	width: 30%;
	font-size: 16px;
	font-weight: bolder;
	line-height: 1.5;
	text-align: left;
	padding: 10px;
	border: 1px solid #cccccc;
	margin: 0;
	background-color:#f2f2f2;
	table-layout: fixed;
}
	
.infoTable01 td{	
	width: 60%;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	padding: 10px;
	border: 1px solid #cccccc;
	margin: 0;
	table-layout: fixed;
	vertical-align:middle;
}	

/*テーブル2、線なし 在庫*/	
.infoTable02{	
	width: 90%;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	padding:0,auto,10px,10px;
	margin: 10px;
}	
	
.infoTable02 th{	
	width: 40%;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	padding: 10px;
	margin: 0;
	vertical-align:top;
	table-layout: fixed;
}
	
.infoTable02 td{	
	width: 60%;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	padding: 10px;
	margin: 0;
	table-layout: fixed;
}	

/*テーブル4、コンタクト*/	
.infoTable04{	
	width: 90%;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	padding: 10px;
	margin: 10px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
		table-layout: fixed;
}	
	
.infoTable04 th{	
	width: 30%;
	font-size: 16px;
	font-weight: bolder;
	line-height: 1.5;
	text-align: left;
	padding: 10px;
	border: 1px solid #cccccc;
	margin: 0;
	border-collapse: collapse;
	background-color:#f2f2f2;
	table-layout: fixed;
}
	
.infoTable04 td{	
	width: 60%;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	border-collapse: collapse;
	padding: 10px;
	border: 1px solid #cccccc;
	margin: 0;

}

	input.wpcf7-text,textarea{
width: 100%;
box-sizing: border-box;
}	

.googlemap{	
	width:90%;
	margin-left:10px;
}


.td130{
	width:130px;
	background:#F0F0F0;
	text-align:left;
	font-weight:bold;
	border-right:1px solid #cccccc;
}

/*----------------------------------------------------
	共通見出しバー関係
----------------------------------------------------*/

h2{
	width: 688px;
	margin:0;
	padding:9px 0 10px 30px;
	display:block;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	background:url(../images/h2_back.png) 0 0 no-repeat;
	clear:both;
}
	
h2 a:link,h2 a:visited,h2 a:hover,h2 a:active{color:#fff;}	

h3{	
	margin:10px 0;
	padding:4px 0 4px 11px;
	display:block;
	clear:both;
	font-weight:bold;
	font-size:18px;
	color:#2C3B5C;
	border-left:solid 5px #394c6f;
	background:#EFEFEF;
	border-radius:4px 4px 0 0;
}
	
h4{
	margin:20px 0;
	padding:4px 0 4px 25px;
	display:block;
	color:#333;
	font-weight:bold;
	font-size:18px;
    background: url('../images/pc_circle.png') no-repeat left center;
	border-bottom:solid 3px #2C3B5C;
	clear:both;
}	



/*----------------------------------------------------
	カレンダー関係
----------------------------------------------------*/
#wp-calendar{
	margin:0 auto;
	padding:0;
}

#wp-calendar th{
	padding:2px;
	text-align:center;
}

/*clearFix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

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