*{margin:0; padding:0;
}

/* 基本ページの背景等 */
body{  
font-size:small;
 font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 color:#000000;
background-image:url(img/kabe2.gif);
 width:100%;
}

A{
  color:#00008B;
  text-decoration:none;
}

A:visited {                 /* 既に見たリンク */
  color: #00688B
;
}

A:hover {                   /* カーソルが上にある時のリンク */
  color: #FF4F50;
}

A:hover{
  background:#FFFF77;
  text-decoration:underline;
}




/*ヘッダー部分*/

#my_header{
width:100%;
border-bottom:0px solid #fff;
background-color:#00CD66; 
height:20px;
  text-align:right;
  float:right;
  
}

#my_header LI{
  display:inline;
  padding:0px 10px 0px 15px;
  margin:0px;
  border-left:1px solid #595857;
}
#my_header LI.home{
  border-left:0px none;
}

/*フッター部分*/

#my_footer{
width:100%;
clear:both;
background-color:#00CD66;
border-top:2px 
solid #fff;
text-align:center; 
padding:0.5em 0;
}

/*TOPタイトル*/


#title{
  width:800px;
  height:200px;
  padding:0px 0px 0px 0px;
}
#titleimage{
background-image:url(img/top1.jpg);
background-position:0pt 8pt;
background-repeat:no-repeat;
  width:800px;
  height:200px;
  padding:150px 0px 0px 150px;/*TOPの文字位置*/
}



/*会社概要ページのタイトル*/
#title2{
  width:800px;
  height:200px;
  padding:0px 0px 0px 0px;
}


/*会社概要ページのタイトル*/
#title2image{
background-image:url(img/top2.jpg);
background-position:0pt 8pt;
background-repeat:no-repeat;
  width:800px;
  height:200px;
  padding:150px 0px 0px 150px;/*TOPの文字位置*/


}
/*クロロゲンページのタイトル*/
#title3{
  width:800px;
  height:209px;
  padding:0px 0px 0px 0px;
}


/*クロロゲンページのタイトル*/
#title3image{
background-image:url(img/top3.jpg);
background-position:0pt 6pt;
background-repeat:no-repeat;
  width:800px;
  height:200px;
  padding:160px 0px 0px 150px;/*TOPの文字位置*/

}
/*サニー液肥ページのタイトル*/
#title4{
  width:800px;
  height:212px;
  padding:0px 0px 0px 0px;
}


/*サニー液肥ページのタイトル*/
#title4image{
background-image:url(img/top4.jpg);
background-position:0pt 8pt;
background-repeat:no-repeat;
  width:800px;
  height:200px;
  padding:160px 0px 0px 150px;/*TOPの文字位置*/

}


/*カルケアページのタイトル*/
#title5{
  width:800px;
  height:212px;
  padding:0px 0px 0px 0px;
}


/*カルケアページのタイトル*/
#title5image{
background-image:url(img/top5.jpg);
background-position:0pt 8pt;
background-repeat:no-repeat;
  width:800px;
  height:200px;
  padding:160px 0px 0px 150px;/*TOPの文字位置*/

}



/*アミクロページのタイトル*/
#title6{
  width:800px;
  height:212px;
  padding:0px 0px 0px 0px;
}


/*アミクロページのタイトル*/
#title6image{
background-image:url(img/top6.jpg);
background-position:0pt 10pt;
background-repeat:no-repeat;
  width:800px;
  height:200px;
  padding:160px 0px 0px 150px;/*TOPの文字位置*/

}




/*カルアップページのタイトル*/
#title7{
  width:800px;
  height:212px;
  padding:0px 0px 0px 0px;
}


/*カルアップページのタイトル*/
#title7image{
background-image:url(img/top7.jpg);
background-position:0pt 13pt;
background-repeat:no-repeat;
  width:800px;
  height:200px;
  padding:160px 0px 0px 150px;/*TOPの文字位置*/

}


/*コンリキページのタイトル*/
#title8{
  width:800px;
  height:212px;
  padding:0px 0px 0px 0px;
}


/*コンリキページのタイトル*/
#title8image{
background-image:url(img/top8.jpg);
background-position:0pt 8pt;
background-repeat:no-repeat;
  width:800px;
  height:200px;
  padding:160px 0px 0px 150px;/*TOPの文字位置*/

}


