@charset "shift_jis";
/*
-------------------------------------------------------------------
◎基本スタイルシート
製作者：株式会社アルゴ
更新日：2008年9月11日
-------------------------------------------------------------------
[目次]

・基本設定
・リンク
・マージン設定
・余白設定
・テキスト設定
・ヘッダーコンテンツ
・フリースペース
・フッターコンテンツ
・コンテンツ内cssセレクタレイアウトパターン

-------------------------------------------------------------------
*/

/* 基本構造 */
* {margin: 0px;padding: 0px;}
html>/**/body {overflow: scroll;}

body {font-family: Verdana, sans-serif;}
img {border: none;}
ul,ol,li {list-style: none;}

.clearfix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
.clear {clear: both;}
.f-left {float: left;}
.f-right {float: right;}


/* リンク */
a {color: #418CF2;text-decoration: none;}
a:hover {color: #0e4da3;}


/* マージン設定 */
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mr10 {margin-right: 10px;}


/* 余白設定 */
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pl10 {
	padding-left: 10px;
	padding-bottom: 10px;
}
.pl50 {padding-left: 50px;}
.pl75 {padding-left: 75px;}
.pl110 {padding-left: 110px;}
.pr10 {padding-right: 10px;}

/* ボーダー */
.border {border-top:1px #aaaaaa dotted;}


/* テキスト設定 */
h1 {
	font-size: 85%;
	font-weight: normal;
	line-height: 1.8em;}
p {
	color: #3C3C3C;
	font-size: 85%;
	line-height: 1.8em;}

/*テーブル設定*/

th.thbg {
    background-color: #eee;
}

	
	
/* ヘッダーコンテンツ */
#header {background: url(../images/bg_header.jpg) repeat-x;}

#header a {
	color: #969696;
	text-decoration: none;}
	
#header a:hover {
	color: #418CF2;
	text-decoration: none;}
	
#header #header-inner {
	width: 900px;
	margin-left: auto;
	margin-right: auto;}
	
#header-inner #logo {
	clear: both;
	height: 85px;
	padding-top: 5px;}


/* トップメニュー */
#header-inner ul {
	display: block;
	width: 895px;
	height: 36px;
	padding-left: 5px;
	list-style: none;
	text-indent: -9999em;
	background: url(../images/bg_topmenu.gif) no-repeat;}
	
#header-inner ul li {
	display: block;
	float: left;}
	
#header-inner ul li a {
	display: block;
	height: 31px;
	margin-top: 5px;}

#header-inner ul li.toppage a {width: 111px;}

#header-inner ul li.toppage a:hover {background: url(../images/bg_topmenu.gif) -5px -41px no-repeat;}

#header-inner ul li.group a {width: 110px;}

#header-inner ul li.group a:hover {background: url(../images/bg_topmenu.gif) -602px -41px no-repeat;}

#header-inner ul li.site-map a {width: 91px;}

#header-inner ul li.site-map a:hover {background: url(../images/bg_topmenu.gif) -712px -41px no-repeat;}

#header-inner ul li.english a {width: 97px;}

#header-inner ul li.english a:hover {background: url(../images/bg_topmenu.gif) -803px -41px no-repeat;}

#header-inner ul li.space {width: 486px;}


