@charset "UTF-8";

/**
 * ページ全体
 */
* {
  padding:0;
  margin:0;
}
img {
  border:0;
}
body {
  font-size:12px;
  text-align:center;
  font-family: Verdana,Osaka,sans-serif;
}
ul,ol,dl {
  list-style-type: none;
}
#page {
  text-align:left;
  width:100%;
}
.c-both {
  clear:both;
}

/**
 * ヘッダ部分
 */
#header {
	height:80px;
	background-color:#9FCC3A;
	color: #ffffff;
  position:fixed;
  width:100%;
  z-index:1000;
}
#header h1 {
  width:300px;
  float:left;
}
#header h1 a {
  display:block;
  margin:0 auto;
  width:300px;
  height:80px;
  background:url(../img/common/logo.jpg);
  background-repeat:no-repeat;
}
#header h1 span {
  display:none;
}
#header h2 {
  display:none;
}
#header .navi ul {
  font-size:10px;
  margin-right:15px;
  list-style-type:none;
/*  padding-top:50px;*/
}
#header .navi li {
  display:inline;
}
#header .navi li a.icon {
  padding:50px 10px 0px 10px;
  z-index:2000;
}
#header .navi li.home a.icon {
  background:url(../img/iphone/ipod-32x32.png) no-repeat 1em 1.5em;
}
#header .navi li.client a.icon {
  margin-left:5px;
  background:url(../img/iphone/notes-32x32.png) no-repeat 1.4em 1.5em;
}
#header .navi li.sales a.icon {
  background:url(../img/iphone/graph-32x32.png) no-repeat 1.4em 1.5em;
}
#header .navi li.support a.icon {
  background:url(../img/iphone/phone-32x32.png) no-repeat 2.2em 1.5em;
}
#header .navi li.menu a.icon {
  background:url(../img/iphone/photo-32x32.png) no-repeat 1em 1.5em;
}
#header .navi a.icon:link{ color:#3A500A; }
#header .navi a.icon:visited{ color:#3A500A; }
#header .navi a.icon:hover{ color:#FFFFFF; }

#header .status {
  float:right;
  margin:10px;
  color:#666666;
  font-size:10px;
}
#header .status span {
  font-weight:bold;
}
#header .rbox {
  width:180px;
  background-color:#EEEEEE;
}
#header .textbox {
  margin:0px;
  padding:5px;
  background-color:#cccccc;
  background:url(../img/icon/shield.png) no-repeat 1em 1.9em;
  padding-left:35px;
  line-height:140%;
  height:42px;
}
#header .rtop, #header .rbottom{
	background-color:#9FCC3A;
}
#header .rtop span, #header .rbottom span{
  display:block;
  height:1px;
  overflow:hidden;
  background-color:#EEEEEE;
}
.r1{margin: 0px 5px;}
.r2{margin: 0px 3px;}
.r3{margin: 0px 2px;}
.r4{margin: 0px 1px; height: 2px;}

#header .textbox #loaderIcon {
    width:16px;
    height:16px;
    display:block;
    position:absolute;
    top:31px;
    right:20px;
}

#tool {
  padding-top:80px;
}

#tool ul {
  list-style-type:none;
  margin:0px;
  padding:5px;
  background-color:#EEEEEE;
}
#tool li {
  display:inline;
  font-size:10px;
  padding-left:10px;
}
#tool a:link{ color:#3A500A; }
#tool a:visited{ color:#3A500A; }
#tool a:hover{ color:#FFFFFF; }

/**
 * メイン部分
 */
#main {
  width:80%;
  margin-left:10px;
  float:left;
}
#main #contents {
  position:relative;
  padding:1em;
}
#main #contents p {
  line-height:1.5;
  margin-bottom:1em;
}
#main #contents h3 {
  width:400px;
  color:#333333;
  padding:5px 0px 5px 10px;
  font-size:12px;
  margin-bottom:1em;
  border-left:5px solid #323232;
  border-bottom:1px solid #CCCCCC;
}
#main #contents h4 {
  width:400px;
  color:#333333;
  padding:5px 0px 5px 10px;
  font-size:12px;
}
#main #contents p.errmsg {
  width:500px;
  margin-left:10px;
  border:1px solid #FF9900;
  padding:5px;
}
#main #contents p.explain {
  width:500px;
  margin-left:10px;
  padding:5px;
  font-size:10px;
}
#main #contents ul.bmenu li {
  display:inline;
  list-style:none;
  margin:0px auto;
  padding-right:10px;
}
#main a:link{ color:#333333; }
#main a:visited{ color:#333333; }
#main a:hover{ color:#323232; }

/**
 * サブ部分
 */
#sub {
  width:15%;
  height:300px;
  float:left;
  padding-left:10px;
  margin-bottom:150px;
  padding-bottom:150px;
}
#sub ul {
  list-style-type:none;
  margin:1em 0px;
}
#sub li {
  /*margin: 0 0 1em 0;*/
}
#sub .menu {
  margin:5px 0px 0px 0px;
  padding:10px;
}
#sub .menu .title{
	margin-bottom:15px;
	padding:5px 0px 5px 5px;
	font-weight:bold;
	color:#333333;
	font-size:11px;
	background-color:#9FCC3A;
}
#sub .menu ul{
  margin:0px;
  padding:0px;
}
#sub .menu li {
  font-size:11px;
  background:url(../img/common/arrow.gif) no-repeat 0px 0.2em;
  padding:0px 0px 10px 15px;
  list-style:none;
  margin:5px;
  border-bottom:1px solid #EEEEEE;
}
#sub a:link{ color:#666666; }
#sub a:visited{ color:#666666; }
#sub a:hover{ color:#323232; }

/**
 * フッタ部分
 */
#footer {
  margin-top:100px;
  width: 100%;
  text-align: center;
  background-color:#323232;
  color: #ffffff;
}
#footer p {
  padding: 0.5em 0;
}


/**
 * 入力フォーム
 */
#main .form {
  margin:10px;
}
#main .form dt{
  padding:5px;
  width:200px;
  margin:0px;
  color:#666666;
  font-weight:bold;
}
#main .form dd{
  margin:5px 10px;
  padding:5px;
}
#main .form input,textarea,option,select {
  font-size:12px;
  margin:auto;
}
#main .footer{
  width:500px;
  background-color:#EEEEEE;
  margin:5px 15px 15px 15px;
  padding:5px;
  text-align:center;
}
#main .footer li{
  display:inline;
  list-style:none;
  margin:0px auto;
}

/**
 * ページビュー
 */
.pageview {
  margin:15px 0px;
  font-size:11px;
  text-align:center;
  padding:5px;
}
.pageview span {
  padding-left:5px;
}
.pageview .current {
	font-weight:bold;
	color:#9FCC3A;
}
.pageview_next {
  font-size:10px;
  text-align:right;
  border:none;
  margin-right:10px;
}
.pageview_prev {
  font-size:10px;
  text-align:left;
  border:none;
  margin-right:10px;
}