/*全体設定--------------------------------------*/

* {
border:0;
margin:0;
padding:0;
}

body {
font-size:12px;
background-color:#ffffff;
color:#666666;
font-family:Helvetica, Arial, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3",  Osaka, sans-serif;
}

#container{
width:100%;
}

#contents{
width:720px;
margin:0 auto;
padding:0 10px;
background-repeat:repeat-y;
background-position:center top;
background-image:url(images/cmn_bg.gif);
}

#container:after,
#contents:after {
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}


/*フォント設定--------------------------------------*/
.center {
text-align:center;
}

.right {
text-align:right;
}

.size10 {
font-size:10px;
}

.color {
color:#00889f;
}

.bold {
font-weight:bold;
}

.bold_c {
font-weight:bold;
color:#00889f;
}

.bold_c_size14 {
font-size:14px;
font-weight:bold;
color:#00889f;
}

.bold_c_size16 {
font-size:16px;
font-weight:bold;
color:#00889f;
line-height:200%;
}

/*本文設定--------------------------------------*/
.read {
display:block;
clear:both;
margin:0 0 10px 0;
line-height:1.5em;
}

.topic_end {
clear:both;
width:520px;
display:block;
clear:both;
margin:0 0 30px 0;
line-height:1.5em;
}

.topic_end_line {
width:520px;
display:block;
clear:both;
padding:0 0 10px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #cccccc;
line-height:1.5em;
}

.topic_end02 {
clear:both;
margin:0 0 30px 0;
line-height:1.5em;
}

.topic_end_color {
width:450px;
display:block;
clear:both;
padding:10px 5px 0 5px;
margin:0 auto 30px auto;
background-color:#efefef;
border:1px solid #cccccc;
line-height:1.5em;
}

.topic_end_color h5 {
font-weight:bold;
color:#00889f;
font-size:12px;
margin:0 0 10px 0;
}

.topic_end_color p,
.topic_end_color div {
margin:0 0 10px 0;
}

.arrow_txt {
display:block;
background-image:url(images/cmn_listmark.gif);
background-repeat:no-repeat;
background-position:left 4px;
margin:0 0 30px 0;
padding: 0 0 0 10px;
color:#333333;
line-height:1.5em;
}

.read:after,
.topic_end:after,
.topic_end_line:after,
.topic_end02:after,
.topic_end_color:after,
.arrow_txt:after {
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}


/*テキストリンク--------------------------------------*/
.txtlink {
clear:both;
display:block;
background-image:url(images/cmn_arrow01.gif);
background-repeat:no-repeat;
background-position:left 1px;
padding: 0 0 0 15px;
font-weight:bold;
}

.txtlink_norm {
clear:both;
display:block;
background-image:url(images/cmn_listmark.jpg);
background-repeat:no-repeat;
background-position:left 6px;
list-style-type:none;
margin:0 0 20px 0;
padding: 0 0 0 15px;
}

.txtlink_l {
clear:both;
display:block;
float:left;
width:147px;
background-image:url(images/cmn_listmark.gif);
background-repeat:no-repeat;
background-position:left 4px;
margin:0 10px 0 0;
padding: 0 0 0 10px;
font-weight:bold;
}

.txtlink_c {
display:block;
float:left;
width:147px;
background-image:url(images/cmn_listmark.gif);
background-repeat:no-repeat;
background-position:left 4px;
margin:0 10px 0 0;
padding: 0 0 0 10px;
font-weight:bold;
}

.txtlink_r {
display:block;
float:left;
width:156px;
background-image:url(images/cmn_listmark.gif);
background-repeat:no-repeat;
background-position:left 4px;
padding: 0 0 0 10px;
font-weight:bold;
}



/*リスト--------------------------------------*/
.default li {
list-style-type:square;
margin:0 0 0 15px;
}

.nomark li {
list-style-type:none;
}

.num_list {
list-style-type:decimal;
margin:0 0 10px 25px;
}

.alpha_list {
font-size:10px;
list-style-type:lower-alpha;
margin:0 0 0 20px;
}

.num01_box {
display:block;
clear:both;
width:490px;
height:20px;
margin:0 0 5px 0;
padding:4px 0 0 30px;
background-image:url(images/cmn_num01.gif);
background-repeat:no-repeat;
background-position:0 0;
list-style-type:none;
font-size:14px;
color:#00889f;
}

