@charset "utf-8";

/************************************** HTML */
body,h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd,img {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

body {
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  background-repeat: repeat-x;
  font-size: 12px;
  line-height: 20px;
  color: #333333;
}

p {
  line-height: 1.8em;
  margin-bottom: 1.8em;
}
img {
  vertical-align: top;
}

li {
  list-style-type: none;
}

table {
  border-right: 0px;
  border-bottom: 0px;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  margin: 0px;
  padding: 0px;
}

th {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 5px;
  margin: 0px;
  background-color: #EEEEEE;
  font-weight: bold;
  text-align: left;
  line-height: 20px;
}

td {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 5px;
  margin: 0px;
  background-color: #FFFFFF;
}
h2 {
  height: 50px;
  width: 600px;
  text-indent: 20px;
  background-image: url(../images/normal_title.gif);
  margin-bottom: 30px;
  line-height: 50px;
  font-size: 20px;
  border: 0px;
  clear: both;
  color: #555555;
}
h3 {
  color: #444444;
  border: 1px solid #CCCCCC;
  margin-bottom: 20px;
  padding-top: 2px;
  text-indent: 25px;
  background-color: #FFFFFF;
  line-height: 25px;
  background-image: url(../images/h3_bg.gif);
}

/************************************** Global */
#contents {
  width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  padding-bottom: 30px;
  background-color: #FFFFFF;
  clear: both;
}
#visual {
  clear: both;
}
#center {
  float: left;
}
#left {
  float: left;
}
#right {
  float: right;
}
.photo {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.catch {
  margin-bottom: 20px;
}
table.form input,textarea {
  padding: 5px;
  font-size: 1em;
  background-color: #FFFFEE;
}
table.form th {
  width: 150px;
}
table.form th img {
  vertical-align: text-bottom;
}
.normal_txt {
  font-size: 12px;
}
.small_txt {
  font-size: 10px;
}
.middle_txt {
  font-size: 14px;
}
.large_txt {
  font-size: 18px;
}
.err_txt {
  color: #CC0000;
}
.error_txt img {
  vertical-align: text-bottom;
}
h4.catch {
  color: #444444;
  font-size: 18px;
  font-weight: bold;
  background-image: none;
  line-height: 25px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #CCCCCC;
}
.photo_r {
  float: right;
  margin-left: 10px;
}
.photo_l {
  float: left;
  margin-right: 10px;
}
/************************************** Header */
#tagline {
  background-color: #36383C;
  height: 20px;
  line-height: 20px;
  color: #FFFFFF;
  width: 100%;
}
#tagline div.inner {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}
#tagline h1 {
  font-size: 10px;
  font-weight: normal;
  float: left;
  margin-right: 20px;
}
#tagline p {
  font-size: 10px;
  font-weight: normal;
  color; #FFFFFF;
}
#header {
  background-color: #FFFFFF;
  height: 100px;
}
#header #logo {
  float: left;
  padding-top: 25px;
}
#header #contact {
  float: right;
  padding-top: 10px;
}
#header #contact a {
  color: #333333;
  text-decoration:none;
}
#header #contact a:hover {
  color: #999999;
}

#header-inner {
  width: 950px;
  margin-right: auto;
  margin-left: auto;
}

#page_title {
  /*height: 50px;*/
  padding-top: 20px;
  background-color: #41B8D9;
}
#page_title_inner {
  width: 860px;
  margin-right: auto;
  margin-left: auto;  
}

/************************************** Global Navi */
#gnavi {
  background-color: #FFFFFF;
  background-image: url(../images/gnavi_bg.gif);
  background-repeat: x-repeat;
  height: 50px;
}

*html #nav{
  margin-bottom:-20px;
}

#index #gnavi {
  background-image: url(../images/gnavi_bg_home.gif);
}
#gnavi-inner {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}
#gnavi li {
  float: left;
}
#gnavi li a {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
}
#index #gnavi li a {
  color: #333333;
}
#index #gnavi li a:hover {
  background-color: #EEEEEE;
}

/************************************** Footer */
#footer {
  background-color: #DCDDDD;
  border-top: 1px solid #CCCCCC;
  line-height: 20px;
  height: 180px;
  clear: both;
  font-size: 12px;
  color: #666666;
  text-align: center;
  background:none;
  height:auto;
  padding-top: 30px;
  padding-bottom:20px;
  width:950px;
}
#footer_inner{
  width: 760px;
  margin-right: auto;
  margin-left: auto;
}
#footer #copyright {
  padding-top: 20px;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  clear: both;
}

#fnavi ul {
  float: left;
  margin-left: 20px;
  height: 120px;
}
#fnavi ul.first {
  padding-left: 20px;
  margin-left: 0px;
}
#fnavi ul.double {
  border-right: 0px;
}
#fnavi li {
  margin-right: 15px;
  margin-bottom: 2px;
  padding-right: 5px;
  line-height: 18px;
  text-align: left;
}
#footer #fnavi li a {
  color: #666666;
  text-decoration: none;
  padding-left: 13px;
  /* background-image: url(../images/arrow_gray.gif);
  background-repeat: no-repeat; */
}
#footer #fnavi li a:hover {
  text-decoration: underline;
}
#fnavi .global {
  color: #444444;
  font-weight: bold;
  background-image: url(../images/arrow_gray.gif);
  background-repeat: no-repeat;
}