/* グローバルメニュー */
div#global-container {
	clear: both;
	height: 35px;
	background: url(../images/bg_global-container.gif) repeat-x;
}
div#global-inner {
	width: 900px;
	height: 35px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 30px;
	background: url(../images/bg_global-inner.gif) center no-repeat;
}
div#global-inner ul {
	display: block;
	width: 895px;
	height: 32px;
	padding-top: 3px;
	padding-left: 5px;
	list-style: none;
	text-indent: -9999em;
	background: url(../images/bg_global-menu.gif) no-repeat;
}
* html div#global-inner ul {
	height: 38px;
}
div#global-inner ul li {
	display: block;
	float: left;
}
div#global-inner ul li a {
	display: block;
	width: 90px;
	height: 32px;
}
div#global-inner ul li.company a:hover {
	background: url(../images/bg_global-menu.gif) -5px -38px no-repeat;
}
div#global-inner ul li.products a:hover {
	background: url(../images/bg_global-menu.gif) -95px -38px no-repeat;
}
div#global-inner ul li.management a {
	width: 160px;
}
div#global-inner ul li.management a:hover {
	background: url(../images/bg_global-menu.gif) -185px -38px no-repeat;
}
div#global-inner ul li.support a {
	width: 160px;
}
div#global-inner ul li.support a:hover {
	background: url(../images/bg_global-menu.gif) -345px -38px no-repeat;
}
div#global-inner ul li.ir-info a {
	width: 80px;
}
div#global-inner ul li.ir-info a:hover {
	background: url(../images/bg_global-menu.gif) -505px -38px no-repeat;
}
div#global-inner ul li.social a {
	width: 111px;
}
div#global-inner ul li.social a:hover {
	background: url(../images/bg_global-menu.gif) -585px -38px no-repeat;
}
div#global-inner ul li.group a {
	width: 116px;
}
div#global-inner ul li.group a:hover {
	background: url(../images/bg_global-menu.gif) -696px -38px no-repeat;
}
div#global-inner ul li.recruit a {
	width: 82px;
}
div#global-inner ul li.recruit a:hover {
	background: url(../images/bg_global-menu.gif) -812px -38px no-repeat;
}

/* カテゴリーラベル */
#category-container {
	clear: both;
	height: 110px;
	background: url(../images/bg_category-container.gif) repeat-x;}

* html #category-container {margin-top: -6px;}

#category-inner {
	width: 900px;
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 30px;
	background: url(../images/bg_category-inner.gif) center top no-repeat;}

#category-inner p.navigation {
	height: 17px;
	padding-top: 5px;}
	
#category-inner p.navigation a {color: #646464;}

#category-inner p.navigation a:hover {color: #418CF2;}


/* コンテンツ */
#contents {
	width: 900px;
	margin: 40px auto 20px;
	background: url(../images/bg_left-container.gif) left repeat-y;}
	
#contents p.pagetop {
	clear: both;
	padding-top: 20px;
	text-align: right;}
	
#contents p.pagetop a {
	padding-right: 18px;
	color: #646464;
	background: url(../images/icon_pagetop.gif) no-repeat right center;}
	
#contents p.pagetop a:hover {color: #418CF2;}




/* レフトメニュー */
#left-container {
	float: left;
	width: 210px;
}
	
div#left-container h2 {
	display: block;
	height: 50px;
	text-indent: -9999em;
}

#left-container .li01 a,
#left-container .li01_no,
#left-container .li02 a,
#left-container .li02_no {
	display: block;
	line-height: 1.4em;
	padding: 7px 5px 7px 28px;
	border-bottom: 1px dotted #969696;
}
*:first-child+html #left-container #ie_hight {line-height: 3.0;margin-top:2px;}
* html #left-container #ie_hight {line-height: 2.8;margin-top:3px;}

#left-container .li03 a,
#left-container .li03_no {
	display: block;
	line-height: 1.2;
	padding: 2px 0 0 28px;}

#left-container .li01 a {background: url(../images/bg_left-a.gif) no-repeat 0 0;}
#left-container .li01 a:hover {background: url(../images/bg_left-a-on.gif) no-repeat 0 0;}
#left-container .li02 a {background: url(../images/bg_left-a2.gif) no-repeat 0 0;}
#left-container .li02 a:hover {background: url(../images/bg_left-a2-on.gif) no-repeat 0 0;}
#left-container .li03 a {background: url(../images/bg_left01_off.gif) no-repeat 0 0;}
#left-container .li03 a:hover {background: url(../images/bg_left01_on.gif) no-repeat 0 0;}
#left-container .li01_no {background: url(../images/bg_left-p.gif) no-repeat 0 0;}
#left-container .li02_no {background: url(../images/bg_left02_no.gif) no-repeat 0 0;}
#left-container .li02_no2 {
	background-image: url(../images/bg_left02_no.gif);
	background-repeat: no-repeat;
	line-height: 15px;
}
#left-container .li03_no {background: url(../images/bg_left01_no.gif) no-repeat 0 0;}


/* *:first-child+html #left-container .ul_item {margin-top: -17px;} /* end winIE7_hack */
/* * html #left-container .ul_item {margin-top: -17px;} /* end winIE6_hack */


