@charset "Shift_JIS";
/* ===============================================================\*/
/* トップページ用CSS
/* 更新日:2009.12.10
/* 制作者:Y.O
/* 
/* 目次：
/* 　　　1.レイアウトの設定
/* 　　　　[1]リンク
/* 　　　　[2]ヘッダー
/* 　　　　[3]サイドメニューとコンテンツ
/* 　　　　[4]フッター
/*
/* 　　　3.コンテンツの詳細設定
/* 　　　　[1]項目の指定
/* 　　　  [2]おすすめ商品情報
/* 　　　　[3]主要取扱商品
/* 　　　　[4]硅砂
/* 　　　　[5]お問い合わせ
/* 　　　　[6]メニュー
/*
/* 　　　4.フッターの詳細設定
/*
/* ===============================================================\*/
/* ===============================================================
　　　↓1.レイアウトの設定↓ 
===============================================================\*/
body {
  margin: 0;
  padding: 0;
  text-align: left;
  behavior:url("css/csshover3.htc");
}

* {
  margin: 0px;
  padding: 0px;
  font-family:"ＭＳ Ｐゴシック";
}

img {
  border: 0;
  margin: 0;
  padding: 0;
  line-height: 0;

}

p {
  font-size: 90%;
  color: #333333;
}

.hide {
  display: none;
}

h1 {
  margin-bottom: -5px;
}

h2 {
  margin: 0px;

  padding: 0px;
  line-height: 0px;
}

h3 {
  margin: 0px;
  padding: 0px;
  clear: both;
}

div#container {
  width: 980px;
  vertical-align: top;
  min-width: 760px;
  margin: 0px auto;
}

* html div#container{
  width:expression(document.body.clientWidth < 895 ? "890px" : "auto" );
}
	
/* =====[1]リンク=====\*/
a:link {
  text-decoration: underline;
  color: #333333;
}

a:visited {
  text-decoration: underline;
  color: #333333;
}

a:hover {
  text-decoration: none;
  color: #333333;
}

a:active {
  text-decoration: underline;
  color: #333333;
}

/* =====[2]ヘッダー=====\*/	
div#container div#header_outer {
  width: 100%;
  margin:0px;
  padding:0px;
  vertical-align: top;
  color:#333333;
  line-height: 0;
  font-size: 0em;
  text-align: left;
}

div#container div#header {
  float: right;
  width: 100%;
  height: 106px;
  padding:0px;
  line-height: 0;
  background-image: url(../img/common/header_bk.gif);
  background-repeat: repeat-x;
  background-position: left top;
}

div#container div#header div#headerleft {
  float: left;
  width: 275px;
  height: 87px;
  padding:0px;
  line-height: 0;
  text-align:left;
}

div#container div#header div#headerright {
  margin-left: 285px;
  padding:0px;
  line-height: 0;
  text-align: right;
}

/* お問合せ先背景画像設定 \*/
div#container div#header div#headerright div#headerinfo {
  margin-right:10px;
  padding:0px;
  height: 87px;
  text-align: right;
}

div#container div#header div#headerright div#headerinfo img {
  margin: 7px 0px 0px 0px;
}


/* =====[3]サイドメニューとコンテンツ=====\*/
div#container div#barcontset {
  clear:both;
  width: 100%;
  padding: 0px;
  display: inline-block;
  background-image: url(../img/common/bg_container_under.gif);
  background-repeat: repeat-y;
  background-position: left;
}


div#container div#barcontset div#cont_outer {
  float: right;
  width: 100%;
  margin-left: -210px;
  text-align: left;
  line-height: 1em;
  border-right: 3px solid #cccccc;
    vertical-align: top;
}

div#cont_outer div#cont {
  margin-left: 210px;
  padding-top: 30px;
  text-align: center;
}

div#container div#barcontset div#sidebar {
  float: left;
  width: 200px;
  text-align: right;
}

div#container div#barcontset:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Hide from IE-mac \*/
* html div#container div#barcontset { height: 1%;}
div#container div#barcontset { display: block;}
/* End hide from IE-mac \*/


