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

/*divのメイン*/
#main { 
width: 800px;
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: 800px;
height: auto;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

#header1{
float: left;
background-color: #ffffff;
width: 400px;
height: 60px;
padding: 20px 0px 0px 0px;
}

#header2{
float: left;
background-color: #ffffff;
width: 400px;
height: 60px;
padding: 20px 0px 0px 0px;
}
#navi{
   clear: both;
background-color: #00ced1;
width: 800px;
height: auto;
text-align: right;
padding: 10px 0px 10px 0px;
}


/*divでboxを左右に並べる*/
#box1{
float: left;
background-color: #ffffff;
width: 550px;
}
#box2{
float: left;
background-color: #ffffff;
border-left;solid 1px #696969;
width: 250px;
}
#footer{
   clear: both;
background-color: #00ced1; 
width: 800px;
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: #8a2be2;
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: 140%;
color: #696969;
}


 /* テーブルと文字を指定：*/
table {
margin: 0px 0px 0px 30px;
}
td {
vertical-align: top;
}
p.tbl{
font-size: 12px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 150%;
color: #696969;
margin: 5px 20px 5px 7px;
}


 /* ヘッドライン文字を指定：*/

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

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

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

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

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

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



/* 共通フォント */

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

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

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

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


/* スポンサードリンク */
p.spl{
font-size: 11px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 100%;
color: #00ced1;
margin: 25px 20px 7px 30px;
}

p.gad{
color:#ffffff;
font-size:12px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin: 0px 0px 0px 0px;
padding: 4px 10px 1px 10px;
background-color: #00ced1; /* 背景色 */
line-height: 100%; /* 行の高さ */
}

p.google{
margin: 7px 20px 10px 30px;
}


/* タイトル画像 */
p.title{
margin: 10px 20px 10px 30px;
}


/* MS UI ゴシック */

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


/* about会社概要用 */

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


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

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

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



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

p.blue{
font-size: 12px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 160%;
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:12px;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  color:#FF0000;
  width: auto;
  height: auto;
}


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



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


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


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

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

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

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

.img00{
  float: left;
  margin: 10px 10px 10px 30px;
}




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


h3.rside{
color:#ffffff;
font-size:11px;
font-weight:normal;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin: 0px 0px 8px 0px;
padding: 4px 10px 1px 10px;
background-color: #00ced1; /* 背景色 */
line-height: 125%; /* 行の高さ */
}


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

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 33px;
}