/* メインコンテンツ */
#main-container {
	float: right;
	width: 650px;
	padding-right: 20px;}

div#main-container h3 {
	margin-bottom: 20px;
	text-indent: 18px;
	width: 650px;
	height: 31px;
	font-size: 100%;
	line-height: 1.9;
	color: #fff;
	background: url(../images/tit_h3_bg.gif) no-repeat 0 0;}


/* フッターコンテンツ */
#footer-container {
	height: 40px;
	padding-top: 22px;
	background: url(../images/bg_footer.gif) repeat-x;}

#footer-inner {
	width: 900px;
	margin-left: auto;
	margin-right: auto;}

#footer-inner p.copyright {
	float: left;
	padding-left: 170px;
	padding-right: 50px;
	color: #FFF;
	font-size: 70%;
	line-height: 1.2em;
	border-right: 1px solid #FFF;
	background: url(../images/logo_hoshizaki-footer.gif) no-repeat left center;}

#footer-inner p.bottom-menu {

	float: left;
	padding-left: 10px;
	color: #FFF;
	line-height: 1.8em;}
	
#footer-inner p.bottom-menu a {color: #FFF;}

#footer-inner p.bottom-menu a:hover {color: #418CF2;}


/* コンテンツ内cssセレクタレイアウトパターン */
/* パターンA */
#pattern_a table {
	margin : 0 5px;
	width 100%;
	border-collapse : collapse;
	font-size : 85%;}

#pattern_a th,
#pattern_a td {
	padding : 10px;
	text-align : left;
	border : 1px solid #d0d9ff;}

#pattern_a td strong {
	color: #ff3c00;
}

/* パターンC */
#pattern_c p {
	float: left;
	margin-right: 20px;
	padding-left: 18px;}

#pattern_c span {float: left;}

#pattern_c .message01 {width: 410px;}


/* パターンD */
#pattern_d p {padding: 0 0 20px 18px;}


/* パターンE */
#pattern_e {font-size: 85%;}

#pattern_e h4 {
	margin-bottom: 20px;
	padding: 0 0 12px 18px;
	width: 632px;
	line-height: 2;
	background: url(../images/all_line_dotted.gif) repeat-x 0 bottom;}

#pattern_e h4 span {color: #0088cf;}

#pattern_e li {margin-bottom: 12px;}

#pattern_e .pattern_e01 {
	margin-left: 18px;
	padding-left: 24px;
	background: url(../images/all_icon01.gif) no-repeat 0 0;}

#pattern_e .pattern_e02 {
	padding-left: 48px;
	font-size: 85%;
	text-indent: -3.3em;}

#pattern_e .pattern_e01 span {color: #ff3c00;font-size:85%;}

#pattern_e .pattern_e02 span {color: #ff3c00;}

#pattern_e h5 {padding: 8px 0 12px 18px;}

#pattern_e dl {
	float: left;
	padding-left: 18px;}

#pattern_e dt {
	padding-left: 24px;
	width: 200px;
	font-size: 93%;
	color: #0088cf;
	background: url(../images/all_icon01.gif) no-repeat 0 0;}

#pattern_e dd {
	margin-bottom: 12px;
	padding-left: 24px;
	width: 450px;}

#pattern_e dd.ice {width: 450px;}
#pattern_e dd.fridge {width: 480px;}
#pattern_e dd.washer {width: 360px;}
#pattern_e dd.dispenser {width: 480px;}
#pattern_e dd.other {width: 430px;}

#pattern_e .pattern_e03 {float: right;}

#pattern_e .pattern_e04 {
	display: block;
	padding: 8px 0 0 18px;}
	
	
#pattern_e .com_policy strong {
	font-weight: normal;
	color: #ff3c00;
}


/* パターンF */
#pattern_f {width: 650px;}

#pattern_f h5 {
	margin-bottom: 20px;
	padding: 0 0 12px 18px;
	width: 632px;
	line-height: 2;
	font-size: 100%;
	color: #0088cf;
	background: url(../images/all_line_dotted.gif) repeat-x 0 bottom;}