/************************************** Contents*/
.article {
  margin-bottom: 20px;
}

.article_title .meta{
  padding-top: 10px;
  line-height: 10px;
  margin-bottom: 0px;
  font-weight: bold;
  color: #666666;
  font-size: 10px;
}

/************************************** Sidebar */
li.title {
  background-color: #B3B3B3;
  color: #FFFFFF;
  font-weight: bold;
  border: #FFFFFF;
  text-indent: 10px;
  line-height: 30px;
  margin-bottom: 5px;
}

#sidebar {
  float: right;
  width: 239px;
  background-color: #FFFFFF;
}

#subnavi li {
  /* background-color: #EEEEEE; */
  border: 1px solid #CCCCCC;
  list-style-type: none;
  margin-bottom: 3px;
  text-indent: 10px;
  line-height: 30px;
}
#subnavi li.title {
  border: #FFFFFF;
  background-color: #B3B3B3;
  color: #FFFFFF;
  font-weight: bold;
}
#subnavi  li a {
  color: #666666;
  font-weight: bold;
  text-decoration: none;
  display: block;
}
#subnavi li a:hover {
  background-color: #EEEEEE;
}

ul#subnavi {
  text-indent: 0px;
  padding: 0px;
  margin: 0px;
}

.submenu li {
  border: 1px solid #CCCCCC;
  list-style-type: none;
  margin-bottom: 3px;
  text-indent: 10px;
  line-height: 30px;
}
.submenu li.title {
  border: #FFFFFF;
  background-color: #B3B3B3;
  color: #FFFFFF;
  font-weight: bold;
}
.submenu li a {
  color: #666666;
  font-weight: bold;
  text-decoration: none;
  display: block;
}
.submenu li a:hover {
  background-color: #EEEEEE;
}

#service_menu li {
  margin-bottom: 3px;
  line-height: 0px;
}
#service_menu li.title {
  list-style-type: none;
  margin-bottom: 3px;
  text-indent: 10px;
  line-height: 30px;
}
.banner img {
  margin-bottom: 5px;
}


/************************************** Index */
#index #visual {
  background-color: #B8DCE6;
  text-align: center;
}
#index #contents {
  margin-bottom: 0px;
  border-top: 5px solid #CCCCCC;
}
#index #left{
  width: 360px;
  padding-left:0px;
}
#index #center {
  width: 360px;
  margin-left: 20px;
  float: left;
}
#index #right{
  width: 190px;
}
#index #news h2 {
  width: 360px;
  margin-bottom: 5px;
  height: 33px;
  line-height: 35px;
  font-size: 14px;
  text-indent: 10px;
  color: #555555;
  background-color: #EEEEEE;
  background-image: url(../images/colum_title_index_w350.gif);
}

#index #news li {
  border: 1px solid #E6E6E6;
  margin-bottom: 3px;
  padding: 5px;
  width: 348px;
  text-indent: 2px;
}
#index li a {
  color: #333333;
  text-decoration: none;
}
#index li a:hover {
  color: #666666;
}
#index #service_menu li.title {
  color: #555555;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  display: none;
}
#index #news li a {
  background-image: url(../images/arrow_blue.gif);
  background-repeat: no-repeat;
  padding-left: 10px;
}
#index #channel {
  margin-bottom: 20px;
}

#index #footer{
background-color:#EEEEEE;
border-top:1px solid #DDDDDD;
height:150px;
line-height:20px;
width:auto;
padding-bottom:0px;
}

/************************************** Clear */

/* Modern browsers like Firefox, Safari, Opera */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* IE 7 and MacIE*/
.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */



/************************************** ContactForm */
.errTxt {
color: #FF0000;
}

/************************************** News */
#news #contents{
  width: 950px;
}
#news #center {
  width: 700px;
  float: left;
  margin-left: 15px;
  margin-right: 0px;
}
#news #right {
float:right;
margin-right:15px;
width:200px;
}

#news #center h3 {
  background-image: none;
  margin: 0px;
  padding: 0px;
  text-indent: 0px;
  border: 0px;
  font-size: 16px;
}

#news #center ul {
  border-top: 1px solid #CCCCCC;
  padding-top: 10px;
}

#news #center ul li {
  color: #444444;
  font-size: 1.0em;
  line-height: 2em;
  border-bottom: 1px dotted #CCCCCC;
}

#news #center ul li a{
  color: #444444;
  text-decoration: none;
}

#news #center ul li a:hover {
  color: #41B8D9;
}
#news .date {
  font-size: 14px;
  font-weight: bold;
  line-height: 15px;
  margin-bottom: 20px;
  width: 680px;
  text-align: left;
  text-indent: 10px;
}

#solution_menu{
margin-bottom:20px;
}

/************************************** Service */

#service h2{
  width: 700px;
  background-image: url(../images/normal_title_w700.gif);
}

#service #center {
  width: 700px;
}
#service .fullsize {
  width: 100%;
}

