/* CSS Document http用*/

h1   {margin:0}
h2   {font-size: 10pt; margin:0}
small{LINE-HEIGHT:130%;}
td   {font-size: smaller;}

div#tblmoji td   {font-size:14px;}

img  {border:none;
/*vertical-align:top*/}


ul   {margin-top:0px;margin-bottom:0px;list-style:none;display : block;}
h3   {color:#000099;}
h4   {margin:0.5em 0;padding:0 10px;border-left:3px solid #ddd;border-bottom:1px solid #ddd;}

a:link { color: blue; } 
a:visited { color:#330000; } 
a:hover { color: #0000FF; } /* mouse over */
a:active { color: red; } 


#menu {
width:120px; background:#3c3;
}

#menu  ul{ 
list-style:none;
margin:0;
padding:0;
}

#menu a:hover{
background:#69f;
}


.sozai-merit{
  width: 98%;/*幅*/
  text-align: left;/*タイトルを中央寄せ*/
  border: solid 1px #868689;/*外周枠の色*/
  background-color: #C1D7FF;/*枠の背景色*/
  padding-top: 4px;
  }
.sozai-merit1{
  text-align: left;
  border: dashed 1px #ACACAE;
  padding: 1em;
  margin: 4px;
  background-color: #FBFBFC;/*文章部分の背景色*/
  }



div#headsubmenu{
background-color:#E6F1FF; padding:3px; margin-bottom:2px
}


div#actmenu ul{border:1px solid #73acd0;margin-bottom:3px; }

div#actmenu  li a:hover{
	padding : 3px 5px 3px 20px;
	background :url("../img/triangle.gif") no-repeat 8px #ddd;
}
div#actmenu  li a{
	padding : 3px 5px 3px 20px;
	background :url("../img/triangle1.gif") no-repeat 8px #fff;
	display : block;
}



div#hyou th {background :#efe ;font-size: smaller;}
div#hyou td {background:#fff;text-align:center;}



div#under_line th,
div#under_line td{
	border-bottom:1px dotted #ddd;
}



/*事業部案内*/
table.summary th {
 border-bottom:1px solid #CCC;
 background:#F9F9F9;
 font-size:0.9em;
 text-align:left;
 padding:5px 10px;
 white-space:nowrap;
}
table.summary td{
 border-bottom:1px solid #CCC;
 font-size:0.9em;
 padding:5px 10px;
 line-height:1.3em;
}

#link
{clear:both;
width:200px;
height:70px;
text-align:left;
color:black;
margin:20px 15px 5px 15px;
padding:5px 5px 5px 5px;
font-weight:normal;
border:1px solid #646464;
}
#link ul li   
{ margin:10px 10px 10px -30px}

#link a  
{ color:orange;
}
/*事業部案内ここまで*/


.bushotitle{
border-bottom:1px dashed #DCE1F0 ;
padding:5px;
font-size:12px;
color:#008B45 ;width:580px;
font-weight:bold;
margin-bottom:10px;
}

.bushoshadow, .bushotext{
  width: 600px;/*ボックス全体の幅*/
  height:auto;
  background-color: #C0C0C0;/*影の色*/
  margin: 10px 0px 15px 10px;
  padding-right: 20px;
line-height:1.5em;

  }
.bushotext{
  font-size: 13px;/*ボックスの文字サイズ*/
  position: relative;
  background-color: #FAFAE6 ;/*ボックスの背景色*/
  color:#000000;
  margin: -5px -10px 5px -3px;/*影部分の太さはここで調整*/
  padding: 5px;/*ボックスの余白*/
  border: solid 1px #000000;/*ボックスの枠線*/

  }

.tensen td{border-bottom:1px dotted #ddd;}



#toiawase{
background-color:#ffffff;
width:600px;
}

#toiawase ul{
margin:0;
padding:0;
list-style:none;
}



/*IE6後方互換モード用*/
#toiawase li{width:185px;
float:left;
display:inline;
height:90px;
border:2px dashed #1fbc7a;
margin-left:0px;
margin-bottom:2px;
background-color:#ffffff;
color:brown;
padding:5px 5px 0px 5px;
}
/*IE6以降firefox用*/
html>body #toiawase li{width:150px;
display:inline;
height:90px;
border:2px dashed #3CE390;
margin-left:0px;
margin-bottom:2px;
background-color:#ffffff;
color:brown;
padding:5px 5px 0px 5px;
}

#toiawase img{float:left}


img.eigyo{float:right}
 
#toiawase-under{clear:both;
width:590px;
height:25px;
text-align:center;
background-color:#4b8dfa;
color:white;
margin-top:-1px;
padding-top:5px;
font-weight:bold
}
 
#toiawase-under a{
color:white}

#wrapper{
width:710px;
background-color:white;}

#header-link{
text-align:right;
width:850px;
height:30px;
background:url(../img/header-link.gif) left top no-repeat;
margin:0px;
padding:7px 3px 0px 0px;
font-family:'ＭＳ Ｐ明朝',"ＭＳ Ｐゴシック",sans-serif;
font-size: 14px;/*文字サイズ*/
color:white;

}
#header-link a{
 color: black;

