@charset "utf-8";

/*================================
 CSS
FileName:    style.css
Last Modified:     2013.01.08
================================*/

/***------------------------
CSSリセット
------------------------***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;
/*	font: inherit;*/
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/***------------------------
default
------------------------***/
img {
  vertical-align: bottom;
}

br { letter-spacing: 0; }   /* IE6バグ対応 ※連続した<br>に対応しないため */

label { cursor: pointer; }

/*マウスホバー時のアルファ化*/
a:hover {
	opacity			: .7;
	filter			: alpha(opacity=70);
	-moz-opacity		: .7;
	-ms-filter		: "alpha(opacity=70)";
}

/***------------------------
common
------------------------***/
body {
	width			: auto;
	margin			: 0 auto;
	background		: #f8f4ca;
	font-family		: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	color			: #000000;
	letter-spacing	: .03em;
	line-height		: 20px;  
	font-size		: 12px;
}

/*トップマージンを指定*/
.m_t5   { margin-top:5px; }
.m_t7   { margin-top:7px; }
.m_t8   { margin-top:8px; }
.m_t10  { margin-top:10px; }
.m_t15  { margin-top:15px; }
.m_t20  { margin-top:20px; }
.m_t22  { margin-top:22px; }
.m_t25  { margin-top:25px; }
.m_t26  { margin-top:26px; }
.m_t30  { margin-top:30px; }
.m_t35  { margin-top:35px; }
.m_t40  { margin-top:40px; }
.m_t45  { margin-top:45px; }
.m_t50  { margin-top:50px; }
.m_t60  { margin-top:60px; }
.m_t100 { margin-top:100px; }
.m_t120 { margin-top:120px; }
.m_t140 { margin-top:140px; }

/*ボトムマージンを指定*/
.m_b5  { margin-bottom:5px; }
.m_b10 { margin-bottom:10px; }
.m_b15 { margin-bottom:15px; }
.m_b17 { margin-bottom:17px; }
.m_b20 { margin-bottom:20px; }
.m_b30 { margin-bottom:30px; }
.m_b35 { margin-bottom:35px; }
.m_b50 { margin-bottom:50px; }

/*左マージンを指定*/
.m_l5   { margin-left:5px; }
.m_l8   { margin-left:8px; }
.m_l10  { margin-left:10px; }
.m_l13  { margin-left:13px; }
.m_l15  { margin-left:15px; }
.m_l17  { margin-left:17px; }
.m_l20  { margin-left:20px; }
.m_l25  { margin-left:25px; }
.m_l28  { margin-left:28px; }
.m_l30  { margin-left:30px; }
.m_l40  { margin-left:40px; }
.m_l45  { margin-left:45px; }
.m_l50  { margin-left:50px; }
.m_l55  { margin-left:55px; }
.m_l60  { margin-left:60px; }
.m_l65  { margin-left:65px; }
.m_l130 { margin-left:130px; }

/*右マージンを指定*/
.m_r5  { margin-right:5px; }
.m_r7  { margin-right:7px; }
.m_r10 { margin-right:10px; }
.m_r14 { margin-right:14px; }
.m_r15 { margin-right:15px; }
.m_r17 { margin-right:17px; }
.m_r20 { margin-right:20px; }
.m_r30 { margin-right:30px; }
.m_r70 { margin-right:70px; }

/*上下マージンを指定*/
.v_sp5  { margin: 5px 0; }
.v_sp15 { margin: 15px 0; }

/*左右マージンを指定*/
.h_sp5  { margin: 0 5px; }

/*上PADDING*/
.p_t5 { padding-top:5px; }
.p_t20 { padding-top:20px; }
.p_t21 { padding-top:21px; }
.p_t22 { padding-top:22px; }
.p_t30 { padding-top:30px; }
.p_t40 { padding-top:40px; }
.p_t50 { padding-top:50px; }
.p_t150 { padding-top:150px; }

/*左PADDING*/
.p_l20 { padding-left:20px; }

/*下PADDING*/
.p_b20 { padding-bottom:20px; }
.p_b35 { padding-bottom:35px; }
.p_b50 { padding-bottom:50px; }
.p_b60 { padding-bottom:60px; }

/*左右PADDING*/
.p_h5  { padding: 0px  5px ; }
.p_h10 { padding: 0px  10px ; }

/*上下PADDING*/
.p_v5  { padding: 5px  0px ; }
.p_v15  { padding: 15px 0px ; }

/*PADDING周囲*/
.pad_5  { padding: 5px; }

/*左寄*/
.al_left  { text-align:left; }
/*右寄*/
.al_right { text-align:right; }
/*中央寄*/
.al_center { text-align:center; }

/*廻り込み関連*/
.FloatRight { float: right; }
.FloatLeft  { float: left; }
.clearfix
{
  display:block;
  min-height:1px;
}
* html .clearfix{
  height:1px;
}
.clearfix:after
{
  content :"";
  display:block;
  clear:both;
}

.font_b {
	font-weight		: bold;
}

.font_11 {
	font-size		: 11px;
}

.font_13 {
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;
}

.font_14 {
	color			: #000000;
	line-height		: 22px;
	font-size		: 14px;
}

.page_top {
	text-align		: right;
	margin-top		: 30px;
}

.page_top2 {
	text-align		: right;
	margin-bottom	: 120px;
}

