a {
	text-decoration: underline;
	color: #222;

}

a:hover {
	text-decoration: none;

}




/*
 * h2 title
 */

#toptitle {
	background: url(../images/toptitle_bg.jpg) 0 center no-repeat;
	width: 100%;
	height: 200px;
	margin: 0px auto 20px auto;
	padding-top: 0px;
    position: relative;
    overflow: hidden;

}

#toptitle_in {
	width:1000px;
	text-align: left;
	margin: 0 auto;
	/*background-color: #ffffff;*/
	
}



h2 {
	float: left;
	text-align: left;
	font-weight: normal;
	padding: 75px 0px 0 0px;

}


.page-title {
	line-height: 1;
	font-weight: 700;
	font-family: "Roboto Condensed", 'Arial', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	margin-bottom: .5em;
	font-size: 36px;
	color: #fff;

} 

.page-title span {
  font-size: .55em;
  margin-left: .65em;
  vertical-align:middle;
  color: #fff;
  
}
  
.page-title span::before {
  content: "/";
  font-size: 2.7em;
  font-weight: 100;
  vertical-align:bottom;
  padding-right: .15em;
  color: #fff;
  
}










/*
 * h3 title
 */


h3 {
	clear: both;
	text-align: left;
	font-size: 22px;
	color: #3f1a07;
	font-weight: bold;
	border-top: 3px double #3f1a07;
	border-bottom: 3px double #3f1a07;
	line-height: 140%;
	padding: 0.5em 0 0.3em 0.5em;
	margin-top: 5px;
	margin-bottom: 15px;
	letter-spacing: 0.02em;
	font-family: "Roboto Condensed", 'Arial', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	
}







/*h3.ho {
	border-top: 3px solid #e2c5ed;
	border-bottom: 3px solid #e2c5ed;
}
*/




h4 {
	clear: both;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	padding: 0.6em 0 0.5em 0.4em;
	background-color: #f6f6f6;
	border-left: 7px solid #e60012;	
	margin-bottom: 15px;
}






h5 {
	clear: both;
	position: relative;
	padding: 0 .5em .3em 1.7em;
	border-bottom: 1px solid #aaa;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	line-height: 145%;
}
h5::before,
h5::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
h5::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 20px;
  height: 20px;
  background: rgba(230, 0, 18, .3);
}
h5::after {
  top: .7em;
  left: .7em;
  width: 14px;
  height: 14px;
  background: rgba(210, 210, 210, .7);
}











/*
 * company.html
 */
.gr_box {
	margin: 0px auto 0px auto;
	padding-bottom: 0px;
	text-align: center;/*border-bottom: 1px dotted #ddd;*/

}
.gr_box .gr_box_l {
	float: left;
	padding: 0px 25px 50px 5px;
}
.gr_box .gr_box_r {
	/*float: right;*/
	margin: 0 auto;
	text-align: center;
}
.gr_box .gr_box_r .gr_name {
	font-size: 21px;
	font-weight: bold;
	text-align: right;
	padding: 25px 5px 20px 0px;
	line-height: 140%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.gr_box .gr_box_r .gr_txt {
	font-size: 15px;
	text-align: justify;
	padding: 0px 0px 0px 0px;
	line-height: 165%;
}


.p_table {
	border-top: 1px solid #aaa;
	width: 100%;
	text-align: center;
	margin: 0px auto 40px auto;
	font-size: 15px;
	line-height: 145%;
}
.p_table .p_title {
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	text-align: center;
	padding: 11px 0px 10px 0px;
	width: 150px;
	vertical-align: top;
	background-color: #f8f8f8;
	font-weight: bold;
}
.p_table .p_title2 {
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	text-align: left;
	padding: 11px 0px 10px 20px;
	width: 150px;
	vertical-align: top;
	background: url(../images/icon_f.png) 4px 15px no-repeat;
	font-weight: bold;
}
.p_table .p_detail {
	border-bottom: 1px solid #aaa;
	text-align: left;
	padding: 11px 0 10px 10px;
}
.p_table .p_detail span {
	font-weight: bold;
	/*color: #00145c;*/
}
.p_table .p_detail a {
	text-decoration: underline;
}
.p_table .p_detail a:hover {
	text-decoration: none;
}



#access {
	text-align: center;
	margin: 0px auto 20px auto;
}

