@charset "UTF-8";
/* CSS Document */

body {
background: #ffffff;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #5e5e5e;
line-height: 170%;
}

p, span, img, ul, li, h1, h2, h3 {
border: 0px;
margin: 0px;
padding: 0px;
}

ul, li {
list-style-type: none;
}

#wrapper {
background: url(img/base-bg.png) repeat-y center top;
width: 730px;
margin: 0px auto 50px;
}

#header {
background: url(img/header-bg.png) repeat-y left top;
width: 730px;
margin: auto;
}

#header_img {
margin: 20px;
}

#content, #help {
width: 650px;
margin: auto;
}

.video{
margin: 20px 0px;
}

object {
margin: 0px 1px;
}

.case {
background: #d4d4d4;
margin: 10px 0px;
}

.other {
background: #d4d4d4 url(img/other-top.png) no-repeat left top;
margin: 10px 0px;
padding: 1px 0px 0px;
}

.other-bottom {
background: url(img/other-bottom.png) no-repeat left bottom;
height: 5px;
}

.other img, .footer-bottom {
vertical-align: bottom;
}

.other p {
width: 630px;
margin: 5px auto;
}

.other p .external-img {
border: none;
}

.box01 {
width: 210px;
padding: 5px 0px;
text-align: center;
}

.case span, .other p span {
display: block;
font-weight: bold;
}

.case p {
width: 190px;
margin: 0px auto 0px;
vertical-align: top;
}

.box01 img, .other p img {
border: 1px solid #303030;
}

.space, .box02 {
background: #ffffff;
width: 10px;
}

.help-how span {
visibility: hidden; 
}

.help {
background: url(img/help-top.png) no-repeat left top;
width: 320px;
height: 34px;
}

.how {
background: #ffffff url(img/how-top.png) no-repeat left top;
width: 320px;
height: 34px;
}

.help-how-body {
border-left: 1px solid #787878;
border-right: 1px solid #787878;
}

.help-how p {
width: 300px;
margin: 5px auto;
}

.help-how p img {
float: right;
margin: 14px 14px 0px 14px;
}

.impression, .blog {
background: url(img/impression-body.png) repeat-y left top;
margin: 20px 0px;
}

.impression h2, .blog h2 {
width: 470px;
font-size: 22px;
margin: 0px 0px 0px 0px;
padding: 20px 0px;
}

.impression-body {
width: 630px;
margin: 5px auto;
}

.impression-bottom {
background: url(img/impression-bottom.png) no-repeat left bottom;
width: 650px;
height: 4px;
clear: both;
}

.impression-bottom img{
vertical-align: bottom;
}

.impression p, .blog p {
color: #303030;
margin: 10px 0px;
}

.name {
font-size: 1.2em;
font-weight: bold;
}

.position {
font-size: 1.2em;
color: #5e5e5e;
line-height: 100%;
}

.impression .photo, .impression-body object  {
float: right;
margin: 0px 0px 0px 10px;
border: 1px solid #303030;
}

.impression .photo, .impression-body_img  {
float: right;
margin: 0px 0px 0px 6px;
border: 1px solid #303030;
}

.impression div img {
clear: both;
}

.trademark {
margin: 0px 0px 10px;
}

/*HELP*/
#help h1 {
margin: 50px 0px 10px;
}

#help p {
margin: 10px 0px 0px;
}

#help img {
margin: 5px;
border: none;
}

#help p img {
margin: 0px;
}

#helpbox {
background: #e1e1e1;
text-align: left;
margin: 5px 0px 30px;
}

.midashi {
background: #ababab;
color: #ffffff;
}

.komidashi {
background: #d4d4d4;
}

#help h3 img {
margin: 0px 3px 0px 0px;
}

.tipbox, h3 {
width: 650px;
clear: both;
}

h3 {
padding: 20px 0px 5px 0px;
}

h2 {
margin: 20px 0px 0px 0px;
}

.tipimg {
width: 171px;
margin: 0px 0px 0px 10px;
float: right;
}

#help .tipbox .tipimg img {
border: 1px solid #303030;
}

#help div img {
margin: 0px;
}

.pagetop {
clear: both;
text-align: right;
}

.divide {
background: url(img/divide.png) no-repeat left bottom;
height: 1px;
margin: 0px;
padding: 0px;
}

#footer {
background: url(img/footer-bg.png) repeat-y left top;
width: 730px;
}

.footer-bottom {
background: url(img/footer-bottom.png) no-repeat left bottom;
width: 730px;
height: 10px;
vertical-align: top;
margin: 10px 0px 0px;
padding: 0px;
}