.page_top3 {
	text-align		: right;
	margin-top		: 80px;
	color			: #176fa3;
}

.page_top4 {
	text-align		: right;
	margin-top		: 20px;
	color			: #176fa3;
}
.page_top3 a:link,
.page_top4 a:link		{ color:#176fa3; text-decoration:underline;}	/*リンク色*/
.page_top3 a:visited,
.page_top4 a:visited	{ color:#176fa3; text-decoration:underline;}	/*訪問済みリンク色*/
.page_top3 a:active,
.page_top4 a:active		{ color:#176fa3; text-decoration:underline;}	/*クリックしたときのリンク色*/
.page_top3 a:hover,
.page_top4 a:hover		{ color:#176fa3; text-decoration:none;}			/*マウスホバー時のリンク色*/

.font_orange {
	color			: #e83416;
	font-weight		: bold;
}

.width_490 {
	width			: 490px;
}

.border_dash {
	border-top		: 1px dashed #000000;
	border-left		: none;
	border-bottom	: none;
	border-right	: none;
}

.val_top {
	vertical-align	: top;
}

.val_mid {
	vertical-align	: middle;
}
/*強制改行*/
.mail_form_content {
	word-break : break-all;
}
/***------------------------
ヘッダー・フッター
------------------------***/
.bg_orange {
	background		: #e83416;
	width			: 100%;
	min-width		: 960px;
	margin			: 0 auto;
}

.footer {
	background		: #ffffff url("../imgs/footer_line.gif") repeat-x;
	width			: 100%;
	min-width		: 960px;
	margin			: 0 auto;
	padding-top		: 40px;
}

.footer_link {
	width			: 225px;
	float			: right;
}

.footer_link p {
	color			: #467972;
	line-height		: 26px;  
	font-size		: 12px;
}

.footer_link ul {
	color			: #454545;
	line-height		: 26px;  
	font-size		: 12px;
	margin-left		: 30px;
	list-style-type	: disc;
}

.footer_link img {
	vertical-align	: middle;
	margin-right	: 5px;
}

.footer_link ul a:link		{ color:#454545; text-decoration:underline;}	/*リンク色*/
.footer_link ul a:visited	{ color:#454545; text-decoration:underline;}	/*訪問済みリンク色*/
.footer_link ul a:active	{ color:#454545; text-decoration:underline;}	/*クリックしたときのリンク色*/
.footer_link ul a:hover		{ color:#454545; text-decoration:none;}			/*マウスホバー時のリンク色*/

.footer_link p a:link		{ color:#467972; text-decoration:underline;}	/*リンク色*/
.footer_link p a:visited	{ color:#467972; text-decoration:underline;}	/*訪問済みリンク色*/
.footer_link p a:active		{ color:#467972; text-decoration:underline;}	/*クリックしたときのリンク色*/
.footer_link p a:hover		{ color:#467972; text-decoration:none;}			/*マウスホバー時のリンク色*/
/***------------------------
メニュー
------------------------***/
.menu_top {
	width			: 900px;
	background		: #99cccc;
	margin			: 0 auto;
	overflow		: hidden;
}

.menu {
	padding			: 0 30px;
	width			: 900px;
	background		: #99cccc;
	margin			: 0 auto;
	overflow		: hidden;
}

.menu2 {
	padding			: 0 30px;
	width			: 960px;
	margin			: auto;
	overflow		: hidden;
}

.menu_top li,
.menu li {
	margin			: 0;
	padding			: 0;
	list-style		: none;
	float			: left;
}

.submenu {
	visibility		: hidden;
	position		: absolute;
	z-index			: 3;
	margin-left		: 5px;
}

.submenu a {
	display			: block;
}
/***------------------------
コンテンツ
------------------------***/
.contents {
	width			: 900px;
	margin			: 0 auto;
}

.contents_main {
	width			: 900px;
	margin			: 0 auto;
	padding			: 30px;
	background		: #ffffff;
}

.contents_title {
	width			: 960px;
	margin			: 2px auto;
}
/***------------------------
トップページ
------------------------***/
.top_flash {
	width			: 900px;
	height			: 420px;
	position		: relative;
	margin-top		: 100px;
}
#flashcontent {
	height			: 420px;
}
#flashcontent iframe {
	width			: 100%;
	height			: 100%;
}
.top_oshirase {
	display			: inline-block;
	margin			: 45px 0;
	width			: 674px;
	height			: 242px;
	position		: relative; 
	background		: url(../imgs/news.gif);
}
/* TOP バナー */
.top_bn{
	display			: inline-block;
	vertical-align	: top;
	margin			: 45px 0;
}
.top_bn li{
	padding			: 3px;
}
dl.top_oshirase_inner{
	color			: #454545;
	position		: absolute; 
	bottom			: 0;
	margin-bottom	: 2px;
	line-height		: 1;
	padding-top		: 10px;
	padding-left	: 10px;
	padding-right	: 10px;
	padding-bottom 	: 10px;
	width			: 640px;
	height			: 170px;
	overflow-y		: auto;
}

dt.top_oshirase_date{
	float			: left;
	clear			: both;
	width			: 6.2em;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-color		: #d6e1dd;
	padding-top		: 17px;
	padding-bottom	: 18px;
	margin-left		: 17px;
	font-size		: 90%;
}

dd.top_oshirase_news{
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-color		: #d6e1dd;
	margin-left			: 7em;
	padding-top			: 17px;
	padding-bottom		: 17px;
	padding-left		: 1em;
}
.newsdtl{
	text-indent		: -9999px;
}
.newsdtl a{
	width				: 135px;
	height				: 48px;
	position		: absolute; 
	top				: 2px;
	left			: 80%;
}
/* ローディング画面 */
#loading {
	width			: 100%;
	height			: 420px;
	transition		: all 1s;
	background-color: #f8f4ca;
	position		: absolute;
	top				: 0;
	left			: 0;
	z-index			: 9999;
}
.spinner {
	width			: 100px;
	height			: 100px;
	margin			: 200px auto;
	background-color: #0392D3;
	border-radius	: 100%;
	animation		: sk-scaleout 1.0s infinite ease-in-out;
	text-align 		: center;
}
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  } 100% {
    transform: scale(1.0);
    opacity: 0;
  }
}
.loaded {
	opacity			: 0;
	visibility		: hidden;
}
#preloadjs-container {
	display			: none;
}
/***------------------------
湧き水トップページ
------------------------***/
.contact{
	padding			: 5px 0;
}
/*グローバルナビ*/
ul.gnav li{
	float			: left;
	margin-bottom	: 5px;
	}
.nav_home,
.nav_about,
.nav_service,
.nav_voice,
.nav_fqa,
.nav_contact{
	width			: 150px;
	height			: 45px;
	display			: block;
	cursor			: pointer;
	text-align		: center;
	color			: #fff;
	text-indent		: -9999px;
}
.nav_home{
	background		: url(../imgs/gnavi1.jpg);
}
.nav_about{
	background		: url(../imgs/gnavi2.jpg);
}
.nav_service{
	background		: url(../imgs/gnavi3.jpg);
}
.nav_voice{
	background		: url(../imgs/gnavi4.jpg);
}
.nav_fqa{
	background		: url(../imgs/gnavi5.jpg);
}
.nav_contact{
	background		: url(../imgs/gnavi6.jpg);
}
a.nav_home:hover,
a.nav_about:hover,
a.nav_service:hover,
a.nav_voice:hover,
a.nav_fqa:hover,
a.nav_contact:hover{
	background-position	:left bottom;
}

/*コンテンツナビ*/
.cnav_point,
.cnav_compare,
.cnav_story,
.cnav_factory{
	width			: 308px;
	height			: 125px;
	display			: block;
	cursor			: pointer;
	text-align		: center;
	color			: #fff;
	text-indent		: -9999px;
}
.cnav_point{
	background		: url(../imgs/cnavi1.jpg);
}
.cnav_compare{
	background		: url(../imgs/cnavi2.jpg);
}
.cnav_story{
	background		: url(../imgs/cnavi3.jpg);
}
.cnav_factory{
	background		: url(../imgs/cnavi4.jpg);
}
a.cnav_point:hover,
a.cnav_compare:hover,
a.cnav_story:hover,
a.cnav_factory:hover{
	background-position	:left bottom;
}

.topimg{
	margin-bottom		: 30px;
}
/*コンテンツ*/
div[class^="box_"]{
	display			: inline-block;
	width			: 410px;
	min-height		: 200px;
	vertical-align	: top;
/*	border			: 1px solid red;*/
}
.box_point{
	background		: url(../imgs/cnavi_block1.jpg) no-repeat 310px 30px;
	margin			: 10px 0 40px 0;
	float			: left;
	clear			: left;
/*	border			: 1px solid red;*/
}
.box_compare{
	background		: url(../imgs/cnavi_block2.jpg) no-repeat 310px 30px;
	float			: right;
	clear			: right;
}
.box_story{
	background		: url(../imgs/cnavi_block3.jpg) no-repeat 310px 30px;
	margin			: 20px 0 40px 0;
	float			: left;
	clear			: left;
}
.box_factory{
	background		: url(../imgs/cnavi_block4.jpg) no-repeat 310px 30px;
	margin			: 20px 0 40px 0;
	float			: right;
	clear			: right;
}
.water_link {
	margin-top		: 8px;
}
.water_link a:link,
			a:visited,
			a:active{
	color			: #0392D3; 
	text-decoration	: none;
}
.water_link a:hover{
	text-decoration : underline;
}
.water_link li{
	text-indent		: -1.5em;
	padding-left	: 2em;
}
.water_link li:before{
/*	content			: url("../imgs/arrow.png"); /*"\0025B6";/*横三角*/
	content			: "\0025B6";/*横三角*/
	padding			: 5px;
	color			: #0392D3; 
	font-size		: 40%;
}
/*お客様の声*/
.c-voice{
	background		: url(../imgs/top_area2title.jpg);
	display				: block;
	width				: 900px;
	height: 116px;
	text-indent		: -9999px;
}
a.c-voice:hover{
	background-position	: left bottom;
}
.c-voiceback{
	background-color: #fffaf1;
	padding: 0 10px 30px 0px;
	margin-left: 3px;
	width: 882px;
}
.c-voiceback img{
	margin-left	:10px;
}
.c-voice-dtl{
	background		: url(../imgs/top_area2voice.jpg);
	display			: block;
	height			: 564px;
}
div[class^="c-voice"] p{
	display		: block;
	width		: 500px;
	margin-bottom:25px;
	font-size	: 113%;
	line-height	: 1.5em;
}
.c-voice1{
	padding		: 20px 0 30px 230px;
}
.c-voice2{
	padding		: 0px 0 0 365px;
}
.c-voice3{
	padding		: 40px 0 0px 220px;
}
.c-voice4{
	padding		: 25px 0 0 390px;
}
.c-voice5{
	padding		: 20px 19px 30px 240px;
}
.morevoice{
	text-decoration	: none;
	float			: right;
	clear			: right;
	margin-bottom	: 100px;
}
.morevoice a:link{
	text-decoration	: none;
	color			: #0392D3; 
}
.morevoice li:before{
	content			: "\0025B6";/*横三角*/
	padding			: 5px;
	color			: #0392D3; 
	font-size		: 40%;
	text-decoration : none;
}
.morevoice a:hover{
	text-decoration : underline;
}
.trust{
	background		: url(../imgs/top_area3.jpg) no-repeat;
	display			: block;
	width			: 900px;
	min-height		: 450px;
	margin-bottom	: 50px;
}

.trust p:first-child{
	padding			: 130px 400px 0 40px;
}
.trust p{
	padding			: 0 400px 0 40px;
}
/*お問い合わせ*/
.mail{
	margin-top		: 60px;
	padding			: 40px 60px;
	border-top		: 1px solid #000;
	border-bottom	: 1px solid #000;
}
.infolink{
	background		: url(../imgs/binfo_link.jpg);
	display			: block;
	height			: 120px;
	width			: 225px;
	float			: right;
	clear			: right;
	text-indent		: -9999px;
	margin-top		: -20px;
	margin-right	: 45px;
}
a.infolink:hover{
	background-position	:left bottom;
}

/***------------------------
富士の湧水とは
------------------------***/
ul.about_nav{
	margin-top		: 10px;
}

ul.about_nav li{
	float			: left;
	margin-bottom	: 5px;
}
.about_promise,
.about_point,
.about_diff,
.about_info,
.about_story{
	width			: 180px;
	height			: 104px;
	display			: block;
	cursor			: pointer;
	text-align		: center;
	color			: #fff;
	text-indent		: -9999px;
}
.about_promise{
	background		: url(../imgs/cnavi_a1.jpg);
}
.about_point{
	background		: url(../imgs/cnavi_a2.jpg);
}
.about_diff{
	background		: url(../imgs/cnavi_a3.jpg);
}
.about_info{
	background		: url(../imgs/cnavi_a4.jpg);
}
.about_story{
	background		: url(../imgs/cnavi_a5.jpg);
}
a.about_promise:hover,
a.about_point:hover,
a.about_diff:hover,
a.about_info:hover,
a.about_story:hover{
	background-position	:left bottom;
}

.about_bg {
	background		: url(../imgs/area2_image.jpg) no-repeat;
	width			: 900px;
	height			: 660px;
	position		: relative;
	margin-bottom	: 20px;
}

.about_bg p {
	position		: absolute;
	bottom			: 0;
	left			: 395px;
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;
}

.about_pack{
	background		: url(../imgs/area2_link.jpg);
	display			: block;
	width			: 245px;
	height			: 65px;
	text-indent		: -9999px;
	float			: right;
}
a.about_pack:hover{
	background-position	: left bottom;
}
.nowpos{
	background-position	:left bottom;
}

/***------------------------
D-パック開発物語
------------------------***/
.dpak_bg {
	background		: url(../imgs/area12_image1.jpg) no-repeat;
	width			: 900px;
	height			: 410px;
	position		: relative;
	margin-top		: 15px;
}

.dpak_bg p {
	position		: absolute;
	bottom			: 0;
	left			: 0;
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;
	width			: 610px;
}

.dpak_bg2 {
	background		: url(../imgs/area12_image2.jpg) no-repeat;
	width			: 900px;
	height			: 240px;
	position		: relative;
	margin-top		: 40px;
}

.dpak_bg2 p {
	position		: absolute;
	bottom			: 0;
	left			: 285px;
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;
}

.dpak_bg3 {
	background		: url(../imgs/area12_image3.jpg) no-repeat;
	width			: 900px;
	height			: 292px;
	position		: relative;
	margin-top		: 60px;
}

.dpak_bg3 p {
	position		: absolute;
	bottom			: 50px;
	left			: 0;
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;
	width			: 500px;
}

.dpak_bg4 {
	background		: url(../imgs/area12_image4.jpg) no-repeat;
	width			: 900px;
	height			: 530px;
	position		: relative;
}

.dpak_bg4 p {
	position		: absolute;
	top				: 175px;
	left			: 380px;
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;
}

.dpak_bg4_text {
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;
	width			: 520px;
}

.dpak_bg5 {
	background		: url(../imgs/area12_image5.jpg) no-repeat;
	width			: 900px;
	height			: 436px;
	position		: relative;
	margin-top		: 60px;
}

.dpak_bg5_text {
	position		: absolute;
	top				: 95px;
	left			: 0;
	width			: 600px;
}

.dpak_bg5 p {
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;
}

.dpak_bg6 {
	background		: url(../imgs/area13_back.jpg) no-repeat;
	width			: 900px;
	height			: 302px;
	position		: relative;
	padding-bottom	: 100px;
}

.dpak_bg6_text {
	position		: absolute;
	top				: 120px;
	left			: 0;
}

.dpak_bg6 p {
	color			: #000000;
	line-height		: 28px;
	font-size		: 16px;
	font-weight		: bold;
}

.dpak_blue {
	color			: #0392d3;
	font-size		: 18px;
	font-weight		: bold;
}

/***------------------------
お問い合わせ
------------------------***/
.inq_text {
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;
}

.inq_text a:link	{ color:#467972; text-decoration:underline;}	/*リンク色*/
.inq_text a:visited	{ color:#467972; text-decoration:underline;}	/*訪問済みリンク色*/
.inq_text a:active	{ color:#467972; text-decoration:underline;}	/*クリックしたときのリンク色*/
.inq_text a:hover	{ color:#467972; text-decoration:none;}			/*マウスホバー時のリンク色*/

.inq_table {
	margin			: 15px 0 10px 0;
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;
}

.inq_table th,
.inq_table td {
	padding			: 10px 0;
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;
}

.inq_table th {
	width			: 130px;
	vertical-align	: top;
	text-align		: left;
}

.inq_table td {
	width			: 430px;
	vertical-align	: top;
	text-align		: left;
	word-break		: break-all;
}

.inq_input_l_act {
	width			: 430px;
	ime-mode		: active;
	height			: 20px;
}

.inq_input_l_dis {
	width			: 430px;
	ime-mode		: disabled;
	height			: 20px;
}

.inq_input_s {
	width			: 150px;
	ime-mode		: disabled;
	height			: 20px;
}

.inq_input_ss {
	width			: 100px;
	ime-mode		: disabled;
	height			: 20px;
}

.inq_input_area {
	width			: 430px;
	ime-mode		: active;
	height			: 160px;
}

.inq_rei {
	color			: #999999;
}

/***------------------------
商品・サービス
------------------------***/
.service_1 {
	position		: relative;
	margin-top		: 20px;
	width			: 900px;
	height			: 510px;
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;
}

.service_1_img1 {
	position		: absolute;
	top				: 0;
	right			: 0;
	width			: 360px;
}

.service_1_img2 {
	position		: absolute;
	bottom			: 0;
	left			: 0;
	width			: 464px;
}

.service_1_text1 {
	position		: absolute;
	top				: 0;
	left			: 0;
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;
	width			: 490px;
	text-indent		: -30px;
	margin-left		: 30px;
}

.service_1_text2 {
	position		: absolute;
	width			: 410px;
	bottom			: 40px;
	right			: 0;
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;
}

.service_indent {
	text-indent		: -30px;
	margin-left		: 30px;
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;
}

.service_indent2 {
	text-indent		: -30px;
	margin-left		: 30px;
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;
	letter-spacing	: 0;
}

.service_244 {
	width			: 244px;
	word-break		: break-all;
	margin-top		: 5px;
}

.service_text3 {
	width			: 490px;
	float			: right;
	padding-bottom	: 50px;
}

/***------------------------
商品・サービス
------------------------***/
.qa_table {
	margin-top		: 40px;
	text-align		: left;
	vertical-align	: middle;
	width			: 900px;
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;	
}

.qa_table2 {
	margin-top		: 40px;
	text-align		: left;
	vertical-align	: middle;
	width			: 490px;
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;	
}

.qa_table th,
.qa_table td,
.qa_table2 th,
.qa_table2 td {
	padding			: 5px 5px 5px 0;
	vertical-align	: middle;
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;	
	text-align		: left;
}

.qa_table_q a:link		{ color:#000000; text-decoration:underline;}	/*リンク色*/
.qa_table_q a:visited	{ color:#000000; text-decoration:underline;}	/*訪問済みリンク色*/
.qa_table_q a:active	{ color:#000000; text-decoration:underline;}	/*クリックしたときのリンク色*/
.qa_table_q a:hover		{ color:#000000; text-decoration:none;}			/*マウスホバー時のリンク色*/

.qa_table_q {
	color			: #000000;
	line-height		: 22px;
	font-size		: 13px;	
	width			: 360px;
	word-break		: break-all;
}

.qa_table3 {
	margin-top		: 10px;
	text-align		: left;
	vertical-align	: middle;
	width			: 900px;
	color			: #000000;
	line-height		: 22px;
}

.qa_table3 th {
	padding			: 5px 10px 5px 0;
	vertical-align	: middle;
	color			: #000000;
	line-height		: 22px;
	font-size		: 15px;	
	text-align		: left;
}

.qa_table3 td {
	padding			: 5px 10px 5px 0;
	color			: #000000;
	line-height		: 22px;
	font-size		: 12px;
	text-align		: left;
}

.qa_table3 a:link		{ color:#000000; text-decoration:underline;}	/*リンク色*/
.qa_table3 a:visited	{ color:#000000; text-decoration:underline;}	/*訪問済みリンク色*/
.qa_table3 a:active		{ color:#000000; text-decoration:underline;}	/*クリックしたときのリンク色*/
.qa_table3 a:hover		{ color:#000000; text-decoration:none;}			/*マウスホバー時のリンク色*/

/***------------------------
お客様の声
------------------------***/
.voice_bg {
	background		: url(../imgs/area11_back.jpg) no-repeat;
	width			: 910px;
	height			: 1490px;
	position		: relative;
}

.voice_1 {
	position		: absolute;
	top				: 155px;
	left			: 70px;
	width			: 280px;
	color			: #000000;
	line-height		: 21px;
	font-size		: 13px;
	letter-spacing	: 0px;
}

.voice_2 {
	position		: absolute;
	top				: 270px;
	left			: 390px;
	width			: 360px;
	color			: #000000;
	line-height		: 21px;
	font-size		: 13px;
	letter-spacing	: 0px;
}

.voice_3 {
	position		: absolute;
	top				: 480px;
	left			: 105px;
	width			: 280px;
	color			: #000000;
	line-height		: 21px;
	font-size		: 13px;
	letter-spacing	: 0px;
}

.voice_4 {
	position		: absolute;
	top				: 480px;
	left			: 465px;
	width			: 400px;
	color			: #000000;
	line-height		: 21px;
	font-size		: 13px;
	letter-spacing	: 0px;
}

.voice_5 {
	position		: absolute;
	top				: 725px;
	left			: 45px;
	width			: 250px;
	color			: #000000;
	line-height		: 21px;
	font-size		: 13px;
	letter-spacing	: 0px;
}

.voice_6 {
	position		: absolute;
	top				: 765px;
	left			: 350px;
	width			: 240px;
	color			: #000000;
	line-height		: 21px;
	font-size		: 13px;
	letter-spacing	: 0px;
}

.voice_7 {
	position		: absolute;
	top				: 745px;
	right			: 30px;
	width			: 255px;
	color			: #000000;
	line-height		: 21px;
	font-size		: 13px;
	letter-spacing	: 0px;
}

.voice_8 {
	position		: absolute;
	top				: 1005px;
	left			: 90px;
	width			: 330px;
	color			: #000000;
	line-height		: 21px;
	font-size		: 13px;
	letter-spacing	: 0px;
}

.voice_9 {
	position		: absolute;
	top				: 1050px;
	right			: 80px;
	width			: 280px;
	color			: #000000;
	line-height		: 21px;
	font-size		: 13px;
	letter-spacing	: 0px;
}

.voice_10 {
	position		: absolute;
	top				: 1275px;
	left			: 42px;
	width			: 230px;
	color			: #000000;
	line-height		: 21px;
	font-size		: 13px;
	letter-spacing	: 0px;
}

.voice_11 {
	position		: absolute;
	bottom			: 27px;
	left			: 300px;
	width			: 270px;
	color			: #000000;
	line-height		: 21px;
	font-size		: 13px;
	letter-spacing	: 0px;
}

.voice_12 {
	position		: absolute;
	bottom			: 23px;
	right			: 25px;
	width			: 290px;
	color			: #000000;
	line-height		: 21px;
	font-size		: 13px;
	letter-spacing	: 0px;
}

/***------------------------
お申込み～ご設置までの流れ
------------------------***/
.flow_bg {
	background		: url(../imgs/area2_flow.jpg) no-repeat;
	width			: 900px;
	height			: 320px;
	margin			: 35px 0 20px 0;
	position		: relative;
}

.flow_1 {
	position		: absolute;
	bottom			: 25px;
	left			: 35px;
	width			: 190px;
	color			: #000000;
	line-height		: 21px;
	font-size		: 14px;
	letter-spacing	: 0px;
}

.flow_2 {
	position		: absolute;
	bottom			: 25px;
	left			: 370px;
	width			: 190px;
	color			: #000000;
	line-height		: 21px;
	font-size		: 14px;
	letter-spacing	: 0px;
}

/***------------------------
お知らせ
------------------------***/
.newstitle{
	padding			: -30px;
}

/***------------------------
会社概要
------------------------***/
.company_title {
	border-top		: 2px solid #99CCCC;
	border-bottom	: 1px solid #D6E1DD;
	padding			: 5px 0;
}

.company_title2 {
	border-bottom	: 1px solid #B6E1D9;
	border-left		: 8px solid #B6E1D9;
	color			: #467972;
	line-height		: 28px;
	font-size		: 16px;
	font-weight		: bold;
	padding-left	: 10px;
	margin			: 50px 0 20px 0;
}

.company_aisatu {
	width			: 690px;
	float			: left;
	line-height		: 21px;
	font-size		: 13px;
}

.company_table,
.company_table th,
.company_table td {
	border			: none;
	line-height		: 21px;
	font-size		: 13px;
}

.company_table th {
	width			: 150px;
	text-align		: left;
}

#company_map{
	width			: 870px;
	height			: 580px;
	position		: relative;
}

#company_map img{
	border			: 0px;
}

#company_1{
	top				: 300px;
	left			: 120px;
	filter			: alpha(opacity=0);
	-moz-opacity	: 0;
	opacity			: 0;
	position		: absolute;
}

#company_2{
	top				: 215px;
	left			: 150px;
	filter			: alpha(opacity=0);
	-moz-opacity	: 0;
	opacity			: 0;
	position		: absolute;
}

#company_3{
	top				: 120px;
	left			: 340px;
	filter			: alpha(opacity=0);
	-moz-opacity	: 0;
	opacity			: 0;
	position		: absolute;
}

#company_4{
	top				: 60px;
	left			: 340px;
	filter			: alpha(opacity=0);
	-moz-opacity	: 0;
	opacity			: 0;
	position		: absolute;
}

/***------------------------
事業紹介
------------------------***/
.business_menu {
	width			: 910px;
	background		: #99cccc;
	margin			: 0 auto;
	padding			: 8px 25px;
}

.business_ul li {
	float			: left;
	padding			: 0 5px;
}

.business_text {
	width			: 440px;
	float			: left;
	font-size		: 14px;
	line-height		: 22px;
}

.business_text2 {
	width			: 410px;
	font-size		: 14px;
	margin			: 20px 0 0 30px;
	line-height		: 22px;
}

.business_text3 {
	width			: 350px;
	font-size		: 14px;
	margin			: 20px 0 0 30px;
	line-height		: 22px;
}

.business_text4 {
	width			: 250px;
	font-size		: 14px;
	float			: left;
	line-height		: 22px;
}

.business_title {
	border-top		: 2px solid #6AC097;
	border-bottom		: 1px solid #6AC097;
	padding			: 5px 0;
	margin			: 50px 0 30px 0;
}

.business_sangyo_img {
	width			: 700px;
	margin			: 0 auto;
}

.business_title2 {
	border-bottom		: 1px solid #6AC097;
	border-left		: 8px solid #6AC097;
	color			: #50B33F;
	line-height		: 28px;
	font-size		: 16px;
	font-weight		: bold;
	padding-left		: 10px;
	margin			: 50px 0 20px 0;
}

.business_title3 {
	color			: #467972;
	font-size		: 16px;
	font-weight		: bold;
}

.business_title3 img {
	margin			: 0 10px;
	vertical-align		: middle;
}

.business_table {
	font-size		: 14px;
	float			: right;
	width			: 420px;
	border			: 1px solid #000000;
	margin-top		: 20px;
}

.business_table th {
	font-size		: 14px;
	text-align		: left;
	width			: 120px;
	border			: 1px solid #000000;
	padding			: 2px 15px;
}

.business_table td {
	font-size		: 14px;
	text-align		: left;
	width			: 240px;
	border			: 1px solid #000000;
	padding			: 2px 15px;
}

.business_table2 {
	font-size		: 14px;
	float			: right;
	width			: 470px;
	border			: 1px solid #000000;
	margin-top		: 20px;
}

.business_table2 th {
	font-size		: 14px;
	text-align		: left;
	width			: 210px;
	border			: 1px solid #000000;
	padding			: 2px 15px;
}

.business_table2 td {
	font-size		: 14px;
	text-align		: left;
	width			: 200px;
	border			: 1px solid #000000;
	padding			: 2px 15px;
}

.business_img {
	width			: 600px;
	float			: right;
}

/***------------------------
プライバシーポリシー
------------------------***/
.privacy_text {
	line-height		: 21px;
	font-size		: 14px;
}

.privacy_text_left {
	width			: 22px;
	float			: left;
}

.privacy_text_right {
	width			: 850px;
	float			: left;
}

/***------------------------
溶接材料・消耗品
------------------------***/
.consumables_text {
	font-size		: 14px;
	line-height		: 22px;
}

.consumables_text_blue {
	font-size		: 28px;
	color			: #6699cc;
	line-height		: 22px;
}

.consumables_text_green {
	font-size		: 14px;
	color			: #467972;
	line-height		: 22px;
	font-weight		: bold;
	float			: Left;
}

.consumables_hr_border {
	border-top		: 2px solid #6699cc;
	border-bottom		: 1px solid #6699cc;
	padding			: 5px 0;
	margin			: 50px 0 30px 0;
}

.consumables_title {
	border-bottom		: 1px solid #6699cc;
	border-left		: 8px solid #6699cc;
	color			: #3366cc;
	line-height		: 28px;
	font-size		: 16px;
	font-weight		: bold;
	padding-left		: 10px;
	margin			: 50px 0 0 20px;
}

.consumables_icon_pos {
	margin-top		: 20px;
	margin-left		: 40px;
}

.consumables_width {
	width			: 415px;
	margin-left		: 45px;
	margin-top		: 20px;
	font-size		: 14px;
	line-height		: 22px;
	float			: left;
}

.consumables_table {
	margin-top		: 30px;
	margin-left		: 10px;
	font-size		: 14px;
	line-height		: 22px;
	text-align		: center;
}

.consumables_table td {
	width			: 350px;
	padding-top		: 5px;
}

/***------------------------
溶接材料・消耗品
------------------------***/
.weld_border {
	border-top		: 2px solid #f0c4c0;
	border-bottom		: 1px solid #f0c4c0;
	padding			: 5px 0;
	margin			: 50px 0 30px 0;
}

.weld_title {
	border-bottom		: 1px solid #f0c4c0;
	border-left		: 8px solid #f0c4c0;
	color			: #cc6699;
	line-height		: 28px;
	font-size		: 16px;
	font-weight		: bold;
	padding-left		: 10px;
	margin			: 50px 0 0 20px;
}
.weld_consumables_width {
	width			: 390px;
	margin-left		: 45px;
	margin-top		: 20px;
	font-size		: 14px;
	line-height		: 22px;
	float			: left;
}
/***------------------------
環境・安全機器
------------------------***/
.environment_border {
	border-top		: 2px solid #c2ace0;
	border-bottom		: 1px solid #c2ace0;
	padding			: 5px 0;
	margin			: 50px 0 30px 0;
}

.environment_text {
	font-weight		: bold;
	font-size		: 16px;
}

.environment_width {
	width			: 374px;
	margin-left		: 45px;
	margin-top		: 20px;
	font-size		: 13px;
	line-height		: 22px;
/*	float			: left;*/
}
.environment_consumables_text_green {
	font-size		: 14px;
	color			: #467972;
	line-height		: 22px;
	font-weight		: bold;
/*	float			: left;*/
}
.environment_width2 {
	width			: 380px;
	margin-left		: 45px;
	margin-top		: 20px;
	font-size		: 16px;
	line-height		: 22px;
/*	float			: left;*/
}

.environment_indent {
	padding-left		: 1em;
}

.environment_indent2 {
	padding-left		: 2em;
	text-indent		: -1em;
}

/***------------------------
産業機械・設備
------------------------***/
.industrial_border {
	border-top		: 2px solid #e8db80;
	border-bottom		: 1px solid #e8db80;
	padding			: 5px 0;
	margin			: 50px 0 30px 0;
}

.industrial_title {
	border-bottom		: 1px solid #e8db80;
	border-left		: 8px solid #e8db80;
	color			: #cc9933;
	line-height		: 28px;
	font-size		: 16px;
	font-weight		: bold;
	padding-left		: 10px;
	margin			: 50px 0 0 20px;
}

.industrial_width {
	width			: 350px;
	margin-left		: 45px;
	margin-top		: 50px;
	font-size		: 14px;
	line-height		: 22px;
}
.industrial_consumables_width {
	width			: 390px;
	margin-left		: 45px;
	margin-top		: 20px;
	font-size		: 14px;
	line-height		: 22px;
}

.industrial_indent {
	padding-left		: 1em;
	text-indent		: -1em;
}

.industrial_indent2 {
	padding-left		: 1em;
}

/***------------------------
LPガス・一般商品
------------------------***/
.lp_title {
	border-top		: 2px solid #fcb59e;
	border-bottom	: 1px solid #fcb59e;
	padding			: 5px 0;
	margin			: 50px 0 30px 0;
}

.lp_title2 {
	border-bottom	: 1px solid #f7bd0c;
	border-left		: 8px solid #f7bd0c;
	color			: #ec7e00;
	line-height		: 28px;
	font-size		: 16px;
	font-weight		: bold;
	padding-left	: 10px;
	margin			: 50px 0 20px 0;
}

.lp_title3 {
	color			: #467972;
	font-size		: 16px;
	font-weight		: bold;
}

.lp_title3 img {
	margin			: 0 10px;
	vertical-align	: middle;
}

.lp_text {
	width			: 330px;
	font-size		: 14px;
	float			: left;
	line-height		: 22px;
	list-style-type	: disc;
	margin-left		: 25px;
}

.lp_table {
	text-align		: center;
	margin			: 0 auto;
	border			: 0;
	width			: 870px;
}

.lp_table td {
	text-align		: center;
	border			: 0;
	width			: 290px;
	padding			: 5px 0;
}

.lp_table2 {
	text-align		: center;
	margin			: 20px auto 0 auto;
	border			: 0;
	width			: 640px;
}

.lp_table2 td {
	text-align		: center;
	border			: 0;
	width			: 320px;
	padding			: 5px 0;
}

.lp_table2 p,
.lp_table p {
	font-size		: 14px;

}
/***------------------------
サイドバー
------------------------***/
.sidebar{
	float			: right;
	clear			: right;
	width			: 20%;
}
.sidebar ul li{
	text-indent		: -1em;
	padding			: 13px;
	color			: #000;
}
.sidebar ul li a:link,
.sidebar ul li a:visited,
.sidebar ul li a:active,
.sidebar ul li a:hover
{
	color			: #000
}
.sidebar ul li a:hover
{
	text-decoration:none;
}
/***------------------------
お知らせ詳細
------------------------***/
.newsbox{
	width			: 70%;
	display			: block;
	margin			: 10px;
	padding-bottom	: 50px;
	float			: left;
	clear			: left;
}
.bordtmdd{
	border-top	: 1px dashed #467972;
	padding-top	: 10px;
}
.newsimg{
	width			: 32%;
	display			: block;
	float			: right;
	clear			: right;
	margin-left		: 10px;
}
.newsattention{
	color			: #467972;
}
.noimg{
	width			: 200px;
	height			: 150px;
	display			: block;
	background-color: #edf2f0;
	margin			: 0 auto;
	padding			: 0;
	margin-bottom	: 10px;
	color			: #ccc;
	line-height		: 150px;
	text-align		: center;
}

.newsbox > h4{
	font-size		: large;
	line-height		: 1.5em;
	font-weight		: bold;
	margin-bottom	: 10px;
}
.caticon{
	margin-left		: 5px;
}
.newsdate{
	font-size		: 85%;
}
/***------------------------
お問い合わせ
------------------------***/
dl.bisinq{
}

dt.bisinq_title{
	float			: left;
	clear			: both;
	width			: 19%;
	padding-top		: 9px;
	padding-bottom	: 9px;
}

dd.bisinq_form{
	margin-left			: 7em;
	padding-top			: 9px;
	padding-bottom		: 9px;
	padding-left		: 1em;
}
.attEnter:before {
	content			 : "※";/*"\08251";*/
	padding			: 0 .5em;
}
.msgconf{
	display			: block;
	float			: left;
	clear			: left;
	margin-left		: 70px;
	margin-top		:-28px;
}