#access iframe {

}


#access02 {
	text-align: center;
	margin: 0px auto 50px auto;


}


#access02 iframe {

}


.o_txt {
	font-size: 20px;
	font-weight: bold;
	text-align: justify;
	padding: 0px 10px 10px 12px;
	line-height: 155%;
}



.o_txt2 {
	font-size: 16px;
	text-align: justify;
	padding: 0px 10px 5px 12px;
	line-height: 155%;
}



.gr_name2 {
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	padding: 5px 15px 20px 720px;
	line-height: 140%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}







.s_block {
	clear: both;
	/*background-color: #bf9a0b;*/
	width: 100%;
	height: auto;
	margin-top: 10px;
	margin-bottom: 0px;
}
.s_block .s_block_l {
	float: left;
	font-size: 15px;
	text-align: justify;
	padding: 0px 0 20px 30px;
	line-height: 160%;
	width: 740px;
}
.s_block .s_block_l a {
	text-decoration: underline;
	font-weight: bold;
}
.s_block .s_block_l a:hover {
	text-decoration: none;
}
.s_block .s_block_l span {
	font-weight: bold;
}
.s_block .s_block_r {
	float: right;
	padding: 3px 5px 20px 0px;
}

.slast {
	margin-bottom: 70px;
}































/*
 * products.html
 */


#pro_l {
	float: left;
	margin-top: 10px;
	margin-bottom:30px;
}
 
 
#pro_r {
	float: right;
	margin-top: 10px;
	margin-bottom:30px;
}
 

.pro_table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 480px;
	text-align: left;
	border-spacing: 0px;
	margin-top: 0px;
	margin-bottom:10px;
}

.pro_table th {
	border-bottom: 3px solid #ccc;
	border-right: 1px solid #ccc;
	text-align: center;
	padding: 8px 0 8px 0px;
	line-height: 140%;
}

.pro_table th span {
	font-size: 80%;

}



.pro_table td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-align: left;
	padding: 8px 0 8px 10px;
	line-height: 140%;
}


.pro_table td span {
	font-size: 80%;

}


.pro_table td.pro_t_title {
	background-color: #c3fcad;
	font-weight: bold;
	vertical-align: top;
	width: 350px;
	font-size: 105%;
}

.pro_table td.pro_t_title2 {
	background-color: #f8f8f8;
	font-weight: bold;
	vertical-align: top;
	width: 250px;
	font-size: 105%;
}

.pro_table td.c01 {
	background-color: #ffff8e;
}

.pro_table td.c02 {
	background-color: #ffdbdf;
}

.pro_table td.c03 {
	background-color: #c1e6fe;
}

.pro_table td.c04 {
	background-color: #ffe6a2;
}

.pro_table td.c05 {
	background-color: #ddd;
}

.pro_table td.c06 {
	background-color: #c3fcad;
}














/*
 * business.html
 */

.b_txt {
	font-size: 15px;
	text-align: justify;
	padding: 0px 10px 10px 10px;
	line-height: 165%;
}




.b_list {
	float: right;
	text-align: right;
	padding: 0.0em 0.5em 0.3em 0;
	margin-bottom: 1.0em;
}

.b_list a {
	background-color: #00145c;
	color: #FFF;
	padding: 0.5em 1.4em 0.5em 1.4em;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 1.5em;
	
}


.b_list a:hover {
	background-color: #203686;
	
}


























/*
 * newslist.html
 */

.list_area {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: auto;
	overflow: auto;
}

.list_area ul {
	
}

.list_area ul li {
	text-align: left;
	font-size: 14px;
	border-bottom: 1px dotted #ddd;
	padding: 12px 0 8px 11px;
	line-height: 140%;
	
}

.list_area ul li a {
	text-decoration: underline;
	color: #00145c;
	
}

.list_area ul li a:hover {
	text-decoration: none;

}

.list_area ul li span {
	padding: 0 15px 0 0;
	
}