.num02_box {
display:block;
clear:both;
width:490px;
height:20px;
margin:0 0 5px 0;
padding:4px 0 0 30px;
background-image:url(images/cmn_num02.gif);
background-repeat:no-repeat;
background-position:0 0;
list-style-type:none;
font-size:14px;
color:#00889f;
}

.num03_box {
display:block;
clear:both;
width:490px;
height:20px;
margin:0 0 5px 0;
padding:4px 0 0 30px;
background-image:url(images/cmn_num03.gif);
background-repeat:no-repeat;
background-position:0 0;
list-style-type:none;
font-size:14px;
color:#00889f;
}

.num04_box {
display:block;
clear:both;
width:490px;
height:20px;
margin:0 0 5px 0;
padding:4px 0 0 30px;
background-image:url(images/cmn_num04.gif);
background-repeat:no-repeat;
background-position:0 0;
list-style-type:none;
font-size:14px;
color:#00889f;
}

.num05_box {
display:block;
clear:both;
width:490px;
height:20px;
margin:0 0 5px 0;
padding:4px 0 0 30px;
background-image:url(images/cmn_num05.gif);
background-repeat:no-repeat;
background-position:0 0;
list-style-type:none;
font-size:14px;
color:#00889f;
}

.num06_box {
display:block;
clear:both;
width:490px;
height:20px;
margin:0 0 5px 0;
padding:4px 0 0 30px;
background-image:url(images/cmn_num06.gif);
background-repeat:no-repeat;
background-position:0 0;
list-style-type:none;
font-size:14px;
color:#00889f;
}

.num07_box {
display:block;
clear:both;
width:490px;
height:20px;
margin:0 0 5px 0;
padding:4px 0 0 30px;
background-image:url(images/cmn_num07.gif);
background-repeat:no-repeat;
background-position:0 0;
list-style-type:none;
font-size:14px;
color:#00889f;
}

/*ページトップアンカー--------------------------------------*/
.pagetop a {
clear:both;
display:block;
width:520px;
height:11px;
margin:0 0 30px 0;
padding:0 0 2px 0;
text-indent:-10000px;
background-image:url(images/cmn_pgtop_bt.gif);
background-repeat:no-repeat;
background-position:right top;
border-bottom:1px solid #cccccc;
}

/*フッターローカルナビ--------------------------------------*/
#foot_local{
clear:both;
width:520px;
height:18px;
margin:0 0 20px 0;
padding:4px 0 2px 0;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-color:#fdffd9;
}

.foot_local_prev {
float:left;
text-align:left;
margin:0 0 0 5px;
padding:0 0 0 3px;
font-size:12px;
font-weight:bold;
}

.foot_local_next {
float:right;
text-align:right;
margin:0 5px 0 0;
padding:0 3px 0 0;
font-size:12px;
font-weight:bold;
}

/*見積もりボタン--------------------------------------*/
#cmn_esti_bt {
width:520px;
clear:both;
margin:0 0 30px 0;
}

#cmn_esti_bt li {
display:block;
list-style-type:none;
float:left;
}

#cmn_esti_bt01 a {
display:block;
width:250px;
height:50px;
margin:0 20px 0 0;
background-image:url(images/cmn_estimate_bt.gif);
background-repeat:no-repeat;
background-position:0 0;
text-indent:-10000px;
}

#cmn_esti_bt01 a:hover {
display:block;
width:250px;
height:50px;
margin:0 20px 0 0;
background-image:url(images/cmn_estimate_bt.gif);
background-repeat:no-repeat;
background-position:0 -50px;
text-indent:-10000px;
}

#cmn_esti_tel {
display:block;
width:250px;
height:50px;
background-image:url(images/cmn_estimate_bt_tel.gif);
background-repeat:no-repeat;
background-position:0 0;
text-indent:-10000px;
}

#cmn_esti_bt:after {
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

/*Aタグ修飾--------------------------------------*/
a:link {
color:#00889f;
text-decoration:underline;
}

a:visited {
color:#00889f;
text-decoration:underline;
}

a:active {
color:#00889f;
text-decoration:none;
}

a:hover {
color:#00889f;
text-decoration:none;
}

/*ヘッダ--------------------------------------*/
#head_box {
width:720px;
height:77px;
margin:0 auto;
background-image:url(images/cmn_hd_bg.gif);
background-position:0;
background-repeat:repeat-x;
}

#head_box a {
display:block;
width:319px;
height:77px;
text-indent:-10000px;
float:left;
}

