@charset "euc-jp";
/* CSS Document */

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body{
line-height:1;
}

ol, ul{
list-style:none;
}

blockquote, q{
quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after{
content:'';
content:none;
}

:focus{
outline:0;
}

ins{
text-decoration:none;
}

del{
text-decoration:line-through;
}

table{
border-collapse:collapse;
border-spacing:0;
}

/* end reset */

body {
background:url(../images/common_bodybg.jpg) top center no-repeat;
background-color:#d93190;
}

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

/* common */
#commonHeader {
width:960px;
margin:0 auto;
}

#commonHeader {  
overflow: hidden;  
}  
  
* html #commonHeader {  
height: 1%;  
} 

#commonHeader h1 {
float:left;
font-size:12px;
color:#FFF;
font-weight:100;
margin-top:16px;
padding-left:13px;
width:500px;
}

#commonHeader h2 {
clear:left;
float:left;
margin-top:8px;
padding-left:10px;
}

#commonHeader ul {
float:right;
margin:28px 0 0;
}

#commonHeader ul li {
float:left;
margin-right:10px;
}

#commonHeader .tel {
clear:right;
float:right;
margin-top:9px;
padding-right:10px;
}

#commonMain {
clear:both;
background:#191919;
width:960px;
margin:0 auto;
margin-top:7px;
}

#commonMain {  
overflow: hidden;  
}  
  
* html #commonMain {  
height: 1%;  
} 

#navi {
width:930px;
margin:14px auto 10px auto;
}

#navi {  
overflow: hidden;  
}  
  
* html #navi {  
height: 1%;  
} 

#navi li {
float:left;
}

#commonLeft {
width:631px;
float:left;
margin-top:12px;
}

#commonRight {
width:317px;
float:right;
margin-top:12px;
}

#commonBanner p {
margin-bottom:10px;
}

#commonBanner .txt {
font-size:12px;
text-align:center;
margin:-5px 0 5px;
line-height:120%;
}

#commonBanner .txt  a {text-decoration:underline;}
#commonBanner .txt  a:link {color:#f748ab;}
#commonBanner .txt  a:active {color:#f748ab;}
#commonBanner .txt  a:hover {color:#f748ab; text-decoration:underline;}
#commonBanner .txt  a:visited {color:#f748ab; text-decoration:underline;}

#commonPagetop {
clear:both;
text-align:right;
padding-right:25px;
padding-top:80px;
}

#commonFooter {
background:#3d3d3d;
padding:27px 20px 27px 35px;
}

#commonFooter {  
overflow: hidden;  
}  
  
* html #commonFooter {  
height: 1%;  
} 

#commonFooter ul {
float:left;
}

#commonFooter li {
float:left;
margin-right:10px;
}

#commonFooter p {
float:right;
}

#commonFootersitemap {
background:url(../images/common_footerbg.jpg) top center no-repeat;
}

#commonFootersitemap .cts {
width:980px;
height:269px;
margin:0 auto; 
}

#commonFootersitemap ul {
width:940px;
margin:0 auto;
color:#FFF;
font-size:12px;
padding-top:15px;
padding-left:8px;
}

#commonFootersitemap li {
float:left;
margin-right:10px;
margin-bottom:8px;
}

#commonFootersitemap li a {text-decoration:underline;}
#commonFootersitemap li a:link {color:#f748ab;}
#commonFootersitemap li a:active {color:#f748ab;}
#commonFootersitemap li a:hover {color:#f748ab; text-decoration:underline;}
#commonFootersitemap li a:visited {color:#f748ab; text-decoration:underline;}

#commonUnderTittle {
padding-left:15px;
margin-bottom:15px;
}

#commonContactBox_p {
background:url(../images/common_contact_bg_p.jpg) top center;
width:600px;
height:177px;
margin:0 auto;
}

#commonContactBox_p {  
overflow: hidden;  
}  
  
* html #commonContactBox_p {  
height: 1%;  
} 

#commonContactBox_p .ttl {
padding-top:25px;
padding-bottom:23px;
width:404px;
margin:0 auto;
}

#commonContactBox_p .tel {
float:left;
margin-right:37px;
}

