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

body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form{
margin:0;
padding:0;
word-break:break-all;/* for IE */
}

li{list-style:none;}

img{border:0; vertical-align:bottom;}

html{overflow-y:scroll; height:100%;}

a {text-decoration:underline; font-size:100%}

.mr10{margin-right:15px;}


.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

.clear { clear:both; }

body {
background-color:#000000;
}

#wrapper {
width:950px;
margin-left:auto;
margin-right:auto;
padding-top:15px;
}

#header {
}

#header h1 {
float:left;
width:299px;
}

#header h2 {
float:right;
color:#ec2673;
font-weight:800;
font-size:13px;
width:651px;
text-align:right;
height:23px;
}

#navi{
width:651px;
float:right;
padding-top:15px;
background:url(../img/common_header_bg.gif) left bottom no-repeat;
padding-bottom:8px;
}

#navi ul{
float:right;
}

#navi li{
float:left;
padding-right:5px;
}

#header .bg {
float:right;
width:651px;
}

#main{
clear:both;
width:950px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}

#main h3 {
text-align:center;
padding-top:8px;
}

#path {
font-size:80%;
padding-left:5px;
}

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

#path li {
float:left;
padding-right:7px;
padding-bottom:15px;
}

#left {
width:640px;
float:left;
padding-left:17px;
padding-top:17px;
margin-right:13px;
}

#right {
float:left;
padding-top:17px;
}

#right .blk {
border-left:#ec2672 3px solid;
border-right:#ec2672 3px solid;
border-bottom:#ec2672 3px solid;
}

#top_left {
background-color:#000000;
padding-top:15px;
padding-bottom:13px;
}

#top_service {
width:614px;
margin-left:auto;
margin-right:auto;
border:#a7a7a7 1px dashed;
}

#top_service h3 {
margin-top:10px;
}

#top_service ul {
width:582px;
margin-left:auto;
margin-right:auto;
}

#top_service li {
float:left;
margin-top:15px;
}

#top_service p {
clear:both;
color:#FFFFFF;
width:582px;
margin-left:auto;
margin-right:auto;
padding-top:13px;
margin-bottom:13px;
font-size:95%;
}

#top_news {
width:614px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
margin-top:15px;
font-size:95%;
}

#top_news p {
float:left;
padding-top:15px;
}

#top_news h3 {
float:left;
margin:0;
padding-top:5px;
width:194px;
padding-right:17px;
}

#top_news .contents {
clear:both;
}

#top_news .contents img {
vertical-align:middle;
padding-right:10px;
}

#top_news dl {
padding-bottom:12px;
}

#top_news dt {
color:#ec2673;
font-weight:800;
width:530px;
padding-left:10px;
padding-top:5px;
}

#top_news dd {
padding-bottom:5px;
background:url(../img/common_line.gif) repeat-x bottom left;
width:530px;
padding-left:10px;
padding-top:5px;
}

#common_contact {
width:266px;
}

#common_contact h3 {
height:28px;
background-color:#ec2672;
margin:0;
padding:0;
}

#common_contact h3 img {
text-align:center;
margin-top:6px;
}

#common_contact .txt {
margin-left:auto;
margin-right:auto;
text-align:left;
width:230px;
font-size:95%;
padding-top:8px;
padding-bottom:8px;
}

#common_contact .tel {
text-align:center;
padding-bottom:12px;
}

#common_contact .form {
text-align:center;
padding-bottom:12px;
}

#common_blog {
width:266px;
margin-top:8px;
}

#common_blog .blogimg {
float:left;
padding-top:8px;
padding-right:10px;
}

#common_blog .blogright {
float:left;
padding-top:8px;
width:175px;
}

#common_blog .blogul {
float:left;
font-size:13px;
padding-top:7px;
}

#common_blog .blogul li {
list-style-image:url(../img/common_link_icon.gif);
padding-bottom:3px;
margin-left:15px;
}

#common_blog .detail {
clear:both;
text-align:right;
font-size:13px;
padding-top:7px;
}

#common_blog .twitttl {
clear:both;
}

#common_blog .twitimg {
float:left;
padding-top:8px;
padding-right:10px;
}

#common_blog .twitbox {
background:url(../img/common_twitter_bg.jpg) repeat-y;
padding-left:11px;
float:left;
width:180px;
}

.comment_bubble{  
border-top: 2px solid #CCCCCC;
border-right: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
}

