*{
  margin: 0;
  padding: 0;
}
body{
  font-size: 90%;
  line-height: 1.4em;
  /* background: #E1EEF6; */
  background: #eee;
  color: #444;
  margin: 0;
  padding: 0;
}
img{
  border: none;
  margin: 3px;
}
ul, ol{
  margin: 5px 0 5px 2em;
}
div#main{
  background: #fff;
  margin: 0 auto;
  width: 800px;
}
ul li{
  list-style: square;
}

div#header{
  margin: 0 auto;
  background: #fff;
  padding: 5px 0 0 0;
}
div#header h1{
  float: left;
  padding: 3px 0px 3px 10px;
}
div#header h1 img{
  padding: 0;
  padding: 0;
}
h2#subtitle{
  float: left;
  font-size: 10px;
  font-weight: normal;
  margin: 15px 0 0 5px;
}

div#menu ul{
  text-align: right;
  margin: 0 10px;
}
div#menu ul li{
  display: inline;
  background: url("../images/header_li.png") no-repeat left center;
  padding-left: 13px;
}
div#menu ul li a{
  text-decoration: none;
  color: #666;
  font-size: 90%;
}
div.banner{
	text-align: center;
	padding: 10px 0;
}
div.banner img{
	margin: 0;	
}
div#advertise{
  text-align: right;
  color: #D80642;
  font-size: 130%;
  padding: 17px 10px 3px 0;
}
div#advertise a{
  text-decoration: none;
  color: #D80642;
}
div#image{
  margin: 5px 10px 10px 10px;
}
div#image img{
  margin: 0;
}
div#content{
  clear: both;
  margin: 0 auto;
  background: #fff;
}
h2{
  margin: 10px 0 0 0;
}
div#left-box h3{
  border-left: 3px solid #0069BD;
  margin: 10px 0 10px 0;
  padding: 2px 0 2px 5px;
  font-size: 130%;
}
div#left-box h3#catch{
  border: none;
  border-bottom: 1px solid #ccc;
  border-left: 3px solid #ccc;
  padding: 5px 0 5px 3px;
  font-size: 150%;
  margin: 25px 0 15px;
}
div#left-box h3#privacy{
  border: 0;
  background: url("../images/gradprivacy.png") repeat-y #00783C;
  color: #fff;
  padding: 8px 5px;
}
div#left-box h3#recruit{
  border: 0;
  background: url("../images/gradrecruit.png") repeat-y #0068B7;
  color: #fff;
  padding: 8px 5px;
}
div#left-box h3#contact{
  border: 0;
  background: url("../images/gradcontact.png") repeat-y #D70545;
  color: #fff;
  padding: 8px 5px;
}
div#left-box h3#corporate{
  border: 0;
  background: url("../images/gradcorporate.png") repeat-y #EE7700;
  color: #fff;
  padding: 8px 5px;
}
div#left-box h3#way{
  border: 0;
  background: url("../images/penorange.png") no-repeat;
  padding: 20px 0 20px 70px;
  position: relative;
  left: -10px;
  font-size: 140%;
}
div#left-box h3#success{
  border: 0;
  background: url("../images/penblue.png") no-repeat;
  padding: 20px 0 20px 70px;
  position: relative;
  left: -10px;
  font-size: 140%;
}
div#left-box h3#it{
  border: 0;
  background: url("../images/penpink.png") no-repeat;
  padding: 20px 0 20px 70px;
  position: relative;
  left: -10px;
  font-size: 140%;
}
div#right-box h3,
div#right-box h3 img{
  margin: 0;
  padding: 0;
}
p{
  margin: 10px 0;
}
div#left-box{
  margin: 10px 290px 0 20px;
}

div#right-box{
  margin: 10px 10px 0 0;
  width: 260px;
  float: right;
}
div#right-box img#substick{
  position:relative;
  top: -75px;
  left: -5px
}
div#right-box img#substick img{
  margin: 0;
  padding: 0;
}
div#submenu{
  position:relative;
  top: -70px;
  border: 1px solid #ccc;
}
div#submenu ul{
  margin: 0;
}
div#submenu li{
  list-style: none;
}
div#submenu img{
  margin: 0;
  padding: 0;
}
div#submenu ul li#submenu-company,
div#submenu ul li#submenu-recruit,
div#submenu ul li#submenu-privacy,
div#submenu ul li#submenu-contact{
  height: 35px;
  line-height: 1px;
}
div#submenu ul li#submenu-greet,
div#submenu ul li#submenu-idea,
div#submenu ul li#submenu-about{
  height: 31px;
  line-height: 1px;
}
div#submenu ul li ul li{
  line-height: 1px;
}

div#new{
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 256px;
}
div#new h4{
  margin: 5px 10px 0 10px;
  color: #0069BD;
  font-size: 100%;
}
div#new p{
  margin: 0 10px;
}
div#footer{
  border-top: 1px solid #ccc;
  clear: both;
  padding: 10px 0 0 0; 
  margin: 10px 10px 25px 10px;
}
td.no-border{
  border: 0 !important;
}

table.contact-table{
  border-collapse: collapse;
  margin: 10px;
}
table.contact-table textarea.content{
  width: 300px;
  height: 80px;
}
table.contact-table input.company{
  width: 300px;
}
table.contact-table input.charge{
  width: 100px;
}
table.contact-table input.mail{
  width: 300px;
}
table.contact-table input.zip{
  width: 100px;
}
table.contact-table input.address{
  width: 300px;
}
table.contact-table th,
table.contact-table td{
  border: 1px solid #ccc;
  padding: 0.8em;
}
table.contact-table th{
  text-align: left;
  background: #ededed;
  width: 150px;
}
table.about-table{
  border-collapse: collapse;
  margin: 10px;
}
table.about-table th{
  text-align: left;
  background: #ededed;
  width: 150px;
}
table.about-table td,
table.about-table th{
  border: 1px solid #ccc;
  padding: 0.8em;
}
table.history-table{
  border-collapse: collapse;
  margin: 10px;
}
table.history-table td,
table.history-table th{
  border: 1px solid #ccc;
  padding: 0.8em;
}
table.history-table th{
  text-align: left;
  background: #ededed;
  white-space: nowrap;
}

div.group{
  border-bottom: 1px solid #ccc;
  margin: 5px 0;
  padding: 0 0 10px 0;
  text-align: center;
}
div.company{
  font-size: 90%;
  margin: 0 0 0 10px;
}
div.copyright{
  font-size: 70%;
  margin: 0 0 0 10px;
}
div.address{
  font-size: 90%;
  margin: 0 0 0 10px;
}
div.clear-float{
  clear: both;
}
p.bread{
  margin: 0;
  padding: 0;
  font-size: 70%;
  line-height: 1em;
  color: #999;
}
.underline{
  border-bottom: 1px solid #ccc;
}
div.idea{
  line-height: 1.2em;
  padding: 0 0 0 3em;
  position: relative;
  top: -1.2em;
}
div.idea div.list-mark{
  text-align: right;
  width: 3em;
  position: relative;
  left: -4em;
  top: 1.2em;
}
div.idea li{
  list-style: none;
}


.image-margin{
  margin: 10px;	
}