/*---ブラウザ初期値リセット---*/
*{ margin:0; padding:0; line-height:1em; font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}

/*---全体---*/
body{ }
p{ font-size:13px; color:#000; line-height:1.8em;}
img{ border:none; line-height:1em; margin:0; padding:0;}
li{list-style-type:none; font-size:13px; line-height:1.6em;}
table{ font-size:12px; color:#fff;}
td{ line-height:1.6em;}

/*---リンクカラー---*/
a:link{color:#000; margin:0; line-height:1.6em; text-decoration:none;}
a:visited{color:#000; margin:0; line-height:1.6em; text-decoration:none;}
a:hover{color:#047885; margin:0; line-height:1.6em; text-decoration:underline; }
a:active{color:#047885; margin:0; line-height:1.6em; text-decoration:underline; }

/*---レイアウト---*/
#container{ margin-left:auto; margin-right:auto; width:900px;
  background-color:#fff;}

#contents{ clear:both; width:858px; padding:20px;}

#main{ width:580px; float:right; padding-bottom:20px; }

#left{ float:left; width:250px; background-color:#047885; padding:14px 0px; margin-bottom:70px;}

.menuarea{ padding:2px 7px 7px 7px; border-top:solid 10px #61d964; width:210px; background-color:#fff;
margin-left:auto; margin-right:auto; margin-bottom: }

.menuarea li.w { font-size:13px; padding:9px 5px 5px 10px; *padding:6px 5px 7px 10px;
 background:url(img/arr_green.gif) no-repeat; background-position:9px 12px; text-indent:17px;}
 
.menuarea li.g{ font-size:13px; padding:9px 5px 5px 10px; *padding:6px 5px 7px 10px;
background:url(img/arr_green_g.gif) no-repeat #f4f4f4; background-position:9px 12px; text-indent:17px;}

.menuarea_m{ padding:5px 7px; border-top:solid 10px #ff60d9; width:210px; background-color:#fff;
margin-left:auto; margin-right:auto; margin-bottom:}
 .oto{ padding:6px 0px 4px 8px; line-height:1.4em;}
 
 
div.w500{ width:500px; margin-left:40px; } 
 

/*---タイトル・テキスト---*/
h3{ font-size:16px; color:#047885; height:30px; line-height:2em; text-indent:0px;
 margin-bottom:25px; border-bottom:solid 10px #ddd;}
h5{ color:#000; border-left:solid 16px #ddd; text-indent:5px; font-size:14px; font-weight:bold; margin-bottom:10px; line-height:1.2em;} 
.h5li{ margin:15px 0px 25px 18px;}
.h5li li{ line-height:1.8em;}
h4{ margin-bottom:8px;}
h2{ color:#fff; font-size:14px; font-weight:bold; margin-bottom:10px; text-align:center; }
 
.text{ margin-bottom:20px; width:500px; } 
.texts{ margin-bottom:20px; width:500px; font-size:11px; } 
b{ font-size:16px; font-weight:bold; line-height:2em;}
em{ background-color:#eefb7d; font-style:normal; line-height:1.8em;  }
span{ font-weight:bold; line-height:1.6em;}

.catch{ margin-bottom:15px;}

.button{ text-align:center; margin-bottom:40px;}


/*---ヘッダー---*/
#wani{ margin:0; padding-top:10px; line-height:0; margin-bottom:3px;}
#header{ width:860px; padding-top:0px; margin-left:auto; margin-right:auto;}
#logo{ float:left;}
#sub{ float:right;}
#sub li{ float:left; background:url(img/arr.gif) no-repeat; background-position:0% 50%;
 text-indent:16px; margin-left:20px; margin-top:7px;  }


/*---フッター---*/
#footer{ clear:both; font-size:9px; text-align:left; padding-left:20px;}
#bottomtext{font-size:10px; text-align:left; padding-left:20px; padding-bottom:20px;}

/*---ページトップ---*/
.totop{ clear:both; text-align:right; margin-right:60px; padding-bottom:30px;}

/*---ナビ---*/
#navi{ clear:both; padding-top:15px;}
#navi li{ float:left; font-size:0px; padding-bottom:15px;}

 
/*---トップページ---*/

div.topcate{ clear:both; width:858px; }

#osusume{ float:left; margin-right:20px; }

table.top_tools { float:right; margin-bottom:30px;}
.top_tools td{ color:#000; line-height:1.4em; font-size:12px; border-bottom:dotted 1px #bbb; padding:9px 0px; }
.toolsimg{ margin-right:7px;}
td.tools_text{ width:105px;}
td.space{ width:17px; border:none;}

.wtext{ margin-bottom:25px;}
.toptexts{ margin-bottom:20px; font-size:11px; }
#newsf{ width:380px; height:200px; margin-bottom:20px; background-color:#fff;}
 
 
/*---活用事例---*/
.jirei{ margin-bottom:10px;}
.jirei td{ padding-right:40px;}
 
 
/*---事業概要---*/
.abouttbl{ background-color:#ccc; margin:0px 0px 0px 0px; margin-left:40px; margin-bottom:70px; width:500px;}
.abouttbl .rtd{color:#000; padding:7px 10px; background-color:#f2f2f2; font-size:12px;
line-height:2em; border-left:solid 1px #fff; border-top:solid 1px #fff;}
.abouttbl td{color:#000; padding:7px 10px; background-color:#fff; font-size:12px;
line-height:2em; border-left:solid 1px #fff; border-top:solid 1px #fff;}

/*---制作実績---*/
.restable{ margin-bottom:20px;}
.restable td{ color:#000; padding-right:40px;}
.restable img{ border:solid 1px #ddd;}

/*---よくある質問---*/
.hidden{ display:none; width:460px; margin-bottom:20px; margin-left:25px; line-height:1.8em; font-size:13px;}
.qtext{ margin-bottom:15px; background-color:#f4f4f4;  text-indent:5px; width:485px;
font-size:13px; padding:5px 7px 2px 7px;  }
.qtext a{ color:#047885;}


/*---ホームページ制作---*/
.web_pricetbl{ background-color:#f2f2f2; margin:0px 0px 5px 0px; width:500px;}
.web_pricetbl .rtd{color:#000; padding:8px; background-color:#ddd; font-size:13px;　line-height:1.6em;}
.web_pricetbl td{color:#000; padding:7px 10px; background-color:#f2f2f2; font-size:12px;　line-height:1.6em; text-align:center;}
.web_pricetbl b{ font-size:14px; font-weight:bold; line-height:1.6em;}

.borderimg{ border:solid 1px #ddd; }

.contimg{ margin-left:40px; }


.pricetbl{ background-color:#fff; margin:0px 0px 10px 0px; width:500px;}
.pricetbl .rtdnor{color:#000; padding:8px; background-color:#ddd; font-size:13px; 
line-height:1.6em; }
.pricetbl .rtd80{color:#000; padding:8px; background-color:#ddd; font-size:13px; width:80px;
line-height:1.6em; }
.pricetbl .rtd{color:#000; padding:8px; background-color:#ddd; font-size:13px; width:270px;
line-height:1.6em; }
.pricetbl .rtd150{color:#000; padding:8px; background-color:#ddd; font-size:13px; width:150px;
line-height:1.6em; }
.pricetbl .rtd230{color:#000; padding:8px; background-color:#ddd; font-size:13px; width:230px;
line-height:1.6em; }
.pricetbl .rtd160{color:#000; padding:8px; background-color:#ddd; font-size:13px; width:160px;
line-height:1.6em; }
.pricetbl .rtd120{color:#000; padding:8px; background-color:#ddd; font-size:13px; width:120px;
line-height:1.6em; }
.pricetbl td{color:#000; padding:8px; background-color:#f2f2f2; font-size:12px;
line-height:1.6em;  text-align:center;}
.pricetbl b{ font-size:14px; font-weight:bold; line-height:1.6em;}