#banner {
padding-bottom:50px;
padding-top:15px;
}

#banner p {
clear:both;
padding-top:13px;
width:263px;
font-size:12px;
padding-top:5px;
text-align:center;
}

#banner .nexgate {
clear:both;
padding-top:13px;
width:263px;
}

#banner .nexgate p {
padding:0;
text-align:center;
font-size:12px;
padding-bottom:5px;
}

#footer {
clear:both;
margin-top:17px;
width:950px;
background:url(../img/common_footer_bg.gif) top left no-repeat;
height:45px;
text-align:center;
font-size:13px;
padding-top:16px;
}

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

#copy {
font-size:85%;
padding-bottom:30px;
text-align:center;
}

#contact h3 {
margin:0;
padding:0;
clear:both;
}

#contact .lead {
font-size:95%;
padding:20px 0;
}

#contact h4 {
padding-bottom:20px;
margin:0;
}

#contact .tel {
border:#ec2673 4px solid;
width:578px;
margin-left:auto;
margin-right:auto;
padding:25px 0;
text-align:center;
margin-bottom:20px;
}

#contact .form span {
color:#FF0000;
padding-left:10px;
font-size:85%;
}

#contact .form td {
padding-top:10px;
padding-bottom:10px;
border-bottom:dotted 1px #999999;
font-size:95%;
width:410px;
}

#contact .comp {
text-align:center;
padding-top:25px;
line-height:150%;
padding-bottom:120px;
}

#contact .form th {
width:230px;
text-align:left;
padding-left:10px;
font-size:95%;
border-bottom:dotted 1px #999999;
}

#contact .confirm {
width:578px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:90%;
padding-top:10px;
}

#contact .confirm p {
padding-bottom:10px;
}

#contact .confirm img {
text-align:center;
}

#contact h5 {
font-size:120%;
text-align:center;
padding-top:30px;
}

#service h3 {
margin:0;
padding:0;
clear:both;
}

#service .lead {
padding-top:15px;
}

#service .lead2 {
padding-top:8px;
font-size:95%;
padding-bottom:15px;
}

#service .plan {
border:1px dashed #999999;
width:630px;
margin-left:auto;
margin-right:auto;
padding-bottom:5px;
}

#service .plan p {
padding-top:15px;
padding-left:17px;
padding-bottom:15px;
}

#service .plan ul {
width:582px;
margin-left:auto;
margin-right:auto;
}

#service .plan li {
float:left;
padding-bottom:15px;
}

#service .persistence {
margin-top:20px;
clear:both;
border:1px dashed #999999;
width:630px;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
}

#service .head {
padding-top:15px;
padding-left:17px;
}

#service .persistence .cluster {
clear:both;
width:600px;
margin-left:auto;
margin-right:auto;
margin-top:15px;
}

#service .persistence .img {
float:left;
margin-right:6px;
}

#service .persistence .kwr {
float:left;
padding-bottom:5px;
text-align:left;
}

#service .persistence .cts {
float:left;
font-size:90%;
width:530px;
line-height:125%;
}

#service .contact {
width:565px;
border:#ec2673 4px solid;
margin-left:auto;
margin-right:auto;
margin-top:28px;
}

#service .contact .txt {
text-align:center;
padding-top:24px;
}

#service .contact .btn {
padding-top:20px;
text-align:center;
padding-bottom:20px;
}

#recruit h3 {
margin:0;
padding:0;
clear:both;
}

#recruit .lead {
padding-top:8px;
font-size:95%;
padding-bottom:15px;
}

#recruit .cluster {
padding-bottom:30px;
}


#recruit .cluster p {
font-size:95%;
line-height:120%;
}

#recruit .job {
padding-top:15px;
padding-bottom:15px;
}


#recruit .job p {
font-size:95%;
line-height:120%;
}

#recruit h4 {
background:url(../img/recruit_bg.gif) top left no-repeat;
width:640px;
height:31px;
padding-left:18px;
padding-top:8px;
font-size:14px;
}

* html #recruit h4 {
background:url(../img/recruit_bg.gif) top left no-repeat;
width:622px;
height:31px;
padding-left:18px;
padding-top:8px;
font-size:14px;
}

#recruit .txt {
padding-top:5px;
}

#recruit .lnk {
text-align:right;
padding-top:13px;
}

#recruit .contact {
width:565px;
border:#ec2673 4px solid;
margin-left:auto;
margin-right:auto;
margin-top:28px;
}