/*サニーゲンページのタイトル*/
#title9{
  width:800px;
  height:212px;
  padding:0px 0px 0px 0px;
}


/*サニーゲンページのタイトル*/
#title9image{
background-image:url(img/top9.jpg);
background-position:0pt 8pt;
background-repeat:no-repeat;
  width:800px;
  height:200px;
  padding:160px 0px 0px 150px;/*TOPの文字位置*/

}


/*シャキットページのタイトル*/
#title10{
  width:800px;
  height:212px;
  padding:0px 0px 0px 0px;
}


/*シャキットページのタイトル*/
#title10image{
background-image:url(img/top10.jpg);
background-position:0pt 8pt;
background-repeat:no-repeat;
  width:800px;
  height:200px;
  padding:160px 0px 0px 150px;/*TOPの文字位置*/

}
/*トップページのタイトル*/
#title11{
  width:800px;
  height:212px;
  padding:0px 0px 0px 0px;
}


/*トップページのタイトル*/
#title11image{
background-image:url(img/top11.jpg);
background-position:0pt 12pt;
background-repeat:no-repeat;
  width:800px;
  height:200px;
  padding:160px 0px 0px 150px;/*TOPの文字位置*/

}


/*ムサシページのタイトル*/
#title12{
  width:800px;
  height:212px;
  padding:0px 0px 0px 0px;
}


/*ムサシページのタイトル*/
#title12image{
background-image:url(img/top12.jpg);
background-position:0pt 8pt;
background-repeat:no-repeat;
  width:800px;
  height:200px;
  padding:160px 0px 0px 150px;/*TOPの文字位置*/

}



/*特号ページのタイトル*/
#title13{
  width:800px;
  height:212px;
  padding:0px 0px 0px 0px;
}


/*特号ページのタイトル*/
#title13image{
background-image:url(img/top13.jpg);
background-position:0pt 11pt;
background-repeat:no-repeat;
  width:800px;
  height:200px;
  padding:160px 0px 0px 150px;/*TOPの文字位置*/

}





/*サンズページのタイトル*/
#title17{
  width:800px;
  height:212px;
  padding:5px 0px 0px 0px;
}


/*サンズページのタイトル*/
#title17image{
background-image:url(img/top17.jpg);
background-position:0pt 11pt;
background-repeat:no-repeat;
  width:800px;
  height:200px;
  padding:160px 0px 0px 150px;/*TOPの文字位置*/

}




}/*トップナビバ*/

#indexmenu{
  padding:0px 0px 0px 0px;
  float:left;
}
#indexmenu LI{
  display:inline;

}

#indexmenu LI A{
  display:block;
  width:132px;/*ナビバの横幅159　ここを132にするとメニューが5つ入り、通販ページの追加が可能*/
  height:30px;
  border-left:1px dotted #000000;/*ナビバ仕切り線*/
  font-size:18px;
  padding:  10px 0px 0px 0px;/*字の位置*/
  font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
  font-weight:bold;
  background : url(img/navi2.gif);/*リンク背景画像を指定 */
  float:left;
  text-align:center;
  line-height:21px;
  overflow:hidden;

 }
 
 #indexmenu A:HOVER{

 background-image: url(img/navi1.gif); /*オンマウスの背景画像を指定 */
  }
 
#indexmenu LI A.about{
  border:0px none;
  line-height:21px;
  padding:25px 19px 25px 19px;
  margin-left:-2px;
}
#indexmenu LI A:hover{
  text-decoration:none;
}
#indexmenu LI A SPAN{
  display:block;
  font-size:8px;
  font-weight:normal;
  font-family:Verdana;
  color:#666666;
}



#content{
  padding:19px 13px 0px 13px;
  clear:both;
}







/*製品ナビバ*/


#my_navigation {
background-color:
#ffffff;
}



#box3{
  width:190px;
  background:#CAFF70;/*ナビバの枠色*/
  float:left;
  padding:3px;
  margin:-10px 0px 0px -13px;
}
#box3 DIV{
  background:#FFFFBB;
  border-right:2px solid #43CD80;/*ナビバの線色*/
  border-bottom:3px solid #43CD80;
  border-left:0px solid #EE7600;
  border-top:0px solid #EE7600;  
  margin:3px 0px 9px 0px;
  padding:9px;
  color:#666666;
}