#service .block {
  width: 310px;
  float: left;
  margin-bottom: 10px;
}
#service .block p {
  width: 288px;
  border-right: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px;
  line-height: 18px;
  font-size: 12px;
}

#service #service1 {
  width: 470px;
}
#service #service2 {
  width: 470px;
  margin-left: 36px;
}
#service #service1 p{
  width: 448px;
}
#service #service2 p{
  width: 448px;
}
#service #service4,#service5,#service7,#service8 {
  margin-left: 22px;
}
# service #service1,#service3,#service6 {
  clear: both;
}
#service h2{
  width: 700px;
  background-image: url(../images/normal_title_w700.gif);
}
/************************************** Works */
#works #contents {
  width: 860px;
}

#works #main {
  width: 100%;
}

#works .block {
  float: left;
  margin-right: 17px;
  margin-bottom: 10px;
}
#works .last {
  margin-right: 0px;
}
#works .block img {
  width: 200px;
  height: 150px;
  border: 1px solid #EEEEEE;
  margin-bottom: 5px;
}
/************************************** Solution */
#solution #main {
  width: 700px;
  margin-right: 40px;
}
#solution #title {
  height: 150px;
  margin-bottom: 30px;
}
#solution #left-sidebar{
  width: 220px;
  margin-right: 20px;
  float: left;
}
#solution #sidebar{
  width: 240px;
}
#solution h2 {
  height: 50px;
  width: 700px;
  /*text-indent: 70px;*/
  background-image: url(../images/colum_title.gif);
  margin-bottom: 30px;
  line-height: 50px;
  font-size: 18px;
  border: 0px;
}
#solution h2 a {
  color: #41B4D5;
  text-decoration: none;
}
#solution h2 a:hover {
  color: #4ED7FF;
}
#solution #contents  {
  padding-top: 30px;
}
#solution .article .entryData {
  font-size: 10px;
}
#solution .article .entryData a {
  color: #41B4D5;
  text-decoration: none;
}
#solution .more {
  font-size: 12px;
  margin-bottom: 10px;
  text-align: right;
  width: 700px;
}
#solution .entry {
  font-size: 1.2em;
  line-height: 1.5em;
}
/************************************** Company */
#company #contents {
  width: 860px;
}
#company #center {
  float: left;
  width: 600px;
}
#company #right {
  float: right;
  width: 240px;
}
#company #visual {
  margin-bottom: 50px;
}
#company .article img.photo {
  margin-right: 20px;
  margin-bottom: 10px;
}
.address {
  padding: 5px 5px 5px 10px;
  border: 1px solid #CCCCCC;
  margin-bottom: 5px;
}
/************************************** Voice */
#voice #contents {
  width: 860px;
}

#voice #center {
  width: 600px;
}
#voice #right {
  width: 240px;
}
#voice h2 {
  height: 50px;
  width: 600px;
  text-indent: 60px;
  background-image: url(../images/voice_title.gif);
  margin-bottom: 30px;
  line-height: 50px;
  font-size: 18px;
  border: 0px;
  clear: both;
}
#voice .article img {
  float: left;
  margin: 0px 10px 30px 0px;
  border: 1px solid #CCCCCC;
}
/************************************** Price */
#price #contents {
  width: 860px;
}

#price #center {
  width: 600px;
}
#price #right {
  width: 240px;
}
#price #total {
 background-color: #EEEEEE;
 border: 3px solid #CCCCCC;
 padding: 10px;
}
#price #price1 {
 font-size: 1.5em;
 font-weight: bold;
}
#price #price2 {
 font-size: 1em;
}
#price .price {
 text-align:right;
 font-weight: bold;
 width: 150px;
}
/************************************** Contact */
#mailform #center {
  width: 700px;
}
#mailform #left {
  width: 120px;
  height: 10px;
  margin-right: 20px;
}
#contact #center {
  width: 700px;
}
#contact #left {
  width: 120px;
  height: 10px;
  margin-right: 20px;
}
/************************************** Recruit */
#recruit #center {
  width: 700px;
}
#recruit #left {
  width: 120px;
  height: 10px;
  margin-right: 20px;
}

/************************************** Reset */
ol{
padding:0;
}

h2 {
background-image:url("../images/normal_title_w700.gif");
width:700px;
}

h3{
/font-size:12px;
}

#index{
background-color:white;
}

body{
  background-color:#F7F7F7;
}

/************************************** Global */
#contents {
  width: 950px;
  background:none;
}

.level3 #contents, .request1 #contents{
  padding-top:0;
}

#center {
  float: right;
  padding-right:15px;
  width:700px;
}

#left {
  float: left;
  padding-left:15px;
  /padding-left:8px;
}

#webcreation #left, #manage #left, #seo #left, #cms #left,
#flash #left, #sym #left, #ec #left {
/padding-left:15px;
}

#company #left{
/padding-left:0px;
}

#service #left{
/padding-left:15px;
}

#right {
  float: right;
}

#service #right, #solution #right{
  float:left;
  padding-left:15px;
  /padding-left:0px;
}
#solution #right{
  /padding-left:7px;
}
*html #solution #right{
padding-left:12px;
margin-left:0px;
}

