@charset "shift_jis";
/* CSS Document */

/*========================================
  base+index
-----------------------------------------*/
a{
	border:0;
	text-decoration:none;
}

body{
	width:1024px;
	height:auto;
	margin:0 auto;
	background-color:#F9F9F9;
}

div.main{
	width:960px;
	height:auto;
	margin:0 auto;
	margin-top:-8px;
}

div.h1{
	width:960px;
	height:20px;
	margin-bottom:-5px;
	background-color:#FFFFFF;
}

div.header{
	width:960px;
	height:85px;
}

div.head{
	width:960px;
	height:300px;
}

div.menubar{
	width:960px;
	height:60px;
}

div.left-contents{
	float:left;
	width:200px;
	height:auto;
}

div.left-contents-m{
	width:180px;
	height:auto;
	margin:10px;
}

div.center-contents{
	float:left;
	width:540px;
	height:auto;
}

div.center-contents-m{
	width:520px;
	height:auto;
	margin:10px;
}

div.news{
	width:520px;
	height:200px;
}

div.news-m{
	width:500px;
	height:155px;
	margin:10px;
}

div.hello{
	width:520px;
	height:auto;
}

div.hello-m{
	width:500px;
	height:auto;
	margin:10px;
}

div.service{
	width:520px;
	height:auto;
}

div.service-m{
	width:500px;
	height:auto;
	margin:10px;
}

div.top-w{
	width:500px;
	height:150px;
}

div.top-a{
	width:500px;
	height:150px;
	margin-top:20px;
}

div.top-wm{
	width:500px;
	height:150px;
	margin-top:20px;
}

div.top-d{
	width:500px;
	height:150px;
	margin-top:20px;
}

div.right-contents{
	float:left;
	width:220px;
	height:1000px;
}

div.fb{
	width:220px;
	height:auto;
	margin-top:10px;
}

div.banar1{
	width:220px;
	height:90px;
	margin-top:20px;
}

/*========================================
  service.html
-----------------------------------------*/

div.s-left-contents{
	float:left;
	width:180px;
	height:auto;
}

div.s-left-contents-m{
	width:160px;
	height:auto;
	margin:10px;
}

div.s-right-contents{
	float:left;
	width:760px;
	height:auto;
}

div.s-right-contents-m{
	width:740px;
	height:auto;
	margin:10px;
	margin-top:55px;
}

div.s-right-contents-main{
	float:right;
	width:650px;
	height:auto;
	margin:10px;
}

div.s-web{
	background-image:url(../img/midashi.png);
	background-repeat:repeat-y;
	width:630px;
	margin:10px;
	height:180px;
}

div.s-web-p{
	width:550px;
	height:180px;
	margin-left:30px;
}

div.s-ec{
	background-image:url(../img/midashi.png);
	background-repeat:repeat-y;
	width:630px;
	margin:10px;
	height:220px;
}

div.s-ec-p{
	width:550px;
	height:220px;
	margin-left:30px;
}

div.s-cms{
	background-image:url(../img/midashi.png);
	background-repeat:repeat-y;
	width:630px;
	margin:10px;
	height:140px;
}

div.s-cms-p{
	width:550px;
	height:140px;
	margin-left:30px;
}

div.s-android{
	background-image:url(../img/midashi.png);
	background-repeat:repeat-y;
	width:630px;
	margin:10px;
	height:150px;
}

div.s-android-p{
	width:550px;
	height:150px;
	margin-left:30px;
}

.ques {
	background-image:url(../img/web.png);
	background-repeat:no-repeat;
    border-top: 1px #9BC5CB dotted;
    cursor: pointer;
    width: 740px;
	height:150px;
    padding: 10px;
    line-height: 1.6;
}
 
#ans {
    background: #FCF3F3;
    width: 650px;
    margin-bottom: 12px;
	margin-left:70px;
    padding: 10px;
    overflow:hidden;
    display:none;
}

.ques#app {
	background-image:url(../img/app.png);
	background-repeat:no-repeat;
    border-top: 1px #9BC5CB dotted;
    cursor: pointer;
    width: 740px;
	height:150px;
    padding: 10px;
    line-height: 1.6;
}