#box3 H2{
  font-weight:normal;
  text-align:center;
  line-height:1.3em;
  padding-top:5px;

}


#box3 H2 SPAN{
  font-size:20PX;
  color:#00688B;  
  font-weight:bold;
}
#box3 H3{
  font-size:18px;
  font-weight:bold;

  
  
}
#box3 P{
  font-size:11px;
}

#box3 .nav LI{
  list-style-type:circle;
  margin-left:10px;
  line-height:1.9em;
}






/*→右側コンテンツ（製品紹介・会社概要）*/



#my_contents {
background-color:#ffffff;
}

#box4{
  padding:0px 0px 10px 10px;
  margin:-20px 0px 19px 0px;
}
#box4 H2{
  padding:20px 0px 10px 0px;
}



}
#box4 H5{
  padding:10px 0px 10px 0px;
    font-size:130%;
  color:#000099; 
  }
  
  
  
#box4 P{
  font-size:115%;
  line-height:1.3em;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  margin:0em 0em 0.5em 0em;
}

#box4 #information H2{
  width:530px;
  font-size:115%;
  margin:30px 30px 20px -10px;
  padding:7px 0px 3px 10px;
  border-left:10px solid #00CD66;/*サブタイトル帯の頭の色*/
  border-bottom:4px double  #00CD66;/*サブタイトル帯の下線の色と形*/
  background:#CAFF70;/*サブタイトル帯の色*/
   color:#00688B;  
  font-weight:bold
;  
 
  }

#box4 #information H3{
  margin:20px 0px 0px 0px;
  font-size:18px;
}

#box4 #information P{
  margin:5px 0px 5px 20px;
    font-size:13px;
}


#box4 #information DL{
  line-height:1.9em;
}

}
#box4 #information DD{
  border-bottom:1px dotted #cccccc;
}




/*→右側コンテンツ2（使用方法　ナビバないバージョン)*/



#my_contents2 {
background-color:#ffffff;
}

#box4{
  padding:0px 0px 10px 10px;
  margin:-20px 0px 19px 0px;
}
#box4 H2{
  padding:20px 0px 10px 0px;
}



}
#box4 H5{
  padding:10px 0px 10px 0px;
    font-size:130%;
  color:#000099; 
  }
  
  
  
#box4 P{
  font-size:115%;
  line-height:1.3em;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  margin:0em 0em 0.5em 0em;
}

#box4 #information5 H2{
  width:730px;
  font-size:115%;
  margin:30px 30px 20px 5px;
  padding:7px 0px 3px 10px;
  border-left:10px solid #00CD66;/*サブタイトル帯の頭の色*/
  border-bottom:4px double  #00CD66;/*サブタイトル帯の下線の色と形*/
  background:#CAFF70;/*サブタイトル帯の色*/
   color:#00688B;  
  font-weight:bold
;  
 
  }

#box4 #information H3{
  margin:20px 0px 0px 0px;
  font-size:18px;
}

#box4 #information P{
  margin:5px 0px 5px 20px;
    font-size:13px;
}


#box4 #information DL{
  line-height:1.9em;
}

}
#box4 #information DD{
  border-bottom:1px dotted #cccccc;
}












/*トップ右→側コンテンツ（キャッチコピーと更新履歴）*/
#box2{
  padding:0px 0px 0px 0px;
  margin:0px 30px 0px 0px;
}
#box2 H2{
  padding:0px 0px 10px 10px;
  
  
  
  
}
#box2 P{
  font-size:120%;
  line-height:1.3em;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  padding:0px 0px 0px 30px;
}

/*更新履歴（スクロールバー対応）*/

#box2 #information H2{
  width:530px;
  font-size:115%;
  margin:30px 30px 20px -8px;
  padding:7px 0px 3px 10px;
  border-left:10px solid #00CD66;/*サブタイトル帯の頭の色*/
  border-bottom:4px double  #00CD66;/*サブタイトル帯の下線の色と形*/
  background:#CAFF70;/*サブタイトル帯の色*/
   color:#00688B;  
  font-weight:bold
;  
}


#box2 #information DL{
  height:20em;/*更新履歴を表示できる高さ。超えるとスクロールバーがでる*/
  margin:0px 0px -20px 0px;
    overflow:auto;
  line-height:170%;
}

}
#box2 #information DD{
  border-bottom:1px dotted #cccccc;  
}



