body {
background-position: center;
margin-top : 0px;
margin-bottom : 10px;
background: #F9F9F7 url('img_common/turf.gif') repeat;
}

/*divのメイン*/
#main { 
width: 780px;
height: auto;
text-align: center;     /* IEでセンタリングさせる方法 */
margin-right: auto;
margin-left: auto;
}

#div.main table {
margin: auto;     /* 標準のセンタリング方法 */
text-align: left;     /* IE用方法の弊害対策用 */
}

/* 枠組み */
#wrapper{
  background: #FFFFFF;  
  width: 780px;
height: auto;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

#header1{
float: left;
background-image: url('http://www.shiwatarumi.net/img_common/title007.gif');
background-repeat: no-repeat;
width: 780px;
height: 68px;
padding: 0px 0px 0px 0px;
}

#header001{
float: left;
background-color: #ffffff;
width: 300px;
height: 55px;
padding: 20px 0px 0px 0px;
}

#header002{
float: left;
background-color: #ffffff;
width: 480px;
height: 55px;
padding: 20px 0px 0px 0px;
}

#navi{
   clear: both;
background-color: #00ff7f;
width: 780px;
height: auto;
text-align: right;
padding: 10px 0px 10px 0px;
}


/*divでboxを左右に並べる*/

#box1{
float: left;
background-color: #ffffff;
width: 500px;
}
#box2{
float: left;
background-color: #ffffff;
border-left;solid 1px #696969;
width: 280px;
}
#footer{
   clear: both;
background-color: #00ff7f; 
width: 780px;
height: auto;
text-align: right;
padding: 3px 0px;
}


/* レイアウト用 */

.box_color{
  text-align: left;
  background-color: #FFFFCC;
  width: auto;
  height: auto;
  margin: 10px 20px;
  padding: 10px;
}


a:link {
	color: #666699;
	text-decoration: none;
line-height: 130%;
}

a:visited {
	color: #666699;
	text-decoration: none;
line-height: 130%;
}

a:hover {
	color: #FF8000;
	text-decoration: none;
line-height: 130%;
}


 /* ul li要素を指定：*/
ul {
margin: 10px 20px 10px 50px;
padding: 0;
}
ol {
margin: 0px 20px 10px 50px;
padding: 0;
}
li {
font-size: 14px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin: 0px 20px 5px 0px;
line-height: 170%;
color: #696969;
}



h1 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	color: #696969;
	background-color: #FFFFFF;
	border-top: 1px solid #00ff7f;
	border-right: 1px solid #00ff7f;
	border-bottom: 1px solid #00ff7f;
	border-left: 10px solid #00ff7f;
	text-align: left;
	margin: 20px 20px 10px 28px;
        padding: 7px 10px 5px 6px;
}


h2 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	color: #696969;
	background-color: #FFFFFF;
	border-top: 1px solid #00ff7f;
	border-right: 1px solid #00ff7f;
	border-bottom: 1px solid #00ff7f;
	border-left: 10px solid #00ff7f;
	text-align: left;
	margin: 20px 20px 10px 28px;
        padding: 7px 10px 5px 6px;
}


h3 {
font-size: 16px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #696969;
line-height: 150%;
margin: 20px 20px 0px 30px;
}

h3.sitemap {
font-size: 20px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #ff4500;
line-height: 150%;
margin: 20px 20px 0px 30px;
}

h1.red{
color: #FF0000;
font-size:20px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin: 50px 20px 20px 30px;
}

h2.red{
color: #FF0000;
font-size:16px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 150%;
margin: 10px 20px 12px 30px;
}

h3.red{
color: #FF0000;
font-size: 14px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin: 0px 20px 0px 30px;
}



/* 共通フォント */

p.middle{
font-size: 16px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 135%;
color: #696969;
margin: 0px 20px 20px 30px;
}

p{
font-size: 14px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 170%;
color: #696969;
margin: 0px 20px 35px 30px;
}

p.small{
font-size: 11px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 170%;
color: #696969;
margin: 5px 20px 20px 30px;
}

