@charset "utf-8";

/************************************** FONT*/


/************************************** 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;
  /* font-family:"FOT-スーラ ProN M"; */
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a {
  color: #40B6D8;
  font-weight: bold;
}

p {
  line-height: 1.8em;
  margin-bottom: 1.8em;
}
img {
  vertical-align: top;
}
a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
}

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:930px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  padding-left: 15px;
  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;
}
#titleimage {
  margin: 0px 15px 20px 15px;
}
/************************************** 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;
  font-weight: normal;
}
#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;  
}
#blog_title {
  margin-bottom: 20px;
}

.blogimage {
  float: left;
  margin-right: 20px;
}

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

*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: 130px;
  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: 950px;
  margin: 0px 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: 80px;
}
#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;
}

/*プロフィール*/
#sidebar #profile {
  margin-bottom: 10px;
  height: 100px;
}
#sidebar #profile img.photo {
  float: left;
}
#sidebar #profile .name {
  font-weight: bold;
  margin-bottom: 5px;
}
#sidebar #profile p {
  font-size: 10px;
  line-height: 13px;
}
#sidebar #followme {
  margin-bottom: 10px;
}

/************************************** Index */
#index #visual {
  background-color: #B8DCE6;
  text-align: center;
}
#index #contents {
  width: 950px;
  margin: 0px auto;
  margin-bottom: 20px;
  padding: 0px;
  border-top: 5px solid #CCCCCC;
}
#index #left{
  width: 360px;
  padding-left:0px;
  margin-right: 20px;
}
#index #center {
  width: 360px;
  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:100px;
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: 930px;
  margin-bottom: 30px;
}
#news #center {
  width: 700px;
  float: left;
  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 #contents {
  width: 920px;
}
#service #center {
  float: left;
  width: 660px;
}

#service #right {
  float: right;
  width: 234px;
}

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

#service h3 {
  clear: both;
  text-indent: 20px;
}

/************************************** 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 #contents {
  width: 920px;
}
#solution #center {
  float: left;
  width: 660px;
}

#solution #right {
  float: right;
  width: 234px;
}
#solution #right h2 {
  width: 234px;
  font-size: 12px;
  margin-bottom: 10px;
  font-weight: bold;
  background-image: none;
  padding: 0px;
  line-height: 30px;
  height: 30px;
  text-indent: 10px;
  background-color: #EEEEEE;
}

#solution #title {
  height: 150px;
  margin-bottom: 30px;
}
#solution #sidebar{
  width: 240px;
}
#solution h2 {
  height: 50px;
  width: 660px;
  /*text-indent: 70px;*/
  background-image: url(../images/normal_title_w660.gif);
  margin-bottom: 30px;
  line-height: 50px;
  font-size: 18px;
  border: 0px;
}
#solution h3 {
  clear: both;
}
#solution h4 {
  font-size: 14px;
  margin-bottom: 5px;
}
#solution #right h3 {
  margin-bottom: 10px;
  background-image: none;
  text-indent: 5px;
  height: 12px;
  line-height: 12px;
  font-size: 12px;
  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;
}

#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;
}


#solution .listimage {
  float: left;
  border: 1px solid #EEEEEE;
  margin-right: 10px;
  margin-bottom: 20px;
}

#solution #alliance a img {
  margin-bottom: 10px;
}

/************************************** Company */
#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;
}
/************************************** 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 */

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

#center {
  float: right;
  width:700px;
}

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

/************************************** 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;
}

.level3 #page_title{
  height: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;
}

#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;
}

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

/************************************** Web */

#web #visual {
margin-bottom: 10px;
}

#web .block{
margin-top:10px;
margin-bottom:10px;
margin-right:8px;
float: left;
height: 170px;
}

#web .block img {
width: 220px;
border: 1px solid #CCCCCC;
}
/************************************** SmartPhone */

#smartphone #visual {
width:920px;
text-align: center;
margin-bottom: 10px;
}
#smartphone h2 {
background-image: none;
margin: 0px;
padding: 0px;
text-indent: 0px;
}
#smartphone #main {
width:600px;
margin: 0px auto;
margin-bottom: 50px;
}
#smartphone #main dl {
clear: both;
}
#smartphone #main dt {
float: left;
width: 100px;
}
#smartphone #main dd {
float: right;
width: 480px;
}

/************************************** 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:700px;
  margin: 0px auto;
  margin-bottom: 30px;
}
#company h2 {
  background-image: none;
  margin: 20px 0px;
  padding: 0px;
  text-indent: 0px;
}
/************************************** recruit */
#recruit #contents {
  width:700px;
  margin: 0px auto;
  margin-bottom: 30px;
}
#recruit h2 {
  background-image: none;
  margin: 20px 0px;
  padding: 0px;
  text-indent: 0px;
}

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

#blog #center{
width:640px;
float:left;
}

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

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

*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:1px;
margin-bottom:1px;
}

#blog .small_box 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;
}

img.blogimage {
  float: left;
  margin-right: 20px;
}

.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;
}