.ques#wm {
	background-image:url(../img/web-marketing.png);
	background-repeat:no-repeat;
    border-top: 1px #9BC5CB dotted;
    cursor: pointer;
    width: 740px;
	height:150px;
    padding: 10px;
    line-height: 1.6;
}

.ques#dtp {
	background-image:url(../img/dtp.png);
	background-repeat:no-repeat;
    border-top: 1px #9BC5CB dotted;
    cursor: pointer;
    width: 740px;
	height:150px;
    padding: 10px;
    line-height: 1.6;
}




/*========================================
  works.html
-----------------------------------------*/

div.w-right-contents{
	float:left;
	width:770px;
	height:auto;
}

div.w-right-contents-m{
	width:750px;
	height:auto;
	margin:10px;
}

div.w-top-p{
	width:720px;
	height:100px;
	margin-left:20px;
}

div.w-w{
	width:740px;
	height:180px;
	padding-top:30px;
	background-image:url(../img/w-w.png);
	background-repeat:no-repeat;
}

div.w-w1{
	float:left;
	width:200px;
	height:auto;
	margin:5px;
}

div.pic{
	width:200px;
	height:100px;
}

div.w-w1-p{
	width:200px;
	height:100px;
}

div.w-a{
	width:740px;
	height:180px;
	padding-top:30px;
	margin-top:30px;
	background-image:url(../img/w-a.png);
	background-repeat:no-repeat;
}

div.w-wm{
	width:740px;
	height:180px;
	padding-top:30px;
	margin-top:30px;
	background-image:url(../img/w-wm.png);
	background-repeat:no-repeat;
}

div.w-d{
	width:740px;
	height:180px;
	padding-top:30px;
	margin-top:30px;
	background-image:url(../img/w-d.png);
	background-repeat:no-repeat;
}

/*========================================
  aboutus.html
-----------------------------------------*/

div.a-ci{
	width:740px;
	height:80px;
	padding-top:20px;
	background-image:url(../img/a-ci.png);
	background-repeat:no-repeat;
}

div.a-ci-p{
	width:720px;
	height:40px;
	margin:10px;
}

div.a-wb{
	width:740px;
	height:80px;
	padding-top:20px;
	background-image:url(../img/a-wb.png);
	background-repeat:no-repeat;
}

div.a-m{
	width:740px;
	height:80px;
	padding-top:20px;
	background-image:url(../img/a-m.png);
	background-repeat:no-repeat;
}

div.a-p{
	width:740px;
	height:80px;
	padding-top:20px;
	background-image:url(../img/a-p.png);
	background-repeat:no-repeat;
}

/*========================================
  a-ci.html
-----------------------------------------*/

div.a-ci-right-contents{
	float:left;
	width:770px;
	height:auto;
}

div.a-ci-right-contents-m{
	width:750px;
	height:auto;
	margin:10px;
}

div.a-ci-top-p{
	width:720px;
	height:100px;
}

div.a-ci-main{
	width:auto;
	height:auto;
	background-image:url(../img/a-ci-midashi.png);
	background-repeat:no-repeat;
}

div.a-ci-main-p{
	width:740px;
	height:300px;
	padding-top:80px;
	margin:10px;
	margin-left:50px;
}

/*========================================
  a-wb.html
-----------------------------------------*/
div.a-wb-right-contents{
	float:left;
	width:770px;
	height:auto;
}

div.a-wb-right-contents-m{
	width:750px;
	height:auto;
	margin:10px;
}

div.a-wb-top-p{
	width:720px;
	height:100px;
}

div.a-wb-main{
	width:auto;
	height:auto;
	background-image:url(../img/a-wb-midashi.png);
	background-repeat:no-repeat;
	padding-top:20px;
}

div.a-wb-main-p{
	width:720px;
	height:200px;
	margin:10px;
}


/*========================================
  contact.html
-----------------------------------------*/

div.c-top-p{
	width:740px;
	height:100px;
	margin-left:20px;
}

div.c-top-p1{
	float:left;
	width:500px;
	height:100px;
	margin-left:20px;
}

