@charset "utf-8";

body, div, ul, ol, li, dl, dt, dd, form, fieldset, input, textarea, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, hr, th, td {
margin:0;
padding:0;
}

img {
vertical-align: bottom;
border:none;
}
a {overflow:hidden}

body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #F0F0E6;
margin: 0;
padding: 0;
text-align: center;
color: #444;
font-size:0.9em;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

/* End hide from IE-mac */

#container {
width: 710px;
_width: 780px;
padding:0 35px;
background: url(../img/bg_body.gif) repeat-y 0 0;
margin: 0 auto;
text-align: left;
}

#container-bottom {
width: 770px;
_width: 780px;
padding:0 5px;
background: url(../img/bg_bottom.gif) bottom left no-repeat;
height:16px;
margin: 0 auto;
}

#header {
width:710px;
border-bottom:#9CCE04 solid 3px;
margin:0 0 10px 0;
}

#header h1 {
margin: 0;
padding: 10px 0;
font-size:11px;
font-weight:normal;
width:460px;
}

#logo {
float:left;
width:220px;
height:31px;
position: absolute;
top: 34px;
}

.mainimg {
margin:0 0 10px 0;
}

/* menu */
#global-menu {
width:381px;
margin:10px 0 0 0;
float:right;
}

#global-menu ul {
list-style:none;
}

#global-menu li {
float:left;
text-indent:-9999px;
}

#global-menu li a {
text-decoration:none;
display:block;
height:31px;
}

#global-menu li.top {
background:url(../img/menu_top.gif) no-repeat 0 0;
width:88px;
_width:91px;
padding-right:3px;
}

#global-menu li.top a:hover {
background:url(../img/menu_top.gif) no-repeat 0 -31px;
}

#global-menu li.service {
background:url(../img/menu_service.gif) no-repeat 0 0;
width:88px;
_width:91px;
padding-right:3px;
}

#global-menu li.service a:hover {
background:url(../img/menu_service.gif) no-repeat 0 -31px;
}

#global-menu li.company {
background:url(../img/menu_company.gif) no-repeat 0 0;
width:88px;
_width:91px;
padding-right:3px;
}

#global-menu li.company a:hover {
background:url(../img/menu_company.gif) no-repeat 0 -31px;
}

#global-menu li.inquiry {
background:url(../img/menu_inquiry.gif) no-repeat 0 0;
width:108px;
}

#global-menu li.inquiry a:hover {
background:url(../img/menu_inquiry.gif) no-repeat 0 -31px;
}

#navi {
padding:0 0 10px 0;
font-size:0.8em;
}

#sidebar1 {
float: right;
width: 174px;
padding:0 0px;
font-size:0.8em;
}

#side-info {
background:url(../img/info_top.gif) 0 0 no-repeat;
padding:23px 0 0 0;
}

#side-info-body {
background:url(../img/info_body.gif) 0 0 repeat-y;
padding:5px 12px 5px 12px;
line-height:1.4em;
}

#side-info-bottom {
background:url(../img/info_bottom.gif) 0 0 no-repeat;
height:8px;
}

#side-menu {
margin:0 0 10px 0;
}

#side-menu-body {
background:url(../img/sm_body.gif) 0 0 repeat-y;
padding:5px 12px 5px 12px;
line-height:1.4em;
}

#side-menu-bottom {
background:url(../img/sm_bottom.gif) 0 0 no-repeat;
height:10px;
}

#side-menu-body li.list01 {
list-style:none;
padding:3px 0 3px 13px;
background:url(../img/point01.gif) 1px 8px no-repeat;
border-bottom:1px dotted #CCCCCC;
}
#side-menu-body li.list02 {
list-style:none;
padding:3px 0 3px 20px;
background:url(../img/point02.gif) 9px 9px no-repeat;
border-bottom:1px dotted #CCCCCC;
}

#mainContent {
width:520px;
float:left;
}

#mainContent .block {
padding:1em 15px 2em 45px;
}

#mainContent .block02 {
padding:0 15px 0 35px;
}