#commonContactBox_p  .tel dt,dd {
padding-left:25px;
}

#commonContactBox_p  .tel dd {
padding-top:18px;
}

#commonContactBox_p .mail {
float:leftt;
}

#commonContactBox_p  .mail dd {
padding-top:11px;
}

#commonContactBox_b {
background:url(../images/common_contact_bg_b.jpg) top center;
width:600px;
height:177px;
margin-left:17px;
margin-top:40px;
}

#commonContactBox_b {  
overflow: hidden;  
}  
  
* html #commonContactBox_b {  
height: 1%;  
} 

#commonContactBox_b .ttl {
padding-top:25px;
padding-bottom:23px;
width:404px;
margin:0 auto;
}

#commonContactBox_b .tel {
float:left;
margin-right:37px;
}

#commonContactBox_b  .tel dt,dd {
padding-left:25px;
}

#commonContactBox_b  .tel dd {
padding-top:18px;
}

#commonContactBox_b .mail {
float:leftt;
}

#commonContactBox_b  .mail dd {
padding-top:11px;
}

#commonPath {
font-size:80%;
color:#FFF;
margin-left:25px;
}

#commonPath {  
overflow: hidden;  
}  
  
* html #commonPath {  
height: 1%;  
} 

#commonPath span {
padding-left:7px;
}

#commonPath a {text-decoration:underline;}
#commonPath a:link {color: #f748ab;}
#commonPath a:active {color:#f748ab;}
#commonPath a:hover {color: #f748ab; text-decoration:none;}
#commonPath a:visited {color: #f748ab; text-decoration:underline;}

#commonPath li {
float:left;
padding-right:7px;
padding-bottom:10px;
}

#commonFacebook {
margin-top:10px;
background-color:#FFF;
width:298px;
}

/* end common */

/* top */
#topPickup {
clear:both;
width:930px;
margin:0 auto;
}

#topService {
padding-left:15px;
}

#topService .lead {
padding:12px 0 12px 3px;
}

#topService ul li {
float:left;
margin-bottom:13px;
}

#topService ul .left {
margin-right:18px;
width:297px;
}

#topService .mdl {
background:url(../images/top_service_mdl.gif) top left repeat-y;
width:297px;
}

#topService .mdl .menu {
padding-top:5px;
padding-left:6px;
}

#topService .mdl .stc {
width:285px;
font-size:13px;
line-height:120%;
padding-top:5px;
padding-left:6px;
}

#topService .mdl .btn {
text-align:right;
padding-right:9px;
padding-top:8px;
}

#topService .blk {
background:url(../images/common_hr01.gif) top center no-repeat;
padding-top:25px;
margin-top:15px;
width:610px;
margin:15px auto;
clear:both;
}

#topService .blk p {
color:#FFF;
font-size:14px;
line-height:125%;
padding:10px 0;
}

#topService .blk {  
overflow: hidden;  
}  
  
* html #topService .blk {  
height: 1%;  
} 

#topService .txt {
color:#FFF;
clear:both;
font-size:14px;
line-height:125%;
padding-bottom:10px;
}

#topNews {
clear:both;
padding-left:15px;
}

#topNews dl {
color:#FFF;
font-size:14px;
margin-top:18px;
background:url(../images/top_news_icon.gif) top left no-repeat;
margin-left:2px;
border-bottom:#8a8a8a 1px dashed;
padding-bottom:19px;
}

#topNews dl a {text-decoration:underline;}
#topNews dl a:link {color: #fff;}
#topNews dl a:active {color:#fff;}
#topNews dl a:hover {color:#FF3; text-decoration:underline;}
#topNews dl a:visited {color: #fff; text-decoration:underline;}

#topNews dt {
float:left;
margin-right:53px;
padding-left:10px;
}

#topTwitter {
margin-top:10px;
}

/* end top */
/* service */
#serviceBlock {
margin-left:15px;
color:#FFF;
}

#serviceBlock .lead2 {
line-height:120%;
font-size:96%;
padding:10px 0;
}