margin:2px;
font-size: 10px;/*文字サイズ*/
text-decoration:none;
background-color:#ffffff;
padding:2px;
font-family:"ＭＳ Ｐゴシック",sans-serif;} 


#header-link a:hover { color:black; background-color:D4D4D4;} /* mouse over */


#menu-toiawase {
width:120px;
 text-align:center;
margin-top:5px;
background:#ffffff
}

#menu-toiawase  ul{
border-right:1px solid #73acd0; 
border-left:1px solid #73acd0;
list-style:none;
margin:0;
padding:0;
}

#menu-toiawase li {
margin-top:0px; 
display: block;
}

#menu-toiawase   li a{
display: block;
border-bottom:1px solid #73acd0;
padding : 6px 0px 2px  0px;
background : #ffffff;
}

#menu-toiawase  li a:hover{
color: blue;
background:#ccc;

}

.info{
background-color:#ffffff;
border:2px solid #38b882;
color:#444444;
margin-top:5px;
padding:2px;
text-align:left;
line-height:1.2em;
}
.info img{margin-left:2px}
.info2{width:120px;
text-align:center;
background-color:#FFffff;
color:#444444;
margin-top:5px;
}
.menumidashi{
background-color:#33cd99;
font-size:1em;
font-weight:bold;
height:30px;
padding-top:10px;
text-align:center;
margin-top:5px;}


.waku{
border:solid 1px #ddd;
 width:560px;
padding:10px;
font-size:1em;
line-height:130%;
}
.waku td{ 
text-align:center;
padding:10px;	
}
.waku td.yajirushi{ 
text-align:center;margin:0px;
padding:0px;	
}

.waku a:hover{
border-bottom:4px dashed #FF9400;
color: #FF4000;
padding:4px;
}

.waku a{
color: #D60808;
text-decoration:none;
border:solid 2px #808080;
padding:4px;background-color:#ffffff;
}

.waku a.ue{
color: #D60808;
text-decoration:none;
border:dashed 2px #908070;
padding:4px;
}

.waku img{margin-left:20px;}
html>body .waku img{margin-left:0px;}

/*--問合せページ開発試作作図シミュ見積もり品質--*/
#primary{
width:820px;
margin:0px;
}
#primary img{

margin-left:10px;
}
#primary p{

line-height:1.2em
}

#primary h1{
margin:0px 0px 10px 10px;
padding:0px 10px;
border-bottom:5px solid green
}

#primary h2{
margin:5px 5px 5px 10px;
padding:5px 10px 5px 5px;

border-left:20px double #FF6000;
background-color:#FF6000;
font-size:120%;
color:#ffffff;
width:800px;
}

#primary .section1{display:inline;
width:800px;
margin:10px 0px 0px 10px;
padding:10px;
border:1px dotted black;height:100px;
}
#primary .section2{
width:800px;
margin:0px 0px 0px 10px;
padding:10px;
border:1px solid red;
}


#primary .section2 dt{
font-size:1.3em;
margin:10px 0px 3px 0px;
font-weight:bold;color:#555555;
border-bottom:3px double #D8D8D8;
}
#primary .section3{
width:800px;
margin:0px 0px 0px 10px;
padding:10px;
border:1px solid red;
}

#form{
width:450px;
background-color:#FF6000;
position:relative;
margin:10px 0px 10px 50px;
}

#form th{
width:140px;
text-align:right;
font-size:80%;
vertical-align:top;
font-weight:100;
background-color:#FFE000}



#form td {
width:310px;
text-align:left;
background-color:#FFE000}

#form p{
text-align:center;}




/*----------素材販売ページ--------*/
#hanbai-wrapper{
width:810px;
background-color:#ffffff;
line-height:1.5em;
margin:0px;}

#hanbai-wrapper h4{
padding:4px;
border-bottom:1px solid #ff7522;
border-left:1px solid #ff7522;
background-color:#ffe000;margin:0px;
}


#hanbai-section1,#hanbai-section2,#hanbai-section3,#hanbai-section4,#hanbai-section5{
margin:5px;
padding:5px;
background-color:#ffffff;
border:1px solid #0642db;
}

#hanbai-section2 ul{
list-style:disc;
}


/*冒頭文*/
#hanbai-section1{
padding:10px;}

/*商品サイズ*/
#hanbai-section2{
margin:10px 5px;
height:950px;
}

#hyou-hanbai{margin-left:20px; padding-bottom:10px;float: left;
}
#hyou-hanbai th {background:#bfff1e ;font-size: smaller;}
#hyou-hanbai td {background:#fff;text-align:center;}

#img-hanbai{
float: left;
background-color:#ffffff;
width:550px;
overflow: auto !important;
overflow /**/: hidden;
margin-left:10px; }

