body {
margin:0px;
padding:0px;
line-height:1.6;
text-align:center;
font-size:12px;
letter-spacing:3px;
color:#ffffff;
background-color: #000000;
}



/*********************************************************
/*base
/********************************************************/
h1 , h2 {
font-size:20px;
margin:10px 0px;
padding:0px;
}
img {
border:none;
}
.color_ff0000 {
color:#ff0000;
}
a {
color:#ffffff;
}
/* cleafix */
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
position:relative;
}

* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}

/*********************************************************
/*frame
/********************************************************/
#frame {
margin:0px auto;
width:700px;
text-align: left;
}

/*********************************************************
/*header
/********************************************************/
#header {
position:relative;
text-align:left;
}
#header ul {
display:none;
position:absolute;
top:0px;
right:10px;
margin:0px;
padding:0px;
}
#header ul li {
display:inline;
background-image:url(img/ico_cursol_01.jpg);
background-repeat:no-repeat;
padding:0px 0px 0px 15px;
list-style-type:none;
font-size:10px;
}
#header ul li a {
text-decoration:none;
}
#header ul li a:hover {
text-decoration:underline;
}


/*********************************************************
/*top
/********************************************************/
#top {
display:none;
margin:0px 0px 60px 0px;
}


/*********************************************************
/*menu
/********************************************************/
#menu {
display:none;
position:absolute;
top: 435px;
left:0px;
width:100%;
background-color:#ffffff;
text-align:center;
}
#menu ul {
width:900px;
margin:0px auto;
min-height: 1px;
position:relative;
}
#menu ul:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
* html #menu ul {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
#menu ul li {
float:left;
width:180px;
}
#menu img {
}

/*********************************************************
/*main
/********************************************************/
#main {
margin:0px 0px 50px 0px;
width:900px;
text-align:left;
}
#main .content_01 {
margin:0px 0px 30px 0px;
padding:0px 0px 30px 0px;
border-bottom:2px dotted #CCCCCC;
min-height: 1px;
position:relative;
}
#main .content_01:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
* html #main .content_01 {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}

#main .content_01 .left {
float:left;
width:430px;
}
#main .content_01 .right {
float:right;
width:430px;
}

/*top_news*/
#main .news {
background-color:#ffffff;
width:430px;
padding:5px;
color:#000000;
}
#main .news a {
color:#006699;
}
#main .news .content_body {
padding:5px 0px;
overflow: auto;
height: 150px;
min-height: 1px;
position:relative;
}
#main .news .content_body:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
* html #main .news .content_body {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}

#main .news h4 {
background-color:#000000;
margin:0px 0px 5px 0px;
padding:5px;
color:#ffffff;
font-size:14px;
letter-spacing:5px;
text-align:center;
}
#main .news dl {
min-height: 1px;
position:relative;
}
#main .news dl:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
* html #main .news dl {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}

#main .news dl dt {
background-color:#000000;
float:left;
width:65px;
margin:0px;
padding:5px;
color:#ffffff;
text-align:center;
}
#main .news dl dd {
border-bottom:1px solid #CCCCCC;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 80px;
text-align:left;
height: auto;
}

/*top_sample*/
#main .top_sample {
margin:0px 0px 20px 0px;
min-height: 1px;
position:relative;
}
#main .top_sample:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
* html #main .top_sample {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
#main .top_sample dl {
width:440px;
}

/*pickup*/
#main .pickup {
margin:0px 0px 50px 0px;
min-height: 1px;
position:relative;
}
#main .pickup:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
* html #main .pickup {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
#main .pickup img {
float:left;
display:inline;
margin:0px 20px 0px 0px;
}
#main .pickup dl {

}