/* =====[4]フッター=====\*/
div#container div#footer {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 25px;
  background-image: url(../img/common/bg_footer.gif);
  background-repeat: repeat-x;
  background-position: top;
}

/* =====[1]砂のトータルコンサルティング=====\*/
div#container div#barcontset div#cont div#aboutginsya {
  width: 95%;
  height: 130px;
  margin: 10px auto;
  padding-bottom: 10px;
  background-image: url(../img/main02.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
  text-align: left;
}

div#container div#barcontset  div#aboutginsya div.aboutsetsumei {
  margin: 10px 250px 10px 0px;
}


/* =====[2]おすすめ商品情報=====\*/
div#container div#barcontset div#cont div#osusume {
  width: 95%;
  margin: 10px auto;
  padding-bottom: 0px;
  text-align: left;
}

div#container div#barcontset div#cont div#osusume table {
  width: 100%;
}

div#container div#barcontset div#cont div#osusume table tr td.left {
  width: 10px;
}

div#container div#barcontset div#cont div#osusume table tr td.left img {
  vertical-align: bottom;
}

div#container div#barcontset div#cont div#osusume table tr td.right {
  width: 12px;
}

div#container div#barcontset div#cont div#osusume table tr td.right img {
  vertical-align: bottom;
}



/* ---------おすすめ商品情報メインコンテンツ設定----------- \*/



/* ---------おすすめ商品情報メインコンテンツ設定----------- \*/
div#container div#barcontset div#cont table#osusume {
  width: 95%;
  margin: 10px auto;
  padding: 0px;
}

div#container div#barcontset div#cont table#osusume img {
  vertical-align: bottom;
}

html>/**/body div#container div#barcontset div#cont table#osusume tr td.lefttop {
  width /***/: 11px9;
  height: 38px9;
}

div#container div#barcontset div#cont table#osusume tr td.middletop {
  background-image: url(../img/osusume_3.gif);
  background-repeat: repeat-x;
  background-position: top;
  background-color: #FBF9E6;
  text-align: left;
}

div#container div#barcontset div#cont table#osusume tr td.righttop {
  height: 38px;
  width: 11px;
}

div#container div#barcontset div#cont table#osusume tr td.middle {
  text-align: left;
  background-image: url(../img/osusume_5.gif);
  background-repeat: repeat-y;
  background-position: left;
  background-color: #FBF9E6;
}

div#container div#barcontset div#cont table#osusume tr td.rightmiddle {
  width: 12px;
  text-align: left;
  background-image: url(../img/osusume_6.gif);
  background-repeat: repeat-y;
}

div#container div#barcontset div#cont table#osusume tr td.middlebottom {
  height: 14px;
  background-image: url(../img/osusume_8.gif);
  background-repeat: repeat-x;
  background-position: top;
  background-color: #FBF9E6;
}

div#container div#barcontset div#cont table#osusume tr td.leftbottom {
  width: 11px;
  height: 14px;
  text-align: right;
  background-image: url(../img/osusume_7.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

div#container div#barcontset div#cont table#osusume tr td.rightbottom {
  width: 12px;
  height: 14px;
  text-align: left;
  background-image: url(../img/osusume_9.gif);
  background-position: top left;
  background-repeat: no-repeat;
  
}


/* ---------おすすめ商品情報メインコンテンツ設定----------- \*/

div#container div#barcontset div#cont table#osusume tr td.middle p.news {
  margin: 0 1em;
  padding: 0.5em 0 0 9px;
  font-size: 1em;
  font-weight: bold;
}

div#container div#barcontset div#cont table#osusume tr td.middle ul.news {
  margin: 0 1em 0.5em 0;
  padding: 0.5em 1em 1em 22px;
}

div#container div#barcontset div#cont table#osusume tr td.middle ul.news li {
  display: inline;
  padding: 0 1em 0 22px;
  background-image: url(../img/jyouhou_icon.gif);
  background-position: left center;
  background-repeat: no-repeat;
}

