@charset "utf-8";
/* CSS Document */

body{
margin:0px 0px 0px 0px;
padding:0px;
text-align:center;
background:#000000;
font-size:12px;
line-height:1.6;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#ffffff;
}

ul,li,ol,dl,dt,dd,h1,h2,h3,h4,p,dl,dt,dd,form{
margin:0px;
padding:0px;
}

img{
border:none;
}

h1{
	width:300px;
	font-size:10px;
	margin:5px auto 6px auto;
	font-weight:normal;
	color:#F2F2DB;
	position:absolute;
	left: 645px;
	top: 0px;
	text-align:left;
}

.addclip{
position:absolute;
left: 960px;
top: 5px;
}

#frame{
text-align:left;
margin:30px 0px 0px 0px;
}

.pankuzu ul{
height:20px;
margin:0px 0px 10px 0px;
list-style:none;
}

.pankuzu ul li {
display: inline;
padding-left: 10px;
background: url(../img/arrow_pankuzu.gif) no-repeat left center;
font-size: 10px;
font-weight: bold;
}

.pankuzu ul li:first-child {
background: none;
padding-left: 0;
}

.pankuzu ul li a {
font-weight: normal;
text-decoration: none;
}

.pankuzu ul li a:hover {
text-decoration: underline;
}


/*  フロートの解除 */

.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;
/**/
}


/* header */

#header{

}

#header p{
width:960px;
margin:0px auto;
}

.menu{
width:100%;
height:70px;
background:url(../img/m_repeat.jpg) repeat;
}

.menu ul{
width:960px;
margin:0px auto;
list-style:none;
}

.menu ul li{
float:left;
margin:0px;
}


/* main */

#main{
width:960px;
margin:0px auto;
}


#main .pankuzu{
text-align:left;
padding:5px 0px 8px 0px;
}

#main .pankuzu a{
color:#ffffff;
}

/* left */

#main .left{
float:left;
}

#main .left h3{
background:url(../img/b_side_title.jpg) no-repeat;
width:224px;
height:35px;
padding:5px 0px 0px 23px;
color:#F2F2DB;
}

* html #main .left h3{
width:247px;
height:40px;
}

#main .left .side_content{
background:url(../img/b_side.jpg) repeat-y;
width:222px;
padding:0px 25px 0px 0px;
margin:0px 0px 20px 0px;
font-size:10px;
}

* html #main .left .side_content{
width:247px;
}

#main .left .side_content p{
margin:0px 0px 12px 0px;
}

#main .left .side_content_other{
width:230px;
margin:0px 0px 10px 0px;
}

.twitpic{
margin-bottom:10px;
}


/* right */

#main .right{
float:right;
width:696px;
}

#main .right h2{
background:url(../img/b_main_title.jpg) no-repeat;
width:666px;
height:43px;
padding:7px 0px 0px 30px;
color:#F2F2DB;
}

* html #main .right h2{
width:696px;
height:50px;
}

#main .right .main_content{
background:url(../img/b_main.jpg) repeat-y;
width:666px;
padding:8px 0px 0px 30px;
margin:0px 0px 30px 0px;
}

* html #main .right .main_content{
width:696px;
}

#main .right .main_content strong{
color:#99FF66;
}

#main .right .main_content table td strong{
color:#000000;
}

#main .right .main_content .size10{
font-size:10px;
color:#F2F2DB;
}

#main .right .main_content a{
color:#ffffff;
}

#main .right .main_content table td a{
color:#000000;
}

#main .right .main_content p{
margin:0px 0px 12px 0px;
}


#main .right dl{

}

#main .right dl dd{
float:left;
width:160px;
margin-right:5px;
}

#main .right dl dd img{
width:160px;
height:130px;
}

#footer{
margin:20px 0px 20px 0px;
color:#F2F2DB;
text-align:center;
}

#footer a{
color:#ffffff;
}

#footer ul{
list-style:none;
}

#footer ul li{
display:inline;
margin:0px 0px 0px 10px;
}


/* プロフィール */

.profile{

}

.profile table{
width:100%;
background:#000000;
border:#333333
}

.profile table.table_01{
margin-bottom:30px;
}