#serviceBlock .blk {
background:url(../images/common_hr01.gif) top center no-repeat;
padding-top:25px;
margin-top:15px;
width:610px;
margin:15px auto;
}

#serviceBlock .blk {  
overflow: hidden;  
}  
  
* html #serviceBlock .blk {  
height: 1%;  
} 

#serviceBlock ul li {
float:left;
margin-bottom:13px;
}

#serviceBlock ul .left {
margin-right:10px;
}

#serviceBlock .policy {
padding:15px;
border:1px solid #d93190;
margin-bottom:20px;
font-size:95%;
line-height:120%;
} 

#serviceBlock .policy h5 {
padding-bottom:10px;
}

#serviceUnder {
background:#f0f0f0;
border:#f12e99 3px solid;
margin-left:15px;
font-size:95%;
line-height:130%;
}

#serviceUnder h4 {
border-bottom:#f12e99 3px solid;
padding:3px;
}

#serviceUnder .blk {
clear:both;
background:url(../images/service_line.gif) bottom left no-repeat;
width:580px;
margin-left:15px;
margin-top:15px;
padding-top:10px;
padding-bottom:20px;
}

#serviceUnder .blk {  
overflow: hidden;  
}  
  
* html #serviceUnder .blk {  
height: 1%;  
} 

#serviceUnder .blk2 {
clear:both;
width:580px;
margin-left:15px;
margin-top:15px;
padding-top:10px;
padding-bottom:20px;
}

#serviceUnder .blk2 {  
overflow: hidden;  
}  
  
* html #serviceUnder .blk2 {  
height: 1%;  
} 


#serviceUnder .txt {
margin-left:3px;
margin-top:10px;
margin-right:16px;
}

#serviceUnder .fee {
border:2px solid #f12e99;
text-align:center;
width:180px;
color:#f12e99;
font-size:130%;
font-weight:bold;
padding:9px 0;
float:left;
margin-top:14px;
}

#serviceUnder .contact {
float:right;
margin-top:10px;
margin-left:8px;
}

#serviceIapps {
color:#FFF;
width:912px;
margin:0 auto;
padding-top:5px;
}

#serviceIappsTittle {
background-color:#4c4c4c;
padding:16px 20px;
}

#serviceIappsTittle .logo {
float:left;
width:128px;
margin-right:14px;
padding-bottom:25px;
}

#serviceIappsTittle .txt {
padding-top:12px;
line-height:120%;
font-size:94%;
}

#serviceIappsMain {
clear:both;
margin-top:20px;
background:url(../images/iphone_mainbg.jpg) top right no-repeat;
padding-top:20px;
padding-left:20px;
background-color:#4c4c4c;
padding-bottom:50px;
}

#serviceIappsMain p {
width:525px;
line-height:130%;
font-size:94%;
padding-top:10px;
padding-bottom:40px;
}

#serviceIappsCost {
width:668px;
margin:0 auto 20px;
border:#fff solid 3px;
padding:10px 0;
text-align:center;
}

#serviceIappsCost div {
padding:7px 0;
margin:0;
text-align:center;
}


#serviceIappsMain .contact {
width:604px;
margin:0 auto;
padding:0;
padding-bottom:15px;
}

#serviceAndroid {
color:#FFF;
width:912px;
margin:0 auto;
padding-top:5px;
}

#serviceAndroidTittle {
background-color:#4c4c4c;
padding-top:20px;
padding-left:20px;
padding-bottom:20px;
}

#serviceAndroidTittle .logo {
float:left;
margin-right:14px;
padding-bottom:25px;
}

#serviceAndroidTittle .txt {
padding-top:12px;
line-height:120%;
font-size:94%;
padding-right:20px;
}

#serviceAndroidMain {
clear:both;
margin-top:20px;
background:url(../images/android_mainbg.jpg) top right no-repeat;
padding-top:10px;
padding-left:20px;
background-color:#4c4c4c;
padding-bottom:50px;
}

#serviceAndroidMain .cts {
width:660px;
clear:both;
margin-top:20px;
}

#serviceAndroidMain .cts {  
overflow: hidden;  
}  
  
* html #serviceAndroidMain .cts{  
height: 1%;  
} 

