@charset "UTF-8";
/* -------------------------
シンワリース販売株式会社(上メニュー、左サイド)css
横幅全体940、両サイド20空、左サイド220、メイン右640、間空40
---------------------------- */

/* -------------------------
共通リセット
---------------------------- */
body,div,dl,form,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;  /* センタリングff対策 */
}

body {
	background: #F1F5F3 url(../img/bg_head2.png) repeat-x;
	line-height: 1.5;
	font-size: 11pt;
	font-family: "ＭＳ Ｐゴシック",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka,sans-serif;
	color: #333333;
}

p {
	margin: 0 0 1em;
	padding: 0;
}

ol,ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

li {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

table {
	empty-cells: show;
	font-size: 100%;  /* 親要素bodyのfont-size継承 IE対策 */
}

caption {
	text-align: left;
	font-style: normal;  /* font-weight: bold; */
	padding-bottom: 0;
}

th {
	font-weight: normal;
}

hr {
	height: 1px;  /* IE対策 */
	color: #758aae;  /* IE対策 */ 
	border: dotted;  /* ff対策 */ 
	border-width: 1px 0 0;  /* ff対策 */ 
	margin-bottom: 25px;
}


/* -------------------------
共通リンク色
---------------------------- */
a {color: #6699cc;}
a:link {color: #6699cc;}
a:visited {color: #9999cc;}
a:hover {color: #33cccc;}
a:active {color: #6699cc;}



/* -------------------------
全体wrapper
---------------------------- */
.wrapper {
	width: 940px;
	margin: 0 auto;
	background-color: #ffffff;
/* 	border-left: solid 1px #dddddd; */
/* 	border-right: solid 1px #dddddd; */
}


/* -------------------------
ヘッダー
---------------------------- */
#header {
	width: 940px;
	margin: 0 auto;
	background: url(../img/bg_head.png) repeat-x;
}

#head_left {
	float: left;
	width: 360px;  /* img345 */
	margin-top: 12px;
	margin-bottom: 3px;
	padding-left: 20px;
}

#head_right {
	float: right;
	width: 540px;
	margin-top: 30px;
	padding-right: 20px;
	text-align: right;
}

#head_right h1 {
	margin-bottom: 7px;
	font-size: 8pt;
	font-weight: normal;
	line-height: 1;
}

ul#tnavihead {
	padding-bottom: 5px;
}
ul#tnavihead li {
	display: inline;
	padding-left: 15px;
	font-size: 10pt;
}


/* -----------
ナビゲーション メニュー
---------------------------- */
#gnavi {
	clear: both;
	width: 940px;
	height: 40px;
	background: url(../img/navi_bg.gif) repeat-x;
/* 	border-top: solid 1px #dddddd; */
 	border-bottom: solid 1px #dddddd;
}

#gnavi ul,
#gnavi ul li {
	float: left;  /* ナビimg配置 */
}

#gnavi ul {
	width: 900px;
	height: 40px;
	background: url(../img/navi.gif) no-repeat;
	margin-left: 20px; /* 指定箇所、左navi_bg.gif余白 */
}

#gnavi ul li a {
	display: block;
	width: 150px; /* 指定箇所 */
	height: 40px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

#gnavi ul li.navi1 a.open,
#gnavi ul li.navi1 a:focus {
	background: url(../img/navi.gif) no-repeat left -40px;
}
#gnavi ul li.navi1 a:hover {
	background: url(../img/navi.gif) no-repeat left -80px;  /* HOME left bottom */
}

#gnavi ul li.navi2 a.open,
#gnavi ul li.navi2 a:focus {
	background: url(../img/navi.gif) no-repeat -150px -40px;
}
#gnavi ul li.navi2 a:hover {
	background: url(../img/navi.gif) no-repeat -150px -80px;  /* ナビ2 */
}

#gnavi ul li.navi3 a.open,
#gnavi ul li.navi3 a:focus {
	background: url(../img/navi.gif) no-repeat -300px -40px;
}
#gnavi ul li.navi3 a:hover {
	background: url(../img/navi.gif) no-repeat -300px -80px;  /* ナビ3 */
}

#gnavi ul li.navi4 a.open,
#gnavi ul li.navi4 a:focus {
	background: url(../img/navi.gif) no-repeat -450px -40px;
}
#gnavi ul li.navi4 a:hover {
	background: url(../img/navi.gif) no-repeat -450px -80px;  /* ナビ4 */
}

