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


/* フォント
--------------------------------------------------*/
.red {
	color: #ff0000;
}
.blue {
	color: #1085C5;
}
.blue02 {
	color: #03419E;
}
.green {
	color: #009966;
}
.orenge {
	color: #FF3333;
}
.pink {
	color: #F69;
}
.gray {
	color: #666;
}

.bold{
	font-weight: bold;
}
.normal{
	font-weight: normal;
}


.headspace {
	margin: 0 0 5px 10px;
}
.indent01 {
	text-indent: 1em;
}



.font80 {
	font-size: 80%;
}
.font90 {
	font-size: 90%;
}
.font100 {
	font-size: 100%;
}
.font110 {
	font-size: 110%;
}
.font120 {
	font-size: 120%;
}
.font130 {
	font-size: 130%;
}
.font140 {
	font-size: 140%;
}
.font150 {
	font-size: 150%;
}
.font160 {
	font-size: 160%;
}
.font180 {
	font-size: 180%;
}
.font200 {
	font-size: 200%;
}
.font240 {
	font-size: 240%;
}


.japan_font {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}




/* スペース
--------------------------------------------------*/

.mt10 {
	margin-top: 1em;
}

/* 2019/06/26 追加 */
.mtb50 {
	margin: 50px 0;
}


/*　タイトル
--------------------------------------------------*/
/*ページタイトル*/
h2 {
	border-bottom: solid 1px #999;
	padding: 0.5em 0 0.4em 1em;
	font-weight: bold;
	font-size: 120%;
	color: #666;
	margin-top: 150px;
	top: -150px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 61%, #ffefef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 61%,#ffefef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 61%,#ffefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffefef',GradientType=0 ); /* IE6-9 */
}

h2 {
	box-shadow: 1px 1px 1px #DDD;
	-moz-box-shadow: 1px 1px 1px #DDD;
	-webkit-box-shadow: 1px 1px 1px #DDD;
}
h2 {
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#DDDDDD'); zoom:1;
}