/************************************** Header */
#tagline p{
margin-bottom:0px;
height:20px;
padding-bottom:0px;
}

#page_title {
  clear:left;
}

.level3 #page_title, .request1 #page_title {
  margin-bottom:20px;
}

#page_title_inner {
  width: 920px;
  margin-right: auto;
  margin-left: auto;  
}

.level3 #page_title_inner, .request1 #page_title_inner{
  width:700px;
}

#page_title {
  background:none;
  padding-top:0px;
  margin-bottom:20px;
}

#web_transer #page_title{
  height:240px;
}

.level3 #page_title{
  height:auto;
}

/************************************** Global Navi */
#gnavi {
  background-color: #FFFFFF;
  background-image:url(../images2/gnavi_bg.gif);
  background-repeat:repeat-x;
  height: 50px;
}
#index #gnavi {
  background-image: url(../images/gnavi_bg_home.gif);
}
#gnavi-inner {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}

/************************************** パン屑 */
#pankuzu{
  width:920px;
  height:30px;
  background-image:url(../images2/pankuzu_bg.gif);
  margin:0px auto 20px auto;
}

.level3 #pankuzu, .request1 #pankuzu{
  width:700px;
  background-image:url(../images2/pankuzu_bg_w700.gif);
}

#pankuzu li{
  float:left;
  line-height:30px;
}

#pankuzu a, .pankuzulast{
  text-decoration:none;
  font-size:10px;
  color:#555555;
  padding-left:25px;
  padding-right:10px;
}

.pankuzulast{
  font-weight:bold;
}

#pankuzu a:hover{
  text-decoration:underline;
}

#pankuzu li {
  background-image:url(../images2/pankuzu_border.gif);
  background-repeat:no-repeat;
  background-position:0 50%;
}

#pankuzu #pankuzu_first{
  background-image:none;
}

#pankuzu #pankuzu_first a{
  padding-left: 15px;
}

/************************************** Contents*/
#container{
  width:950px;
  margin:20px auto;
}

.content_bg_head{
  background-image:url(../images2/content_bg_head.gif);
  height:5px;
  background-repeat:no-repeat;
}

*html .content_bg_head, *html .content_bg_foot{
  margin-bottom:-10px;
}

.content_bg_body{
  background-image:url(../images2/content_bg_body.gif);
  background-repeat:repeat-y;
  padding-top:10px;
}

.content_bg_foot{
  background-image:url(../images2/content_bg_foot.gif);
  height:5px;
  background-repeat:no-repeat;
}

#contents, #solution #contents{
padding-bottom:0px;
padding-top:0px;
}

#index #contents{
padding-top:20px;
}

#center{
padding-bottom:30px;
}

#solution #center{
padding-bottom:0px;
}

/************************************** Sidebar */
li.title {
  background-color: #B3B3B3;
  color: #FFFFFF;
  font-weight: bold;
  border: #FFFFFF;
  text-indent: 10px;
  line-height: 30px;
  margin-bottom: 5px;
}

#subnavi li {
  /* background-color: #EEEEEE; */
  border: 1px solid #CCCCCC;
  list-style-type: none;
  margin-bottom: 3px;
  text-indent: 10px;
  line-height: 30px;
}
#subnavi li.title {
  border: #FFFFFF;
  background-color: #B3B3B3;
  color: #FFFFFF;
  font-weight: bold;
}
#subnavi  li a {
  color: #666666;
  font-weight: bold;
  text-decoration: none;
  display: block;
}
#subnavi li a:hover {
  background-color: #EEEEEE;
}

ul#subnavi {
  text-indent: 0px;
  padding: 0px;
  margin: 0px;
}

.submenu li {
  border: 1px solid #CCCCCC;
  list-style-type: none;
  margin-bottom: 3px;
  text-indent: 10px;
  line-height: 30px;
}
.submenu li.title {
  border: #FFFFFF;
  background-color: #B3B3B3;
  color: #FFFFFF;
  font-weight: bold;
}
.submenu li a {
  color: #666666;
  font-weight: bold;
  text-decoration: none;
  display: block;
}
.submenu li a:hover {
  background-color: #EEEEEE;
}

#solution_menu li {
  margin-bottom: 3px;
  line-height: 0px;
}

/*
#service_menu li img{
  width:200px;
  height:42px;
}
*/

#solution_menu li.title {
  list-style-type: none;
  margin-bottom: 3px;
  text-indent: 10px;
  line-height: 30px;
}
.banner img {
  margin-bottom: 5px;
}



/***************************************** ソリューション*/
#solution .block {
  width: 287px;
  float: left;

  margin-bottom: 10px;
}

#solution .block img{
  width:292px;
}

#solution .block p {
  width: 270px;
  border-right: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px;
  line-height: 18px;
  font-size: 12px;
}

*html #solution #center{
margin-left:23px;
}

#solution #service1{
  width: 445px;
}

#solution #service1 img, #solution #service2 img{
  width:449px;
}

#solution #service2{
  width: 445px;
  margin-left: 26px;
}

*html #solution #service2{
  margin-left:13px;
}