#mainContent p{
margin:0 0 1em 0;
line-height:1.6em;
}
#mainContent ul.plan{
list-style:none;
text-indent:-9999px;
padding:1em 0 0 0;
}
#mainContent ul.plan li{
width:414px;
height:47px;
margin:0 0 10px 0;
}
#mainContent ul.plan li a{
display:block;
height:47px;
}
#mainContent li.plan01{
background:url(../img/bt_plan01.gif) 0 0 no-repeat;
}
#mainContent li.plan01 a:hover{
background:url(../img/bt_plan01.gif) 0 -47px no-repeat;
}
#mainContent li.plan02{
background:url(../img/bt_plan02.gif) 0 0 no-repeat;
}
#mainContent li.plan02 a:hover{
background:url(../img/bt_plan02.gif) 0 -47px no-repeat;
}
#mainContent li.plan03{
background:url(../img/bt_plan03.gif) 0 0 no-repeat;
}
#mainContent li.plan03 a:hover{
background:url(../img/bt_plan03.gif) 0 -47px no-repeat;
}
#mainContent strong{
color:#EC4646;
}
#footer {
margin: 25px auto 0 auto;
border-top:#9CCE04 solid 3px;
width:708px;
font-size:11px;
padding: 8px 10px 5px 0px;
}

#footer .block01 {
float:left;
}

#footer .block02 {
float:right;
}

#footer .block02 p {
display:inline;
margin:0 1em 0 0;
padding:0 0 0 11px;
background:url(../img/arrow.gif) 0 50% no-repeat;
}

.fltrt {
float: right;
margin-left: 8px;
}

.fltlft {float: left;
margin-right: 8px;
}

.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.mb01 {
margin-bottom:10px;
}

.col01 {
color:#87b204;
}
.col02 {
color:#B20533;
}

h2.service {
background:url(../img/t_service.gif) 0 0 no-repeat;
height:48px;
text-indent:-9999px;
margin:0 0 20px 0;
}

h2.inquiry {
background:url(../img/t_inquiry.gif) 0 0 no-repeat;
height:48px;
text-indent:-9999px;
margin:0 0 20px 0;
}

h2.company {
background:url(../img/t_company.gif) 0 0 no-repeat;
height:48px;
text-indent:-9999px;
margin:0 0 20px 0;
}
h2.privacy {
background:url(../img/t_privacy.gif) 0 0 no-repeat;
height:48px;
text-indent:-9999px;
margin:0 0 20px 0;
}
h2.link {
background:url(../img/t_link.gif) 0 0 no-repeat;
height:48px;
text-indent:-9999px;
margin:0 0 20px 0;
}

h2.sitemap {
background:url(../img/t_sitemap.gif) 0 0 no-repeat;
height:48px;
text-indent:-9999px;
margin:0 0 20px 0;
}

h2.seo {
background:url(../img/t_seo.gif) 0 0 no-repeat;
width:520px;
height:39px;
text-indent:-9999px;
}
h2.up {
background:url(../img/t_up.gif) 0 0 no-repeat;
width:520px;
height:39px;
text-indent:-9999px;
}
h2.xhtml {
background:url(../img/t_xhtml.gif) 0 0 no-repeat;
width:520px;
height:39px;
text-indent:-9999px;
}
h3.actual {
background:url(../img/t_actual.gif) 0 0 no-repeat;
width:520px;
height:39px;
text-indent:-9999px;
}
h3.monthly {
background:url(../img/t_monthly.gif) 0 0 no-repeat;
width:520px;
height:39px;
text-indent:-9999px;
}
h3.plan01 {
background:url(../img/t_plan01.gif) 0 0 no-repeat;
width:520px;
height:39px;
text-indent:-9999px;
}
h3.plan02 {
background:url(../img/t_plan02.gif) 0 0 no-repeat;
width:520px;
height:39px;
text-indent:-9999px;
}
h3.plan03 {
background:url(../img/t_plan03.gif) 0 0 no-repeat;
width:520px;
height:39px;
text-indent:-9999px;
}
h3.seo {
background:url(../img/t_seo.gif) 0 0 no-repeat;
width:520px;
height:39px;
text-indent:-9999px;
}
h3.consultation {
background:url(../img/t_consultation.gif) 0 0 no-repeat;
width:520px;
height:39px;
text-indent:-9999px;
}
h3.hp {
background:url(../img/t_hp.gif) 0 0 no-repeat;
width:520px;
height:39px;
text-indent:-9999px;
}
h3.hp-plan01 {
background:url(../img/t_hp-plan01.gif) 0 0 no-repeat;
width:520px;
height:39px;
text-indent:-9999px;
}
h3.hp-plan02 {
background:url(../img/t_hp-plan02.gif) 0 0 no-repeat;
width:520px;
height:39px;
text-indent:-9999px;
}
h3.hp-plan03 {
background:url(../img/t_hp-plan03.gif) 0 0 no-repeat;
width:520px;
height:39px;
text-indent:-9999px;
}

h4{
border-left:4px solid #9CCE04;
border-bottom:1px solid #CCCCCC;
margin-bottom:0.7em;
padding:0.3em 0 0.3em 10px;
font-weight:normal;
font-size:14px;
}
h4 span{
padding:0 0 0 1em;
}
.table001 {
margin-bottom:13px;
border-top:1px solid #E6E6E6;
font-size:0.9em;
}