#pattern_f .pattern_f01 {
	padding-left: 18px;
	font-size: 85%;}

#pattern_f .pattern_f02 {
	padding-left: 36px;
	text-align: right;
	background: url(../images/all_icon_arrow.gif) no-repeat 530px 2px;}

#pattern_f .pattern_f02 a {text-decoration: underline;}

#pattern_f .pattern_f03 {float: left;}

#pattern_f .keibox {
	border:1px solid #CCCCCC;
	padding:8px;
	margin:10px;
	font-size: 80%;
}


/* パターンG */
#pattern_g h5 {
	margin-bottom: 20px;
	padding: 0 0 12px 18px;
	width: 632px;
	line-height: 2;
	font-size: 100%;
	color: #0088cf;
	background: url(../images/all_line_dotted.gif) repeat-x 0 bottom;}

#pattern_g .pattern_g01 {
	float: left;
	padding-left:  18px;
	width: 300px;
	font-size: 85%;}

#pattern_g .pattern_g02 {float: right;}

#pattern_g .pattern_g03 {
	display: block;
	float: right;
	padding-top: 40px;}

#pattern_g .pattern_g04 {padding-top: 30px;}

#pattern_g .pattern_g05 {
	float: left;
	padding-left: 18px;
	width: 360px;
	font-size: 85%;}

#pattern_g .ecoplan_box {
	clear: both;
	width: 650px;}

#pattern_g .ecoplan_box dl {
	float: left;
	margin: 20px 0 20px;
	padding-left: 18px;
	width: 500px;
	font-size: 85%;}

#pattern_g .ecoplan_box dt {
	margin-bottom: 4px;
	padding-bottom: 4px;
	color: #ff3c00;
	background: url(../images/all_line_dotted.gif) repeat-x 0 bottom;}

#pattern_g .ecoplan_box dd {margin-left: 28px;}

#pattern_g .ecoplan_box_sub {
	clear: both;
	padding: 18px 0 0 18px;}

#pattern_g  #ecoplan_box_left {margin-right: 20px;}

#pattern_g  #ecoplan_box_left,
#pattern_g  #ecoplan_box_right {
	float: left;
	width: 306px;}

#pattern_g  #ecoplan_box_left dl,
#pattern_g  #ecoplan_box_right dl {width: 300px;}

#pattern_g .ecoplan_box_sub h6 {
	margin-bottom: 8px;
	padding-bottom: 4px;
	font-weight: normal;
	font-size: 85%;
	color: #0088cf;
	background: url(../images/all_line_dotted.gif) repeat-x 0 bottom;}

#pattern_g .ecoplan_box_sub dl {font-size: 85%;}

#pattern_g .ecoplan_box_sub dt {color: #ff3c00;}

#pattern_g .ecoplan_box_sub dd {margin: 2px 0 8px;}

#pattern_g .activities_box h6,
#pattern_g .rdquolity_box h6 {
	clear: both;
	margin-left: 18px;
	padding: 30px 0 4px;
	width: 632px;
	font-weight: normal;
	font-size: 100%;
	color: #0088cf;
	background: url(../images/all_line_dotted.gif) repeat-x 0 bottom;}

#pattern_g .activities_box strong,
#pattern_g .rdquolity_box strong {
	display: block;
	clear: both;
	margin: 8px 0 0 48px;
	font-weight: normal;
	color: #ff3c00;}

#pattern_g .rdquolity_box strong {margin-left: 18px;}

#pattern_g .pattern_g06 {
	padding-left: 48px;
	font-size: 85%;}

#pattern_g .pattern_g07 {
	float: right;
	padding: 0 0 12px 20px;}

#pattern_g .pattern_g08 {margin: 8px 0 12px 48px;}

#pattern_g .pattern_g09 {margin: 8px 0 12px 18px;}

#pattern_g .pattern_g10 {
	padding-left: 18px;
	font-size: 85%;}

#pattern_g .pattern_g11 {margin-bottom: 12px;}

#pattern_g .pattern_g12 {display: block; margin-top: 12px;}

/*パターンH*/

#pattern_h {
	padding-left: 18px;
    width: 460px;
	float:left;}