#solution #service1 p{
  width: 427px;
}
#solution #service2 p{
  width: 427px;
}
#solution #service4,#service5,#service7,#service8 {
  margin-left: 27px;
}

*html #solution #service4, *html #service5,*html #service7,*html #service8 {
  margin-left: 13px;
}

# solution #service1,#service3,#service6 {
  clear: both;
}
#solution h2{
  width: 700px;
  background-image: url(../images/normal_title_w700.gif);
}

/************************************** Works */
#works #contents {
width:950px;
padding-top:20px;
}

#works #center{
width:920px;
float:none;
margin-left:33px;
padding-bottom:20px;
}

#works .block{
margin-right:25px;
}

/************************************** company */
#company #contents {
width:950px;
}

#company #right {
width:200px;
float:left;
padding-left:15px;
}

#company #center {
float:right;
width:700px;
padding-right:15px;
margin-bottom:0px;
}

/************************************** Service */
 #web_transer #center, .level2 #center, .level3 #center {
  width: 700px;
}

#web_transer h2, .level2 h2{
  width: 700px;
  background-image: url(../images/normal_title_w700.gif);
}

/************************************** WEB-Transer */

#web_transer #center h1 {
font-size:24px;
font-weight:bold;
margin-bottom:15px;
width:700px;
}

#web_transer h2{
  margin-bottom:20px;
}

.imgholder{
  text-align:center;
  margin: 0 auto;
}

#web_transer .plan_wrap{
background:url(../images2/plan_bg01.gif) no-repeat 0 0;
margin-bottom:0px;
padding-top:10px;
}

#web_transer .plan_container{
background:url(../images2/plan_bg03.gif) repeat-y;
}

#web_transer .plan_contents{
margin-left:10px;
margin-right:10px;
}

#web_transer .wrap_foot{
background:url(../images2/plan_bg02.gif) no-repeat 0 0;
height:10px;
}

#web_transer .plan_main dt {
background:url("../images2/plan_stitle01.gif") repeat-x scroll 0 0 transparent;
font-weight:bold;
line-height:25px;
margin-bottom:10px;
padding-left:10px;
}

#web_transer ol{
padding-left:5px;
}

#web_transer ol li{
padding-left:25px;
line-height:1.4;
margin-bottom:5px;
padding-left:25px;
}

#web_transer ol li.no1 {
background:url("../images2/local_no01.gif") no-repeat scroll 0 0 transparent;
}

#web_transer ol li.no2 {
background:url("../images2/local_no02.gif") no-repeat scroll 0 0 transparent;
}

#web_transer ol li.no3 {
background:url("../images2/local_no03.gif") no-repeat scroll 0 0 transparent;
}

#web_transer ol li.no4 {
background:url("../images2/local_no04.gif") no-repeat scroll 0 0 transparent;
}

#web_transer ol li.no5 {
background:url("../images2/local_no05.gif") no-repeat scroll 0 0 transparent;
}

#web_transer ol li.no6 {
background:url("../images2/local_no06.gif") no-repeat scroll 0 0 transparent;
}

#web_transer .listlast{
  margin-bottom:0px;
  background-color:#00CC33;
}

#web_transer .request_btn{
margin-bottom:0;
}

/*サイドバー*/

#web_transer_menu .menu_first a, #service_menu .menu_first a{
  background-color: #B3B3B3;
  color:white;
  font-weight:bold;
  line-height:30px;
  text-indent:10px;
}

#web_transer_menu .menu_first a:hover, #service .menu_first a:hover{
  background-color: #B3B3B3;
}

#web_transer_menu li, #service_menu li{
  border:1px solid #CCCCCC;
  height:30px;
  width:200px;
  margin-bottom:3px;
}

#web_transer_menu li a, #service_menu li a{
  text-decoration:none;
  font-weight:bold;
  line-height:30px;
  display:block;
  color:#666666;
  text-indent:10px;
  width:100%;
}

#service li a:hover, #web_transer_menu li a:hover{
  background-color:#EEEEEE;
}

#web_transer #sidebar{
  width:200px;
}

.request1 #web_transer_menu, .request2 #web_transer_menu, 
.request3 #web_transer_menu{
  display:none;
}

#sidebar{
  float:none;
}

#web_transer #sidebar{
  margin-bottom:50px;
}

/*****▲サイドバーここまで▲*/

#web_transer #news{
background-color:#FFFFEE;
border:1px solid #FF9900;
margin-bottom:20px;
padding:3px;
}

#news strong {
color:#880000;
}

#web_transer h4 {
color:#B20026;
font-weight:bold;
}

#web_transer .price {
color:#CC0000;
}

.plan_main ul.check li {
background:url("../images2/icon03.gif") no-repeat scroll 0 0 transparent;
font-size:12px;
line-height:1.4;
margin-bottom:5px;
padding-left:25px;
}

.dotline{
  border-top:1px #cccccc dotted;
  border-bottom:1px #cccccc dotted;
  padding-top:10px;
  padding-bottom:10px;
}

/*flow*/
#web_transer .flow_sec .fr h2 {
width:auto;
background:none;
font-size:16px;
font-weight:bold;
padding-bottom:5px;
}