#head_box h1 {
width:319px;
height:77px;
background-image:url(images/cmn_hd_logo.gif);
background-position:left top;
background-repeat:no-repeat;
text-indent:-10000px;
float:left;
}

#head_contact{
width:401px;
height:77px;
margin:0;
background-image:url(images/cmn_hd_tel.gif);
background-position:right top;
background-repeat:no-repeat;
text-indent:-10000px;
float:left;
}

#head_box:after {
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}


/*トップ導入部--------------------------------------*/
#intro_box{
width:720px;
height:205px;
background-image:url(../images/top_main_img.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#intro_box h2{
font-size:10px;
height:12px;
text-indent:-9999px;
}

#intro_txt_box{
display:block;
width:400px;
padding:120px 20px 10px 300px;
vertical-align:bottom;
font-size:10px;
}

/*左カラム--------------------------------------*/
#left_box{
width:165px;
float:left;
margin:15px 20px 0 0;
}

/*サイドナビ--------------------------------------*/
#navi_box {
width:161px;
margin:0 0 20px 0;
padding:0 0 0 4px;
background-image:url(images/cmn_navi_bg.gif);
background-position:0 0;
background-repeat:repeat-y;
}

#navi_box ul {
list-style-type:none;
}

#navi_box li {
display:block;
float:left;
}

#navi_box a {
display:block;
}

#navi_box span {
display:block;
}

#navi_home a {
width:161px;
height:30px;
background-image:url(images/cmn_navi.gif);
background-repeat:no-repeat;
background-position:0 0;
text-indent:-10000px;
}

#navi_home_cr a,
#navi_home a:hover,
#navi_home_cr span {
width:161px;
height:30px;
background-image:url(images/cmn_navi.gif);
background-repeat:no-repeat;
background-position:0 -180px;
text-indent:-10000px;
}

#navi_listing .link {
width:161px;
height:30px;
background-image:url(images/cmn_navi.gif);
background-repeat:no-repeat;
background-position:0 -30px;
text-indent:-10000px;
}

#navi_listing .link:hover,
#navi_listing_cr .link {
width:161px;
height:30px;
background-image:url(images/cmn_navi.gif);
background-repeat:no-repeat;
background-position:0 -210px;
text-indent:-10000px;
}

#navi_access .link {
width:161px;
height:30px;
background-image:url(images/cmn_navi.gif);
background-repeat:no-repeat;
background-position:0 -60px;
text-indent:-10000px;
}

#navi_access .link:hover,
#navi_access_cr .link {
width:161px;
height:30px;
background-image:url(images/cmn_navi.gif);
background-repeat:no-repeat;
background-position:0 -240px;
text-indent:-10000px;
}

#navi_estimate a {
width:161px;
height:30px;
background-image:url(images/cmn_navi.gif);
background-repeat:no-repeat;
background-position:0 -90px;;
text-indent:-10000px;
}

#navi_estimate_cr a,
#navi_estimate a:hover,
#navi_estimate_cr span {
width:161px;
height:30px;
background-image:url(images/cmn_navi.gif);
background-repeat:no-repeat;
background-position:0 -270px;
text-indent:-10000px;
}

#navi_contact a {
width:161px;
height:30px;
background-image:url(images/cmn_navi.gif);
background-repeat:no-repeat;
background-position:0 -120px;;
text-indent:-10000px;
}

#navi_contact_cr a,
#navi_contact a:hover,
#navi_contact_cr span {
width:161px;
height:30px;
background-image:url(images/cmn_navi.gif);
background-repeat:no-repeat;
background-position:0 -300px;
text-indent:-10000px;
}

#navi_company a {
width:161px;
height:30px;
background-image:url(images/cmn_navi.gif);
background-repeat:no-repeat;
background-position:0 -150px;;
text-indent:-10000px;
}

#navi_company_cr a,
#navi_company a:hover,
#navi_company_cr span {
width:161px;
height:30px;
background-image:url(images/cmn_navi.gif);
background-repeat:no-repeat;
background-position:0 -330px;
text-indent:-10000px;
}


.navi_sub {
display:block;
width:161px;
background-color:#ffffff;
font-size:10px;
padding:8px 0 3px 0;
}


.navi_sub li {
clear:both;
background-image:url(images/cmn_navi_arrow.gif);
background-repeat:no-repeat;
background-position:0 5px;
text-indent:0;
line-height:140%;
margin:0 0 0 5px;
}