/*トップページ挨拶*/


p.ai { margin: 0px 10px 20px -20px; }
span.ai {font-size: 15px; }



/*トップページお知らせ*/


#box2 #information2 H2{
  width:530px;
  font-size:115%;
  margin:0px 30px 20px -8px;
  padding:7px 0px 3px 10px;
  border-left:10px solid #00CD66;/*サブタイトル帯の頭の色*/
  border-bottom:4px double  #00CD66;/*サブタイトル帯の下線の色と形*/
  background:#CAFF70;/*サブタイトル帯の色*/
   color:#00688B;  
  font-weight:bold
;  
}

#box2 #information2 DL{

  line-height:1.6em;
  }

}
#box2 #information2 DD{
  border-bottom:1px dotted #cccccc;  
}


#mynavi{padding:1em 0 2em 1em;

border:0px solid #fff;
}


#mymain{padding:1em;border-left:1px solid #fff;

}



.contents p{margin:1em 0;
}
li {list-style:none;}

h1{padding-left:20px;}



/*レイアウト */




#my_body{
margin:0 auto; 
width:800px;
border-left:1px solid 
#fff;border-right:
1px solid #fff;
}


#my_navigation{
float:left; width:200px;
}

#my_contents{
float:left;  width:600px;
}


#my_contents2{
float:left;  width:800px;
}


/*メールフォーム */

#box4 #mailform DL{

	
width: 640px;
	text-align: left;
	
margin: 0px auto 0px auto;
	
font-family: sans-serif;
}

div#mf_header h1 {
	
font-size: 24px;
	
border-bottom: solid 1px #999999;
	
margin: 0px;
	

font-size: 16px;
	
color: #999999;
	
font-weight: normal;
	
margin: 0px;
	
padding: 0px;
}
form#mailform {
	
padding: 5px;
}
table.mailform {
	
width: 100%;
}
table.mailform tr th,table.mailform tr td {
	
text-align: left;
	
font-weight: normal;
	
font-size: 12px;
	
border-bottom: solid 1px #999999;
	
padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	
width: 120px;
}
table.mailform tr th span {
	
color: #CC0000;
	
font-size: 16px;
}
table.mailform tr th p {
	
margin: 0px;
	
padding: 0px;
	
font-size: 10px;
	
color: #999999;
}
table.mailform tr td textarea {
	
width: 100%;
	height: 120px;
}


/* タマカ資料室背景等 */
#tamaka{  
font-size:small;
 font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 color:#666666;
background-image:url(img/kabe1.gif);
 width:100%;
}



ul.tamaka a:link { color: #3333FF; }
ul.tamaka a:visited { color: #D2691E; }
ul.tamaka a:hover { color: #ffffff; }
ul.tamaka a:hover { background-color:  #FF5F17; }
ul.tamaka a:active { color: #FFFF33; }



/* タマカ資料室背景等2 */
#tamaka2{  
font-size:small;
 font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 color:#666666;
background-image:none;
 width:100%;
}




/*タマカ資料室レイアウト */


#my_body{
margin:0 auto; 
width:800px;
border-left:1px solid 
#fff;border-right:
1px solid #fff;
}


#my_navigation3{
float:left; width:200px;
}

#my_contents3{
float:left;  width:600px;
}



/*タマカ資料室ページのタイトル*/
#title15{
  width:800px;
  height:230px;
  padding:0px 0px 0px 0px;
}


/*◆タマカ資料室ページのタイトル画像*/
#title15image{
background-image:url(img/top15.jpg);
background-position:0pt 15pt;
background-repeat:no-repeat;
  width:800px;
  height:230px;
  padding:160px 0px 0px 150px;/*TOPの文字位置*/

}
/*漫画クロロゲンマンページのタイトル*/
#title14{
  width:800px;
  height:265px;
  padding:0px 0px 0px 0px;
}


/*◆漫画クロロゲンマンページのタイトル画像*/
#title14image{
background-image:url(img/top14.jpg);
background-position:0pt 15pt;
background-repeat:no-repeat;
  width:800px;
  height:260px;
  padding:160px 0px 0px 150px;/*TOPの文字位置*/

}

