body {
color:#666666;
background-image:url("img/bg.jpg");
background-position:center top;
background-repeat:no-repeat;
background-color:#000000;
font-size:12px;
margin-top:0px;
margin-bottom:0px;
margin-right:auto;
margin-left:auto;
text-align:center;
}

a:link {color: #0033cc;
text-decoration: none;
}

a:visited {color: #000033; 
text-decoration: none;
}
a:active {color: #00ffff;
 text-decoration: none;
 }
a:hover{color: #66ffff;
text-decoration: none;
}
img{
border:0;
}
img a{
border:0;
}

h3.blue {
font-size:14px;
         width:550px;
background:#EFEFEF; 
border:1px solid #CCC; 
border-bottom:3px solid #76BCE9; 
padding:5px 0 3px 5px; margin:0; 
margin-bottom:10px;
}

/*--メインコンテンツ--*/
#main{
width:850px;
text-align:center;
margin-top:0px;
margin-right:auto;
margin-left:auto;
margin-bottom:0px;
padding: 0px;
border:0px;
}
#header{
display:block;
width:850px;
height:150px;
text-align:center;
margin:30px 0px 0px 0px;
padding:0px;
background-image:url("img/bg-main.jpg");
background-repeat:no-repeat;
}
#mainimage{
width:850px;
height:200px;
background-image:url("img/mainimage.jpg");
background-repeat:no-repeat;
text-align:center;
margin:0px;
padding:10px 0px 0px 0px;
}
#mainimage2{
width:850px;
height:140px;
background-image:url("img/mainimage2.jpg");
background-repeat:no-repeat;
text-align:center;
margin:0px;
padding:10px 0px 0px 0px;
}

/*-- メインメニュー --*/
#main #mainmenu{
clear:both;
display:block;
width:800px;
height:40px;
text-align:center;
margin-right:auto;
margin-left:auto;
margin-top:0px;
margin-bottom:0px;
padding:10px 0px 0px 0px
}
ul#topmainmenu{
display:inline;
width:800px;
height:40px;
list-style-type:none;
marker-offset:0px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
ul#topmainmenu li{
float:left;
}
ul#topmainmenu li#menu_01 a{
margin:0px;
display:block;
width:169px;
height:40px;
background-image:url("images/menu_01.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#topmainmenu li#menu_01 a:hover{
margin:0px;
display:block;
width:169px;
height:40px;
background-image:url("images/menu_01.gif");
background-repeat:no-repeat;
background-position:0px -40px;
text-indent:-9999px;
}
ul#topmainmenu li#menu_02 a{
margin:0px;
display:block;
width:158px;
height:40px;
background-image:url("images/menu_02.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#topmainmenu li#menu_02 a:hover{
margin:0px;
display:block;
width:158px;
height:40px;
background-image:url("images/menu_02.gif");
background-repeat:no-repeat;
background-position:0px -40px;
text-indent:-9999px;
}
ul#topmainmenu li#menu_03 a{
margin:0px;
display:block;
width:158px;
height:40px;
background-image:url("images/menu_03.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#topmainmenu li#menu_03 a:hover{
margin:0px;
display:block;
width:158px;
height:40px;
background-image:url("images/menu_03.gif");
background-repeat:no-repeat;
background-position:0px -40px;
text-indent:-9999px;
}
ul#topmainmenu li#menu_04 a{
margin:0px;
display:block;
width:157px;
height:40px;
background-image:url("images/menu_04.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#topmainmenu li#menu_04 a:hover{
margin:0px;
display:block;
width:157px;
height:40px;
background-image:url("images/menu_04.gif");
background-repeat:no-repeat;
background-position:0px -40px;
text-indent:-9999px;
}
ul#topmainmenu li#menu_05 a{
margin:0px;
display:block;
width:158px;
height:40px;
background-image:url("images/menu_05.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#topmainmenu li#menu_05 a:hover{
margin:0px;
display:block;
width:158px;
height:40px;
background-image:url("images/menu_05.gif");
background-repeat:no-repeat;
background-position:0px -40px;
text-indent:-9999px;
}
/*-- ヘッダーロゴ --*/
#headertbl{
width:850px;
}
#headertbl01 a{
display:block;
float:left;
margin-top:30px;
margin-right:30px;
width:270px;
height:60px;
background-image:url("img/blank.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
#headertbl02{
float:right;
display:block;
width:520px;
margin-top:30px;
margin-right:30px;
text-align:right;
font-size:11px;
}
#headertbl02 a{
font-size:11px;
color:#ffffff;
padding-left:10px;
background-image:url("img/top-yajirushi.gif");
background-repeat:no-repeat;
background-position:left center;
}
#headertbl02 a:hover{
font-size:11px;
color:#00ffff;
}