.navi_sub a,
.navi_sub a:hover,
.navi_sub span {
display:block;
margin:0 0 0 10px;
padding:0 0 5px 0px;
}

.navi_sub a {
text-decoration:underline;
}

.navi_sub a:hover {
text-decoration:none;
}


#left_box:after,
.navi_sub:after,
#navi_box:after {
display:block;
margin-top:-1px;
height:0px;
content:"";
clear:both;
}


/*連絡先--------------------------------------*/
#contact_box {
clear:both;
width:151px;
margin:0 0 0 10px;
font-size:10px;
}

#contact_box li {
list-style-type:none;
}

#contact_box_title {
display:block;
width:141px;
height:16px;
margin:0 0 5px 0;
background-image:url(images/cmn_side_contact.gif);
background-repeat:no-repeat;
background-position:left top;
text-indent:-10000px;
}

/*
#contact_box_recruit a{
display:block;
width:150px;
height:71px;
margin:20px 0px 20px 0;
background-image:url(images/cmn_recruit_bn.gif);
background-repeat:no-repeat;
background-position:left top;
text-indent:-10000px;
}*/

/*右カラム--------------------------------------*/

#right_box {
width:520px;
margin:15px 0 0 0;
float:left;
}

#right_box:after {
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

/*トップ＿サービス一覧--------------------------------------*/
#top_servise01 h3 {
display:block;
width:437px;
height:32px;
margin:0 0 10px 0;
float:left;
background-image:url(../images/top_subhead01.gif);
background-repeat:no-repeat;
background-position:0 0;
text-indent:-10000px;
}

#top_servise01 a,
#top_servise02 a {
display:block;
width:83px;
height:32px;
margin:0 0 10px 0;
float:left;
background-image:url(../images/top_topic_detail_bt.gif);
background-repeat:no-repeat;
background-position:0 0;
text-indent:-10000px;
}

#top_servise02 h3 {
clear:both;
display:block;
width:437px;
height:32px;
margin:0 0 10px 0;
float:left;
background-image:url(../images/top_subhead02.gif);
background-repeat:no-repeat;
background-position:0 0;
text-indent:-10000px;
}

.top_service_img {
display:block;
width:153px;
margin:0 10px 0 0;
float:left;
}

.top_service_read {
display:block;
width:357px;
float:left;
}

#top_service01_subti {
display:block;
width:227px;
height:13px;
margin:10px 0 5px 0;
background-image:url(../images/top_topic01_itm.gif);
background-repeat:no-repeat;
text-indent:-9999px;
}

#top_service02_subti {
display:block;
width:156px;
height:12px;
margin:10px 0 5px 0;
background-image:url(../images/top_topic02_itm.gif);
background-repeat:no-repeat;
text-indent:-9999px;
}

.top_service_num01_box {
display:block;
clear:both;
width:327px;
height:20px;
margin:0 0 5px 0;
padding:3px 0 0 30px;
background-image:url(../common/images/cmn_num01.gif);
background-repeat:no-repeat;
background-position:0 0;
color:#00889f;
font-weight:bold;
font-size:14px;
list-style-type:none;
}

.top_service_num02_box {
display:block;
clear:both;
width:327px;
height:20px;
margin:0 0 5px 0;
padding:3px 0 0 30px;
background-image:url(../common/images/cmn_num02.gif);
background-repeat:no-repeat;
background-position:0 0;
color:#00889f;
font-weight:bold;
font-size:14px;
list-style-type:none;
}

.top_service_num03_box {
display:block;
clear:both;
width:327px;
height:20px;
padding:3px 0 0 30px;
background-image:url(../common/images/cmn_num03.gif);
background-repeat:no-repeat;
background-position:0 0;
color:#00889f;
font-weight:bold;
font-size:14px;
list-style-type:none;
}


#top_servise01 li,
#top_servise02 li {
list-style-type:none;
}

.top_service_more_title {
clear:both;
display:block;
width:70px;
height:13px;
margin:10px 0 5px 0;
background-image:url(../images/top_topic_more.gif);
background-repeat:no-repeat;
text-indent:-9999px;
}

.top_service_more_l {
display:block;
width:110px;
background-image:url(images/cmn_arrow01.gif);
background-repeat:no-repeat;
background-position:left 4px;
margin:0 10px 0 0;
padding: 0 0 0 15px;
float:left;
list-style-type:none;
font-size:10px;
}