#gnavi ul li.navi5 a.open,
#gnavi ul li.navi5 a:focus {
	background: url(../img/navi.gif) no-repeat -600px -40px;
}
#gnavi ul li.navi5 a:hover {
	background: url(../img/navi.gif) no-repeat -600px -80px;  /* ナビ5 */
}

#gnavi ul li.navi6 a.open,
#gnavi ul li.navi6 a:focus {
	background: url(../img/navi.gif) no-repeat -750px -40px;
}
#gnavi ul li.navi6 a:hover {
	background: url(../img/navi.gif) no-repeat -750px -80px;  /* ナビ6 */
}


/* -------------------------
フッター
---------------------------- */
#footer {
	clear: both;
	width: 940px;
	height: 65px;
	margin-left: 0;
	background: url(../img/foot01.gif) no-repeat bottom center;
}

ul#tnavifoot {
	text-align: center;  /* テキストナビ */
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10pt;
}

ul#tnavifoot li {
	display: inline;  /* 中央揃えのためfloatせず　#tnaviheadと同 */
	padding-left: 20px;
}

ul#tnavifoot a {
	color: #00915D;
}

ul#tnavifoot a:hover {
	color: #339933;
}



/* -------------------------
トップページ/ページ画像
---------------------------- */
#topphoto {
	clear: both;  /* ヘッダーfloatの解除 */
	width: 900px;  /* トップページ画像 */
	margin: 2px 0;
}

/* -------------------------
トップページ用 コンテンツ／メイン
---------------------------- */
/* -----3カラム全体　(左・中)+(右)----- */
#topcontents {
	float: left;  /* ff背景高さ確保 */
	width: 940px;  /* 幅領域940 */
	padding-top: 20px;
	background-color: #E9EFEC;
}

/* -----左サイド+中央(3カラムの左2つ)----- */
#area_left {
	float: left;
	width: 660px;
	padding-left: 20px;  /* for IE6 */
}

/* -----左サイド----- */
#side_left {
	float: left;
	width: 235px;
	margin-right: 20px;
}

.block_left {
	margin-bottom: 30px;  /* Pickup、What's New */
	padding: 3px 13px 13px;
	background: #ffffff url(../img/block_sita1.gif) no-repeat left bottom;
	font-size: 10pt;
	line-height: 1.2;
}

.block_left h2 {
	padding-left: 15px;
	margin-bottom: 0.3em;
	background: url(../img/mark03.gif) no-repeat 1% 48%;
	font-size: 10pt;
}

/* -----中央----- */
#topmain {
	float: right;
	width: 405px;
}

#topmain strong {
	font-weight: normal;
}

.block_center {
	margin-bottom: 30px;
	padding: 3px 13px 13px;
	background: #ffffff url(../img/block_sita2.gif) no-repeat left bottom;
	font-size: 10pt;
	line-height: 1.2;
}

.block_center h2 {
	margin-bottom: 15px;
}


/* -----右サイド----- */
#side_right {
	float: right;
	width: 220px;
	padding-right: 20px;
}

.block_right {
	margin-bottom: 30px;
	padding: 3px 13px 13px;
	background: #ffffff url(../img/block_sita3.gif) no-repeat left bottom;
	font-size: 10pt;
}


/* -----What's New 定義リスト横並び (ニュース一覧は02)----- */
.list_news01 dl {
	margin-bottom: 15px;
	line-height: 1.2;
	font-size: 10pt;
}
.list_news01 dt {
	margin-left: 5px;
	font-weight: bold;
}
.list_news01 dd {
	margin-left: 5px;
	margin-right: 10px;  /* border調整 */
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
 	border-bottom: dotted 1px #cccccc;
}


/* -------------------------
コンテンツ 全ページ用
---------------------------- */
#contents {
	float: left;  /* ff背景高さ確保 */
	width: 940px;
	margin-top: 20px;
}

#contents p#title1 {
	margin: 0 20px;
}


/* -------------------------
サイド(コンテンツ内)
---------------------------- */
#side {
	float: left;
	width: 240px;
	margin-top: 20px;
	padding-left: 20px;
}


/* -----------
サブメニュー(サイド)
---------------------------- */
#snavi {
	width: 226px;  /* 幅領域240 */
	margin-bottom: 30px;
	padding: 6px;
	border: dotted 1px #7CBA97;
} 

#snavi li {
	line-height: 40px;  /* 文字上下中央 */
	height: 40px;  /* FF文字拡大時対策 */
}

#snavi a {
	display: block;
	height: 40px;  /* tips100% */
	background: #F0F2F7 url(../img/bg_snavi01.gif) left top;
	text-decoration: none;
	padding-left: 10px;
	color: #00915D;
}

