﻿@charset "utf-8";

*{margin:0;
padding:0;}

a,img{border:0;}

th{font-weight:normal;
white-space:nowrap;
vertical-align:top;}


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

#top-txt{font-size:80%;
padding:3px 0;}

#index-wrapper{width:960px;
height:655px;
border:1px solid #c0c0c0;}

#concept-wrapper,
#dealing-result-wrapper,
#recruit-wrapper,
#contact-us-wrapper,
#graphic-design-wrapper,
#illustration-wrapper,
#link-wrapper,
#movie-wrapper{width:960px;
height:555px;
border:1px solid #c0c0c0;}

#about-wrapper{width:960px;
height:830px;
border:1px solid #c0c0c0;}

#menu{width:230px;
float:left;}
#menu ul{list-style:none;
width:160px;
margin:8px 70px 0 0;}
#menu ul li img{vertical-align:top;}
#menu ul li{line-height:0;}
#banner{margin-top:10px;
margin-left:15px;
}
#adress{margin-top:10px;}

#main{width:730px;
height:520px;
float:left;}

/*index*/
#index-wrapper #main object{margin:30px 0 0 60px;}

/*concept*/
#concept-wrapper{background:url(../img/concept/main-bg.gif) no-repeat right 20px #8EC31F;}
#concept-wrapper #main div{padding:170px 40px 50px 30px;}

/*dealing-result*/
#dealing-result-wrapper{background:url(../img/dealing-result/main-bg.gif) no-repeat right bottom #E4007F;}
#dealing-result-wrapper #main div{padding:20px 160px 10px 100px;}
#dealing-result-wrapper #main div table{font-size:75%;
line-height:1.3;
letter-spacing:0.1em;}
#dealing-result-wrapper #main div table td{padding-bottom:15px;}

/*recruit*/
#recruit-wrapper{background:url(../img/recruit/main-bg.gif) no-repeat right 25px #E6001A;}
#recruit-wrapper #main div{padding:50px 75px 30px 165px;}
#recruit-wrapper #main div table{font-size:75%;
line-height:1.7;
letter-spacing:0.1em;}

/*contact-us*/
#contact-us-wrapper{background:url(../img/contact-us/main-bg.gif) no-repeat right 25px #00A0E9;}
#contact-us-wrapper #main div{padding:25px 0 15px 85px;}
#contact-us-wrapper #main div .txt1{color:#FFF;}
#contact-us-wrapper #main div table{width:645px;
font-size:75%;
line-height:1.5;
letter-spacing:0.1em;
color:#fff;}
#contact-us-wrapper #main div table td{padding:0 10px 7px 0;
vertical-align:top;
width:50%;}
#contact-us-wrapper #main div table td a{color:#fff;}

/*about us*/
#about-wrapper{background:url(../img/company/main-bg.gif) no-repeat right top #8ec31f;}
#about-wrapper #main div{padding:150px 90px 50px 150px;}
#about-wrapper #main div table{font-size:75%;
line-height:1.3;
letter-spacing:0.1em;}
#about-wrapper #main div table td{padding-left:7px;}

/*graphic-design*/
#graphic-design-wrapper{background:url(../img/graphic-design/main-bg.gif) no-repeat right bottom #8EC31F;}
#graphic-design-wrapper #main div{padding:50px 80px 30px 170px;}

/*illustration*/
#illustration-wrapper{background:#00A0E9;}
#illustration-wrapper #main div{padding:20px 30px 40px 10px;}
#illustration-wrapper #main div .txt1{color:#FFF;}
#illustration-wrapper #main div table td{padding:20px 10px 0 20px;}

/*link*/
#link-wrapper{background:url(../img/link/main-bg.gif) no-repeat right top #8EC31F;}
#link-wrapper #main div .{padding:30px 40px 0 30px;}
#link-wrapper #main div .txt5 a{color:#E6001A;
padding-bottom:10px;}

/*movie*/
#movie-wrapper{background:url(../img/movie/main-bg.gif) no-repeat right bottom #E6001A;}
#movie-wrapper #main #movie1{padding:30px 150px 0 270px;}
#movie-wrapper #main #movie2{padding:0 250px 50px 150px;}
#movie-wrapper #main #movie2 .flash{float:right;
margin-right:-120px;}
#movie-wrapper #main #movie2 .txtbloc{padding:120px 20px 0 0;}
#movie-wrapper #main #movie1 .txt1{color:#FFF;}


/*margin-padding*/
.m7b{margin-bottom:7px;}
.m9b{margin-bottom:9px;}
.m25b{margin-bottom:25px;}

/*text*/
body {font-family:Arial,Verdana, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;}
.txt1{font-family:Helvetica;
font-weight:normal;
font-size:125%;
padding:7px 0;
letter-spacing:0.2em;}
.txt2{font-size:75%;
line-height:1.5;
letter-spacing:0.1em;
padding-bottom:10px;}
.txt3{font-family:Helvetica;}
.txt4{font-size:75%;
line-height:1.7;}
.txt5{font-size:70%;
line-height:1.7;
padding:0 0 10px 1.3em;
}

.txt-r{text-align:right;}
.txt-red{color:#E6001A;}
.clear{clear:both;}