.footer-content {
width: 650px;
margin: 0px auto 0px;
padding: 10px 0px 0px;
}

.footer-content li {
line-height: 15px;
color: #5e5e5e;
}

.company {
font-weight: bold;

margin: 10px 0px 5px;
}

.isms {
float: right;
}

/*link-set*/
a img {
margin: 0px 3px 0px 0px;
}

a {
color: #303030;
text-decoration:underline;
}

a:link {
color: #303030;
text-decoration:underline;
}

a:visit {
color: #303030;
text-decoration:underline;
}

a:active {
color: #5e5e5e;
text-decoration: none;
}

a:hover {
color: #5e5e5e;
text-decoration: none;
}

#top_text a {
color: #ffffff;
text-decoration: none;
}

#top_text a:link {
color: #ffffff;
text-decoration: none;
}

#top_text a:visit {
color: #ffffff;
text-decoration: none;
}

#top_text a:active {
color: #5e5e5e;
text-decoration: none;
}

#top_text a:hover {
color: #5e5e5e;
text-decoration: none;
}

/* youtube 修正 （IE用）*/

.showcase-video {
 display:inline;
 margin-left:0px;
}

.showcase-video2 {
 display:inline;
 margin-left:2px;
}

/* 日本語英語切り替え・ブログ */

#logo_img {
 display:block;
}

#top_text {
 padding:15px 20px 10px 10px;
 float:right;
 text-align:right;
}

/* TOP画像の変更 081215 */

#mainbox {
 margin:35px 0px 20px 0px;
}

#main_img {
 margin-right:25px;
 float:left;
 display:block;
}

#main_text {
 padding-top:40px;
}

/* News追加 090223 */

#news {
padding:18px;
}

.fontStyle_01 {
color:#1E1E1E;
font-weight:bold;
}

.fontStyle_02 {
color:#FF0000;
}

.fontStyle_03 {
color:#666666;
}

/* ------------------- clearfix ------------------- */

#menu {
 margin:0px 0px 80px 0px;
}

.menu-list {
 margin:0px 0px 0px 0px;
}

#menu li {
 width:194px;
 margin:0px 0px 2px 0px;
 padding:1px 10px 1px 10px;
 background:#000000;
 display:inline-block;
 font-size:0.8em;
 color:#FFFFFF;
}

.menu_title {
 width:638px;
 border:#000000 1px solid;
 margin:10px 0px 2px 0px;
 padding:1px 0px 1px 10px;
 color:#000000;
 display:inline-block;
 font-size:0.8em;
 font-weight:normal;
}

/* -- ie6 -- */

*html #menu li {
 width:192px;
 margin:0px 4px 3px 0px;
 padding:1px 10px 1px 10px;
 background:#000000;
 font-size:0.7em;
 color:#FFFFFF;
 display:inline;
 zoom:1; /* hasLayout を true にする */
}

*html .menu_title {
 width:632px;
 border:#000000 1px solid;
 margin:10px 0px 3px 0px;
 padding:1px 0px 1px 10px;
 color:#000000;
 display:inline-block;
 font-size:0.8em;
 font-weight:normal;
}

/* -- ie7 -- */

*:first-child+html #menu li {
 width:193px;
 margin:0px 3px 3px 0px;
 padding:1px 10px 1px 10px;
 background:#000000;
 font-size:0.7em;
 color:#FFFFFF;
 display:inline;
 zoom:1; /* hasLayout を true にする */
}

*html .menu_title {
 width:632px;
 border:#000000 1px solid;
 margin:10px 0px 5px 0px;
 padding:1px 0px 1px 10px;
 color:#000000;
 display:inline-block;
 font-size:0.8em;
 font-weight:normal;
}


li a {
color: #ffffff;
text-decoration: none;
}

li a:link {
color: #ffffff;
text-decoration: none;
}

li a:visit {
color: #ffffff;
text-decoration: none;
}

li a:active {
color: #5e5e5e;
text-decoration: none;
}

li a:hover {
color: #5e5e5e;
text-decoration: none;
}

.menu_title a {
color: #000000;
text-decoration: none;
}

.menu_title a:link {
color: #000000;
text-decoration: none;
}

.menu_title a:visit {
color: #000000;
text-decoration: none;
}

.menu_title a:active {
color: #cccccc;
text-decoration: none;
}

.menu_title a:hover {
color: #cccccc;
text-decoration: none;
}

/* ------------------- clearfix ------------------- */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}