/*-- コンテンツ --*/
#contents{
clear:both;
display:block;
width:850px;
background-image:url("img/bg-base.jpg");
background-repeat:repeat-y;
background-position:center;
text-align:center;
margin-right:auto;
margin-left:auto;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
#maincontents{
display:block;
width:750px;
margin-right:auto;
margin-left:auto;
}

#maincontentsleft{
float:left;
width:500px;
line-height:2;
padding:0px 0px 0px 10px;
text-align:left;
background-color:#ffffff;
color:#666666;
font-size:12px;
}
#maincontentsright{
float:right;
width:210px;
background-color:#ffffff;
color:#666666;
font-size:11px;
}
/*-- トップページのプランメニュー --*/
ul#contentsplan{
width:500px;
height:240px;
list-style-type:none;
marker-offset:0px;
margin:0px;
padding:0px;
}
ul#contentsplan li{
float:left;
text-indent:-9999px;
}
ul#contentsplan li#menu01 a{
margin:0px 5px 0px 0px;
display:block;
width:160px;
height:213px;
background-image:url("img/plan-speed.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#contentsplan li#menu02 a{
margin:0px 5px 0px 0px;
display:block;
width:160px;
height:213px;
background-image:url("img/plan-standard.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#contentsplan li#menu03 a{
margin:0px;
display:block;
width:160px;
height:213px;
background-image:url("img/plan-original.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#contentsplan li#menu04 a{
margin:0px;
display:block;
width:160px;
height:213px;
background-image:url("img/plan-logo.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#contentsplan li#menu05 a{
margin:0px;
display:block;
width:160px;
height:213px;
background-image:url("img/plan-poster.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}

/*-- 制作プランページのプランメニュー --*/
ul#contentsplan2{
display:block;
width:540px;
height:240px;
list-style-type:none;
marker-offset:0px;
margin-right:auto;
margin-left:auto;
padding:0px;
}
ul#contentsplan2 li{
float:left;
text-indent:-9999px;
}
ul#contentsplan2 li#plan2menu01 a{
margin:0px 30px 0px 0px;
display:block;
width:160px;
height:213px;
background-image:url("img/plan-speed.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#contentsplan2 li#plan2menu02 a{
margin:0px 30px 0px 0px;
display:block;
width:160px;
height:213px;
background-image:url("img/plan-standard.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#contentsplan2 li#plan2menu03 a{
margin:0px;
display:block;
width:160px;
height:213px;
background-image:url("img/plan-original.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
/*-- ホームページ有料オプション --*/
table.hpoption{
width:450px;
margin-right:auto;
margin-left:auto;
}
table.hpoption td{
padding:5px;
text-align:left;
}
table.hpoption td.hpoptionleft{
width:150px;
}
/*-- rireki --*/
#rirekitop{
clear:both;
display:block;
width:210px;
height:60px;
background-image:url("img/title-rireki.gif");
background-repeat:no-repeat;
padding:0px;
margin:0px;
text-indent:-9999px;
}
#rirekimiddle{
width:210px;
background-image:url("img/rireki-middle.gif");
background-repeat:repeat-y;
}
#rirekibottom{
background-image:url("img/rireki-bottom.gif");
background-repeat:no-repeat;
display:block;
width:210px;
height:40px;
text-indent:-9999px;
}
.rireki{
width:180px;
text-align:left;
line-height:2;
font-size:11px;
border-bottom:dotted 1px #003333;
padding-bottom:5px;
margin-left:15px;
}
.rireki01{
width:500px;
text-align:left;
line-height:2;
font-size:11px;
border-bottom:dotted 1px #003333;
padding-bottom:5px;
margin-left:15px;
}
/*-- フッター --*/
#mainfooter{
clear:both;
height:50px;
background-image:url("img/bg-bottom.jpg");
background-repeat:no-repeat;
text-align:center;
color:#ffffff;
padding-bottom:0px;
margin-bottom:0px;
}

#footer{
clear:both;
height:60px;
text-align:center;
color:#ffffff;
padding-top:10px;
padding-bottom:0px;
margin-bottom:0px;
font-size:11px;
line-height:2;
}
#footer a{
font-size:11px;
color:#ffffff;
padding-left:10px;
background-image:url("img/top-yajirushi2.gif");
background-repeat:no-repeat;
background-position:left center;
}
#footer a:hover{
font-size:11px;
color:#00ffff;
}