#snavi a:hover {
	background: #ffffff url(../img/bg_snavi01.gif) left bottom;
	color: #339933;
}

#snavi .snavi1 a.open {
	background: url(../img/bg_snavi02.gif);
}
#snavi .snavi2 a.open {
	background: url(../img/bg_snavi02.gif);
}
#snavi .snavi3 a.open {
	background: url(../img/bg_snavi02.gif);
}
#snavi .snavi4 a.open {
	background: url(../img/bg_snavi02.gif);
}
#snavi .snavi5 a.open {
	background: url(../img/bg_snavi02.gif);
}
#snavi .snavi6 a.open {
	background: url(../img/bg_snavi02.gif);  /* サブ6つ以上は追加 */
}



/* -------------------------
メイン 各ページ用 #main
---------------------------- */
#main {
	float: right;
	width: 630px;
	margin-top: 20px;
	padding-right: 20px;
}

.main_indent {
	margin-left: 15px;  /* mainのh3配下を包括 */
}

#main h2 {
	height: 35px;
	margin-bottom: 15px;
	padding: 10px 0 0 10px;
	background: url(../img/mark02.gif) no-repeat;
	font-size: 12pt;
	color: #00734A;
	letter-spacing: 0.3em;
}

#main h3 {
	margin-bottom: 10px;
	padding: 3px;
	padding-left: 30px;
	background: #f7f7f7 url(../img/mark04.gif) no-repeat 10px 48%;  /* ● */
	border-top: solid 1px #d7d7d7;
	border-bottom: dotted 1px #ccccff;
	font-size: 11pt;
	font-weight: normal;
}

#main h4 {
	margin-bottom: 10px;
	font-size: 11pt;
	color: #006699;
	letter-spacing: 0.3em;
}
#main h4:before{
	content:"≪";
}
#main h4:after{
	content:"≫";
}



/* -------------------------
全ページ用
---------------------------- */
.clear {
	clear: both;
}

.waku01 {
	margin: 5px 10px 30px;
	padding: 15px;
	border: dotted 2px #758aae;  /* お知らせ枠 (未使用)ドット */
}

.waku02 {
	margin-bottom: 10px;
	padding: 10px;
	border: solid 1px #D2377D;  /* お知らせ枠 (未使用)ピンク紫色 */
	line-height: 1.2;
	font-size: 10pt;
}

.waku03 {
	margin-bottom: 30px;
	padding: 10px;
	border: solid 1px #CBCBDE;;  /* お知らせ枠 (未使用)センタリング */
	text-align: center;
	font-size: 10pt;
}


/* -----3カラム サーモグラフィー----- */
div.cel01 p {
	float: left;
	width: 140px;
	margin-bottom: 5px;
	padding-right: 15px;
	text-align: center;
}

/* -----画像3カラム 未使用----- */
div.cel02 p {
	float: left;
	width: 190px;
	margin-left: 18px;  /* leftに指定で右端で揃う  */
	margin-bottom: 15px;
	font-size: 10pt;
}


/* -----記述リスト横並び(会社概要、沿革)----- */
.list_table01:after{
	content: '';
	display: block;
	clear: both;
}
.list_table01 {
	margin-bottom: 30px;
	border: solid 1px #cccccc;
/*	border-top: solid 2px #005091;
	border-bottom: solid 2px #005091;*/
}
.list_table01 dt {
	float: left;
	width: 140px;
	padding: 15px 10px;
	border-top: dotted 1px #cccccc;
	text-align: right;
	color: #005091;
	letter-spacing: 0.1em;
}
.list_table01 dt:after {
	content: "　|";  /* 区切り線 */
	font-weight: bold;
}
.list_table01 dd {
	float: left;
	width: 425px;
	margin: 0;
	padding: 15px 10px 15px 15px;
	border-top: dotted 1px #cccccc;
}
.list_table01 dt:first-of-type {
	border-top: none;
}
.list_table01 dd:first-of-type {
	border-top: none;
}




/* -----共通テーブル----- */
.table01 {
	margin-bottom: 1.5em;  /* (ライン無) 画像と説明文など 商品top */
	font-size: 10pt;
	line-height: 1.2;
}
.table01 tr {
	vertical-align: top;  /* 表tr上寄せ */
}
.table01 td {
	padding: 0 5px 10px;
}


