@charset "UTF-8";
@import url("grid.css");
@import url("styleMax.css");
@import url("styleMin.css");

img {
	max-width:100%;
	height: auto;
}
a {
    color: #333333;
}
a:hover { 
    color: #F20000;
}
a img:hover {
	opacity: 0.8;
}
.noneLink img:hover{
	opacity: 1.0;
	cursor:default;
}
.underline {
	border-bottom: 3px solid #000;
	border-left: 15px solid #000;
	padding-left:5px;
}
.underline2 {
	border-bottom: 2px solid #000;
	border-left: 5px solid #000;
	padding-left:5px;
}
.underline1 {
	border-bottom: 1px solid #000;
	border-left: 5px solid #000;
	padding-left:5px;
}

/*ヘッダー
-------------------------------------*/
.head {
	display: flex;
    flex-direction: row;
    padding: 1rem 0 1rem 0;
}

.head #company-name {
    position: absolute;
    font-size: 15px;
    font-weight: bold;
    left: 180px;
    top: 25px;
}
.head #company-name span {
    font-size: 20px;
    display: inline;
}
.head #company-name a {
    text-decoration: none;
}

.telbox {
	margin-left: auto;
	font-size: 3.0rem;
	padding: 1rem 0 0 0;
}
li{
	margin-bottom:0px;
}
nav ul {
	display: flex;
    justify-content: space-around;
    list-style: none;
}
nav li {
    display: block;
    flex: 1 0 auto;
	border: none;
}
nav li a {
    text-decoration: none;
    text-align: center;
    display:block;
    text-decoration-line: none;
    background-color:#EEEEEE;
}
nav a:hover {
    background-color: #f7f7f7;
    color: #000;
    text-decoration-line: underline;
}
nav a {
    padding: 1rem;
}
nav ul li ul {

}
nav ul li ul li {

}

/*メイン画像
-------------------------------------*/
.mainimg {
	width: 100%;
	max-width:1210px;
	overflow: hidden;
}
.mainimg img {
	display: inline-block;
	float:left;
}
.imgcenter {
	text-align:center;
}


/*メインコンテンツ
-------------------------------------*/
main {
    margin: 5rem 0 5rem 0;
}

/*新着情報
-------------------------------------*/
.news h2 {
    border-bottom: 3px solid #000;
	padding-bottom: 0.5rem;
}
.news li {
    list-style-type: none;
	border-bottom: 1px solid #ccc;
	padding: 0.5rem 0;
}

/*フッター
-------------------------------------*/
footer {
    background-color: #eeeeee;
    padding: 5rem 0;
	border-top: 10px #911a1a solid;
}
footer h5 {
    border-bottom: 3px solid #ccc;
}
footer ul {
	width: max-content;
}

#footerul {
	width: 100%;
    display: inline-block;
	position: relative;
	top: 20px;
    white-space: wrap;
}
.footerli {
	display:inline;
	padding:  0 2.0em 0 0;
    white-space: nowrap;
}
/*コピーライト
-------------------------------------*/
.copyright {
    text-align: center;
    padding: 1rem 0;
    background-color: #fff;
}
.copyright a {
    color: #000;
    text-decoration: none;
	display: inline-block;
}

/*ページトップへ戻るボタン
-------------------------------------*/
#pagetop {
    position: fixed;
    bottom: 15px;
    right: 15px;
    display: block;
    background: #000;
    color: #fff;
	height:50px;
    width: 50px;
    text-align: center;
	border-radius:30px;
	opacity:0.8;
	cursor:pointer;
}
#pagetop:hover {
    background: #666;
	opacity:0.7;
}
/*細矢印*/
#pagetop:before {
	content: "";
	width: 15px;
	height: 15px;
	border-top: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	transform: rotate(315deg); /*図形回転*/
	-webkit-transform: rotate(315deg); /*図形回転*/
	-moz-transform: rotate(315deg); /*図形回転*/
	-ms-transform:rotate(315deg);
	position:absolute; /*絶対位置指定*/
	top:20px;
	left:18px;
	text-align:center;
	font-size:20px;
}

/*マウスオーバー時ボタン透過*/
.p-topB:hover {
	filter:alpha(opacity=80);
	opacity:0.8;
}
/*パンくずリスト
-----------------------------------*/
.breadcrumb {
    margin: 0 0 1em 0;
    padding: 0;	
}
.breadcrumb li {
    list-style-type: none;
}
.breadcrumb li a {

}