#serviceAndroidMain .txt {
line-height:130%;
font-size:94%;
width:525px;
padding-top:12px;
}

#serviceAndroidMain .txt2 {
line-height:130%;
font-size:94%;
width:485px;
padding-top:12px;
float:right;
}

#serviceAndroidMain .txt3 {
line-height:130%;
font-size:94%;
width:495px;
padding-top:12px;
}

#serviceAndroidMain .img {
float:right;
width:120px;
padding-bottom:20px;
}

#serviceAndroidMain .img2 {
clear:both;
float:left;
width:174px;
}

#serviceAndroidMain .img3 {
float:right;
width:147px;
padding-bottom:20px;
}

#serviceAndroidCost {
margin-top:30px;
width:668px;
margin:30px auto 0;
border:#9bae54 solid 3px;
text-align:center;
padding:10px 0;
}

#serviceAndroidCost p {
padding:7px 0;
}

#serviceAndroidMain .contact {
clear:both;
width:604px;
margin:0 auto;
padding:0;
padding-top:35px;
padding-bottom:15px;
}

#serviceSmart {
color:#FFF;
width:912px;
margin:0 auto;
padding-top:5px;
}

#serviceSmartTittle {
background-color:#4c4c4c;
padding:20px 0 20px 19px;
}

#serviceSmartTittle .logo {
float:left;
width:102px;
margin-right:14px;
padding-bottom:25px;
}

#serviceSmartTittle .txt {
padding-top:12px;
line-height:120%;
font-size:94%;
padding-right:20px;
}

#serviceSmartMain {
clear:both;
margin-top:20px;
padding-top:20px;
padding-left:20px;
background-color:#4c4c4c;
padding-bottom:50px;
}

#serviceSmartMain .txt {
width:872px;
line-height:130%;
font-size:94%;
padding-top:10px;
padding-bottom:40px;
}

#serviceSmartMain .img {
margin-left:106px;
padding-bottom:15px;
}

#serviceSmartMain .img2 {
margin-left:129px;
padding-bottom:15px;
}

#serviceSmartMain .img3 {
margin-left:114px;
padding-bottom:15px;
}

#serviceSmartMain .contact {
width:604px;
margin:0 auto;
padding:0;
padding-bottom:15px;
}

#serviceTwitter {
color:#2e2e2e;
width:910px;
margin:0 auto;
padding-top:5px;
}

#serviceTwitterTittle {
width:912px;
}

#serviceTwitterMain {
clear:both;
margin-top:20px;
padding-top:20px;
padding-left:20px;
background-color:#9ff6ff;
padding-bottom:50px;
}

#serviceTwitterMain .txt {
width:872px;
line-height:130%;
font-size:94%;
padding-top:10px;
padding-bottom:20px;
}

#serviceTwitterMain .img {
margin-left:161px;
padding-bottom:20px;
}

#serviceTwitterMain .img2 {
margin-left:109px;
padding-bottom:20px;
}

#serviceTwitter .bg {
background:url(../images/twitter_footerbg.jpg) top left no-repeat;
width:910px;
margin:0 auto;
padding-top:280px;
background-color:#9fecfc;
padding-bottom:50px;
}

#serviceTwitter .contact {
width:604px;
margin:0 auto;
padding:0;
padding-bottom:15px;
}


/* end service */
/* vision */
#visionTittle {
padding-left:15px;
margin-bottom:50px;
}

#visionTittle p {
margin-top:40px;
margin-left:30px;
}

#visionBlock {
margin-left:20px;
background:url(../images/common_hr01.gif) top left no-repeat;
padding-top:45px;
color:#FFF;
padding-right:15px;
line-height:140%;
clear:both;
width:610px;
padding-bottom:20px;
}

#visionBlock h4 {
	margin-bottom:20px;
}

#visionBlock h5 {
	background:url(../images/vision_block_ttl.gif) top left repeat-x;
	height:34px;
	width:385px;
	padding-top:5px;
	padding-left:5px;
	float:left;
	margin-bottom:10px;
}

#visionBlock .blk2 {
clear:both;
}