/*◆土壌分析ページのタイトル*/
#title16{
  width:800px;
  height:230px;
  padding:0px 0px 0px 0px;
}
/*◆土壌分析ページのタイトル画像*/
#title16image{
background-image:url(img/top16.jpg);
background-position:0pt 15pt;
background-repeat:no-repeat;
  width:800px;
  height:230px;
  padding:160px 0px 0px 150px;/*TOPの文字位置*/

}
/*タマカ資料室ナビバ*/


#my_navigation {
background-color:#ffffff;
}

#box5{
  width:195px;
  background:#FFD700;/*ナビバの枠色*/
  float:left;
  padding:3px;
  margin:-13px 0px 0px -13px;
}
#box5 DIV{
  background:#FFFFAA;
  border-right:2px solid   #DAA520;/*ナビバの線色*/
  border-bottom:3px solid   #DAA520;
  border-left:0px solid #EE7600;
  border-top:0px solid #EE7600;  
  margin:3px 0px 9px 0px;
  padding:9px;
  color:#666666;/*文字色*/
}



#box5 H1{
  font-size:15PX;
  text-align:left;
  color:#000000;  
  font-weight:bold;
 line-height:1.5em;
 padding:10px 0px 0px 0px;
 }


#box5 H2{
  font-weight:normal;
  /*text-align:center;*/
  line-height:1.3em;
  padding-top:2px;
}

#box5 H2 SPAN{
  font-size:17PX;
  color:#CC0000;  
  font-weight:bold;
}


#box5 H3{
  font-size:14px;
  font-weight:bold;
 line-height:1.8em;
  
  
}
#box5 P{
  font-size:11px;

}

#box5 .nav LI{
  list-style-type:circle;
  margin-left:10px;
  line-height:1.5em;

  }






/*→右側コンテンツ（ﾀﾏｶ資料室フレーム）*/



#my_contents6 {
background-color:#ffffff;

 
 }

#box6{
   padding:0px 0px 10px 10px;
  margin:-20px 0px 19px 0px;

 }
#box6 H2{
  padding:20px 0px 10px 0px;
}



}
#box6 H5{
  padding:10px 0px 10px 0px;
    font-size:130%;
  color:#000099; 
  }
  
  
  
#box6 P{
  font-size:110%;
  line-height:1.5em;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  margin:5px 0px 0px 0px;
}

#box6 #information H2{
  width:520px;
  font-size:115%;
  margin:30px 30px 20px -10px;
  padding:7px 0px 3px 10px;
  border-left:10px solid #00CD66;/*サブタイトル帯の頭の色*/
  border-bottom:4px double  #00CD66;/*サブタイトル帯の下線の色と形*/
  background:#CAFF70;/*サブタイトル帯の色*/
   color:#00688B;  
  font-weight:bold
;  
 
  }

#box6 H3{
  margin:20px 0px 0px 0px;
  font-size:16px;
  color:#00688B;  
  font-weight:bold
  }


#box6 H4{
  margin:3px 0px 0px 0px;
  font-size:16px;
  color:#00688B;  
  font-weight:bold
  }
}


#box6 #information DL{
  line-height:1.9em;
}

}
#box6 #information DD{
  border-bottom:1px dotted #cccccc;
}








/*タマカ資料室ヘッダー部分*/

#my_header2{
width:100%;
border-bottom:0px solid #fff;
background-color:#FF9900; 
height:20px;
  text-align:right;
  float:right;
  
}

#my_header2 LI{
  display:inline;
  padding:0px 10px 0px 15px;
  margin:0px;
  border-left:1px solid #ffffff;
}
#my_header LI.home{
  border-left:0px none;
}

/*タマカ資料室フッター部分*/

#my_footer2{
width:100%;
clear:both;
background-color:#FF9900;
border-top:2px 
solid #fff;
text-align:center; 
padding:0.5em 0;
}

/*チラシを見るボタン*/

.btn-square-so-pop {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
  border: solid 2px #d27d00;/*線色*/
}

.btn-square-so-pop:active {
  /*押したとき*/
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.btn-square-so-pop:A{             /* カーソルが上にある時のリンク文字色と下線なし */
  color:#FFFFFF;
  text-decoration:none;
}

.btn-square-so-pop:visited {                 /* 既に見たリンク文字色 */
  color: #000000
}

.btn-square-so-pop:hover {                   /* カーソルが上にある時のリンク文字色と下線なし */
  color: #FFFFFF;
  background:#FFA500;
  text-decoration:none;


}