div#container div#barcontset div#cont table#osusume tr td.middle ul.news li a:link ,
div#container div#barcontset div#cont table#osusume tr td.middle ul.news li a:visited {
  font-size: 1em;
  font-weight: bold;
}

div#container div#barcontset div#cont table#osusume tr td.middle ul.news li a:hover ,
div#container div#barcontset div#cont table#osusume tr td.middle ul.news li a:active {
  color: #3366ff;
}

div#container div#barcontset div#cont table#osusume tr td.middle p.dcbinder {
  background-image: url(../img/osusume_02.gif);
  background-repeat: repeat-x;
  padding: 10px 10px;
  margin: 10px 5px 10px 15px;
  font-size: 18px;
  font-weight: 600;
}


div#container div#barcontset div#cont table#osusume tr td.middle p.dcbinder a:link {
  text-decoration: none;
  color: #FFF;
}

div#container div#barcontset div#cont table#osusume tr td.middle p.dcbinder a:visited {
  text-decoration: none;
  color: #FFF;
}

div#container div#barcontset div#cont table#osusume tr td.middle p.dcbinder a:hover {
  text-decoration: underline;
  color: #FFF;
}

div#container div#barcontset div#cont table#osusume tr td.middle p.dcbinder a:active {
  text-decoration: none;
  color: #FFF;
}


div#container div#barcontset div#cont table#osusume tr td.middle p.dcbinder span.smallerp {
  font-size: 12px;
  color: #FFF;
  padding-left: 10px;
}

div#container div#barcontset div#cont table#osusume tr td.middle p.others {
  margin: 10px 5px 10px 25px;
  line-height: 1.4em;
}

div#container div#barcontset div#cont table#osusume tr td.middle p.koumoku_in {
  margin: 10px 5px 10px 25px;
  line-height: 1.4em;
  text-indent:-6em;
  padding-left:6em;
}

div#container div#barcontset div#cont table#osusume table#photo {
  margin: 0px auto;
  width: 674px;
}

/* =====[3]主要取扱商品=====\*/
div#container div#barcontset div#cont table.shuyoutitle {
  width: 95%;
  margin: 10px auto;
  background-color: #70492F;
  text-align: left;
}

div#container div#barcontset div#cont table.shuyoutitle h2 {
  _margin: -1px 0px 0px 0px;
}

div#container div#barcontset div#cont table.shuyoutitle img {
  vertical-align: bottom;
  margin: 0px;
  padding: 0px;
  line-height: 0px;
}

div#container div#barcontset div#cont table.shuyoutitle tr td.shuyouright {
  width: 10px;
  background: none;
}

div#container div#barcontset div#cont div#shuyoubox {
  width: 95%;
  margin: 10px auto;
  padding: 0px;
  display: inline-block;
  text-align: center;
}

div#container div#barcontset div#cont div#shuyoubox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Hide from IE-mac \*/
* html div#container div#barcontset div#cont div#shuyoubox { height: 1%;}
div#container div#barcontset div#cont div#shuyoubox { display: block;}
/* End hide from IE-mac */

div#container div#barcontset div#cont div#shuyoubox div#shuyouleft{
  width: 48%;
  float: left; 
  padding: 4px;
  background-color: #E7E7E7;
  text-align: center;
}

div#container div#barcontset div#cont div#shuyoubox div#shuyouright{
  width: 48.5%;
  float: right; 
  padding: 4px;
  margin: 0px;
  background-color: #E7E7E7;
  text-align: center;
}

div.shuyoucont {
  border: solid 1px #677894;
  width: 99%;
  padding: 0px;
  background-color: #FFF;
}

div.shuyoucont div.midashi {
  background-image: url(../img/midashi01_b.jpg);
  background-repeat: repeat-x;
  margin: 0px 0px 5px 0px;
  text-align: left;
}

div.shuyoucont p {
  margin: 0px 10px 10px 10px;
  line-height: 1.4em;
  font-size: 90%;
  text-align: left;
}