div.c-top-p2{
	float:right;
	width:200px;
	height:25px;
	margin-right:20px;
	margin-top:50px;
}

div.c-muryo{
	width:740px;
	height:120px;
	padding-top:30px;
	background-image:url(../img/c-muryo.png);
	background-repeat:no-repeat;
}

div.c-muryo00{
	width:740px;
	height:120px;
	padding-top:30px;
	background-image:url(../img/c-seisaku.png);
	background-repeat:no-repeat;
}

div.c-muryo000{
	width:740px;
	height:120px;
	padding-top:30px;
	background-image:url(../img/c-other.png);
	background-repeat:no-repeat;
}

div.c-muryo1{
	float:left;
	width:740px;
	height:auto;
	margin:5px;
}

div.c-pic{
	float:left;
	width:70px;
	height:70px;
	margin:10px;
}

div.c-muryo-p{
	float:left;
	width:400px;
	height:100px;
	margin:10px;
}

div.c-pic2{
	float:right;
	width:150px;
	height:25px;
	margin:10px;
	margin-top:50px;
	margin-right:20px;
}

/*========================================
  service-web.html
-----------------------------------------*/
div.s-web-head{
	width:740px;
	height:150px;
}

div.s-web-pic{
	width:740px;
	height:440px;
	margin-top:20px;
}

div.web-contents{
	width:740px;
	height:auto;
}

div.s-web-midashi{
	width:740px;
	height:70px;
	margin-top:20px;
}

div.s-web-contents-p{
	width:740px;
	height:auto;
	margin-top:20px;
}

/*========================================
  works-case.html
-----------------------------------------*/

div.wc-w{
	width:740px;
	padding-top:30px;
	background-image:url(../img/w-w.png);
	background-repeat:no-repeat;
}

div.wc-top-p{
	width:720px;
	height:50px;
	margin:20px;
}

div.wc-top-p-left{
	float:left;
	width:50px;
	height:50px;
}

div.wc-top-p-right{
	float:left;
	width:auto;
	height:auto;
	margin-top:5px;
	margin-left:10px;
}

div.wc-right-middle-bottom{
	width:740px;
	height:300px;
}

div.wc-right-middle-bottom-left{
	float:left;
	width:350px;
	height:300px;
}

div.wc-right-middle-bottom-right{
	float:left;
	width:370px;
	height:300px;
	margin-left:20px;
}

div.wc-right-middle-bottom2{
	width:740px;
	height:150px;
	padding-top:20px;
}

div.wc-right-middle-bottom2-left{
	float:left;
	width:150px;
	height:150px;
	margin-left:200px;
}

div.wc-right-middle-bottom2-right{
	float:left;
	width:370px;
	height:150px;
	margin-left:20px;
}

div.wc-right-middle-bottom3{
	width:740px;
	height:200px;
	padding-top:20px;
}

div.wc-right-middle-bottom3-left{
	float:left;
	width:150px;
	height:200px;
	margin-left:200px;
}

div.wc-right-middle-bottom3-right{
	float:left;
	width:370px;
	height:200px;
	margin-left:20px;
}

div.wc-c{
	width:740px;
	padding-top:30px;
	background-image:url(../img/creator-logo.png);
	background-repeat:no-repeat;
}

div.wc-c-p{
	width:720px;
	height:220px;
	margin-top:10px;
}

div.wc-person1{
	float:left;
	width:180px;
	height:220px;
}

div.wc-other{
	width:740px;
	padding-top:30px;
	background-image:url(../img/otherworks-logo.png);
	background-repeat:no-repeat;
}

div.wc-other-p{
	width:720px;
	height:120px;
}

div.wc-other1{
	float:left;
	width:220px;
	height:100px;
	margin-top:10px;
}

/*========================================
  works-web.html
-----------------------------------------*/

div.w-w-client{
	width:740px;
	height:230px;
	margin-top:20px;
}

div.w-w-client-left{
	float:left;
	width:640px;
	height:150px;
}

div.w-w-client-right{
	float:left;
	width:90px;
	height:25px;
	margin-left:10px;
	margin-top:125px;
}

div.w-w-client-p{
	clear:both;
	width:640px;
	height:50px;
	padding-top:10px;
}