#blog #banner {
  margin-bottom: 20px;
}
#blog #banner img {
  margin-bottom: 5px;
}
#blog #banner p {
  font-size: 10px;
  line-height: 15px;
  margin-bottom: 20px;
}



/*****************************************************************　メールフォーム*/
#mailform #contents {
  width:700px;
  margin: 0px auto;
  margin-bottom: 30px;
}
#mailform h2 {
  background-image: none;
  margin: 20px 0px;
  padding: 0px;
  text-indent: 0px;
}

/******************************************************************* SOLUTION */

#solution #visual {
width:920px;
text-align: center;
margin-bottom: 10px;
}
#solution h2 {
width:600px;
border-right: 1px solid #dcdcdc;
}
#solution #main {
width:600px;
margin: 0px auto;
margin-bottom: 50px;
}
#solution #main dl {
clear: both;
}
#solution #main dt {
float: left;
width: 100px;
}
#solution #main dd {
float: right;
width: 480px;
}
#solution #main table {
width: 100%;
}

/*
#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;
}
*/
/******************************************************************* HONYAKU */
#honyaku #contents {
width: 905px;
text-align: center;
background-color: #fff2df;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 15px;
padding: 10px 0px;
}
#honyaku #motion_hype_container {
margin: 0px auto;
}

/******************************************************************微調整用*/
.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;
}

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

/*-- スライドショー --*/
.main_view {
position: relative;
  width: 950px;
  margin: 0px auto;
}
.window {
height: 300px;width: 950px;
overflow: hidden;
position: relative;
background-color: #FFFFFF;
}
.image_reel {
position: absolute;
top: 0; left: 0;
}
.image_reel img {float: left;}
.paging {
position: absolute;
bottom: 25px; left: 20px;
width: 450px; height:25px;
z-index: 100;
line-height: 25px;
display: none;
text-align: left;
}
.paging a {
text-decoration: none;
color: #fff;
}
.paging a img {
border: 2px solid #FFFFFF;
}
.paging a.active img {
font-weight: bold;
border: 2px solid #EB651A;
}
.paging a:hover {font-weight: bold;}

/* サブナビ */

#subnav {
height: 35px;
}
#subnav ul {
margin-left: 70px;
}
#subnav li {
float: left;
margin-right: 30px;
font-size: 12px;
font-weight: bold;
}
#subnav li a {
color: #666666;
text-decoration: none;
background-image: url('../images/arrow_subnav.gif');
padding-left: 10px;
background-repeat: no-repeat;
background-position: 0px 3px;
}
#subnav li a:hover {
color: #999999;
}

/* WEB */

#web #contents {
  width:930px;
  font-size: 12px;
}
#web #visual {
  width: 910px;
  text-align: center;
}
#web #main {
  margin: 20px 0px;
  width: 687px;
  float: left;
}
#web h2 {
  margin: 0px;
  padding: 0px;
  background-image: none;
  font-size: 16px;
  text-indent: 0px;
  color: #333333;
  height: 37px;
  line-height: 37px;
  margin-bottom: 0px;
  width: auto;
  
}

/* サイドボックス */

#web #sidebox {
float: right;
width: 220px;
padding: 20px 0px;
}
#web #sidebox #works li {
width: 200px;
padding: 5px;
background-image: url('../images/works_bg.gif');
margin-bottom: 10px;
}
#web #sidebox #works img {
width: 200px;
}
#web #sidebox h2 {
/* background-image: url('../images/h2_bg.gif'); */
}
#web h2 a {
margin-left: 20px;
}
#web a.small_arrow {
font-size: 10px;
background-image: url('../images/arrow_subnav.gif');
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 8px;
font-weight: bold;
}

/* 不満 */

#web #fuman {
background-color: #F6F6F6;
padding: 15px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
#web #fuman h2 {
font-size: 14px;
margin-bottom: 0px;
}

#web #feature {
margin: 20px 0px;
width: 687px;
}
#web #feature h3 {
border: 0px;
margin: 0px;
padding: 0px;
background-image: none;
text-indent: 0px;
margin-bottom: 5px;
}

#web #feature .box {
margin-right: 13px;
width: 220px;
height: 140px;
float: left;
margin-bottom: 20px;
font-size: 10px;
line-height: 15px;
}

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

#web #flow {
  text-align: center;
}

/* APO TOWN */

#apotown #main{
  width: 685px;
}
/* APO TOWN */
#apotown {
  background-color: #e8f3f5;
  padding-bottom: 30px;
  width: 921px;
  margin-bottom: 20px;
}
#apotown #main{
  width: 685px;
  margin: 0px auto;
  color: #062d4b;
  margin-top: 30px;
}
#apotown h2 {
  padding: 3px;
  marign: 0px;
  background-image: none;
  background-color: #062d4b;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  text-indent: 5px;
  color: #EEEEEE;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
#apotown .copy {
  font-weight: bold;
  font-size: 14px;
}
#apotown .attention {
  font-weight: bold;
  color: #C30D23;
  font-size: 18px;
}