.table001 th,.table001 td {
padding:9px 3px;
border-bottom:1px solid #E6E6E6;
background-color:#FFF;
line-height:1.5em;
vertical-align:top;
}

.table001 th {
text-align:center;
font-weight:bold;
color:#666;
}
.table02 {
margin-bottom:13px;
border-top:1px solid #E6E6E6;
font-size:0.9em;
}

.table02 th,.table02 td {
padding:9px 5px;
border-bottom:1px solid #E6E6E6;
background-color:#FFF;
line-height:1.5em;
vertical-align:top;
}

.table02 th {
vertical-align:middle;
text-align:center;
font-weight:bold;
color:#333;
background:#F5FEDA;
border-right:1px solid #E6E6E6;
}



a {
color:#06C;
text-decoration:underline;
}

a:hover {
color:#06C;
text-decoration:underline;
}

#l_hp{
list-style:none;
margin:0 0 15px 0;
}
#l_hp li{
text-indent:-9999px;
width:255px;
height:50px;
float:left;
}
#l_hp li a{
display:block;
height:50px;
}
#l_hp li.hp {
background:url(../img/bt_korekara.gif) 0 0 no-repeat;
}
#l_hp li.shuukyaku {
background:url(../img/bt_shuukyaku.gif) 0 0 no-repeat;
margin-left:10px;
}
#l_hp li.hp a:hover{
background:url(../img/bt_korekara.gif) 0 -50px no-repeat;
}
#l_hp li.shuukyaku a:hover{
background:url(../img/bt_shuukyaku.gif) 0 -50px no-repeat;
}

.bt-area{
padding:1em 0 0 30px;
}
.consultation {
width:414px;
height:42px;
background:url(../img/bt_consultation.jpg) 0 0 no-repeat;
text-indent:-9999px;
}
.consultation a{
display:block;
height:42px;
}
.consultation a:hover{
width:414px;
height:42px;
background:url(../img/bt_consultation.jpg) 0 -42px no-repeat;
}
.mainplan {
width:414px;
height:47px;
background:url(../img/bt_mainplan.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.mainplan a{
display:block;
height:47px;
}
.mainplan a:hover{
width:414px;
height:47px;
background:url(../img/bt_mainplan.gif) 0 -47px no-repeat;
}

.sum{
float:right;
margin:0 0 0 12px;
}

.more p{
background:url(../img/bt_more.gif) 0 0 no-repeat;
height:23px;
width:101px;
text-indent:-9999px;
float:right;
}
.more p a{
display:block;
height:23px;
}
.more p a:hover{
background:url(../img/bt_more.gif) 0 -23px no-repeat;
}
.ok{
padding:25px 20px;
text-align:center;
background: #EEF9EC;
}
div.question_submit {
	text-align:center;
	margin:20px 0px;
}

div.question_submit input.button {
	width: 150px;
}
ul.sitemap{
list-style:none;
line-height:2.5em;
}
ul.sitemap li.list01{
font-size:14px;
padding:0 0 0 0;
}
ul.sitemap li.list02{
padding:0 0 0 1.5em;
border-left:3px solid #9CCE04;
}
input.size01{
width:200px;
}
input.size02{
width:200px;
}
textarea.size03{
width:300px;
height:150px;
}

ul.point{
padding:0 0 0.8em 0;
list-style:none;
line-height:1.5em;
}
ul.point li{
color:#EC4646;
background:url(../img/li_point.gif) 2px 0.9em no-repeat;
padding:0.3em 0 0.3em 13px;
}

.w3c{
padding:5px 0 0 0;
text-align:center;
font-size:11px;
}
.w3c p{
margin:15px 0;
}
#mainContent .linkarea{
padding:0 15px 2em 35px;
}
#mainContent .linkarea p{
border-bottom:1px dotted #CCCCCC;
padding-bottom:0.5em;
}
.obj{
margin-bottom:1em;
}

.box{
	background:url(../img/box_top.gif) 0 0 no-repeat;
	padding:10px 0 0 0;
	margin:0 0 10px 0;
}
.box-body{
	background: url(../img/box_body.gif) 0 0 repeat-y;
	padding:0 10px;
}
.box-bottom{
	background:url(../img/box_bottom.gif) 0 0 no-repeat;
	height:8px;
}
.box-body img{
	float:left;
	margin:0 7px 5px 0;
}
.box-body p{
	font-size:10px;
	line-height:1.3em;
}
/* エラー時の表示 */
.error_coution {
	color:#FF0000;
}