/* CSS Document */

/* 基本情報 */

*{
   margin:0;
   padding:0;
}

body{
   background-image:url(../img/bg.jpg);
   background-repeat:repeat-x;
}

/* レイアウト */

#outline{
   width:985px;
   margin:auto;
}

#header_left{
   float:left;
   width:400px;
   height:108px;
}

#header_right{
   float:right;
   height:49px;
   width:200px;
}

#top{
   clear:both;
   width:985px;
   height:436px;
}

#contents_left{
   float:left;
   padding:0px 0px 0px 10px;
   width:723px;
   margin:0px 0px 80px 0px;
}

#contents_right{
   float:right;
   width:240px;
   margin:0px 0px 80px 0px;
}

#maincontents01{
   width:723px;
   padding:10px 0px 0px 0px;
   clear:both;
}

#maincontents02{
   width:723px;
}

#side_bg01{
   background-image:url(../img/sidebg_02.gif);
   clear:both;
   background-repeat:repeat-y;
   width:236px;
}

#side_bg02{
   background-image:url(../img/sidebg_01.gif);
   background-repeat:repeat-y;
   width:216px;
   padding:14px 10px 0px 10px;
}

#side_bg03{
   background-image:url(../img/sidebg_03.gif);
   background-repeat:no-repeat;
   width:214px;
   height:155px;
   padding:20px 10px 0px 12px;
}

#side_bg04{
   width:214px;
   padding:10px 10px 0px 12px;
}

#footer{
   clear:both;
   background-image:url(../img/footer.gif);
   width:941px;
   height:87px;
   background-repeat:no-repeat;
   margin:auto;
   font-size:11px;
   color:#999999;
   padding:13px 0px 0px 10px;
}

#footer a{
   color:#999999;
   text-decoration:none;
}

#footer a:hover{
   color:#00CCFF;
}

#youtube{
   clear:both;
   padding:20px 0px 0px 0px;
}

#robot{
   background-image:url(../howto/img/03.jpg);
   width:690px;
   height:490px;
   background-repeat:no-repeat;
   color:#FFFFFF;
   font-size:12px;
   margin:auto;
   line-height:2.0em;
   padding:10px 0px 0px 20px;
}

/* 見出し */

h1{
   font-size:11px;
   color:#999999;
   font-weight:normal;
   height:20px;
}

h2 a{
   background-image:url(../img/logo.gif);
   width:468px;
   height:60px;
   background-repeat:no-repeat;
   text-indent:-9999px;
   display:block;
}

h3{
   background-image:url(../img/title01.gif);
   width:723px;
   height:52px;
   background-repeat:no-repeat;
   text-indent:-9999px;
}

h4{
   background-image:url(../spec/img/title11.gif);
   width:723px;
   height:52px;
   background-repeat:no-repeat;
   text-indent:-9999px;
}

h5{
   background-image:url(../about/img/title01.gif);
   width:723px;
   height:52px;
   background-repeat:no-repeat;
   text-indent:-9999px;
}

h6{
   background-image:url(../howto/img/title06.gif);
   width:723px;
   height:52px;
   background-repeat:no-repeat;
   text-indent:-9999px;
}

/* トップナビゲーション */

ul.top_navi{
   list-style:none;
   margin:0px 10px 0px 0px;
}

.top_navi li{
   float:left;
}

li.tn01 a{
   background-image:url(../img/english_01.gif);
   width:95px;
   height:39px;
   background-repeat:no-repeat;
   text-indent:-9999px;
   display:block;
}

li.tn01 a:hover{
   background-position:0px -39px;
}

li.tn02 a{
   background-image:url(../img/japanese_02.gif);
   width:95px;
   height:49px;
   background-repeat:no-repeat;
   text-indent:-9999px;
   display:block;
}

/* テキスト */

.text01{
   font-size:12px;
   color:#333333;
   line-height:1.8em;
   margin:0px 0px 0px 0px;
   /*width:410px;*/
}

.text02{
   font-size:10px;
   color:#666666;
   line-height:1.6em;
   margin:0px 0px 0px 0px;
}

.text03{
   font-size:16px;
   line-height:1.2em;
   font-weight:bold;
   color:#FF0000;
   margin:10px 0px 0px 0px;
}

.next a{
   background-image:url(../img/next.gif);
   width:105px;
   text-indent:-9999px;
   height:28px;
   display:block;
   background-repeat:no-repeat;
   float:right;
   margin:20px 10px 0px 0px;
}

.next02 a{
   background-image:url(../img/next_02.gif);
   width:105px;
   text-indent:-9999px;
   height:28px;
   display:block;
   background-repeat:no-repeat;
   float:right;
   margin:20px 10px 0px 0px;
}

.next a:hover,
.next02 a:hover{
   background-position:0px -28px;
}

/* 新着情報 */

ul.news{
   clear:both;
   list-style:none;
   margin:0px 0px 0px 10px;
}

li.nw01{
   clear:both;
   color:#00CCFF;
   font-weight:bold;
   background-image:url(../img/icon_01.gif);
   background-repeat:no-repeat;
   padding:0px 0px 0px 15px;
   font-size:12px;
}

li.nw02{
   font-size:12px;
   color:#333333;
   line-height:1.8em;
   margin:5px 0px 10px 0px;
}

/* 画像調整 */

.img01{
   float:right;
   margin:0px 5px 0px 0px;
}

/* バナー */

.contact a{
   background-image:url(../img/contact_01.gif);
   width:210px;
   height:139px;
   text-indent:-9999px;
   display:block;
   background-repeat:no-repeat;
}

.contact a:hover{
   background-position:0px -139px;
}

a.news {
   background-image:url(../img/news.gif);
   width:230px;
   height:60px;
   background-repeat:no-repeat;
   text-indent:-9999px;
   display:block;
   margin:0px 0px 10px 3px;
}

a.rental {
   background-image:url(../img/rental.gif);
   width:230px;
   height:60px;
   background-repeat:no-repeat;
   text-indent:-9999px;
   display:block;
   margin:0px 0px 10px 3px;
}

/* テーブル調整 */

.box01{
   font-size:11px;
   color:#333333;
}

/* フッター メカトラロゴ追加 */
img.mtxlogo { vertical-align: -2px; }