.breadcrumb li a:hover {

}

















/*
---------------------------------------------------------------------------
---------------------------------------------------------------------------
sugimoto
---------------------------------------------------------------------------
---------------------------------------------------------------------------
*/

/*テーブル１・２・３
---------------------------------------------------------------------------*/
.ta1, ta2, ta3 {
    width: 100%;
}
.ta1, .ta1 td, .ta1 th, .ta2, .ta2 td, .ta2 th, .ta3, .ta3 td, .ta3 th {
    border: 1px solid #000; /*テーブルの枠線の幅、線種、色*/
    line-height: 2;
}
/*テーブル１・２・３内の右側*/
.ta1 td, .ta2 td, .ta3 td {
    width: auto;
    padding: 10px;
    vertical-align: top;
}

/*テーブル１内の左側の見出し部分*/
.ta1 th {
    width: 20%;
    padding: 10px;
    text-align: center;
    background: #FBE4D5;      /*背景色*/
}
/*テーブル２内の左側の見出し部分*/
.ta2 th {
    width: 20%;
    padding: 10px;
    text-align: center;
    background: #FBE4D5; /*背景色*/
}
/*テーブル３内の左側の見出し部分*/
.ta3 th {
    width: 20%;
    padding: 10px;
    text-align: center;
    background: #ECF3FF; /*背景色*/
}

/*テーブル１・２の１行目に入った見出し部分*/
.ta1 th.tamidashi, .ta2 th.tamidashi{
    width: auto;
    text-align: left;
    color: #00000;            /*文字色*/
    background: #FBE4D5;    /*背景色*/
}
/*2016/01/19 Fujimoto S*/
/*テーブル3の1行目に入った見出し部分*/
.ta3 th.tamidashi{
    width: auto;
    text-align: left;
    color: #00000;            /*文字色*/
    background: #ECF3FF;    /*背景色*/
}
/*2016/01/19 Fujimoto E*/

.ta1 th a, .ta2 th a, .ta3 th a {
    color: #FFF;
}


/*トップページスライドショー用
---------------------------------------------------------------------------*/
.mainimg {
	width: 100%;
	max-width:1210px;
	overflow: hidden;
}
.mainimg img {
	display: inline-block;
	float:left;
}
.imgcenter {
	text-align:center;
}
#slideMain {
	display: block;
	text-align:center;
}

#slideMain a {
	width: 100%;
	padding:0 2%;
	max-width:1208px;
	display: block;
	position:absolute;
}

#slideMain img {
	width: 100%;
	max-width:1208px;
	display: block;
}

#slideView {
	position: relative;
	display: block;
	max-width:1210px;
	overflow: hidden;
	margin-right:auto;
	margin-left:auto;
	font-size: 20px;
	font-family: "ＭＳ ゴシック",sans-serif;
	font-weight: bold;
}
#slide {
}

#next {
	text-align: center;
	background:#555555;
	color:#FFFFFF;
	font-size:20px;
	position:absolute;
	display:block;
	width:40px;
	height:60px;
	padding-top:10px;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	margin-right: 4%;
	z-index:1;
	cursor: pointer;
	opacity:0.5;
}
#prev {
	text-align: center;
	background:#555555;
	color:#FFFFFF;
	font-size:20px;
	position:absolute;
	display:block;
	width:40px;
	height:60px;
	padding-top:10px;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	margin-left: 4%;
	z-index:1;
    cursor: pointer;
	opacity:0.5;
}

#slide .prev {    /*左にあるスライドボタン*/
	position: absolute;
	top: 150px;
	left: 10px;
}
#slide .prev a{
	display: block;
	width: 30px;
	height:50px;
	padding-top:13px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;    /*文字色*/
	background-color:#000000;
	filter:alpha(opacity=">");
	opacity:0.50;
}
#slide .prev a:hover{
	color: #000000;     /*マウスオン時の文字色*/
	background: #AAAAAA;   /*マウスオン時の背景色*/
	text-decoration: none;
}
#slide .next {    /*右にあるスライドボタン*/
	position: absolute;
	top: 150px;
	left: 660px;
}
#slide .next a{
	display: block;
	width: 30px;
	height:50px;
	padding-top:13px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;    /*文字色*/
	background-color:#000000;
	filter:alpha(opacity=">");
	opacity:0.50;
}
#slide .next a:hover{
	color: #000000;     /*マウスオン時の文字色*/
	background: #AAAAAA;   /*マウスオン時の背景色*/
	text-decoration: none;
}