.top_service_more_r {
display:block;
width:100px;
background-image:url(images/cmn_arrow01.gif);
background-repeat:no-repeat;
background-position:left 4px;
padding: 0 0 0 15px;
float:left;
list-style-type:none;
font-size:10px;
}

#top_servise01:after,
#top_servise02:after {
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}


/*フッター--------------------------------------*/
#footer {
clear:both;
width:690px;
margin:20px auto 15px auto;
background-image:url(images/cmn_foot_logo.gif);
background-position:right center;
background-repeat:no-repeat;
border-top:1px solid #cccccc;
}

#foot_linkbox {
width:700px;
margin:15px 0 10px 0;
font-size:10px;
}

#foot_copyright {
display:block;
width:269px;
height:13px;
margin:5px 0 0 0;
background-image:url(images/cmn_foot_copy.gif);
background-position:left top;
background-repeat:no-repeat;
text-indent:-10000px;
}

/*フォーム--------------------------------------*/
input.norm {
width:300px;
border:1px solid #bbbbbb;
font-size:12px;
}

input.short {
width:100px;
border:1px solid #bbbbbb;
font-size:12px;
}

input.exshort {
width:40px;
border:1px solid #bbbbbb;
font-size:12px;
}


textarea.norm {
width:300px;
height:100px;
border:1px solid #bbbbbb;
font-size:12px;
}

select {
border:1px solid #bbbbbb;
}

input.btn {
margin:5px 0 0 0;
padding:3px;
border:1px solid #bbbbbb;
font-size:12px;
}

input.btn_submit {
margin:5px 0 0 0;
padding:3px;
border:1px ridge #00889f;
background-color:#00889f;
color:#ffffff;
font-size:12px;
}

/*フォームレイアウト--------------------------------------*/
.form_leyout {
clear:both;
display:block;
margin:0 0 15px 0;
}

.form_leyout ul {
clear:both;
display:block;
margin:0 0 15px 0;
}


.form_leyout li {
clear:both;
display:block;
margin:3px 0 0 0;
list-style-type:none;
}

.form_box_item {
width:120px;
float:left;
font-size:10px;
font-weight:normal;
vertical-align:top;
margin:3px 0 3px 6px;
}

.form_box_cnts {
width:200px;
float:left;
font-size:10px;
font-weight:normal;
vertical-align:top;
margin:3px 0 3px 0;
}

.form_box_cnts:after,
.form_leyout:after,
.form_leyout li:after,
.form_leyout ul:after {
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

/*運営サイトバナー--------------------------------------*/

.sideBnrSpace {
	padding:20px 0 20px 0;
}

.sideBnrSpace li {
	width:140px;
	height:40px;
	margin:0 auto;
	margin-bottom:6px;
}

.sideBnrSpace li a {
	display:block;
	width:140px;
	height:40px;
	text-indent:-9999px;
}


.sideBnrSpace li.bnr_cms a {
	background:url(images/bnr_cms.jpg) no-repeat -140px 0;
}
.sideBnrSpace li.bnr_panph a {
	background:url(images/bnr_panph.jpg) no-repeat -140px 0;
}
.sideBnrSpace li.bnr_company a {
	background:url(images/bnr_company.jpg) no-repeat -140px 0;
}
.sideBnrSpace li.bnr_comic a {
	background:url(images/bnr_comic.jpg) no-repeat -140px 0;
}
.sideBnrSpace li.bnr_hp a {
	background:url(images/bnr_hp.jpg) no-repeat -140px 0;
}
.sideBnrSpace li.bnr_overture a {
	background:url(images/bnr_overture.jpg) no-repeat -140px 0;
}
.sideBnrSpace li.bnr_diary a {
	background:url(images/bnr_diary.jpg) no-repeat -140px 0;
}
.sideBnrSpace li.bnr_recruit a {
	background:url(images/bnr_recruit.jpg) no-repeat -140px 0;
}
.sideBnrSpace li.bnr_catalog a {
	background:url(images/bnr_catalog.jpg) no-repeat -140px 0;
}
.sideBnrSpace li.bnr_adwords a {
	background:url(images/bnr_adwords.jpg) no-repeat -140px 0;
}


.sideBnrSpace li a:hover,
.sideBnrSpace li a:active,
.sideBnrSpace li a:focus {
	background-position:0 0;
}