.flow_wrap{
background:url(../images2/flow_nbg01.gif) no-repeat 0 0;
padding-top:6px;
width:700px;
}

.flow_container{
clear:both;
background:url(../images2/flow_nbg02.gif) repeat-y;
padding-top:10px;
width:700px;
/padding-bottom:-20px;
}

.flow_container_foot{
background:url(../images2/flow_nbg04.gif) no-repeat;
width:700px;
height:15px;
}

.flow_contents{
background:url(../images2/flow_nbg03.gif) no-repeat bottom;
padding-bottom:40px;
text-align:center;
}

.flow_contents_last{
background:url(../images2/flow_bg03.gif) no-repeat bottom;
text-align:center;
margin-bottom:10px;
}

.flow_main{
margin:0 auto;
text-align:left;
width:687px;
}

#web_transer .flow_sec p#step01{
float:left;
margin-right:20px;
padding-top:5px;
width:32px;
}

.flow_sec .fr{
float:left;
width:630px;
/margin-bottom:-20px;
}

#web_transer .flow_sec .fr h2{
font-size:16px;
font-weight:bold;
padding-bottom:5px;
clear:none;
height:auto;
line-height:normal;
text-indent:0px;
margin-bottom:0px;
}

.flow_sec .fr p.sampThumb{
margin-bottom:0;
}

.flow_sec .fr p.sampThumb img{
display:block;
float:left;
margin-right:15px;
width:150px;
}

/* Faq */
dl.faq_sec dt{
background:url(../images2/faq_img01.gif) no-repeat left 4px;
margin-bottom:7px;
padding-left:19px;
}

dl.faq_sec dd{
background:url(../images2/faq_img02.gif) no-repeat 20px 20px;
border: 1px dotted #dddddd;
margin-bottom:16px;
padding:15px 20px 15px 40px;
}

/*request*/
table.formTable{
border-left:1px solid #d0d0d0;
border-top:1px solid #d0d0d0;
margin-bottom:20px;
width:700px;
}

table.formTable th{
background:#f1f1f1;
border-bottom:1px solid #d0d0d0;
border-right:1px solid #d0d0d0;
font-weight:bold;
padding: 4px 8px;
vertical-align:top;
width:30%;
}

table.formTable td{
background:#ffffff;
border-bottom:1px solid #d0d0d0;
border-right:1px solid #d0d0d0;
padding: 4px 8px;
vertical-align:top;
width:70%;
}

input#option,textarea#domain,input#company,input#email,input#addr,input#url,textarea#message{
width:460px;
}
#btn{
text-align:center;
}

.formTable input, .formTable textarea {
background-color:#FFFFEE;
margin:5px 0;
padding:3px;
}

/*************************************************************************デザイン*/
#design{
margin-bottom:20px;
}

#design #contents{
padding:0 15px 30px;
width:921px;
}

#design h1{
width:auto;
margin-bottom:15px;
}

.full_colum{
margin-bottom:15px;
}

.full_colum_head{
background:url(../images2/full_colum_head.gif) no-repeat;
height:5px;
}

.full_colum_body{
background:url(../images2/full_colum_body.gif) repeat-y;
}

*html .full_colum_body{
margin-top:-10px;
}

.full_colum_foot{
background:url(../images2/full_colum_foot.gif) no-repeat;
height:5px;
}

#design .full_colum h2{
font-size:14px;
background-image:none;
width:auto;
height:auto;
line-height:normal;
margin-bottom:5px;
text-indent:0;
}


#design .design_copy1 ,#design .design_copy2 ,#design .design_copy3 {
padding:10px 15px;
width:276px;
float:left;
}

*html #design .design_copy1 ,*html #design .design_copy2 ,*html #design .design_copy3{
width:260px;
}

*html #design .design_copy1 p ,*html #design .design_copy2 p ,*html #design .design_copy3 p{
width:194px;
}

#design .design_copy1 p,#design .design_copy2 p,#design .design_copy3 p{
background:url(../images2/design_illust1.gif) no-repeat 0 0;
padding-left:82px;
width:198px;
margin-bottom:0;
min-height:91px;
height: auto !important;
height: 91px;
}

#design .design_copy2 p{
background-image:url(../images2/design_illust2.gif);
}

#design .design_copy3 p{
background-image:url(../images2/design_illust3.gif);
}

#design .left_colum{
clear:left;
}

#design .left_colum p{
margin-bottom:10px;
}


#design .left_colum p img:hover{
opacity:0.9;
filter:alpha(opacity=90);
}

#design .left_colum h3, #design .right_colum h3, #design .center_colum h3{
background:url("../images2/bar_d2.gif") no-repeat;
color:#444444;
line-height:32px;
margin-bottom:15px;
text-indent:25px;
border:none;
padding-top:0;
height:32px
}

#design .center_colum h3{
background-image:url("../images2/bar_d1.gif");
}

#design ol{
padding-left:0;
margin-left:0;
}

#design ol li{
background:url("../images2/bar_d3.gif") no-repeat;
height:37px;
line-height:27px;
font-weight:bold;
padding-left:20px;
margin-bottom:5px;
}