div.shuyoucont ul {
  list-style: none;
  margin: 10px 0px;
 padding: 5px 20px 0px 20px;
  font-size:80%;
  text-align: left;
}
 
div.shuyoucont ul li {
  padding: 3px 0px 3px 25px;
  margin-bottom: 3px;
  background: url(../img/ico_shuyouitem01.gif) no-repeat 0.1em 0.2em;
  background-color: #CED2DB;
  list-style: none;
  font-weight: 700;
}

div.shuyoucont ul li a {
  text-decoration:underline;
  color:#333333;
}

div.shuyoucont ul li a:hover {
  text-decoration:none;
}

div.shuyoucont div.imgwaku{
  margin: 0px 20px;
  background-color: #F0F1F4;
  text-align: center;
}

div.shuyoucont div.imgwaku img{
  margin: 0px auto;
  padding: 10px 0px;
}


div.shuyoucont div.more {
  margin: 10px 0px 0px 0px;
  padding: 10px;
  min-height: 320px;
  background-color: #49576B;
  border: solid 3px #FFF;
}

div.shuyoucont div.more p{
  text-align: left;
  padding: 0px;
  color: #FFFFFF;
  height: 5em;
}

div.shuyoucont div.more h3.title {
  text-align: left;
  margin-left: 10px;
}

div.shuyoucont div.more div.imgwaku{
  margin: 0px 8px;
  background-color: #757F8E;
  text-align: center;
}

div.shuyoucont div.more div.imgwaku img{
  margin: 0px auto;
  padding: 10px 0px;
}

div.shuyoucont div.more ul {
  list-style: none;
  margin: 0px 0px 10px 0px;
 padding: 0px 8px 0px 8px;
  font-size:80%;
  text-align: left;
}
 
div.shuyoucont div.more ul li {
  padding: 3px 0px 3px 25px;
  margin-bottom: 3px;
  background: url(../img/ico_shuyouitem02.gif) no-repeat 0.1em 0.2em;
  background-color: #ffffff;
  list-style: none;
  font-weight: 700;
}

div.shuyoucont div.more ul li a {
  text-decoration:underline;
  color:#333333;
}

div.shuyoucont div.more ul li a:hover {
  text-decoration:none;
}

/* =====[4]硅砂=====\*/
div#container div#barcontset div#cont div#keisha {
  width: 95%;
  margin: 20px auto;
  background-color: #fdfcee;
  border: solid 1px #deaa64;
  text-align: center;
  clear: both;
}

div#container div#barcontset div#cont div#keisha h3 {
  text-align: left;
  margin: 10px 0px 5px 10px;
}

div#container div#barcontset div#cont div#keisha p{
  text-align: left;
  margin: 0px 0px 10px 15px;
}

div#container div#barcontset div#cont div#keisha table#iconwaku {
  width: 97%;
  margin: 0px 10px 10px 10px;
}

div#container div#barcontset div#cont div#keisha table#iconwaku img {
  vertical-align: bottom;
}

div#container div#barcontset div#cont div#keisha table#iconwaku tr td {
  width: 48%;
}

div#container div#barcontset div#cont div#keisha table#iconwaku:hover {
  cursor: pointer;
}


div#container div#barcontset div#cont div#keisha table#iconwaku tr td table#icon1 {
  width: 98%;
  margin: 0px 5px 5px 0px;
}

div#container div#barcontset div#cont div#keisha table#iconwaku tr td table#icon1 tr td.left {
  background-image: url(../img/keisya01_b.gif);
  background-repeat: repeat-x;
  width: 100%;
}


div#container div#barcontset div#cont div#keisha table#iconwaku tr td table#icon1 tr td.right {
  background: none;
  text-align: right;
  width: 10px;
}

div#container div#barcontset div#cont div#keisha table#iconwaku tr td table#icon2 {
  width: 98%;
  margin: 0px 0px 5px 5px;
}

div#container div#barcontset div#cont div#keisha table#iconwaku tr td table#icon2 tr td.left {
  background-image: url(../img/keisya02_b.gif);
  background-repeat: repeat-x;
  width: 100%;
  text-align: left;
}