/* お問合せフォーム　table04との違い 項目2行がありafter指定なし */
.table03 {
	margin-bottom: 30px;
	border-collapse: collapse;
	border: solid 1px #cccccc;
}
.table03 tr {
	vertical-align: top;
}
.table03 th {
	padding: 15px 15px 15px 10px;
	border-top: dotted 1px #cccccc;
	color: #005091;
	letter-spacing: 0.1em;
	text-align: right;
}
.table03 td {
	padding: 15px 10px 15px 15px;
	padding-left: 0;
	border-top: dotted 1px #cccccc;
}


/* 会社概要 初期テーブル版
.table04 {
	margin-bottom: 30px;
	border-collapse: collapse;
	border: solid 1px #cccccc;
}
.table04 tr {
	vertical-align: top;
}
.table04 th {
	padding: 15px 15px 15px 10px;
	border-top: dotted 1px #cccccc;
	color: #005091;
	letter-spacing: 0.1em;
	text-align: right;
}
.table04 th:after {
	content: "　|";
	font-weight: bold;
}
.table04 td {
	padding: 15px 10px 15px 15px;
	padding-left: 0;
	border-top: dotted 1px #cccccc;
}
 */

/* 商品仕様表 */
.table05 {
	margin-bottom: 1.5em;
	border-collapse: collapse;
	font-size: 10pt;
}
.table05 tr {
}
.table05 th {
	padding: 2px;
	border: 1px solid #cccccc;
	background: #D2EBFF;
}
.table05 td {
	padding: 2px;
	border: 1px solid #cccccc;
	text-align: right;
}



/* -----パンくずリスト----- */
ol.breadcrumb {
	margin: 0em 0;
}

ol.breadcrumb li {
	display: inline;
	font-size: 8pt;
}

ol.breadcrumb li a {
	display: inline;
	padding-right: 18px;
	background: url(../img/path01.gif) no-repeat 100% 48%;
}


/* -----パンくずリスト2(分類ナビ) ページ内/別ページ----- */
ul.grouppath {
	margin: 0 0 1.5em;
}
ul.grouppath li {
	display: inline;
	padding-right: 0.75em;
	font-size: 10pt;
}
ul.grouppath li:after{
	content:"|";
	padding-left: 0.75em;
	color: #cccccc;
}


/* -----サイトマップ----- */
.sitemap {
	line-height: 1.8;
}

.sitemap1 {
	float: left;  /* サイトマップ左エリア */
	width: 370px;
}

.sitemap2 {
	float: right;  /* サイトマップ右エリア 未使用 */
	width: 230px;  /* 幅適宜修正 */
}

.sitemap_sub {
	margin-left: 2.5em;  /* サイトマップ内サブ */
	color: #333333;
}


/* 商品一覧 */
.list_thumbnail01 dl {
	padding-bottom: 50px;
}
.list_thumbnail01 dt {
	float: left;
	clear: both;
	width: 105px;  /* 幅領域620 */
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
}
.list_thumbnail01 dd {
	float: left;
	width: 470px;
	margin: 0 10px 20px 0;  /* 共通リセットでdlのみ0指定済み */
	padding: 0;
	border-top: dotted 1px #ccccff;
}
.list_thumbnail01 dd:first-line {
	font-weight: bold;
}


/* -----共通リスト(list01～)----- */
.list01 {
	list-style: url(../img/mark01.gif);  /* マーク画像 */
	margin-left: 2.0em;  /* 1.2em先頭揃え */
	margin-bottom: 1em;
}

.list02 {
	list-style: disc outside;  /* マークあり●(ul黒丸disc 黒四角square) */
	margin-left: 1.2em;  /* 1.2em先頭揃え */
	margin-bottom: 1.5em;
}
.list02 li.sub {
	list-style: none;  /* list02 liのサブ */
	margin-left: 1.0em;
}

.list03 {
	list-style: decimal outside;  /* 数字あり(ol数字decimal 英小文字lower-alpha) */
	margin-left: 2.2em;
}

.list04 {
	margin-bottom: 30px;
	padding: 10px;
	border: dotted 2px #758aae;
	font-size: 10pt;
}
.list04 li {
	list-style: url(../img/mark06.gif);  /* IE対策 ●discマーカー画像で代用 ニュースYahoo一覧 専用 */
	margin-left: 2.4em;  /* 1.2em先頭揃え */
	margin-bottom: 0.3em;
}



.list06 {
	list-style: url(../img/mark06.gif);  /* IE対策 ●discマーカーを画像で代用 */
	margin-left: 2.0em;  /* 1.2em先頭揃え 2.0em */
	margin-bottom: 1em;
}