#footer2{
clear:both;
display:block;
width:850px;
height:100px;
background-image:url("img/bg-bottom2.gif");
background-repeat:no-repeat;
text-align:center;
margin-right:auto;
margin-left:auto;
color:#ffffff;
padding-top:40px;
padding-bottom:0px;
margin-bottom:0px;
}
table#banatbl{
display:block;
width:696px;
text-align:center;
margin-right:auto;
margin-left:auto;
}
/*-- ホームページ制作プラン --*/
#main #planmenu{
clear:both;
display:block;
width:700px;
height:60px;
text-align:center;
margin-right:auto;
margin-left:auto;
margin-top:0px;
margin-bottom:0px;
padding:10px 0px 0px 0px
}
ul#eachplanmenu{
display:inline;
width:700px;
height:60px;
list-style-type:none;
marker-offset:0px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
ul#eachplanmenu li{
float:left;
}
ul#eachplanmenu li#menu_1 a{
margin:0px;
display:block;
width:234px;
height:60px;
background-image:url("images/menu-01-topmenu_01.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#eachplanmenu li#menu_1 a:hover{
margin:0px;
display:block;
width:234px;
height:60px;
background-image:url("images/menu-01-topmenu_01.gif");
background-repeat:no-repeat;
background-position:0px -60px;
text-indent:-9999px;
}
ul#eachplanmenu li#menu_2 a{
margin:0px;
display:block;
width:226px;
height:60px;
background-image:url("images/menu-01-topmenu_02.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#eachplanmenu li#menu_2 a:hover{
margin:0px;
display:block;
width:226px;
height:60px;
background-image:url("images/menu-01-topmenu_02.gif");
background-repeat:no-repeat;
background-position:0px -60px;
text-indent:-9999px;
}
ul#eachplanmenu li#menu_3 a{
margin:0px;
display:block;
width:240px;
height:60px;
background-image:url("images/menu-01-topmenu_03.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#eachplanmenu li#menu_3 a:hover{
margin:0px;
display:block;
width:240px;
height:60px;
background-image:url("images/menu-01-topmenu_03.gif");
background-repeat:no-repeat;
background-position:0px -60px;
text-indent:-9999px;
}
ul#eachplanmenu li#menu_4{
margin:0px;
display:block;
width:234px;
height:60px;
background-image:url("images/menu-01-topmenu2_01.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#eachplanmenu li#menu_5{
margin:0px;
display:block;
width:226px;
height:60px;
background-image:url("images/menu-01-topmenu2_02.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#eachplanmenu li#menu_6{
margin:0px;
display:block;
width:240px;
height:60px;
background-image:url("images/menu-01-topmenu2_03.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}

.plantxt{
clear:both;
text-align:left;
padding-right:30px;
padding-left:30px;
line-height:2;
}
.plantxt2{
clear:both;
text-align:left;
padding-right:60px;
padding-left:60px;
line-height:2;
}
.plantxt3{
clear:both;
text-align:left;
padding-right:80px;
padding-left:80px;
line-height:2;
}
.plantxtright{
clear:both;
text-align:right;
padding-right:30px;
padding-left:30px;
line-height:2;
}
.planimg{
clear:both;
text-align:center;
line-height:2;
}
/*-- 制作実績 --*/
.jissekitop{
display:block;
width:700px;
height:20px;
background-image:url("images/bg-jisseki_01.gif");
background-repeat:no-repeat;
text-indent:-9999px;
margin:0px;
padding:0px;
}
.jissekitop2{
display:block;
width:700px;
background-image:url("images/bg-jisseki_02.gif");
background-repeat:repeat-y;
text-align:center;
margin:0px;
padding:0px;
}
.jissekitop3{
display:block;
width:700px;
height:20px;
background-image:url("images/bg-jisseki_03.gif");
background-repeat:no-repeat;
text-indent:-9999px;
margin-bottom:10px;
padding:0px;
}
table.jissekitbl{
display:block;
width:600px;
margin-right:auto;
margin-left:auto;
}
table.jissekitbl td{
padding:5px;
color:#666666;
text-align:left;
}
table.jissekitbl td.jissekitoptitle{
display:block;
height:30px;
padding:5px 5px 5px 20px;
background-image:url("img/jisseki-titlebg.gif");
background-repeat:no-repeat;
background-position:left center;
}
/*-- 制作実績その他 --*/
table.jissekitbl2{
display:block;
width:600px;
margin-right:auto;
margin-left:auto;
border-bottom:dotted 1px #000066;
}
table.jissekitbl2 td{
padding:5px;
color:#666666;
text-align:left;
}
table.jissekitbl2 td.jissekitoptitle2{
display:block;
height:30px;
width:250px;
padding:5px 5px 5px 20px;
background-image:url("img/jisseki-titlebg.gif");
background-repeat:no-repeat;
background-position:left center;
}
.txtright{
width:100%;
padding:5px;
text-align:right;
}
.textsmall{
font-size:10px;
}
/*-- お問い合わせからプライバシー共通テーブル --*/
table#mainwaku{
display:block;
width:700px;
text-align:left;
font-size:12px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
}
table#mainwaku td{
line-height:2;
}
/*-- お問い合わせ --*/
table#contacttbl{
font-size:12px;
width:500px;
margin-left:auto;
margin-right:auto;
}
table#contacttbl td.contacttblleft{
width:120px;
}
table#contacttbl td.contacttblcenter{
text-align:center;
}
img#contacticon{
float:left;
}
/*-- プライバシーポリシー --*/
table#mainwaku td#wakuin2{
padding-right:50px;
padding-left:50px;
line-height:2;
font-size:12px;
}

