@charset "utf-8";
/* CSS Document */

body {
	margin:0 auto;
	padding:0 auto;
	font-size:10pt;
	color:#666666;
	background-color:#A9D06B;
	background-image:url(/images/common/bg_greenline.gif);
	background-position:top;
	background-repeat:repeat-x;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	line-height:1.2em;
	text-align:center;
}

img {
border:0;
}


/* =================フッター================= */
#footer_line {
width:860px;
height:9px;
margin:0;
padding:0;
background: url(/images/common/bg_rainbow_h10.gif) repeat-y left top;
}

#footer {
width:790px;
margin:0 60px 0 0;
padding:10px;
color:#FFFFFF;
background: url(/images/common/footer_bg_01.gif) repeat-y left top;
}

#footer_close {
width:860px;
height:30px;
margin:0;
padding:0;
background: url(/images/common/footer_bg_02.gif) no-repeat left top;
}

.box_footer_left {
width:500px;
float:left;
}

.list_footer {
width:500px;
margin:0;
padding:0;
text-indent:0;
}

.list_footer dt {
display:block;
width:100px;
font-size:12pt;
line-height:20px;
color:#A9D06B;
font-weight:bold;
float:left;
}

.list_footer dd {
display:block;
width:400px;
margin:0;
padding:0;
float:left;
line-height:20px;
}
.list_footer dd:after {
clear:both;
}

.box_footer_right {
width:280px;
text-align:center;
float:right;
}

/* =================共通設定================= */
.clear {
clear:both;
}

.fs8 {
font-size:8pt;
}

.tcenter {
text-align:center;
}

a {
color:#75a215; /* （20100216旧黄緑色#A9D06Bは薄くてみにくいので75a215に変更しました） */
text-decoration:none;
}

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

.fleft {
float:left;
}

.fright {
float:right;
}

#box_common {
width:860px;
margin:0 auto;
padding:0;
text-align:left;
}

#box_contents_out {
width:860px;
margin:0;
padding:0;
background: url(/images/common/bg_shadow_white.gif) repeat-y left top;
}

#box_contents_in {
width:780px;
margin:0;
padding:10px;
}

.box_520 {
width:520px;
margin:30px 0;
padding:0;
}

h1.midashi520 {
width:520px;
height:25px;
margin:5px 0 10px 0;
padding:0 0 0 20px;
font-size:14pt;
font-weight:bold;
line-height:20pt;
background-image:url(/images/common/midashi_520.gif);
background-repeat:no-repeat;
}

h1.midashi520_blue {
width:520px;
height:25px;
margin:5px 0 10px 0;
padding:0 0 0 20px;
font-size:14pt;
font-weight:bold;
line-height:20pt;
background-image:url(/images/common/midashi_520_blue.gif);
background-repeat:no-repeat;
}

h1.midashi520_yellow {
width:520px;
height:25px;
margin:5px 0 10px 0;
padding:0 0 0 20px;
font-size:14pt;
font-weight:bold;
line-height:20pt;
background-image:url(/images/common/midashi_520_yellow.gif);
background-repeat:no-repeat;
}

#box_menu {
width:860px;
height:78px;
margin:0;
padding:30px 0 0 0;
background: url(/images/common/bg_menu.gif) no-repeat left top;
}



/* =================トップ（index.html）================= */
.box_top_left {
width:520px;
margin:0;
padding:0;
float:left;
}

.box_top_right {
width:212px;
height:345px;
margin:0;
padding:40px 15px 0 15px;
float:right;
background:url(/images/top/info_bg.gif) no-repeat;
}

.box_top_right_inner {
margin:0;
padding:0;
width:auto;
height:330px;
overflow:auto;
}

/* =================共通ページレイアウト２カラム（kaisya.gyoumu.seisaku.html）================= */

.box_left {
width:200px;
margin:0;
padding:0 10px 0 0;
float:left;
}

.box_right {
width:540px;
margin:0;
padding:0 0 0 30px;
_padding:0 0 0 15px;
float:right;
background: url(/images/common/line_gray_stlype.gif) repeat-y left;
}


