@charset "Shift_JIS";

body {margin:0;color:#666666; background-image: url(image/back1.gif) ; background-repeat:repeat-x;font-size:12pt;}

div,table {margin-left:auto;margin-right:auto;}

table {margin-top:15px;width:500px;}



img {border:none;vertical-align: bottom ;}

p {margin:0;}
.p2 {font-size:75%; line-height: 1.8em; }
.p3 { font-size:70%; line-height: 1.8em;  margin-left:7px; color:#666666;padding-left:8px;
     background-image: url(image/icon_b.gif) ; background-repeat:no-repeat;background-position:3px 5px;}
.p3 a{color:#666666;}

.p5 {color:#0066ff; font-weight:700;}

strong {font-weight:400;}

span {color:#ff0000; font-weight:700;}


#content {width:762px;margin-top:10px; background:#ffffff;margin-left:auto;margin-right:auto;
           margin-top:0;border: 1px solid #cccccc;}

#header {width:762px; height:80px;margin-left:auto;margin-right:auto;background-image: url(image/header.gif) ;  background-repeat:no-repeat;
         }



#maine     { float:right;width:546px; margin-right:5px; margin-bottom:15px;line-height:1.6em; }
#maine p {margin:5px 15px;}

#menu      {float:left; width:200px;background-color:#ffffff; border-right: 1px solid #cccccc;}


#link_btn {padding-left:20px; height:40px;  background-image: url(image/link_back.gif) ;background-repeat:no-repeat;   }
#link_btn2 {padding-left:20px; height:40px;  background-image: url(image/link_back2.gif) ;background-repeat:no-repeat;   }
#link_btn3 {padding-left:20px; height:40px;  background-image: url(image/link_back3.gif) ;background-repeat:no-repeat;   }
#link_btn4 {padding-left:20px; height:40px;  background-image: url(image/link_back4.gif) ;background-repeat:no-repeat;   }
#link_btn5 {padding-left:20px; height:40px;  background-image: url(image/link_back5.gif) ;background-repeat:no-repeat;   }
#link_btn6 {padding-left:20px; height:40px;  background-image: url(image/link_back6.gif) ;background-repeat:no-repeat;   }




#footer {clear: both; width:762px; height:28px; background-image: url(image/footer_bg.gif) ;  background-repeat:repeat-x;; 
        background-position:bottom; font-size:70%;font-weight:400;text-indent:20px;}


h1 {margin:0;padding-top:8px;font-size:80%; padding-left:40px;font-weight:400; }


h2 {margin:0;font-size:85%;color:#666666;text-indent:35px;line-height: 3.9em; font-weight:400;}

h3 {margin:0;font-size:85%; line-height: 2.8em;color:#666666;text-indent:15px; background-image: url(image/h3_bg.gif);background-repeat:no-repeat;}
h4 {margin:0;font-size:85%;color:#666666;text-indent:15px; background-image: url(image/h4_bg.gif);background-repeat:no-repeat;}

.photo {width:762px;height:250px; background-image: url(image/photo.jpg);background-repeat:no-repeat;}

.last_link {clear: both; font-size:70%;  padding-top:20px;
            margin-left:20px;margin-right:20px;line-height: 1.1em;}
.last_link a{color:#666666;background-image: url(image/icon_b.gif);background-repeat:no-repeat; padding-left:7px;}
.last_link img {vertical-align:middle;}

.m1 a {  float:left;color:#333333;text-decoration:none;font-weight:700;text-indent:30px;line-height:1.5em; 
       display:block; width:116px;margin-top:7px;}
.m1 a:hover {color:#ff3000;}

.m2 a {  float:left;color:#333333;text-decoration:none;font-weight:700;font-size:90%;line-height:1.8em;text-indent:18px;
       display:block; width:116px; margin-left:5px; margin-top:7px; }
.m2 a:hover {color:#ff3000;}

.m3 a {  float:left;color:#333333;text-decoration:none;font-weight:700;font-size:90%;line-height:1.8em;text-indent:22px;
       display:block; width:116px; margin-left:5px; margin-top:7px;  }
.m3 a:hover {color:#ff3000;}

.m4 a {  float:left;color:#333333;text-decoration:none;font-weight:700;font-size:90%;line-height:1.8em;text-indent:27px;
       display:block; width:116px; margin-left:5px; margin-top:7px;  }
.m4 a:hover {color:#ff3000;}

.m5 a {  float:left;color:#333333;text-decoration:none;font-weight:700;font-size:90%;line-height:1.8em;text-indent:28px;
       display:block; width:116px; margin-left:5px; margin-top:7px;  }
.m5 a:hover {color:#ff3000;}

.m6 a {  float:left;color:#333333;text-decoration:none;font-weight:700;font-size:90%;line-height:1.8em;text-indent:20px;
       display:block; width:116px; margin-left:5px; margin-top:7px;  }
.m6 a:hover {color:#ff3000;}





.camp {width:543px; height:100px;margin-bottom:10px;
        }


.bt_1 {float:left;background-image: url(image/bt_contact.jpg);background-repeat : no-repeat;}
.bt_1 a{display:block;width:273px; height:80px;color:#666666; text-decoration:none;
        font-size:80%;line-height:2.2em;text-indent:100px;}
.bt_2 {float:left;background-image: url(image/bt_appli.jpg);background-repeat : no-repeat;}
.bt_2 a{display:block;width:273px; height:80px;color:#666666; text-decoration:none;
        font-size:80%;line-height:2.2em;text-indent:100px;}




.domaine_check {background-image: url(image/domaine_bg.gif);background-repeat : no-repeat;
                 padding-left:13px;padding-top:44px;}
form {margin:0;}

.d1  {margin-top:7px;}
.d2  {margin-top:7px;padding-bottom:23px;}

.domaine_option { padding:7px; font-size:80%;}

.bn_w3c {margin-left:10px;margin-bottom:10px;}

/*対応エリア*/
.area {clear: both;font-size:80%; margin:5px 15px;}
.area a {color:#666666;text-decoration:none;}
/*サイトマップナビ*/
.sitemap_navi {clear: both;font-size:70%; margin:5px 15px;background:#cccccc; padding:3px;}
.sitemap_navi a{color:#333333;}

/*メールフォーム*/

.ta1 {font-size:80%;}

.td3   {   border-top:solid 1px #cccccc; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc;
         background: #e0ffff; padding:5px; width:35%;}
.td3 img {vertical-align: -3px;}
.td4    {  border-top:solid 1px #cccccc; border-right:solid 1px #cccccc; padding: 5px }

/*ファイナルtd*/
.td3l   { border-top:solid 1px #cccccc; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; 
           background: #e0ffff; padding: 5px; width:35%;}
.td4l   {  border-top:solid 1px #cccccc; padding-left: 10px; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; }

.td5 {text-align:center;padding:15px;}


.privacy {margin:30px; background:#e8e8e8;}

/*会社概要*/
dl{font-size:80%; line-height:1.2em; height:auto;border-bottom: 1px dotted #cccccc; margin-left: 30px;padding:10px 0;width:430px;}
dt{float:left;width:100px;}
dd{width:330px;border-left:solid 2px #cccccc; padding-left: 10px;margin-left: 100px;}

/*サイトマップページ*/
.sitemap {margin:30px 60px;line-height:1.5em;}
.sitemap a {color:#666666;font-size:90%;}

.sitemap1 {border-left: solid 5px #cccccc; border-bottom: solid 1px #cccccc; padding-left:15px; margin-bottom:5px;}
.sitemap2 {margin-left:30px; padding-left:30px;background-image: url(image/sitemap_dot2.gif);background-repeat : no-repeat;}
.sitemap3 {margin-left:30px; padding-left:30px;background-image: url(image/sitemap_dot3.gif);background-repeat : no-repeat;}

.sampleview {margin-top:50px; margin-left:100px; }
.sampleview img {border: 1px solid #cccccc;}

.close {margin:10px 485px;}


/*リンクページ*/
.tdlink1 {font-size:80%;line-height : 1.3em; padding-bottom:15px;}
.tdlink2 {font-size:80%;line-height : 1.3em;padding-bottom:15px;}




.faq_q a { width:100px; height:22px; display:block; font-size:80%; text-decoration:none; text-indent:25px;line-height:1.7em;
        background-image: url(image/faq_bg.gif);background-repeat : no-repeat;color:#333333}

.earth {width:546px; font-size:80%;background-image:url(image/earth.jpg);background-repeat : no-repeat;
        padding-top:80px;padding-left:5px;padding-bottom:20px;line-height: 1.6em;}

input {color:#666666; }

.area2 {font-size:85%;margin:20px; border: 1px solid #666666; padding:10px;}
.area2 a {color:#666666;text-decoration:none;}

.skype_bn {;margin:15px 10px; border: 1px solid #00cccc;}
.skype_bn p {line-height:3.5em;font-size:80% ;}
.skype_bn img {vertical-align:middle;}

.skype_dl {margin-left:105px;}

.skype_bt {font-size:80%;margin:15px 10px; border: 1px solid #00cccc;line-height:1.5em;}
.skype_bt span {font-size:75%;}


/*ホームページ制作フロー*/

.serviceflow  { margin:0 10px;font-size:80%;padding-bottom:35px;background-image:url(image/flowarrow.gif);  background-repeat: no-repeat;
               background-position: center bottom;line-height:1.3em;}
.serviceflowlast  { margin:0 10px;font-size:80%;padding-bottom:35px;line-height:1.3em;}

.type {font-size:75%;margin:15px; border: 1px solid #666666; padding:10px;line-height:1.3em;}
.type a {color:#666666;text-decoration:none;}