p.link{
font-size: 14px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 118%;
color: #696969;
margin: 15px 20px 18px 30px;
}

p.spl{
font-size: 12px;
font-weight: bolder; 
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 260%;
color: #696969;
margin: 15px 20px 35px 30px;
}

p.sitemap{
font-size: 14px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 130%;
color: #696969;
margin: 20px 30px 20px 30px;
}

/* MS UI ゴシック */

p.msu{
font-size: 14px;
font-family:MS UI Gothic;
line-height: 100%;
color: #696969;
margin: 0px 30px 0px 30px;
}


/* about会社概要用 */

p.about{
font-size: 14px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 120%;
color: #696969;
margin: 0px 30px 10px 30px;
border-style:dotted;
border-color:#00ff7f;
border-width:0px 0px 1px 0px;
}


/* メールフォーム入力欄用 */
p.mf{
font-size: 14px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 100%;
color: #696969;
margin: 10px 0px 3px 2px;
}


p.red_middle{
font-size: 16px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 135%;
color: #FF0000;
margin: 5px 30px 15px 30px;
}

p.red{
font-size: 14px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 170%;
color: #FF0000;
margin: 5px 30px 15px 30px;
}

p.red_small{
font-size: 12px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 170%;
color: #FF0000;
margin: 5px 30px 15px 30px;
}


p.blue_middle{
font-size: 16px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 135%;
color: #6495ED;
margin: 5px 30px 15px 30px;
}

p.blue{
font-size: 14px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 170%;
color: #6495ED;
margin: 5px 30px 15px 30px;
}

p.blue_small{
font-size: 12px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 170%;
color: #6495ED;
margin: 5px 30px 15px 30px;
}


.accent_red{
  text-align: left;
  font-size:14px;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  color:#FF0000;
  width: auto;
  height: auto;
}

.accent_redm{
  text-align: left;
  font-size:16px;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  color:#FF0000;
  width: auto;
  height: auto;
}

.accent_blue{
  text-align: left;
  font-size:14px;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  color:#6495ED;
  width: auto;
  height: auto;
}


.accent_reds{
  text-align: left;
  font-size:12px;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  color:#FF0000;
  width: auto;
  height: auto;
}


.accent_blues{
  text-align: left;
  font-size:12px;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  color:#6495ED;
  width: auto;
  height: auto;
}


/* メインコンテンツカラム　キャプション用 『一般用とそろえる事！』 */

p.mcap{
font-size: 14px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 170%;
color: #696969;
margin: 5px 20px 15px 30px;
}

p.mcaps{
font-size: 12px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 170%;
color: #696969;
margin: 5px 20px 15px 30px;
}

/* メインコンテンツ写真の右にキャプションを入れる時 */

.img00{
  float: left;
  margin: 6px 8px 5px 31px;
font-size: 11px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 180%;
color: #696969;
}

.img05{
  float: left;
  margin: 5px 8px 3px 31px;
}

/* メインコンテンツ写真の右にキャプションなし */

.img{
  margin: 10px 0px 10px 30px;
}


/*◆右側box2内の文字*/


h3.rside{
color:#696969;
font-size:14px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin: 20px 30px 8px 0px;
padding: 6px 10px 3px 10px;
background-color: #00FF7F; /* 背景色 */
line-height: 125%; /* 行の高さ */
}


p.rside{
font-size: 12px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 150%;
color: #696969;
margin: 10px 35px 10px 7px;
}

p.rsidemid{
font-size: 14px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 110%;
color: #696969;
margin: 15px 25px 5px 10px;
}


/* 右カラム　キャプション用 */

p.rcap{
font-size: 12px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 140%;
color: #696969;
margin: 8px 10px 5px 5px;
}

p.rcaps{
font-size: 11px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 130%;
color: #696969;
margin: 8px 10px 5px 5px;
}

/* 写真右にキャプションを入れる時 */

.img01{
  float: left;
  margin: 5px 5px 0px 5px;
}