#design ol .last_flow{
height:27px;
}

#design .left_colum, #design .right_colum{
width:224px;
}

#design .center_colum{
width:442px;
margin-left:16px;
float:left;
}

#design .left_colum{
float:left;
}

#design .right_colum{
float:right;
}

#design table th{
background:#eeeeee;
font-weight:normal;
}

#design table .widecell{
width:243px;
}

#design table th, #design table td{
width:109px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
text-align:center;
}

#design table td{
font-weight:bold;
}

#design .syusei{
margin-top:20px;
margin-bottom:20px;
}

#design .right_colum dl{
border:1px solid #CCCCCC;
padding-top:10px;
padding-bottom:10px;
margin-bottom:10px;
}

#design .right_colum dt, #design .right_colum dd{
padding-left:15px;
font-weight:bold;
}

#design .right_colum dd{
font-weight:normal;
}

#design .empty, #solution .empty{
visibility:hidden;
}

#design #contents {
width:950px;
padding-top:20px;
}

#design #center{
width:920px;
float:none;
margin-left:33px;
padding-bottom:20px;
}

#design .block{
margin-left:9px;
margin-right:9px;
}
#design .block img {
	border: 1px solid #CCCCCC;
}

/*********************************************************** サービス */
#service #center div{
margin-bottom:15px;
}

#service #page_title {
height:250px;
}

#service h3{
background:url(../images2/colum_title_index_w700.gif) no-repeat;
border:none;
background-color:none;
height:33px;
line-height:33px;
}

#service #center #false{
margin-bottom:30px;
}

#customer_theme dd{
color:#40B6D8;
font-weight:bold;
float:left;
width:155px;
padding:1em 62px 1em 15px;
border-right:1px solid #cccccc;
height:70px;
}


#customer_theme dd p{
padding:1em 0;
}

#customer_theme #theme1{
background:url(../images2/men_1.gif) no-repeat 173px center;
}

#customer_theme #theme2{
background:url(../images2/men_2.gif) no-repeat 173px center;
}

#customer_theme #theme3{
background:url(../images2/men_3.gif) no-repeat 173px center;
border-right:none;
}

#syukyaku{
clear:left;
}

#syukyaku li{
font-size:13px;
font-weight:bold;
padding-left:53px;
padding-bottom:7px;
margin-bottom:7px;
line-height:32px;
height:32px;
background:url(../images2/accent_mark.gif) no-repeat 7px 0px;
border-bottom:1px dotted #cccccc;
}

#service #false h3{
background-image:none;
width:700px;
height:30px;
background:#FAFAFA;
border:1px solid #cccccc;
line-height:30px;
margin-bottom:15px;
margin-top:20px;

}

#service #false li{
font-weight:bold;
padding-left:30px;
background:url(../images2/check_mark.gif) no-repeat left center;
margin-bottom:7px;
height:24px;
line-height:26px;
}

.method, .method2{
width:345px;
float:left;
}

.method2{
float:right;
}

#service #center .method div, #service #center .method2 div{
margin-bottom:0px;
}

#service .article_head{
height:8px;
background:url(../images2/mkt_article_head.gif) no-repeat;
}


*html #service .article_body{
margin-top:-7px;
}

#service .article_body{
background:url(../images2/mkt_article_body.gif) repeat-y;
padding:10px 15px;
}

#service .article_body img{
vertical-align:bottom;
/vertical-align:baseline;
margin-right:10px;
margin-bottom:-2px;
/margin-bottom:-5px;
}

#service .article_body dt{
font-weight:bold;
font-size:16px;
border-bottom:1px solid #cccccc;
padding-bottom:10px;
margin-bottom:10px;
}

#service .article_foot{
height:8px;
background:url(../images2/mkt_article_foot.gif) no-repeat;
}

#technic{
clear:both;
margin-top:20px;
/margin-top:30px;
}

*html #technic{
margin-top:20px;
}


#technic dt{
background:url(../images2/mkt_titlebar.gif) no-repeat;
height:30px;
line-height:30px;
font-size:14px;
font-weight:bold;
color:white;
padding-left:30px;
margin-bottom:10px;
}

#technic dd{
margin-bottom:1.8em;
}

#credit .point1, #credit .point2{
background:url(../images2/point_mark) no-repeat;
padding-left:78px;
padding-bottom:25px;
border-bottom:1px solid #cccccc;
}

#credit .point2{
width:357px;
float:left;
border-bottom:none;
padding-right:40px;
border-right:1px solid #cccccc;
padding-bottom:0px;
/margin-bottom:0px;
}

#credit .info{
clear:left;
}

#credit p img{
margin-left:40px;
padding-top:20px;
}

#credit .info{
border-top:1px solid #cccccc;
padding-top:15px;
/padding-top:7px;
}

#service .flow .flow_head{
background:url(../images2/mkt_flow_head.gif) no-repeat;
height:15px;
}

#service .flow .flow_body{
background:url(../images2/mkt_flow_body.gif) repeat-y;
}

*:first-child+html #service .flow .firstbody{
margin-top:-2px;
}

