/* CSS Document */

/*基本設定*/
@charset "Shift_JIS";
* { margin: 0px; padding: 0px;}
p { margin: 0px; padding: 0px;}
td { padding: 5px;}
th { padding: 5px;}

body { margin: 0px; padding: 0px; color: #333333; font-size: 12px; line-height: 1.4em; background-color: #FFFFFF; background: url(../../images/topBg.jpg) repeat-x;}
body.btm { margin: 0px; padding: 0px; color: #333333; font-size: 12px; line-height: 1.4em; background-color: #FFFFFF; background: url(../images/btmBg.jpg) repeat-x;}

a:link { color: #1196E6; text-decoration: underline;}
a:visited { color: #666666;	text-decoration: underline;}
a:active  {	color: #1196E6;	text-decoration: none;}
a:hover   { color: #00CCFF; text-decoration: none;}

a:link.noChng { color: #666666; text-decoration: none;}
a:visited.noChng { color: #666666; text-decoration: none;}
a:active.noChng  {	color: #666666; text-decoration: none;}
a:hover.noChng   { color: #666666; text-decoration: none;}

hr { margin-bottom: 10px;}
img { border: none;}

.pCenter { text-align: center;}
.right { text-align: right;}
.left { float: left;}
.clear{ clear:both;}
.imgright { float: right; margin: 0px 0px 5px 10px;}
.imgleft { float: left; margin: 0px 10px 5px 0px;}
.imgCenter { text-align: center;}

*html body .clear { clear: both; visibility: hidden; height: 0px; overflow : hidden;}

/*色*/
.red { color: #CC3333;}

/*空き調節*/
.mb05 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb60 { margin-bottom: 60px;}
.mb120 { margin-bottom: 120px;}
.mt05 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt60 { margin-top: 60px;}
.mr03 { margin-right: 3px;}
.mr05 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr30 { margin-right: 30px;}
.mr40 { margin-right: 40px;}
.mr60 { margin-right: 60px;}
.ml05 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}
.ml60 { margin-left: 60px;}
.ml90 { margin-left: 90px;}

.mlr10 { margin: 0px 10px;}

/*文字設定*/
h1 { margin: 0px; padding: 0px; font-size: 20px; line-height: 1.2em;}
h2 { margin: 0px; padding: 0px 0px 10px; font-size: 16px; line-height: 1.3em; color: #0F71AD;}
h3 { margin: 0px 0px 10px; padding: 0px; font-size: 14px; line-height: 1.2em; font-weight: normal;}
h4 { margin: 0px 0px 10px; padding: 0px; font-size: 12px; line-height: 1.2em; font-weight: bold;}

#seo { width: 800px; height: 28px; margin: 0px; padding-top: 4px;}
#seo h1 { font-size: 10px; font-weight: normal; color: #FFFFFF;}

.caption { font-size: 10px; line-height: 1.3em;}

/*外枠*/
#outBox { width: 800px; margin: 0px 0px 0px 20px;}
#consBox { width: 700px; margin-left: 50px;}

/*ヘッダ周り*/
#headLogo a { display: block; width: 251px; height: 58px; margin-bottom: 18px; background: url(../images/headLogo.jpg) no-repeat; text-indent: -1000em;}

/*ヘッドメニュー*/
#headMenu { width: 800px; height: 42px;}
#headMenu ul { margin: 0px; padding: 0px;}
#headMenu li { list-style-type: none; float: left;}
#headMenu li a.h01 { display: block; width: 200px; height: 42px; margin: 0px; background-image: url(../images/headMenu01.jpg); background-repeat: no-repeat; text-indent: -1000em;}
#headMenu li a.h02 { display: block; width: 200px; height: 42px; margin: 0px; background-image: url(../images/headMenu02.jpg); background-repeat: no-repeat; text-indent: -1000em;}
#headMenu li a.h03 { display: block; width: 200px; height: 42px; margin: 0px; background-image: url(../images/headMenu03.jpg); background-repeat: no-repeat; text-indent: -1000em;}
#headMenu li a.h04 { display: block; width: 200px; height: 42px; margin: 0px; background-image: url(../images/headMenu04.jpg); background-repeat: no-repeat; text-indent: -1000em;}
#headMenu li a:hover { background-position: 0px -42px;}

/*トップページ中ボタン*/
#midBtn { width: 341px; height: 36px; margin: 0px 0px 20px 201px; float: left;}
#midBtn ul { margin: 0px; padding: 0px;}
#midBtn li { list-style-type: none; float: left;}
#midBtn li a.m01 { display: block; width: 200px; height: 36px; margin-right: 1px; background: url(../images/midBtn02.jpg) no-repeat; text-indent: -1000em;}
#midBtn li a.m02 { display: block; width: 140px; height: 36px; margin: 0px; background: url(../images/midBtn03.jpg) no-repeat; text-indent: -1000em;}
#midBtn li a:hover { background-position: 0px -36px;}

/*ボトムページ中ボタン*/
#midBtnB { width: 341px; height: 36px; margin: 0px 0px 20px 304px; float: left;}
#midBtnB ul { margin: 0px; padding: 0px;}
#midBtnB li { list-style-type: none; float: left;}
#midBtnB li a.m01 { display: block; width: 200px; height: 36px; margin-right: 1px; background: url(../images/midBtn02.jpg) no-repeat; text-indent: -1000em;}
#midBtnB li a.m02 { display: block; width: 140px; height: 36px; margin: 0px; background: url(../images/midBtn03.jpg) no-repeat; text-indent: -1000em;}
#midBtnB li a:hover { background-position: 0px -36px;}

*html body #midBtnB { width: 341px; height: 36px; margin: 0px 0px 20px 229px; float: left;} 

#backIndex { width: 129px; height: 29px; margin: 0px 0px 35px 0px;}
#backIndex ul { margin: 0px; padding: 0px;}
#backIndex li { list-style-type: none;}
#backIndex li a { display: block; width: 129px; height: 29px; background: url(../images/midBtn01.jpg) no-repeat; text-indent: -1000em;}
#backIndex li a:hover { background-position: 0px -29px;}

/*フッター*/
#foot { width: 800px; height: 32px; margin: 30px 0px 10px 0px; padding-top: 15px; text-align: center; font-size: 10px; background: url(../images/footBg.jpg) no-repeat;}

/*ボトムページビジュアル1*/
#btmVisual { width: 155px; height: 130px; margin: 0px 0px 0px 0px; padding: 0px; background:url(../images/btmVisual.jpg); text-indent: -1000em; float: left;}
#btmCatch { width: 645px; height: 115px; margin: 0px; background:url(../images/btmCatch.gif) no-repeat 0px 22px; text-indent: -1000em; float: left;}

/*ボトムページビジュアル2*/
#btmVisual { width: 155px; height: 130px; margin: 0px 0px 0px 0px; padding: 0px; background:url(../images/btmVisual.jpg); text-indent: -1000em; float: left;}
#btmCatch2 { width: 645px; height: 115px; margin: 0px; background:url(../images/btmCatch2.gif) no-repeat 0px 22px; text-indent: -1000em; float: left;}


/*ボトムページビジュアル3*/
#btmVisual { width: 155px; height: 130px; margin: 0px 0px 0px 0px; padding: 0px; background:url(../images/btmVisual.jpg); text-indent: -1000em; float: left;}
#btmCatch3 { width: 645px; height: 115px; margin: 0px; background:url(../images/btmCatch3.gif) no-repeat 0px 22px; text-indent: -1000em; float: left;}


/*トップページ*/
#topVisual { width: 245px; height: 215px; margin: 0px 13px 0px 0px; padding: 0px; background:url(../../images/topVisual.jpg); text-indent: -1000em; float: left;}
#topCatch { width: 542px; height: 179px; margin: 0px; background:url(../../images/topCatch.gif) no-repeat 0px 43px; text-indent: -1000em; float: left;}
#topDomain { width: 244px; height: 27px; margin: 0px 0px 16px 0px; background: url(../../images/topLead.gif) no-repeat; text-indent: -1000em;}

#topBtn { width: 800px; height: 190px; margin-bottom: 10px;}
#topBtn ul { margin: 0px; padding: 0px;}
#topBtn li { list-style-type: none; float: left;}

#topBtn li a.b01 { display: block; width: 170px; height: 122px; padding: 63px 10px 5px 80px; margin: 0px 10px 0px 0px; background: url(../../images/topBtn01.jpg) no-repeat; font-size: 12px; line-height: 1.4em;}

#topBtn li a.b02 { display: block; width: 170px; height: 122px; padding: 63px 10px 5px 80px; margin: 0px 10px 0px 0px; background: url(../../images/topBtn02.jpg) no-repeat; font-size: 12px; line-height: 1.4em;}

#topBtn li a.b03 { display: block; width: 170px; height: 122px; padding: 63px 10px 5px 80px; margin: 0px; background: url(../../images/topBtn03.jpg) no-repeat; font-size: 12px; line-height: 1.4em;}

#topBtn li a:hover { -moz-opacity:0.8; opacity:0.8; filter: alpha(opacity=80);}

/*無料メール相談*/
#inquiryH1 { width: 700px; height: 30px; margin-bottom: 30px; background: url(../../images/inquiryH1.gif) no-repeat; text-indent: -1000em;}
#verisignBox { width: 140px; height: 50px; margin-bottom: 50px; float: left;}

/*会社概要*/
#corpH1 { width: 700px; height: 30px; margin-bottom: 30px; background: url(../../corporate/images/corpH1.gif) no-repeat; text-indent: -1000em;}
.outlineList { margin-bottom: 40px;}
.outlineList ul { list-style-type: none; margin: 0px; padding: 0px;}
.outlineList li { padding: 8px 0px; border-bottom: #CCCCCC dotted 1px;}
.outlineList li.last { padding: 8px 0px; border-bottom: none;}
.outlineListL { width: 140px; font-weight: bold; float: left;}
.outlineListR { width: 560px; float: left;}

/*制作実績*/
#showcaseH1 { width: 700px; height: 30px; margin-bottom: 30px; background: url(../../showcase/images/showcaseH1.gif) no-repeat; text-indent: -1000em;}
.shocaseCap { width: 180px; float: left;}
.showcaseList { width: 520px; float: left;}
.showcaseList ul { list-style-type: none; margin: 0px; padding: 0px;}
.showcaseList li { padding: 6px 0px; border-bottom: #CCCCCC dotted 1px;}
.showcaseList li.last { padding: 6px 0px; border-bottom: none;}

/*3つのメリット*/
#advantageH1 { width: 700px; height: 30px; margin-bottom: 30px; background: url(../../advantage/images/advantageH1.gif) no-repeat; text-indent: -1000em;}
#advantageH2_01 { width: 700px; height: 74px; margin-bottom: 0px; background: url(../../advantage/images/advH2_01.jpg) no-repeat; text-indent: -1000em;}
#advantageH2_02 { width: 700px; height: 74px; margin-bottom: 0px; background: url(../../advantage/images/advH2_02.jpg) no-repeat; text-indent: -1000em;}
#advantageH2_03 { width: 700px; height: 74px; margin-bottom: 0px; background: url(../../advantage/images/advH2_03.jpg) no-repeat; text-indent: -1000em;}

/*WEBアプリ開発*/
#developmentH1 { width: 700px; height: 30px; margin-bottom: 30px; background: url(../../development/images/developmentH1.gif) no-repeat; text-indent: -1000em;}

/*WEBシステムのレンタル提供*/
#rentalH1 { width: 700px; height: 30px; margin-bottom: 30px; background: url(../../rental/images/rentalH1.gif) no-repeat; text-indent: -1000em;}