#recruit .contact .txt {
text-align:center;
padding-top:24px;
}

#recruit .contact .btn {
padding-top:20px;
text-align:center;
padding-bottom:20px;
}

#recruit table {
width:640px;
font-size:15px;
margin-top:5px;
border-top:#ed2f78 3px solid;
border-left:#ed2f78 3px solid;
border-right:#ed2f78 3px solid;
margin-bottom:30px;
}

#recruit table p {
padding-bottom:10px;
}

#recruit table {

}

#recruit th {
padding:15px 0;
width:140px;
border-right:#ed2f78 3px solid;
border-bottom:#ed2f78 3px solid;
text-align:left;
padding-left:13px;
background-color:#ff9fc4;
}

#recruit td {
padding:15px 0;
border-bottom:#ed2f78 3px solid;
text-align:left;
padding-left:13px;
line-height:120%;
}

#company h3 {
margin:0;
padding:0;
clear:both;
}


#company table {
width:640px;
font-size:15px;
margin-top:15px;
border-top:#ed2f78 3px solid;
border-left:#ed2f78 3px solid;
border-right:#ed2f78 3px solid;
margin-bottom:50px;
}

#company table p {
	text-align:right;
	font-size:85%;
	padding-top:8px;
	padding-right:8px;
}

#company th {
padding:15px 0;
width:140px;
border-right:#ed2f78 3px solid;
border-bottom:#ed2f78 3px solid;
text-align:left;
padding-left:13px;
background-color:#ff9fc4;
}

#company td {
padding:15px 0;
border-bottom:#ed2f78 3px solid;
text-align:left;
padding-left:13px;
}

#vision h3 {
margin:0;
padding:0;
clear:both;
}

#vision .blk {
padding-top:20px;
}

#vision .blk .img {
float:left;
width:274px;
}

#vision .blk .rtxt {
float:left;
padding-left:30px;
width:330px;
text-align:left;
font-size:95%;
line-height:130%;
}

#vision .blk p {
padding-top:15px;
}

#vision .blk .btxt {
clear:both;
text-align:left;
padding-left:10px;
padding-top:15px;
font-size:95%;
line-height:130%;
}

#vision .cts1 h5 {
padding-top:25px;
padding-left:5px;
}

#vision .blk2 {
padding-top:20px;
}

#vision .cts1 .txt {
width:330px;
text-align:left;
padding-left:5px;
padding-top:15px;
font-size:95%;
line-height:130%;
}

#vision .cts1 .img {
float:right;
padding-top:10px;
}

#vision .cts2 {
clear:both;
}

#vision .cts2 .txt {
float:left;
text-align:left;
padding-left:30px;
padding-top:18px;
font-size:95%;
line-height:130%;
width:330px;
}

#vision .cts2 .img {
float:left;
padding-top:15px;
}

#vision .cts2 h5 {
float:left;
padding-top:45px;
padding-left:30px;
}

#vision .blk3 {
clear:both;
padding-top:20px;
}

#vision .blk3 .img {
float:right;
padding-top:10px;
}

#vision .blk3 .txt {
padding-top:15px;
}

#vision .blk3 .txt p {
text-align:left;
padding-left:10px;
padding-top:15px;
font-size:95%;
line-height:130%;
}

#intern h3 {
margin:0;
padding:0;
clear:both;
}

#intern .lead {
padding-top:8px;
font-size:95%;
padding-bottom:15px;
}

#intern table {
width:640px;
font-size:15px;
margin-top:5px;
border-top:#ed2f78 3px solid;
border-left:#ed2f78 3px solid;
border-right:#ed2f78 3px solid;
margin-bottom:50px;
}

#intern table p {
padding-bottom:10px;
}

#intern th {
padding:15px 0;
width:140px;
border-right:#ed2f78 3px solid;
border-bottom:#ed2f78 3px solid;
text-align:left;
padding-left:13px;
background-color:#ff9fc4;
}

#intern td {
padding:15px 0;
border-bottom:#ed2f78 3px solid;
text-align:left;
padding-left:13px;
}

#intern .contact {
width:565px;
border:#ec2673 4px solid;
margin-left:auto;
margin-right:auto;
}

#intern .contact .txt {
text-align:center;
padding-top:24px;
}

#intern .contact .btn {
padding-top:20px;
text-align:center;
padding-bottom:20px;
}