#service .flow .flow_foot{
background:url(../images2/mkt_flow_foot.gif) no-repeat;
height:40px;
clear:left;
}

#service .flow .flow_foot_last{
background:url(../images2/mkt_flow_foot2.gif) no-repeat;
height:20px;
clear:left;
}

#service #center .flow div{
margin-bottom:0;
}

#service #center .flow ol{
/margin-left:0px;
}

#service #center .flow div img{
margin-left:15px;
float:left;
margin-right:20px;
}

#service #center .flow div .step{
margin-left:10px;
margin-top:20px;
margin-right:0;
}

#service #center .flow div h4{
font-size:18px;
font-weight:bold;
width:500px;
color:#3F3B3A;
padding-top:18px;
padding-bottom:6px;
}

#service #center .flow, #service #center .flow ol{
margin-bottom:0px;
}

/************************************** Blog */
#blog #contents{
padding-bottom:0px;
}

#blog #center{
width:660px;
float:left;
margin-left:15px;
}

*html #blog #center{
margin-left:7px;
}

#blog #sidebar{
width:230px;
float:right;
margin-right:15px;
}

*html #blog #sidebar{
margin-right:7px;
}

#blog div.body{
background:url("../images2/blog_bar1.gif") no-repeat;
padding-top:16px;
}

#blog div.body p{
line-height:18px;
margin-bottom:10px;
}

#blog p.date {
  font-size: 14px;
  font-weight: bold;
  margin-bottom:5px;
}

#blog .session{
padding:0 15px;
margin-bottom: 50px;
}
#blog h2 {
  background-image: none;
  text-indent: 15px;
  margin-bottom: 0px;
  width:660px;
}
#blog h2 a{
  color: #333333;
  text-decoration:none;
}

#blog h3{
background-image:none;
color:#40B6D8;
font-size:14px;
margin:0 auto;
border:none;
text-indent:0;
margin-bottom:3px;
padding-top:7px;
}

#blog .totop a{
margin-right:5px;
margin-left:10px;
}

#blog .small_box ul{
padding-top:0px;
padding-bottom:5px;
width:200px;
margin-top:7px;
}

#blog .small_box ul li{
padding-left:15px;
background:url("../images2/blog_mark.gif") no-repeat 0px 0.5em;
padding-bottom:3px;
margin-bottom:3px;
}

#blog a{
color:#333333;
text-decoration:none;
}

#blog .small_box ul li a{
color:#333333;
font-weight:bold;
text-decoration:none;
font-size:11px;
}

#blog .small_box ul li a:hover{
text-decoration:underline;
}


.small_box{
margin-bottom:20px;
}

.small_box_head{
background:url("../images2/small_box_head.gif") no-repeat;
height:5px;
}

.small_box_body{
background:url("../images2/small_box_body.gif") repeat-y;
padding:0 15px;
}

*html .small_box_body{
margin-top:-15px;
}

.small_box_foot{
background:url("../images2/small_box_foot.gif") no-repeat;
height:5px;
}



/*****************************************************************　メールフォーム*/
#mailform #center{
margin-right:100px;
display:inline;
}

/******************************************************************* SEO */
#keyword_rank table{
width:226px;
border:none;
background-color:none;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
float:left;
margin-right:10px;
margin-bottom:10px;
}

#keyword_rank th{
border-right:1px dotted #cccccc;
border-bottom:1px dotted #cccccc;
background:none;
text-align:center;
font-weight:normal;
}

#keyword_rank td{
border-bottom:1px dotted #cccccc;
border-right:1px solid #cccccc;
background-color:none;
text-align:center;
font-weight:bold;
}

#keyword_rank .last th, #keyword_rank .last td{

}

#keyword_rank td{
width:53px;
}

#keyword_rank .notice{
clear:left;
}

#keyword_rank .last{
margin-right:0px;
}

#keyword_rank table .lastcol th, #keyword_rank table .lastcol td{
border-bottom:1px solid #cccccc;
}

.time_rank{
margin-bottom:10px;
}

.time_rank th, .time_rank td{
width:100px;
font-weight:normal;
text-align:center;
}
.time_rank td{
font-weight:bold;
}

#solution #engine h4{
font-size:14px;
padding-bottom:5px;
margin-bottom:25px;
border-bottom:1px solid #cccccc;
}

#solution #engine img{
margin-left:125px;
}

#solution .bar2 {
background:url("../images2/colum_title_index_w700.gif") repeat scroll 0 0 transparent;
border:medium none;
height:31px;
line-height:31px;
}

/******************************************************************微調整用*/
.m20{
  margin-top:20px;
}

.mt10{
  margin-top:10px;
}

.mt20{
  margin-top:20px;
}

.mt30{
  margin-top:30px;
}

.mb0{
  margin-bottom:0px;
}

.mb10{
  margin-bottom:10px;
}

.mb20{
  margin-bottom:20px;
}

.mb30{
  margin-bottom:30px;
}

.mb50{
  margin-bottom:50px;
}

#web_transer .mb10{
  margin-bottom:10px;
}

#web_transer .mb15{
  margin-bottom:15px;
}

#web_transer .mb30{
  margin-bottom:30px;
}

#solution #seo {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}