#main .content_01 dl {
float:left;
margin:0px;
padding: 4px;
text-align:left;
}
#main .content_01 dl img {
border:none;
}
#main .content_01 dl a:hover {
border:1px solid #ff3333;
}
#main .content_01 dl dt {
}
#main .content_01 dl dd {
margin:0px;
}
h3 {
background-position:right top;
padding:0px;
height:25px;
font-size:15px;
font-weight:bold;
letter-spacing:3px;
text-align:left;
margin: 0px 0px 50px 0px;
}
h3.topics {
background-image:url(img/t_h3_news.jpg);
background-repeat:no-repeat;
}
h3.sample {
background-image:url(img/t_h3_sample.jpg);
background-repeat:no-repeat;
}
h3.web {
background-image:url(img/t_h3_web.jpg);
background-repeat:no-repeat;
}
h3.individual {
background-image:url(img/t_h3_individual.jpg);
background-repeat:no-repeat;
}
h3.adult {
background-image:url(img/t_h3_adult.jpg);
background-repeat:no-repeat;
}
/*price*/
h3.design {
background-image:url(img/t_h3_design.jpg);
background-repeat:no-repeat;
}
h3.option {
background-image:url(img/t_h3_option.jpg);
background-repeat:no-repeat;
}
h3.banner {
background-image:url(img/t_h3_banner.jpg);
background-repeat:no-repeat;
}
h3.hosting {
background-image:url(img/t_h3_hosting.jpg);
background-repeat:no-repeat;
}
h3.cgi {
background-image:url(img/t_h3_cgi.jpg);
background-repeat:no-repeat;
}
h3.cms {
background-image:url(img/t_h3_cms.jpg);
background-repeat:no-repeat;
}
/*about*/
h3.about {
background-image:url(img/t_h3_about.jpg);
background-repeat:no-repeat;
}
h3.profile {
background-image:url(img/t_h3_profile.jpg);
background-repeat:no-repeat;
}
/*link*/
h3.sougo_link {
background-image:url(img/t_h3_link.jpg);
background-repeat:no-repeat;
}
/*mail*/
h3.contact {
background-image:url(img/t_h3_contact.jpg);
background-repeat:no-repeat;
}
/*flash*/
h3.flash {
background-image:url(img/t_h3_sample_flash.jpg);
background-repeat:no-repeat;
}
/*sitemap*/
h3.sitemap {
background-image:url(img/t_h3_sitemap.jpg);
background-repeat:no-repeat;
}

#main .ranking table {
font-weight:normal;
letter-spacing:2px;
}
#main .ranking table td {
padding:3px 5px;
}

/*********************************************************
/*footer
/********************************************************/
#footer {
display:none;
text-align: center;
margin: 30px 0px;
}



/*********************************************************
/*TOP以外
/********************************************************/
.other {
margin:0px 0px 30px 0px;
padding:3px 3px 30px 3px;
border-bottom:2px dotted #CCCCCC;
padding:3px;
background-color: #FFFFFF;
color: #000000;
}
.other dl {
margin:0px;
padding:0px;
min-height: 1px;
position:relative;
}
.other dl:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
* html .other dl {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
.other dl dt {
float:left;
background-color:#000000;
margin:0px;
padding:10px;
width:260px;
font-weight:bold;
color: #ffffff;
}
* html .other dl dt {
width:280px;
}
.other dl dd {
border-bottom:1px solid #CCCCCC;
margin:0px 0px 0px 290px;
padding:10px 0px;
height:100%;
}
.other dl dd ul  {
margin:0px;
padding:0px;
}
.other dl dd ul li {
list-style-type:square;
margin:0px 0px 0px 15px;
}


.link {
background-color:#ffffff;
padding:3px;
margin: 0px 0px 100px 0px;
}
.link a {
color: #000000;
}
.link a:hover {
text-decoration:none;
}
.link dl {
margin:0px;
padding:0px;
}
.link dl dt {
background-color:#000000;
margin:0px;
padding:10px;
color:#ffffff;
}
.link dl dd {
border-bottom:1px solid #CCCCCC;
margin:0px;
padding:10px 0px;
height:100%;
color: #000000;
}
.link dl dd ul  {
margin:0px;
padding:0px 0px 0px 10px;
}
.link dl dd ul li {
list-style-type:square;
margin:0px 0px 0px 15px;
}



/*********************************************************
/*フォーム関連
/********************************************************/

#main .form {
}
#main .form textarea , input , select {
background-color:#E6E6E6;
border:1px solid #999999;
margin:0px 0px 5px 0px;
padding:0px;

}
#main .form form {
margin:0px;
padding:0px;
}
#error_coution {
margin:10px 30px;
color:#ff0000;
}
#b_submit {
text-align:center;
}
#b_submit .button {
margin:10px 0px 50px 0px;
width:250px;
height:25px;
}




#footer .content_body {
margin:0px 0px 40px 0px;
}
#footer .content_01 {
background-color: #333333;
padding: 15px 0px;
min-height: 1px;
position:relative;
}
#footer .content_01:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
* html #footer .content_01 {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
#footer .content_01 dl {
float:left;
width:170px;
text-align:left;
}
#footer .content_02 {
padding:0px 20px;
text-align: left;
}
#footer .content_02 ul li {
display:inline;
list-style-type:none;
}

#seoparts { list-style:none;margin:0px;padding:0px;font-size:14px }
#seoparts li { padding:1px }
#seoparts-img-li {  }
#seoparts-img-li img { vertical-align:top }


#trackword_banner {
width:120px;
margin:0;
padding:0;
line-height:1.4;
text-align:center;
min-height: 1px;
position:relative;
}
#trackword_banner:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
* html #trackword_banner {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}