div#container div#barcontset div#cont div#keisha table#iconwaku tr td table#icon2 tr td.right {
  background: none;
  text-align: right;
  width: 10px;
}

div#container div#barcontset div#cont div#keisha table#iconwaku tr td table#icon3 {
  width: 98%;
  margin: 0px 5px 5px 0px;
}

div#container div#barcontset div#cont div#keisha table#iconwaku tr td table#icon3 tr td.left {
  background-image: url(../img/keisya03_b.gif);
  background-repeat: repeat-x;
  width: 100%;
}


div#container div#barcontset div#cont div#keisha table#iconwaku tr td table#icon3 tr td.right {
  background: none;
  text-align: right;
  width: 10px;
}

div#container div#barcontset div#cont div#keisha table#iconwaku tr td table#icon4 {
  width: 98%;
  margin: 0px 0px 5px 5px;
}

div#container div#barcontset div#cont div#keisha table#iconwaku tr td table#icon4 tr td.left {
  background-image: url(../img/keisya04_b.gif);
  background-repeat: repeat-x;
  width: 100%;
  text-align: left;
}


div#container div#barcontset div#cont div#keisha table#iconwaku tr td table#icon4 tr td.right {
  background: none;
  text-align: right;
  width: 10px;
}


/* =====[5]お問い合わせ=====\*/
div#container div#barcontset div#cont div#otoiawase {
  width: 530px;
  margin: 0px auto 10px auto;
  clear: both;
  background-image: url(../img/common/bg_otoiawase.gif);
  background-position: bottom;
  background-repeat: no-repeat;
}

div#container div#barcontset div#cont div#otoiawase p {
  padding: 10px 20px;
  text-align: left;
}

div#container div#barcontset div#cont div#otoiawase div.numbers {
  padding-bottom: 15px;
  width: 494px;
  height: 94px;
  margin: 0px auto;
  text-align: right;
}

div.numbers img.mailb {
  padding-bottom: 45px;
}

div.numbers address {
  display: none;
}

p#headerlink {
  text-align: right;
  padding: 5px 25px 0px 0px;
}


/* =====[6]メニュー=====\*/
div#container div#barcontset div#sidebar * {
  vertical-align: top;
}

div#container div#barcontset div#sidebar ul {
  list-style: none;
  line-height: 1em;
  margin: 10px 7px 0px 0px;
  font-size: 105%;
}

div#container div#barcontset div#sidebar ul li {
  margin-bottom: 10px;
}

div#container div#barcontset div#sidebar ul li.products {
  background-color: #FFFFFF;
  background-image: url(../img/common/bg_sidemenu.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  padding-bottom: 5px;
}

div#container div#barcontset div#sidebar ul li.products ul {
  padding: 0px 10px 0px 0px;
}

div#container div#barcontset div#sidebar ul li.products ul li {
  background: url(../img/common/ico_menulist_second.gif) no-repeat right top;
  padding: 0px 15px 0px 0px;
  font-size: 0.83em;
  font-weight: 600;
  margin: 0px;
}

div#container div#barcontset div#sidebar ul li.products ul li ul {
  margin: 5px -15px 5px 0px;
  padding: 0px;
}


div#container div#barcontset div#sidebar ul li.products ul li ul li {
  background: url(../img/common/ico_menulist_third.gif) no-repeat right top;
  padding: 0px 15px 8px 0px;
  font-weight: 400;
}


p#catalog {
  margin: 0 20px;
  padding-left: 20px;
  text-align: left;
  font-weight: bold;
  background-image:url(../img/common/ico_pdf.gif);
  background-repeat: no-repeat;
  background-position: left 0.2em;
}

p#adobe {
  margin: 25px;
  text-align: left;
}

p#adobe img {
  margin-left: 18px;
}


/*===============================================================
　　　↓4.フッターの詳細設定↓
===============================================================\*/
#footer p {
  padding:5px;
  margin:0;
  color:#FFFFFF;
  font-size:80%;
  text-align: right;
}
/* end \*/