body {
background-color: #000000;
margin:0px;
padding:0px;
line-height:1.6;
text-align:center;
font-size:12px;
letter-spacing:3px;
color:#ffffff;
scrollbar-3dlight-color:#DDDDDD;
scrollbar-arrow-color:#FFFFFF;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-shadow-color:#DDDDDD;
scrollbar-track-color:#DDDDDD;
}


#b_contact {
position:fixed;
bottom:0px;
right:10px;
z-index:10;
_position: absolute; 
_bottom: expression(eval(document.documentElement.scrollTop+0)); 
}
.cursor {
cursor:pointer;
}

# {
position:absolute;
top:0px;
left:0px;
z-index:100;

}

embed , object {
z-index:-100;
}

/*
#flash_contact {
position:fixed;
top:20px;
right:20px;
width:560px;
height:100%;
z-index:10;

}
* html #flash_contact {
position: absolute; 
top: expression(eval(document.documentElement.scrollTop+0)); 
}

#flash_all {
position:absolute;
top:0px;
left:200px;
z-index:10;
}
*/
strong {
font-size:15px;
font-weight:normal;
color:#A8A684;
}

.clear {
overflow:hidden;
position:relative;
}
* .clear {
height:1%;
}

.align_left {
float:left;
}
.align_right{
float:right;
}

p_relative {
position:relative;
}

/*********************************************************
/*base
/********************************************************/
h1 , h2 {
font-size:12px;
margin:10px 0px;
padding:0px;
}
h2 {
color:#A8A684;
font-size:18px;
}
h2 a {
text-decoration:none;
}
img {
border:none;
}
.color_ff0000 {
color:#ff0000;
}
a {
color:#ffffff;
}


/*********************************************************
/*frame
/********************************************************/
#frame {
margin:0px auto;
width:900px;
text-align: left;
}
ul , li {
margin:0px;
padding:0px;
}

/*********************************************************
/*header
/********************************************************/
#header {
position:relative;
text-align:left;
}
#header ul {
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 {
margin:0px 0px 60px 0px;
}


/*********************************************************
/*menu
/********************************************************/
#menu {
position:absolute;
top: 435px;
left:0px;
background-color:#ffffff;
width:100%;
font-size:8px;
text-align:center;
}
#menu ul {
position:relative;
overflow:hidden;
width:880px;
margin:0px auto;
}
* html #menu ul {
height: 1%;
}
#menu ul li {
float:left;
width:88px;
height:36px;
}

/*  フロートメニュー：画像下にテキスト配置 */
#menu li {
position:relative;
}
#menu img {
position:absolute;
top:0px;
left:0px;
}

/*********************************************************
/*main
/********************************************************/
#main {
margin:0px 0px 50px 0px;
width:900px;
text-align:left;
}
#main .content_01 {
position:relative;
overflow:hidden;
margin:0px 0px 100px 0px;
}
* html #main .content_01 {
height: 1%;
}

#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 {
position:relative;
padding:5px 0px;
overflow: auto;
height: 150px;
}



#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 {
font-size:10px;
}

#main .news dl dt {
background-color:#000000;
float:left;
width:70px;
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 90px;
text-align:left;
height: auto;
}

/*top_sample*/
#main .top_sample {
position:relative;
overflow:hidden;
margin:0px 0px 20px 0px;
}
* html #main .top_sample {
zoom:100%;
}
#main .top_sample dl {
width:440px;
}

/*pickup*/
#main .pickup {
position:relative;
overflow:hidden;
margin:0px 0px 50px 0px;
}
* html #main .pickup {
zoom:100%;
}
#main .pickup p.thumbs img {
width:220px;
}

#main .pickup img {
float:left;
display:inline;
margin:0px 20px 0px 0px;
width:400px;
}
#main .pickup dl {
float:right;
width:450px;
}

#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:60px 80px 0px 0px;
height:25px;
font-size:12px;
font-weight:normal;
letter-spacing:3px;
text-align:right;
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;
}
h3.simulator {
background-image:url(../img/t_h3_simulator.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;
}
#main .ranking .align_left , #main .ranking .align_right {
width:430px;
}
 #main .ranking .align_right iframe {
width:430px;
}

/*********************************************************
/*footer
/********************************************************/
#footer {
text-align: center;
margin: 30px 0px;
font-size:11px;
}
#footer a:hover {
text-decoration:none;
}


/* bn */
#footer .bn {
position:relative;
text-align:left;

}
#footer .bn .melmagaform {
position:absolute;
top:68px;
left:0px;
width:290px;
height:98px;
text-align:center;
}
#footer .bn p {
position:absolute;
top:10px;
left:310px;
width:280px;
margin:0px;
line-height:1.3;
color:#333333;
letter-spacing:0px;
}
#footer .bn strong {
color:#FF0000;
font-size:12px;
font-weight:bold;
}


#footer .content_body {
margin:0px 0px 40px 0px;
font-size:11px;
}
#footer .content_01 {
position:relative;
overflow:hidden;
background-color: #333333;
padding: 15px 0px;
}
* html #footer .content_01 {
height:1%;
}
#footer .content_01 dl dd a {
font-size:11px;
}

#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;
font-size:11px;
}

#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 {
position:relative;
overflow:hidden;
width:120px;
margin:0;
padding:0;
line-height:1.4;
text-align:center;
}
* html #trackword_banner {
height:1%;
}



/*********************************************************
/*TOP以外
/********************************************************/
.other {
margin:0px 0px 100px 0px;
padding:3px;
background-color: #FFFFFF;
color: #000000;
}
.other dl {
position:relative;
overflow:hidden;
margin:0px;
padding:0px;
}
* html .other dl {
height:1%;
}
.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 dt a {
color:#FFFFFF;
}
.link dl dd {
overflow:hidden;
border-bottom:1px solid #CCCCCC;
margin:0px;
padding:10px 0px;
height:100%;
color: #000000;
}
* html .link dl dd {
height:1%;
}
.link dl dd ul{
margin:0px;
padding:0px 0px 0px 10px;
width:430px;
}
.link dl dd ul li {
list-style-type:square;
margin:0px 0px 0px 15px;
}


/* colorme */

#main .p_colorme .align_left {
width:720px;
}
#main .p_colorme .align_right {
width:160px;
}
#main .p_colorme dt {
font-size:14px;
color:#FFFFCC;
}
#main .p_colorme dd {
padding:0px 0px 20px 30px;
}


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

#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;
}