#slide #visuals {
	position: absolute;
	height: 500px;
}

#slide #visuals ul {
	float: left;
	height: 500px;
    list-style: none;
}

#slide #visuals ul li {
	float: left;
	width : 705px;
	height: 288px;
}

#slide #indicator {
	z-index:4;
	margin-top: 530px;
	text-align: center;
	font-size: 0;
	line-height: 100%;
}

#slide #indicator li {
	margin: 0 10px;
	display: inline-block;
	width: 12px;
	height: 12px;
	*display: inline;
	*zoom: 1;
}

#slide #indicator li a {
	background: #AAAAAA;
	display: block;
	width: 12px;
	height: 12px;
}

#slide #indicator li a:hover{
	background: #999999;
}

#slide #indicator li.current a {
	background: #FF0000;
}

#submenu  {
	margin-bottom:10px;
}
#submenu p {
	display: block;
	background-color:#999999;
	border: 1px solid #888888;
	color:#FFFFFF;
	padding:5px;
	margin:0px;
}
#submenu a {
	display: block;
	background-color:#EEEEEE;
	border: 1px solid #DDDDDD;
	color:#222222;
	padding:5px;
	margin:0px;
}

#submenu a:hover {
	background-color:#999999;
	border: 1px solid #888888;
	color:#FFFFFF;
}

.acd-check {
	display:none !important;
}

.acd-label {
    background-color:#EEEEEE;
    margin:0px;
    padding:10px;
    color:#333333;
    text-align:center;
    position:relative;
    cursor: pointer;
    font-weight:400;
}
.acd-label:hover{
    background-color: #f7f7f7;
    color: #000;
    text-decoration-line: underline;
}
.acd-content {
	display:block;
	width:auto;
	height:0px;
	visibility:hidden;
	transition:.3s ease-out;
	opacity:0;
	margin:0px;
	padding:0px;
}

.acd-check:checked + .acd-label + .acd-c3 {
	height:129px;
}
.acd-check:checked + .acd-label + .acd-c4 {
	height:171px;
}
.acd-check:checked + .acd-label + .acd-c5 {
	height:214px;
}
.acd-check:checked + .acd-label + .acd-c6 {
	height:258px;
}
.acd-check:checked + .acd-label + .acd-c7 {
	height:299px;
}
.acd-check:checked + .acd-label + .acd-content {
	visibility:visible;
	background:#FFFFFF;
	transition:.3s ease-out;
	opacity:1;
    background-color:#EEEEEE;
}

.acd-check:checked + .acd-label {
	background:#DDDDDD;
}

.acd-label:after {
	font-size:20px;
	box-sizing:border-box;
	position:absolute;
	display:block;
	padding-top:2px;
	right:0;
	top:0px;
    text-decoration-line: none;
}

/* 問い合わせフォーム用 */
#fd01 input, #fd01 select {
	margin-bottom:5px;
	margin-right:0px;
	margin-left:0px;
}
#fd01 .c input {
	margin-bottom:5px;
	margin-right:10px;
	margin-left:10px;
}

#fd01 .input_l{
	width:100%;
}

textarea {
	margin-bottom:0px;
	resize:none;
}

#fd01 .fd01-rl {
	border-bottom: 1px solid #333333;
}

#fd01 .fd01-end {
	padding:20px;
	text-align: center;
}

/* 通常テーブル項目用 */
#fd02 {
	margin-bottom:15px;
}
#fd02 .fd02-rl {
	border-bottom: 1px solid #333333;
}

#fd02 .fd02-l {
	font-weight:700;
	padding:5px;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}

#fd02 .fd02-bg-r {
	background:#FBE4D5;
}
#fd02 .fd02-bg-dr {
	background:#FBCBAC;
}
#fd02 .fd02-bg-b {
	background:#ECF3FF;
}
#fd02 .fd02-bg-db {
	background:#D7E6FF;
}

#fd02 .fd02-r {
	padding:5px;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	margin-left: 0px;
}

#fd02 .fd02-all {
	padding:5px;
	font-weight:700;
	flex:0 0 96%;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}