.profile table th{
text-align:center;
padding:8px;
font-size:12px;
width:30%;
background:#F2F2F2;
color:#000000;
}

.profile table th div{
padding:5px;
}

.profile table td div{
padding:0px 0px 0px 5px;
}

.profile table td{
padding:8px;
font-size:12px;
text-align:left;
background:#ffffff;
color:#000000;
}

.profile table td p{
margin-bottom:12px;
}



/* 制作料金 */

.price{

}

.price h3{

}

.price table{
width:100%;
background:#000000;
border:#000000;
}

.price table.table_01{
margin-bottom:30px;
}

.price table th{
text-align:left;
font-weight:normal;
padding:8px;
font-size:12px;
width:50%;
background:#F2F2F2;
color:#000000;
}


.price table th div{
padding:0px 0px 0px 5px;
}

.price table td div{
padding:0px 0px 0px 5px;
}

.price table td{
padding:8px;
font-size:12px;
text-align:left;
background:#ffffff;
color:#000000;
}

.price table td p{
margin-bottom:12px;
}



/* お薦めサービス */

.service{

}

.service h3{
margin:10px 0px 0px 0px;
font-size:14px;
}

.service table{
width:100%;
background:#000000;
border:#333333
}

.service table.table_01{
margin-bottom:10px;
}

.service table.table_02{
margin-bottom:30px;
}

.service table th{
text-align:left;
font-weight:normal;
padding:5px;
font-size:14px;
background:#F2F2F2;
}

.service table td{
padding:5px;
font-size:14px;
text-align:left;
font-size:12px;
background:#FFFFFF;
color:#000000;
}

.service table td a{
color:#000000;
}

.service table td.link{
text-align:right;
}

/* お問い合わせ */

.mail{

}

.mail h3{
margin:10px 0px 0px 0px;
font-size:14px;
}

.mail table{
width:100%;
background:#000000;
border:#333333
}

.mail table th{
width:30%;
padding:8px;
background:#F2F2F2;
color:#000000;
text-align:center;
}

.mail table td{
padding:8px;
color:#000000;
background:#F2F2F2;
}

.mail table td a{
color:#ffffff;
}

.mail table td input{
width:300px;
background:#000000;
color:#ffffff;
}

.mail table td textarea{
width:300px;
height:100px;
background:#000000;
color:#ffffff;
}

.mail .button{
text-align:center;
margin-top:20px;
}

.mail .error_coution{
color:#ff0000;
}

.mail table td .send_message{
text-align:center;
font-size:14px;
}



/* bbs7 */

.bbs7 table{
width:120px;
height:45px;
}

.bbs7 table td.sell_01{
width:120px;
height:31px;
}

.bbs7 table td.sell_01 img{
width:120px;
height:31px;
}

.bbs7 table td.sell_02{
width:41px;
height:14px;
}

.bbs7 table td.sell_02 img{
width:41px;
height:14px;
}

.bbs7 table td.sell_03{
width:39px;
height:14px;
}

.bbs7 table td.sell_03 img{
width:39px;
height:14px;
}

.bbs7 table td.sell_04{
width:40px;
height:14px;
}

.bbs7 table td.sell_04 img{
width:40px;
height:14px;
}


.pagetop {
bottom:0;
left:0;
margin:0px;
text-align:right;
position:fixed;
width:100%;
}

.pagetop a {
}


/* twitter */

.twitter {
padding:0px 8px 10px 8px;
font-size:12px;
line-height:1.5;
}

* html .twitter{

}

.twitter h3 {
}

.twitter .tw {
border-bottom : dotted 1px #F2F2DB;
padding:5px 0px;
}

.twitter .tw a {
color:#99FF66;
}

.twitter .tw span {
display:block;
}

.twitter .tw .date{
text-align:right;
display:block;
margin:4px 0px 0px 0px ;
}

.twitter-link{
}

a.twitter-link {
color:#99FF66;
display:block;
text-align:right;
}


/* link */

.link h3{
margin:20px 0px 0px 0px;
}

.link ul{
float:left;
margin:0px 20px 0px 0px;
padding:0px 0px 0px 20px;
}

.txt16{
font-size:16px;
}
.txt14{
font-size:14px;
color:#FFFFCC;
font-weight:bold;
}