@charset "Shift_JIS"; 

/*
Theme Name: AcrossGate Global Software
Theme URI: http://acrossgate.com/download
Description: アクロスゲートグローバルソフトウェア
Author: tabaru
Author URI: http://acrossgate.com/
Version: 1.0.0
.
コメント／利用許諾の記述（あれば）
.
*/

*{ width:100%;  padding:0; margin: 0 auto;  }

body{text-align:center; font-family:arial;  background-color:#B3B3B3;   font-size:12px;
    color:#000000; line-height:1.5;}


#main{ text-align:left; width:820px;  background-color:#B3B3B3;}


a{    text-decoration:underline;   color:#000000}
a:hover{    text-decoration:none;   color:#1C2787}

/* --------------------------------------------------HEADER----------------------------------------------- */


#header{    width:820px;    height:45px;   margin-bottom:0px; background: url("../img/header.png") no-repeat top left ;}

#logo h1 a img{width:95px; height:30px; border:none; float:left; margin:11px 0 0 685px;}


/* --------------------------------------------------MENU----------------------------------------------- */

#menu{   float:left;
      width:820px;
      height:52px;
      background:url("../img/menu.png") no-repeat left top;
      }

#menu h1{ height:42px; font-size:30px; margin-top:5px; color:#ffffff; text-align:center;}



/* --------------------------------------------------top----------------------------------------------- */

#top{   width:820px;    height:285px;   margin-bottom:0px;  background:url("../img/top.png") no-repeat left top; float:left;} 

#top h2{height:30px; font-size:15px; margin: 35px 0px 0px 130px; color:#ffffff; text-align:left;}

#top h2 a{height:30px; font-size:12px; margin: 5px 0px 0px 10px; color:#ffffff; text-align:left; font-weight: 400;}

#top_method p{width:520px;  float:left; margin: -5px 0px 0px 140px; color:#ffffff; text-align:left; clear:both; }


/* --------------------------------------------------middle----------------------------------------------- */

#middle{   width:820px;  margin-bottom:0px;  text-align:left; background:url("../img/bg-ground.png") repeat left top; float:left;}

/* --------------------------------------------------middle_left----------------------------------------------- */

#middle_left{ width:500px; margin:10px 5px 10px 30px ; line-hight:1.5; float:left;}

/* --------------------------------------------------middle_left box1----------------------------------------------- */

.box1{width:500px;  float:left; margin:8px 0 15px 0;}

.box1 h2{width:500px; height:35px; font-size:18px; margin-bottom:10px; color:#1C2787; text-align:left; background:url("../img/title.png") no-repeat left top;}

.box1 h2 span{padding:2px 0px 0px 25px; float:left; font-weight: 700;}


/* --------------------------------------------------middle_left box4----------------------------------------------- */

.box4{width:500px;  float:left; margin:-15px 0 15px 0;}

.box4 h2{width:500px; height:35px; font-size:18px; margin-bottom:10px; color:#1C2787; text-align:left; background:url("../img/title.png") no-repeat left top;}

.box4 h2 span{padding:2px 0px 0px 25px; float:left; font-weight: 700;}

/* --------------------------------------------------text----------------------------------------------- */

.text {width:450px; font-size:12px; line-hight:1.5;}

.text p{font-size:14px; font-weight: 700;}
 

.text li { 
   margin-left:3em; 
}

.text li ul, .flat li ol { 
   margin-left:1em; 
   padding-left:0; 
}

.text li li { 
   margin-left:0; 
}


/* --------------------------------------------------middle_left box1 left----------------------------------------------- */

.box1 .left{width:150px;  float:left; margin:0 auto; padding:10px;}
.box1 .left .offer{width:140px; float:left; margin:auto; padding:10px;}
.box1 .left .offer span{text-decoration:underline; text-align:center; line-height:2; color:#1C2787;}

/* --------------------------------------------------middle_left box1 right----------------------------------------------- */

.box1 .right{width:320px; float:left; margin-top:8px; }

.box1 .right h3{width:310px; font-size:12px; font-weight:400; }

/* --------------------------------------------------middle_right----------------------------------------------- */

#middle_right{ width:250px; margin:10px 30px 10px 5px ; line-hight:1.5; float:left;}

/* --------------------------------------------------middle_right title---------------------------------------------- */

.title{ width:250px; height:50px; margin-top:8px;}

.title h2{ width:240px; height:35px; font-size:18px; font-weight: 700; margin-bottom:10px;  color:#1C2787; text-align:left; background:url("../img/title2.png") no-repeat left top;}

.title h2 span{padding:2px 0px 0px 25px; float:left; }

/* --------------------------------------------------middle_right  box2---------------------------------------------- */

.box2{ width:200px; margin-top:-8px;}

/* --------------------------------------------------middle_right title2--------------------------------------------- */

.title2{ width:250px; height:50px; margin-top:22px;}

.title2 h2{ width:240px; height:35px; font-size:18px; font-weight: 700; margin-bottom:10px;  color:#1C2787; text-align:left; background:url("../img/title2.png") no-repeat left top;}

.title2 h2 span{padding:1px 0px 0px 25px; float:left;}

/* --------------------------------------------------middle_right box3---------------------------------------------- */

.box3{ width;250px; margin-bottom:15px;}

.box3 h3{ widht:100px; float:left; margin:10px 15px 10px 10px;}


/* --------------------------------------------------CLEARNER----------------------------------------------- */

#cleaner{ background:url("../img/bg-ground.png") repeat left top;  clear:both    }


/* --------------------------------------------------footer--------------------------------------------- */

#footer{  width:820px; height:143px; float:left;  margin-bottom:0px; background: url("../img/footer2.png") no-repeat top left; text-align:left; color:#ffffff;}

#footer h1{ font-size:12px; padding-left:80px; margin-top:45px; font-weight: 700;}

#footer h1 a{color:#ffffff;}

#footer h2{ font-size:10px; text-align:center; padding-top:5px; font-weight: 400;} 

#footer h2 a{color:#ffffff;}

#footer p{ font-size:10px; text-align:center; padding-top:40px; color:#555555; font-weight: 400;}