#visionBlock .txt {
width:385px;
font-size:14px;
padding-bottom:12px;
float:left;
}

#visionBlock .txt2 {
font-size:14px;
padding-bottom:12px;
float:left;
}

#visionBlock .img {
	clear:both;
	float:left;
	margin-right:20px;
	padding-bottom:30px;
}

#visionBlock .img2 {
	clear:both;
	float:right;
	margin-left:20px;
	padding-bottom:30px;
}

#visionBlock p {
	padding-bottom:30px;
}

/* end vision */
/* company */
#companyBlock{
margin-left:20px;
border-top:#000 1px solid;
border-left:#000 1px solid;
border-right:#000 1px solid;
width:605px;
font-size:14px;
}

#companyBlock .txt {
text-align:left;
padding-right:5px;
}

#companyBlock h4 {
	text-align:right;
	padding-top:8px;
	padding-right:8px;
}

#companyBlock small {
	font-size:80%;
	padding-bottom:10px;
}

#companyBlock th {
padding:15px 0;
width:140px;
border-right:#000 1px solid;
border-bottom:#000 1px solid;
text-align:left;
padding-left:13px;
background-color:#d93190;
color:#FFF;
}

#companyBlock td {
padding:15px 0;
border-bottom:#000 1px solid;
text-align:left;
padding-left:13px;
background-color:#FFF;
line-height:130%;
}
/* end company */
/* recruit */
#recruitBlock {
color:#FFF;
margin-left:15px;
font-size:15px;
line-height:130%;
}

#recruitBlock .lead {
padding:0 10px;
}

#recruitBlock .work {
background:url(../images/common_hr01.gif) top center no-repeat;
padding-top:25px;
margin-top:15px;
width:610px;
margin:15px auto;
}

#recruitBlock .work {  
overflow: hidden;  
}  
  
* html #recruitBlock .work {  
height: 1%;  
} 


#recruitBlock h4 {
color:#d93190;
padding-bottom:15px;
font-size:150%;
font-weight:1000;
}

#recruitBlock .skill {
	border:1px solid #d93190;
	margin:10px 10px 10px 0;
	padding:8px;
}

#recruitBlock .skill li {
	list-style:inside decimal;
}

#recruitBlock .skill p {
	color:#d93190;
	margin-bottom:10px;
}

/* end recruit */
/* contact */

#contactBlock {
}

#contactBlock .lead {
color:#FFF;
font-size:14px;
padding-left:20px;
padding-right:10px;
}

#contactBlock .form {
margin-top:10px;
}

#contactBlock table {
margin-left:20px;
border-top:#000 1px solid;
border-left:#000 1px solid;
border-right:#000 1px solid;
width:605px;
font-size:14px;
}

#contactBlock h5 {
color:#FFF;
margin-left:35px;
margin-top:50px;
}

#contactBlock .comp {
color:#FFF;
margin-left:35px;
margin-top:30px;
}

#contactBlock th {
padding:15px 0;
width:140px;
border-right:#000 1px solid;
border-bottom:#000 1px solid;
text-align:left;
padding-left:13px;
background-color:#d93190;
color:#FFF;
vertical-align:middle;
}

#contactBlock th span {
color:#FF0;
font-size:12px;
padding-left:10px;
}

#contactBlock td {
padding:15px 0;
border-bottom:#000 1px solid;
text-align:left;
padding-left:13px;
background-color:#FFF;
line-height:130%;
}

#contactBlock .confirm {
padding-top:15px;
text-align:center;
color:#FFF;
}

#contactBlock .confirm p {
padding:10px 0;
}

#contactBlock .confirm span {
color:#FF0;
}

/* end contact */
/* sitemap */

#sitemapBlock {
color:#FFF;
margin-top:20px;
margin-left:40px;
}

#sitemapBlock a {text-decoration:underline;}
#sitemapBlock a:link {color: #f748ab;}
#sitemapBlock a:active {color:#f748ab;}
#sitemapBlock a:hover {color: #f748ab; text-decoration:none;}
#sitemapBlock a:visited {color: #f748ab; text-decoration:none;}

#sitemapBlock dl {
clear:both;
margin-top:15px;
}