.list07 {
	list-style: url(../img/mark07.gif);  /* IE対策 ■squareマーカーを画像で代用 */
	margin-left: 2.0em;  /* 1.2em先頭揃え 2.0em */
	margin-bottom: 1em;
}


/* -----定義リスト通常(list11～)----- */
.list11 dl {
	margin-bottom: 10px;  /* What's New　未使用 */
	line-height: 1.2;
	font-size: 10pt;
}
.list11 dt {
	margin-left: 5px;
	font-weight: bold;
}
.list11 dd {
	margin-left: 5px;
	margin-right: 10px;  /* border調整 */
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
 	border-bottom: dotted 1px #cccccc;
}


/* Q&A */
.list12 dt {
	text-indent: -2.5em;  /* 字下げ */
	margin-left: 3.5em;
	margin-bottom: 0.5em;
	padding: 3px 3px;
	background-color: #f7f7f7;
	font-weight: bold;
}
.list12 dt:first-letter {
	color: #006699;
}
.list12 dd {
	text-indent: -1.2em;
	margin-left: 5.0em;
	margin-bottom: 1.5em;
}
.list12 dd:first-letter {
	color: #cc3300;
	font-weight: bold;
}


/* キール 特長など */
dl.list13 {
	margin-left: 0.5em;
	margin-bottom: 1.5em;
}
dl.list13 dt {
	color: #cc6600;
	font-weight: bold;
}
dl.list13 dd {
	margin-left: 1em;
	margin-bottom: 0.5em;
}



/* -----定義リスト横並び表(list21～)----- */
.list21 dt {
	float: left;  /* [ニュース一覧] 定義リスト横並び 未使用 */
	clear: both;
	width: 50px;  /* 595 幅領域630 */
	margin-right: 10px;
}
.list21 dd {
	float: left;  /* 定義リスト横並び 後述にclearでfloat解除する */
	width: 500px;  /* 520 */
	margin: 0 0 5px 0;  /* 共通リセットでdlのみ0指定済み */
	padding: 0;
}

/* 事業所一覧 */
div.list22 dl {
}
div.list22 dt {
	padding-top: 1em;
	border-top: dotted 1px #cccccc;
}
div.list22 dt:first-of-type {
	padding-top: 0;
	border-top: none;
}
div.list22 dd {
	margin-bottom: 1em;
}

/*
div.list22 dl {
}
div.list22 dt {
	float: left;
	clear: both;
	width: 90px;
	margin: 0 10px 10px 0;
	padding: 0 0 15px 0;
	border-bottom: dotted 1px #cccccc;
}
div.list22 dd {
	float: left;
	width: 450px;
	margin: 0 10px 10px 0;
	padding: 0 0 15px 0;
	border-bottom: dotted 1px #cccccc;
}
div.list22 dd:first-line {
	font-weight: bold;
}
*/



/* -----共通スタイル----- */
.fs01 {
	font-size: 80%;
}

.fs02 {
	font-size: 10pt;
}

.fs03 {
	font-size: 8pt;
}

.fs04 {
	font-size: 10pt;
	color: #ff9900;  /* news01 #ffcc00黄 #ff9900橙  #cc6600茶 #cc9966黄土 */
}


.fs06 {
	letter-spacing: -0.1em;  /* 幅狭 snavi */
}

.fs07 {
	font-family: monospace;  /* 等幅フォント */
}

.fs08 {
	font-weight: normal;
}

.fs09 {
	line-height: 1.2;
}

.fs10 {
	text-align: center;
}

.fs11 {
	text-align: right;
	margin-bottom: 1.5em;
}

.fs12 {
	font-size: 10pt;  /* ▲Top of page 専用 */
	text-align: right;
}

.fs13 {
	float: right;  /* imgの右寄せ */
	margin-left: 10px;
}

.fs14 {
	float: left;  /* imgの左寄せ */
	margin-right: 10px;
}

.fs15 {
	float: left;  /* imgの左寄せ indexバナー */
	margin-right: 5px;
}


/* -----余白----- */
.mg00 {
	margin-bottom: 0;
}
.mg05e {
	margin-bottom: 0.5em;
}
.mg1e {
	margin-bottom: 1em;
}
.mg2e {
	margin-bottom: 2em;
}
.mg3e {
	margin-bottom: 3em;
}


.mgleft01 {
	margin-left: 15px;  /* 左余白 */
}

.mgleft03 {
	margin-left: 1.7em;  /* 左余白 */
}


.mgright00 {
	margin-right: 0;  /* .cel01右端のカラムに指定 未使用  */
}