ol#poivacyul{
width:450px;
}
ol#poivacyul li{
 padding-bottom:15px;
 }
/*-- FAQ --*/
.eachfaq{
margin-right:50px;
margin-left:50px;
margin-bottom:15px;
font-size:12px;
}
.eachfaq img{
border:0px;
float:left;
padding-right:10px;
}
.borderline{
border-top:dotted 1px #cccccc;
margin-right:50px;
margin-left:50px;
margin-bottom:10px;
}
/*-- 会社概要 --*/
table#companytbl{
width:450px;
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
margin-right:auto;
margin-left:auto;
margin-top:10px;
}
table#companytbl td{
padding:5px;
border-bottom:solid 1px #cccccc;
border-right:solid 1px #cccccc;
}
table#companytbl td.companytblleft{
padding:5px;
width:80px;
text-align:center;
border-bottom:solid 1px #cccccc;
border-right:solid 1px #cccccc;
background-color:#99ffff;
}
/*-- 企画ページのプランメニュー --*/
ul#nagare01{
display:block;
width:550px;
height:100px;
list-style-type:none;
marker-offset:0px;
margin-right:auto;
margin-left:auto;
padding:0px;
}
ul#nagare01 li{
float:left;
text-indent:-9999px;
}
ul#nagare01 li#nagare-menu01 a{
margin:0px;
display:block;
width:150px;
height:100px;
background-image:url("img/nagare-01.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#nagare01 li#nagare-menu02 a{
margin:0px;
display:block;
width:150px;
height:100px;
background-image:url("img/nagare-02.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#nagare01 li#nagare-menu03 a{
margin:0px;
display:block;
width:150px;
height:100px;
background-image:url("img/nagare-03.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}
ul#nagare01 li.nagare-sub{
margin:0px 10px 0px 10px;
display:block;
width:30px;
height:100px;
background-image:url("img/nagare_yajirushi.gif");
background-repeat:no-repeat;
background-position:center center;
text-indent:-9999px;
}
/*-- ICTコンサルティング --*/
img#ictimage{
float:left;}
/*-- パンくず --*/
.pankuzulist{
width:700px;
height:15px;
border-bottom:dotted 1px #000000;
margin-right:auto;
margin-left:auto;
margin-bottom:10px;
padding:3px 20px 3px 20px;
text-align:left;
font-size:11px;
}
.pankuzulist2{
clear:both;
width:700px;
height:15px;
border-top:dotted 1px #000000;
margin-right:auto;
margin-left:auto;
margin-top:10px;
margin-bottom:10px;
padding:3px 20px 3px 20px;
text-align:right;
font-size:11px;
}

/*-- ブログ --*/
#blogbody{
         float:left;
width:550px;
margin:0px;
padding:0px;
text-align:left;
}

#blogbodyright{
         float:right;
width:150px;
text-align:left;
margin:0px;
padding:0px;

}
.right{
 text-align:right;
}

/*-- クリア --*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:block;
}
.clearfix{
display:block;
}

* html .clearfix{ /* for IE */
/*\*/height:1%;/* for WinIE*/
display: inline-table;/* for MacIE*/
}
.new{
         display:none;
}