#sitemapBlock dt {
font-weight:bold;
background:url(../images/sitemap_list01.gif) top left no-repeat;
padding-left:18px;
}

#sitemapBlock dd {
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
background:url(../images/sitemap_list02.gif) top left no-repeat;
padding-left:15px;
}

#sitemapBlock .list {
background:none;
}

#sitemapBlock ul {
margin-left:30px;
}

#sitemapBlock li {
margin-bottom:10px;
background:url(../images/sitemap_list02.gif) top left no-repeat;
padding-left:15px;
}

/* end sitemap */
/* privacy */

#privacyBlock {
margin-left:15px;
color:#FFF;
}

#privacyBlock h3 {
margin-top:20px;
margin-bottom:10px;
}

#privacyBlock p {
line-height:120%;
font-size:95%;
}

/* end privacy */

/* Facebook */

#serviceFacebook{
color:#FFF;
width:913px;
margin:0 auto;
padding-top:5px;
}

#serviceFacebookTittle {
background-color:#4c4c4c;
padding:20px 0 20px 19px;
}

#serviceFacebookTittle .logo {
float:left;
width:102px;
margin-right:14px;
padding-bottom:25px;
}

#serviceFacebookTittle .txt {
padding-top:12px;
line-height:120%;
font-size:94%;
padding-right:20px;
}

#serviceFacebookMain {
clear:both;
margin-top:20px;
padding-bottom:38px;
}

#serviceFacebookMain .txt {
width:395px;
line-height:130%;
font-size:94%;
padding-top:0px;
padding-left:20px;
padding-bottom:40px;
}

#serviceFacebookMain .img {
padding-left:20px;
}

#serviceFacebookMain .img2 {
padding-left:20px;
}

#serviceFacebookMain .cts1 {
width:446px;
height:371px;
line-height:130%;
font-size:94%;
background-color:#658BC1;
padding-top:12px;
margin-bottom:27px;
float:left;
}

#serviceFacebookMain .cts2 {
width:446px;
height:371px;
line-height:130%;
font-size:94%;
background-color:#658BC1;
padding-top:12px;
margin-bottom:27px;
float:right;
}

#Facebooksab1 {
width:913px;
height:371px;
line-height:130%;
font-size:94%;
}

#Facebooksab2 {
width:913px;
height:371px;
line-height:130%;
font-size:94%;
clear:both;
}



#serviceFacebookCost{
width:452px;
height:136px;
line-height:130%;
font-size:94%;
padding-top:50px;
padding-left:200px;
padding-bottom:0px;
clear:both;
}

#serviceFacebookMain .img {

padding-bottom:15px;
}

#serviceFacebookMain .img2 {
width:698px;
margin:0 auto;
padding-bottom:15px;
}

#serviceFacebookMain .img3 {
margin-left:114px;
padding-bottom:15px;
}

#serviceFacebookMain .contact {
width:584px;
margin:0 auto;
padding:0;
padding-bottom:15px;
}

#serviceFacebookCost {
margin-top:30px;
width:668px;
margin:30px auto 0;
border:#658BC1 solid 3px;
text-align:center;
padding:10px 0;
}

#serviceFacebookCost p {
padding:7px 0;
}

#mitumori{
margin:25px auto 0;
text-align:center;
padding:10px 0;
}

/* End Facebook */

/* smartphone */
#commonFootersitemap_s {
background:#000;
width:960px;
height:269px;
margin:0 auto; 
}

#commonFootersitemap_s ul {
width:940px;
margin:0 auto;
color:#FFF;
font-size:12px;
padding-top:15px;
padding-left:8px;
}

#commonFootersitemap_s li {
float:left;
margin-right:10px;
margin-bottom:8px;
}

#commonFootersitemap_s li a {text-decoration:none;}
#commonFootersitemap_s li a:link {color: #fff;}
#commonFootersitemap_s li a:active {color:#fff;}
#commonFootersitemap_s li a:hover {color:#FF3; text-decoration:underline;}
#commonFootersitemap_s li a:visited {color: #fff; text-decoration:none;}

/* end smartphone */