#img-hanbai img{
margin:8px;
}
/*取引条件*/
#hanbai-section3{
clear:both;

}
#hanbai-section3 a{
font-size:1.5em
}


/*販売の流れ*/
#hanbai-section4 .red{
color:red;
font-weight:bold;
}
/*問合せ・見積もり*/
#hanbai-section5{
margin:10px 5px;
}
#hanbai-section5 p{
margin:30px;
padding:10px;
border:2px dotted black;
}

/*----------素材販売ページ　ここまで--------*/


/*素材販売の見積もりフォームレイアウト*/


#inquiry{
width:750px;
margin:10px 0px 0px 10px;
line-height:1.5em;
}
#inquiry h1{
width:100%;
line-height:1.5em;
position:relative;
top:0;
left:0;
margin:0;
font-size:150%;
}
inquiry table{
border-top:1px solid red;
border-bottom:none;
border-left:none;
border-right:none;

width:100%;
}

#inquiry td{
border-top:none;
border-bottom:1px solid #cccccc;
border-left:none;
border-right:none;
padding:10px;

}

#inquiry th{
border-top:none;
border-bottom:1px solid #cccccc;
border-left:6px solid #cccccc;
border-right:1px solid #cccccc;;
background-color:#F3F3F3;
font-weight:normal;
padding:10px;
width:150px;
color:#333333;
font-size:85%;
font-family:"MS Pゴシック",sans-serif;
}

.text1{
width:120px;
}
.text2{
width:240px;
}
.text3{
width:360px;
}
/*素材販売の見積もりフォームレイアウトここまで*/



/*ショップメニュー用*/

#actmenu  dd{ 
list-style:none;
margin:0;
padding-left:10px;
}
div#actmenu dl{
border:1px solid #73acd0;
margin-bottom:0px; 
background-color:#fff;
}

div#actmenu dt a{
	padding : 3px 5px 3px 20px;
	background :url("../img/triangle1.gif") no-repeat 8px pink ;
	display : block;
}
div#actmenu dt a:hover{
	padding : 3px 5px 3px 20px;
	background :url("../img/triangle.gif") no-repeat 8px #ddd;
}

div#actmenu dd a:hover{
	padding : 3px 5px 3px 20px;
	background :url("../img/triangle3.gif") no-repeat 8px #fff;
}

div#actmenu dd a{
	padding : 3px 5px 3px 20px;
	background :url("../img/triangle2.gif") no-repeat 8px #fff;
	display : block;
}


div#hyou1 th {background :#ffe000 ;font-size: smaller;padding:5px}
div#hyou1 td {background:#fff;text-align:center;}

/*ショップメニュー用ここまで*/



/*トップページ　キャンペーン ライン オススメ ;*/
#campaign-line-osusume{clear:both;
width:590px;
text-align:center;
background-color:#0939a7;
height:22px;
color:#ed071d;
margin-top:5px;
padding-top:4px;
font-weight:bolder;
font-size:larger;
}
 
/*トップページ　キャンペーンライン オススメ ここまで*/

/*トップページ　キャンペーン  オススメ　中身*/
#campaign-main-osusume{clear:both;
width:710px;
height:70px;
text-align:left;
margin:0px 0px 5px 0px;
padding:5px 5px 5px 0px;
font-weight:normal;
border:1px solid #1fbc7a;
}
#campaign-main-osusume img.left{
float:left;
margin:0px 5px 5px 5px;}
/*トップページ　キャンペーン オススメ 中身ここまで*/




/*トップページ　キャンペーン ライン ;*/
#campaign-line{clear:both;
width:590px;
text-align:center;
background-color:#4b8dfa;
height:22px;
color:white;
margin-top:5px;
padding-top:4px;
font-weight:bolder;
}
 
/*トップページ　キャンペーンラインここまで*/

/*トップページ　キャンペーン　中身*/
#campaign-main{clear:both;
width:710px;
height:70px;
text-align:left;
margin:0px 0px 5px 0px;
padding:5px 5px 5px 0px;
font-weight:normal;
border:1px solid #1f67df;
}
#campaign-main img.left{
float:left;
margin:0px 5px 5px 5px;}
/*トップページ　キャンペーン中身ここまで*/



/*セッターページここから*/
#setterimglist {
margin-left:-30px;
}
#setterimglist img{
margin:0px;
}
#setterimglist li{
float:left;
display:inline;
width:290px;
background:white;
margin-bottom:5px;
margin-right:3px;
margin-top:5px;
border:solid 0px black;
}

#setterimglist span{
display:block;
padding:3px 10px;
background:yellow;
background:#F9F9F9;
margin-top:3px;
border:solid 1px white;
width:280px;
}

#primarysetter h2{
margin:5px 0px 5px 10px;
padding:4px 10px 4px 5px;
border-left:20px double #0000cc;
background-color:#003366;
font-size:120%;
color:#ffffff;
width:800px;
}
#primarysetter .section2{
width:800px;
margin:0px 0px 0px 10px;
padding:10px;
line-height:1.5em;
}

/*セッターページここまで*/