/* =================業務内容（gyoumu.html）================= */
.menu_gyoumu {
list-style-image:url(/images/common/yaji_lightgreen.gif);
line-height:1.5em;
}


/* =================会社概要（kaisya.html）================= */
.list_kaisya {
width:500px;
margin:0;
padding:0;
text-indent:0;
}

.list_kaisya dt {
display:block;
width:100px;
font-size:10pt;
line-height:20px;
color:#A9D06B;
font-weight:bold;
float:left;
}

.list_kaisya dd {
display:block;
width:400px;
margin:0;
padding:0;
float:left;
line-height:20px;
}

.list_kaisya dd:after {
clear:both;
}

/* =================制作実績（seisaku.html）================= */
#box_seisaku {
width:500px;
margin:20px 0;
padding:10px 0;
border-bottom:1px dotted #cccccc;
_margin-left:10px;
font-size:10pt;
}

#box_seisaku h2 {
margin:5px 0;
padding:3px 0;
font-size:12pt;
font-weight:bold;
}

.box_seisaku_img {
width:190px;
border:1px solid #cccccc;
float:left;
}

.box_seisaku_txt {
width:280px;
margin:0 0 0 10px;
text-align:left top;
float:right;
}

/* ============ お問合せ(inquiry) ============ */
#contact {
    /*
    min-height: 500px;
    _height: 500px;
    */
}
#contact fieldset {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 5px;
    padding: 10px;
}
#contact legend {
    padding-left: 5px;
    padding-right: 5px;
}
#contact input, #contact textarea {
    padding: 5px;
}
#contact textarea {
    width: 95%;
}
#contact-submit {
    padding: 0 5px;
    text-align: right;
}
#contact .completed {
    margin: 70px;
    text-align: center;
    vertical-align: middle;
}

.notice {
    color: #ff0000;
}
.warning {
    color: #ff0000;
}

#captcha img {
    display: block;
    border: 1px solid #444444;
}
#captcha input {
    margin-top: 5px;
}

/* =================業務内容（独自ドメインのすすめ（domain.php）================= */

.box_domain_left {
width:230px;
height:400px;
margin:20px 0;
padding:10px;
background:url(/images/gyoumu/domain_img_bg01.gif) no-repeat top;
float:left;
}

.box_domain_right {
width:230px;
height:400px;
margin:20px 0;
padding:10px;
background:url(/images/gyoumu/domain_img_bg02.gif) no-repeat top;
float:left;
}

.box_domain_in {
width:100%;
margin:250px 0 0 0;
padding:0;
font-size:8pt;
}

.box_domain_450 {
width:450px;
margin:20px auto;
padding:10px;
border:1px solid #A9D06B;
font-size:8pt;
}

.box_domain_450 h3 {
margin:3px 0;
padding:0;
font-size:10pt;
font-weight:bold;
line-height:10pt;
}

#srchBox
{
	width:298px;
	_width:296px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#EEEEEE;
	color:#000000;
	text-align:left;
	float: left;
}
#srchBox *
{
margin:0;
padding:0;
font-size:13px;
*font-size:small;
*font:x-small;
}
#srchBox a img
{
border:none;
}
#srchBox #srch
{
padding:10px 10px 0 10px;
}
#srchBox #srch #srchForm
{
white-space:nowrap;
}
#srchBox #srchInput
{
width:188px;
margin-right:6px;
vertical-align:bottom;
}
#srchBox #srchBtn
{
width:80px;
}
*html #srchBox #srchBtn
{
padding-top:2px;
}
*:first-child+html #srchBox #srchBtn
{
padding-top:2px;
}
#srchBox ul
{
margin-top:6px;
text-align:left;
}
#srchBox li
{
list-style-type:none;
display:inline;
zoom:1;
padding-right:10px;
}
#srchBox li input
{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}
*:+html #srchBox li input
{
margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
margin:6px 6px 6px 0;
text-align:right;
}
#srchBox #srchLogo a
{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover
{
text-decoration:underline;
}
#qr_cord {
	float: left;
	height: 120px;
	width: 120px;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}