/*小タイトル*/
.stitle01 {
	background: #fffff4; /* Old browsers */
	background: -moz-linear-gradient(top, #fffff4 0%, #ffffb5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fffff4 0%,#ffffb5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fffff4 0%,#ffffb5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffff4', endColorstr='#ffffb5',GradientType=0 ); /* IE6-9 */
	padding: 0.8em 0 0.7em 0.5em;
	margin: 0 auto 0.7em;
	color: #444;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	border: solid 1px #DDD;
}
.stitle02 {
	border: solid 2px #FFA6A6;
	border-left: solid 5px #FFA6A6;
	padding: 0.5em 0 0.3em 0.8em;
	margin: 0 auto 0.7em;
	color: #333;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
}
.stitle03 {
	border-bottom: solid 2px #666666;
	padding: 1.3em 0.7em 0 1em;
	margin: 0 auto 0.7em;
	font-size: 120%;
	text-align: left;
}
.stitle04 {
	padding: 0.8em 0 0.7em 0.5em;
	margin: 0 auto 0.7em;
	font-size: 120%;
	text-align: left;
	color: #FF9393;
	font-weight: bold;
}



/*パンくずリスト*/
.breadcrumbs ol {
	margin: 0 0 5px;
	font-size: 84.6%;
	line-height: 1.335;
	text-align: right;
	padding: 0.3em;
}
.breadcrumbs ol li {
	display: inline;
	line-height: 110%;
	list-style-type: none;
}
.breadcrumbs ol li a {
	padding-right: 12px;
	background: url(../img/common/path.png) no-repeat right center;
}



/* ボタン
--------------------------------------------------*/
/*黒ケイ*/
.btn_black_line {
	text-align: center;
	margin: 0.5em 0;
}
.btn_black_line a {
	text-decoration: none;
	padding: 0.5em 1em 0.3em;
	display: block;
	border: solid 1px #000;
}
.btn_black_line a:hover {
	border: solid 1px #666;
}

/*黒ケイの灰*/
.btn_black_white {
	text-align: center;
	margin: 0.5em 0;
}
.btn_black_white a {
	text-decoration: none;
	padding: 0.5em 1em 0.4em;
	display: block;
	border: solid 1px #cccccc;
	border-radius: 6px;
	color: #333333;
	background: #FFFFFF url(../img/common/title_bg.jpg) repeat-x bottom;
}
.btn_black_white a:hover {
	background: #EEEEEE;
	border: solid 1px #666666;
	border-bottom: solid 2px #22325E;
}


/*ピンク*/
.btn_pink {
	text-align: center;
	margin: 0.5em auto;
}
.btn_pink a {
	text-decoration: none;
	padding: 0.4em 0 0.3em;
	display: block;
	border: solid 1px #CCCCCC;
	border-radius: 6px;
	color: #333;
	background: #ffedf3; /* Old browsers */
	background: -moz-linear-gradient(top, #ffedf3 1%, #ffb7c8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffedf3 1%,#ffb7c8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffedf3 1%,#ffb7c8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffedf3', endColorstr='#ffb7c8',GradientType=0 ); /* IE6-9 */
}
.btn_pink a:hover {
	background: #ffedf3; /* Old browsers */
	background: -moz-linear-gradient(top, #ffb7c8 1%, #ffedf3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffb7c8 1%,#ffedf3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffb7c8 1%,#ffedf3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb7c8', endColorstr='#ffedf3',GradientType=0 ); /* IE6-9 */
}

/*黄色*/
.btn_yellow {
	text-align: center;
	margin: 0.5em auto;
}
.btn_yellow a {
	text-decoration: none;
	padding: 0.4em 0 0.3em;
	display: block;
	border: solid 1px #CCCCCC;
	border-radius: 6px;
	color: #333;
	background: #ffffed; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffed 0%, #ffff88 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffed 0%,#ffff88 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffed 0%,#ffff88 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffed', endColorstr='#ffff88',GradientType=0 ); /* IE6-9 */
}
.btn_yellow a:hover {
	background: #ffffed; /* Old browsers */
	background: -moz-linear-gradient(top, #ffff88 0%, #ffffed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffff88 0%,#ffffed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffff88 0%,#ffffed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffffed',GradientType=0 ); /* IE6-9 */
}

/*揃え*/
.btn_center {
	margin-left: auto;
	margin-right: auto;
}

/*--サイズ--*/
/*4つ*/
.btn4 {
	width: 23%;
}
/*3つ*/
.btn3 {
	width: 28%;
}
/*1つ*/
.btn5size {
	width: 5em;
}
.btn10size {
	width: 10em;
}
.btn15size {
	width: 15em;
}
.btn20size {
	width: 20em;
}

@media screen and (max-width:860px){
/*4つ*/
.btn4 {
	width: 40%;
}
}

@media screen and (max-width:648px){
/*4つ*/
.btn4 {
	width: 90%;
}
/*3つ*/
.btn3 {
	width: 90%;
}
/*1つ*/
.btn5size {
	width: 90%;
}
.btn10size {
	width: 90%;
}
.btn15size {
	width: 90%;
}
	
/*TEL*/
.btn_tel {
	text-align: center;
	margin: 0.5em 0;
}
.btn_tel a {
	text-decoration: none;
	padding: 0.5em 1em 0.4em;
	display: block;
	border: solid 1px #cccccc;
	border-radius: 6px;
	color: #333333;
	background: #FFFFFF url(../img/common/title_bg.jpg) repeat-x bottom;
}
.btn_tel a:hover {
	background: #EEEEEE;
	border: solid 1px #666666;
	border-bottom: solid 2px #22325E;
}
}




/* リスト
--------------------------------------------------*/
/*ノーマル*/
.text_box ul {
	margin-bottom: 1em;
}
.text_box ul li {
	list-style: outside disc;
	margin-left: 2em;
}

.text_box ol {
	margin-bottom: 1em;
}
.text_box ol li {
	list-style: outside decimal;
	margin-left: 2.5em;
}

/*横並びリスト*/
dl.beside_list {
    overflow: hidden;
}
dl.beside_list dt {
    float: left;
    padding: 0.3em 0;
    text-align: right;
}
dl.beside_list dd {
    padding: 0.3em 0 0.3em 0;
}

@media screen and (max-width:648px){
	dl.beside_list {
		width: 95%;
		display: block;
		margin: 0 auto;
	}
	dl.beside_list dt {
		float: none;
		padding: 0.3em 0;
		text-align: left;
	}
	dl.beside_list dd {
		padding: 0em 0 0.3em 0;
		border-bottom: solid 1px #CCC;
		margin-bottom: 1em;
	}
}

/*先頭の文字だけピンク色*/
dl.color_moji {
}
dl.color_moji dt:first-letter {
	color: #FF9393;
}

/*ダイヤ*/
/*ul.list_diamond li {
  position: relative;
}
ul.list_diamond li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  background-color: #FF9393;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}*/

ul.list_diamond li {
    text-indent: -1.2em;
    margin-left: 1.2em;
	list-style: none;
}
ul.list_diamond li:before {
    content: '◆';
    display: inline-block;
    width: 1em;
    text-indent: 0;
	color: #FF9393;
}

/*チェックマーク*/
ul.list_check li {
  position: relative;
	list-style: none;
}
ul.list_check li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 8px;
  height: 3px;
  border-left: 2px solid #FF9393;
  border-bottom: 2px solid #FF9393;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*矢印*/
ul.arrow01 li {
	position: relative;
	list-style: none;
}
ul.arrow01 li:after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	border-right: 2px solid #FF9393;
	border-bottom: 2px solid #FF9393;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*円の上に矢印*/
ul.arrow02 li {
	position: relative;
	list-style: none;
}
ul.arrow02 li:after,
ul.arrow02 li:before {
	display: block;
	content: '';
	position: absolute;
}
ul.arrow02 li:after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #3498db;
	border-radius: 100%;
}
ul.arrow02 li:before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


@media screen and (max-width:648px){
ul.arrow01 li {
	margin: 0.5em;
}
ul.arrow01 li:after,
ul.arrow01 li:before {
	display: block;
	content: '';
	position: absolute;
}
ul.arrow01 li:after {
	width: 0;
	height: 0;
}
ul.arrow01 li:before {
	width: 0;
	height: 0;
	border-right: none;
	border-bottom: none;
	-webkit-transform: none;
	transform: none;
}
ul.arrow01 li a {
	padding: 0.5em;
	border: solid 1px #CCCCCC;
	background: #FF9393 url(../img/common/btn_bg02.jpg) repeat-x top;
	overflow: hidden;
	display: block;
	border-radius: 6px;
	color: #FFFFFF;
	text-decoration: none;
}
ul.arrow01 li a:over {
	padding: 0.5em;
	border: solid 1px #CCCCCC;
	background: #BDD7E1;
}
	
	
ul.arrow02 li {
	margin: 0.5em;
}
ul.arrow02 li:after,
ul.arrow02 li:before {
	display: block;
	content: '';
	position: absolute;
}
ul.arrow02 li:after {
	width: 0;
	height: 0;
}
ul.arrow02 li:before {
	width: 0;
	height: 0;
	border-right: none;
	border-bottom: none;
	-webkit-transform: none;
	transform: none;
}
ul.arrow02 li a {
	padding: 0.5em;
	border: solid 1px #CCCCCC;
	background: url(../img/temp/navi_back.jpg) repeat-x top;
	overflow: hidden;
	display: block;
}
ul.arrow02 li a:over {
	padding: 0.5em;
	border: solid 1px #CCCCCC;
	background: #BDD7E1;
}
}


/*※印など、テキスト頭付けのリストの2行目下げ*/
ul.starmark {
	list-style: none;
}
ul.starmark li {
	text-indent:-1em;
	list-style: none;
}


/*横並び*/
ul.list_sbys_center {
	text-align: center;
	list-style: none;
}
ul.list_sbys_center li {
	display: inline-block;
	vertical-align: top;
}

ul.list_sbys_left {
	text-align: left;
	list-style: none;
}
ul.list_sbys_left li {
	display: inline-block;
	vertical-align: top;
}

@media screen and (max-width:648px){
ul.list_sbys_center li {
	display: block;
	margin: 0 auto 0.6em;
}

ul.list_sbys_left li {
	display: block;
	margin: 0 auto 0.6em;
}
}


/* 本文
--------------------------------------------------*/
.text_box {
	width: 96%;
	margin: 0 auto 2em;
	overflow: hidden;
	text-align: left;
}

.article {
	text-align: left;
}

.text_box p {
	margin-top: 0;
	padding-top: 0;
}
.text_box li {
	line-height: 1.8;
}

/*--段落--*/
.text_column {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 1.6em;
	-webkit-column-gap: 1.6em;
	column-gap: 1.6em;
}
.text_column p {
	margin: 0 auto 1em;
}

/*--2カラム--*/
.column_left {
	float: left;
	display: block;
	overflow: hidden;
}
.column_right {
	float: right;
	display: block;
	overflow: hidden;
}

/*5:5*/
.box_05 {
	width: 49%;
}

/*4:6*/
.box_04 {
	width: 38%;
}
.box_06 {
	width: 60%;
}

/*3:7*/
.box_03 {
	width: 28%;
}
.box_07 {
	width: 70%;
}

/*1カラム*/
.box_80 {
	width: 80%;
}
.box_20 {
	width: 20%;
}

/*margin*/
.left_10 {
	margin-left: 8%;
}
.right_10 {
	margin-right: 8%;
}


@media screen and (max-width:648px){
.column_left {
	float: none;
	margin: 0 auto 1em;
}
.column_right {
	float: none;
	margin: 0 auto 1em;
}

/*5:5*/
.box_05 {
	width: 99%;
}

/*4:6*/
.box_04 {
	width: 99%;

}
.box_06 {
	width: 99%;
}

/*3:7*/
.box_03 {
	width: 99%;
}
.box_07 {
	width: 99%;
}

/*1カラム*/
.box_80 {
	width: 99%;
}

/*--段落--*/
.text_column {
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
	-moz-column-gap: 0;
	-webkit-column-gap: 0;
	column-gap: 0;
}
.text_column p {
	margin: 0 auto 1em;
}
	
}

/*色付きbox*/
.color_box01 {
	background: #C6D7E8;
	padding: 0.5em 0.5em 0;
	margin: 0 auto 1em;
}





/*--Table用ボックス--*/
table.tableline {
	margin: 0.5em 0;
	border-collapse: collapse;
	border: 1px solid #999;
	font-size: 100%;
}
table.tableline th {
	padding: 8px;
	border-collapse: collapse;
	border: 1px solid #999;
	background: #EEEEEE;
}
table.tableline td {
	padding: 8px;
	border-collapse: collapse;
	border: 1px solid #999;
}

.table_size01 th {
	width: 30%;
	text-align: left;
}
.table_size02 th {
	text-align: left;
}

@media only screen and (max-width:480px){
.tablebox table	{
	border: none;
}
.tablebox th {
	border: none;
	border-bottom: dotted 1px #CCC;
}
.tablebox td {
	border: none;
	border-bottom: 1px solid #999;
}
.table_size01 {
}
.table_size01 th,
.table_size01 td {
	width: 100%;
	display: block;
	border-top: none;
}
.table_size01 tr:first-child th	{
	border-top: 1px solid #999;
}

}


@media only screen and (max-width:900px){
table.table_size02 {
	border: 1px solid #999;
}
.table_size02 th,
.table_size02 td {
	width: 100%;
	display: block;
	border-top: none;
	border-bottom: dotted 1px #999;
}
.table_size02 tr {
	border-bottom: 1px solid #999;
}
.table_size02 th:last-child,
.table_size02 td:last-child {
	border-bottom: none;
}
}

.tablebox_n table {
	width: 96%;
	margin: 0.5em auto;
	border-collapse: collapse;
	border: 1px solid #999;
	font-size: 100%;
}
.tablebox_n table th {
	padding: 8px;
	border-collapse: collapse;
	border: 1px solid #999;
}
.tablebox_n table td {
	padding: 8px;
	border-collapse: collapse;
	border: 1px solid #999;
}



/*表内中央ぞろえ*/
.th_center th {
	text-align: center;
}
.td_center td {
	text-align: center;
}


/*--thの装飾--*/
.prof table th {
	background: url(../img/common/prof_back.gif) repeat-x top;
}

/*概要*/
.company_t th {
	background: #EEEEEE;
	text-align: center;
	font-weight: bold;
}

/*沿革*/
.history_t th {
	/*background: #DDEAFE;*/
	color: #03419E;
	font-weight: bold;
}


/*--tdの装飾--*/
.tablebtn td {
	background: url(../img/common/btn_back00.jpg) repeat-x bottom;
}
.tablebtn td.orengebtn {
	background: url(../img/common/btn_back01.jpg) repeat-x bottom;
}




/* 共通
--------------------------------------------------*/
/*文字ぞろえ*/
.textcenter {
	text-align: center;
}
.textright {
	text-align: right;
}
.textleft {
	text-align: left;
}

@media screen and (max-width:648px){
.sp_textcenter {
	text-align: center;
}
}

@media screen and (max-width:920px){
/*改行*/
.br:before {
	content: "\A" ;
	white-space: pre ;
}
}

.moji_space01 {
	letter-spacing: 0.5em;
}

/*外部リンク
#contents a[href^="http"]	{ 
	background: url(../img/common/site_icon.png) no-repeat right center;
	padding-right: 0.8em;
	margin-right: 0.5em;
}
#contents a[href^="http://network-way.com/"] {
	background:none;
	padding-right:0;
	margin-right:0;
}
#contents a[href^="http://www.kowa-denki.co.jp/"] {
	background:none;
	padding-right:0;
	margin-right:0;
}*/

/*PDF
a[href$=".pdf"]	{ 
	background: url(../img/common/pdf_icon_mini.jpg) no-repeat right center;
	padding-right: 1.5em;
	margin-left: 0;
}
* html a.pdf{ 
	background: url(../img/common/pdf_icon_mini.jpg) no-repeat right center;
	padding-right: 1.3em;
	margin-left: 0;
}
*/


/*clear*/
.clear {
	clear: both;
}



/* ライン
--------------------------------------------------*/
.border_under {
	border-bottom: 1px solid #BFD1D5;
}
.border_top {
	border-top: 1px solid #BFD1D5;
}

/*ドット*/
.dotborder_under {
	border-bottom: 1px dotted #BFD1D5;
}
.dotborder_top {
	border-top: 1px dotted #BFD1D5;
}





/* スマホ時
--------------------------------------------------*/
.sp_alive {
	display: none;
}

.pc_alive {
	display: block;
}

@media screen and (max-width:648px){
.sp_alive {
	display: block;
}

.pc_alive {
	display: none;
}
}



/* イメージ画像
--------------------------------------------------*/
.imgright {
	float: right;
	margin: 0 0 10px 10px;
}
.imgleft {
	float: left;
	margin: 0 10px 5px 0;
}

/*スマホ時floatあり*/
.imgright02 {
	float: right;
	margin: 0 0 10px 10px;
}
.imgleft02 {
	float: left;
	margin: 0 10px 5px 0;
}
	
.iframe-content {
	position: relative;
	width: 100%;
	max-width: 648px;
	padding: 0 0 0 0;
}

@media screen and (max-width:648px){
/*スマホ時float解除*/
.imgright {
	float: none;
	margin: 0 auto 0.5em;
	text-align: center;
}
.imgleft {
	float: none;
	margin: 0 auto 0.5em;
	text-align: center;
}
	
.iframe-content {
	position: relative;
	width: 100%;
	padding: 75% 0 0 0;
}
.iframe-content iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
}



/* フォームimput
--------------------------------------------------*/
/*お問い合わせフォーム用*/

input[type="text"], input[type="tel"], input[type="number"], textarea, input[type="email"], input[type="password"] {
	border: solid 1px #CCCCCC;
	width: 92%;
}
input[type="submit"], input[type="reset"],input[type="button"] {
	width: 10em;
	padding: 0.6em 0 0.4em;
	background: url(../img/common/title_bg.jpg) repeat-x bottom;
	border: solid 1px #CCCCCC;
	cursor: pointer;
	border-radius: 6px;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	background: #92CDB6;
}

@media screen and (max-width:648px){
input.radio {
	display:inline-block;
	width:40%;
	height:2em;
	vertical-align:top;
}
label.radiolabel {
	display:inline-block;
	width:90%;
	height:2em;
	line-height:2em;
	background:#EEF;
	border:1px solid #CCC;
	padding-left: 1em;
	margin: 0 auto;
}

}