@charset "utf-8";
/* CSS Information =====================================
File name: makeBlog.css
Description: layoutbase, 2col
======================================================*/

html{
  overflow:auto;
}
body{
  color:#006600;
  background-color:#FFF8EC;
  text-align:center;
}
#wrapper {
  width:1100px !important;
	background: #E1EEDB url(../blog/img/bg.jpg) repeat-x;
  padding-bottom:10px;
  margin:0 auto;
  height:auto;
  position:relative;
}
#wrapper h1{
	/*background:url(../blog/img/h1_img01.jpg) no-repeat;
  height:359px;
  width:1100px;*/
  height:10px;
  
}
#pageTitle {
	background:url(../blog/img/h1_img01.jpg) no-repeat;
  height:359px;
  width:1100px;
  text-align:right;
}
#topPage {
  position:relative;
  right:21px;
  margin-top:9px;
  
}
#container {
  width:840px;
  height:auto;
  margin:0 auto;
}
.contInner {
  padding:15px 25px;
  background-color:#FFFFFF;
  margin-bottom:10px;
  text-align:left;
}
.textMsg{
  margin-top:10px;
  line-height:1.3;
}
.main {
  padding-left:15px;
  margin:0;
}
#pageTitle h1, #container h2, #h2_startBlog, #h3_exampleList, #h3_difference,
#h3_security, #h3_admin, #h3_setting, #h3_step  {
	text-indent:-9999px;
	font-size:1px;
	text-decoration:none;
}
#h2_startBlog {
	background:url(../blog/img/h2_title01.jpg) no-repeat;
  height:45px;
  width:840px;
}
#h2_3type {
	background:url(../blog/img/h2_title02.jpg) no-repeat;
  height:45px;
  width:840px;
  margin-top:10px;
}
#h2_3type2 {
  width:840px;
}
#h3_exampleList {
	background:url(../blog/img/h3_example_list.jpg) no-repeat;
  height:16px;
  width:47px;
  margin-top:5px
}
#exampleList img{
  float:left;
  display:inline;
  margin-top:10px;
  
}
#h3_difference {
	background:url(../blog/img/h3_difference.jpg) no-repeat;
  height:18px;
  width:254px;
}
#h3_security {
	background:url(../blog/img/h3_security.jpg) no-repeat;
  height:18px;
  width:226px;
}
#h3_admin {
	background:url(../blog/img/h3_admin.jpg) no-repeat;
  height:18px;
  width:263px;
}
#h3_setting {
	background:url(../blog/img/h3_setting.jpg) no-repeat;
  height:18px;
  width:358px;
}
*:first-child+html #step {
  height:411px;
}
#h3_step {
	background:url(../blog/img/h3_step.jpg) no-repeat;
  height:18px;
  width:90px;
}
#stepList li{
  padding-left:90px;
  padding-bottom:5px;
}
#step01{
	background:url(../blog/img/step01.jpg) no-repeat;
  height:78px;
  line-height:5;
  margin-top:1px;
}
#step02{
	background:url(../blog/img/step02.jpg) no-repeat;
  height:77px;
  line-height:5;
}
#step03{
	background:url(../blog/img/step03.jpg) no-repeat;
  height:78px;
  line-height:5;
}
#step04{
	background:url(../blog/img/step04.jpg) no-repeat;
  height:81px;
  
}
#step05{
	background:url(../blog/img/step05.jpg) no-repeat;
  height:52px;
  line-height:5;
}
#typeList {
  background-color:#FFFFFF;
  width:100%;
  margin-bottom:10px;
  text-align:left;
}
#typeList table{
  width:840px;
  margin:0;
  padding:0;
  text-align:left;
  font-weight:bold;
}
#typeList table tr {
  border-bottom:1px solid #CCCCCC;
}
#typeList p {
  font-weight:bold;
}
#typeList table th, #typeList table td, {
  vertical-align:top;
  border-bottom:1px solid #CCCCCC;
}
#typeList table th {
  padding:10px;
  width:250px;
  background-color:#F0F0F0;
  height:75px;
  font-weight:bold;
}
#typeList table td {
  padding:10px 20px;
}
.grayText {
  color:#666666;
  font-weight:normal !important;
  margin-bottom:5px;
  line-height:1.2;
}
#contactUs {
  text-align:center;
  margin:20px 0;
}
#logoLeft {
  border-right:1px solid #CCCCCC;
  width:155px;
  height:78px;
  text-align:left;
  _margin-left:15px;
}
#logoRight {
  width:600px;
  _width:630px;
}
#logoRight img, #logoLeft img {
  margin:8px 0;
}
.floatRight {
  float:right;
  display:inline;
}
.floatLeft {
  float:left;
  display:inline;
}
#fLeft {
  float:left;
  display:inline;
  width:414px;
  margin-right:10px;
  height;auto;
}
#fRight {
  float:right;
  display:inline;
  width:414px;
  height;auto;
}
.textImg {
  margin:10px 0;
}
.listImgR {
  margin-right:10px;
}
#defferenceList {
  position:relative;
  top:-5px;
}
#defferenceList li, #adminList li,#settingList li{
	background:url(../blog/img/icon01.jpg) no-repeat;
  /*height:12px;*/
  padding-left:20px;
  line-height:1.3;
}
#adminList {
  width:180px;
}
.mBottom{
  margin-bottom:10px;
}
.rImg {
  margin-left:12px;
}
.lImg {
  margin-right:12px;
  margin-top:10px;
}
.clear{
	clear:both;
}
.clear2{
	clear:both;
  width:100%;
}

a{
	text-decoration:none;
    outline: none;
}

a:hover{
	text-decoration:underline;
}

/*
フッター
*/
#fotter {
  border-top:2px solid #006633;
  color:#CCCCCC;
  font-size:90%;
  margin:0 auto;
  padding:10px 8px;
  text-align:center;
}
.pageTop{
  background-color:#FFFFFF;
  margin:0 auto;
  text-align:right;
  width:580px;
  padding-top:10px;
}