/* パターンI */
#pattern_i h5 {
	margin-bottom: 20px;
	padding: 0 0 12px 18px;
	width: 632px;
	font-size: 100%;
	line-height: 1.5;
	color: #0088cf;
	background: url(../images/all_line_dotted.gif) repeat-x 0 bottom;}

#pattern_i h6 {
	margin: 30px 0 8px 18px;
	width: 632px;
	font-size: 85%;
	font-weight: normal;
	line-height: 1.5;
	color: #ff3c00;}

#pattern_i .pattern_i01 {
	margin: 0 0 12px 18px;
	font-size: 85%;}

#pattern_i .pattern_i02 {
	margin: 20px 0 8px 18px;
	width: 632px;
	line-height: 1.5;
	font-size: 85%;
	font-weight: normal;
	color: #0088cf;
	background: url(../images/all_line_dotted.gif) repeat-x 0 bottom;}

/* パターンJ */
#pattern_j {
	margin : 0 5px;
    font-size: 85%;
	line-height: 1.5;}

#pattern_j table {
	width 100%;}

#pattern_j th,
#pattern_j td {
	font-size: 95%;
	padding : 10px;
	text-align : left;}
#pattern_j .pattern_j01 {
    padding : 0px;
	font-size: 95%;
	}
#pattern_j hr {
	border-style: dotted;
	border-color: #999999;
	border-width: 1px 0px 0px 0px;
	height: 1px;
}


/* 免責事項のリスト */
.disc {
	color: #3C3C3C;
	font-size: 85%;
	line-height: 1.8em;}

.disc ul {
	margin-left:30px;}

.disc ul li {
	list-style:decimal;}

/* 電子公告 */
.ex {
	padding:10px;
	border:1px #CCCCCC solid;
	color: #3C3C3C;
	font-size: 80%;
	line-height: 1.5em;}

.disc ul {
	margin-left:30px;}

.disc ul li {
	list-style:decimal;}


/* 個人情報保護方針のリスト */
.policy {
	color: #3C3C3C;
	font-size: 85%;
	line-height: 1.8em;}

.policy ul {
	margin-left:30px;}

.policy ul li {
	list-style:decimal;}

.policy ul .title {
	font-weight:bold;}


/*  20100201ARGO追記*/
#pattern_i h5.chain {
	margin: 0px auto 20px;
	padding: 0 0 0px 25px;
	width: 605px;
	font-size: 100%;
	line-height: 1.5;
	color: #505050;
	background: url(../../service_support/images/bg_h5-chain.gif) no-repeat 0px center;
	border-bottom: 1px dotted #646464;
	}
#pattern_i h4.chain {
display: block;
width: 650px;
height:30px;
margin-bottom: 10px;
text-indent: -9999em;
}
#pattern_i h4.inside {
background: url(../../service_support/images/bg_h4-chain-inside.gif) no-repeat center top;
}
#pattern_i h4.outside {
background: url(../../service_support/images/bg_h4-chain-outside.gif) no-repeat center top;
}
#pattern_i p.chain {
padding: 0px 15px;
}
#pattern_i p.btn_inside,#pattern_i p.btn_outside {
display: block;
width:287px;
height: 58px;
padding-left: 348px;
margin-bottom: 20px;
}
#pattern_i p a {
display: block;
width:287px;
height: 58px;
}
#pattern_i p.btn_inside a {
text-indent: -9999em;
background: url(../../service_support/images/btn_inside.gif) no-repeat;
}
#pattern_i p.btn_inside a:hover {
background: url(../../service_support/images/btn_inside.gif) no-repeat 0px -58px;
}
#pattern_i p.btn_outside a {
text-indent: -9999em;
background: url(../../service_support/images/btn_outside.gif) no-repeat;
}
#pattern_i p.btn_outside a:hover {
background: url(../../service_support/images/btn_outside.gif) no-repeat 0px -58px;
}
p.highlight {
font-weight:bold;
color:#03B153;
padding-left: 10px;
margin-top: 15px;
}#pattern_f .kankyo {
	font-size: 12px;
	padding-bottom: 3px;
}

#btn_iconsetumei{font-size:10px; padding:5px; margin-bottom:5px;}
#iconsetumei	{margin-left:20px; display:none; text-align:right;}
