* {
	margin: 0px;
	padding: 0px;
/*
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
*/
}

html {
	height:100%;
}

body {
	font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ" ,"ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.5;
	color: #666;
	background: #fff url(img/bg.png) repeat-x;
	height:100%;
}

body > #wrapper {
	height:auto;
}

img {
	border: none;
}

a:link {
	color: #1155bb;
	text-decoration: none;
}
a:visited {
	color: #3399cc;
	text-decoration: none;
}
a:hover,a:active {
	color: #42a5fc;
	text-decoration: underline;
}

.clear {
	clear:both;
	height:0;
	overflow: hidden;
}

.hidden {
	display: none;
}

.dotline {
	clear:both;
	width:780px;
	background: silver url(img/dotline.gif) repeat-x;
	margin: 8px auto;
}

.bullet_square {
	background: url('img/bullet_square.png') no-repeat center left;
	padding-left: 18px; 
}

.bullet_site {
	background: url('img/bullet_site.png') no-repeat center left;
	padding-left: 18px; 
}

.bullet_caution {
	background: url('img/bullet_caution.png') no-repeat center left;
	padding-left: 36px; 
	width:auto;
	height:auto;
}

.red {
	color: #cc0000;
}

.dark {
	color: #333;
	font-weight: bold;
}

.indent-1em {
	padding-left: 3.5em;
	text-indent: -1em;
	margin-bottom: 1em;
}


/*PNG Fix IE6
------------------------------------------------*/
.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}


#wrapper {
	position: relative;
	width: 825px;
	height:100%;
	margin: 0 auto;
	background: url('img/bgshadow.png') repeat-y center;
	min-height: 100%;
}

/* PNG不透明部分のa対策(IE) */
#canvas {
	background: #fff;
	width: 801px;
	height: 100%;
	margin: 0 auto;
	min-height: 540px;
}

#header {
	width: 787px;
	height: 80px;
	background: url('img/top.png') no-repeat center;
	margin: 0 auto;
}

#header h1 span {
	display: none;
}

#header h1 a {
	width: 787px;
	height: 40px;
	display: block;
}

/*Flash
------------------------------------------------*/
#flash_bg {
	width: 787px;
	height: 279px;
	background: url('img/flash_bg.png') no-repeat;
}

#mainv {
	width: 769px;	
	height: 262px;
	padding: 8px 9px;
}


/*ナビゲーション
------------------------------------------------*/
#navi_top {
	width: 787px;
	height: 30px;
	float: left;
	overflow: hidden;
	padding-top: 1px;
}

#navi_top ul {
	display: inline;
	float: left;
}

#navi_top li {
	float: left;
	width: 130px;
	height: 30px;
	padding-left: 1px;
	text-indent: -1000em;
	overflow: hidden;
}

#navi_top a {
	display: block;
	width: 130px;
	height: 30px;
	line-height: 0;
}

#navi_top a:hover {
	background-position: bottom;
}

#navi_top01 a {background: url('img/navi01.png') no-repeat;}
#navi_top02 a {background: url('img/navi02.png') no-repeat;}
#navi_top03 a {background: url('img/navi03.png') no-repeat;}
#navi_top04 a {background: url('img/navi04.png') no-repeat;}
#navi_top05 a {background: url('img/navi05.png') no-repeat;}
#navi_top06 a {background: url('img/navi06.png') no-repeat;}


#container {
	width: 787px;
	margin: 0 auto;
}

/*h2
------------------------------------------------*/
h2 {
	width: 787px;
	height: 39px;
	clear: both;
	border-top: 1px solid #bbb;
}

h2 span {display: none;}

#h2_result {
	padding: 12px 0 18px 0;
	background: url('img/h2_result.png') no-repeat center 12px;
}
#h2_price {
	padding: 12px 0 18px 0;
	background: url('img/h2_price.png') no-repeat center 12px;
}
#h2_flow {
	padding: 12px 0 18px 0;
	background: url('img/h2_flow.png') no-repeat center 12px;
}
#h2_qanda {
	padding: 12px 0 18px 0;
	background: url('img/h2_qanda.png') no-repeat center 12px;
}
#h2_contact {
	padding: 12px 0 18px 0;
	background: url('img/h2_contact.png') no-repeat center 12px;
}
#h2_companyinfo {
	padding: 12px 0 18px 0;
	background: url('img/h2_companyinfo.png') no-repeat center 12px;
}
#h2_privacy {
	padding: 12px 0 18px 0;
	background: url('img/h2_privacy.png') no-repeat center 12px;
}
#h2_sitemap {
	padding: 12px 0 18px 0;
	background: url('img/h2_sitemap.png') no-repeat center 12px;
}
#h2_result_detail {
	padding: 12px 0 18px 0;
	background: url('img/h2_result_detail.png') no-repeat center 12px;
}
#h2_pressrelease {
	padding: 12px 0 18px 0;
	background: url('img/h2_pressrelease.png') no-repeat center 12px;
}


/*h3
------------------------------------------------*/
h3 {
	clear: both;
}

h3 span {display: none;}

#h3-01 {
	width: 787px;
	height: 32px;
	margin: 12px auto;
	background: url('img/h3-01.png') no-repeat;
}
#h3-02 {
	width: 787px;
	height: 32px;
	margin: 12px auto;
	background: url('img/h3-02.png') no-repeat;
}
#h3-03 {
	width: 787px;
	height: 32px;
	margin: 12px auto;
	background: url('img/h3-03.png') no-repeat;
}
#h3-04 {
	width: 787px;
	height: 32px;
	margin: 12px auto;
	background: url('img/h3-04.png') no-repeat;
}
#h3-05 {
	width: 787px;
	height: 32px;
	padding: 12px 0 1.5em;
	border-top: 1px solid #bbb;
	background: url('img/h3-05.png') no-repeat center 16px;
}
#h3_hpmarugoto {
	width: 451px;
	height: 40px;
	margin: 0 0 12px 4px;
	background: url('img/h3_hpmarugoto.png') no-repeat;
}
#h3_uneimarugoto {
	width: 471px;
	height: 40px;
	margin: 0 0 12px 4px;
	background: url('img/h3_uneimarugoto.png') no-repeat;
}
#h3_uneimarugoto_lt {
	width: 539px;
	height: 40px;
	margin: 0 0 4px 4px;
	background: url('img/h3_uneimarugoto_lt.png') no-repeat;
}
#h3_uneimarugoto_std {
	width: 597px;
	height: 40px;
	margin: 0 0 12px 4px;
	background: url('img/h3_uneimarugoto_std.png') no-repeat;
}
#h3_tsuikaopt {
	width: 783px;
	height: 35px;
	margin: 0 auto 12px;
	background: url('img/h3_tsuikaopt.png') no-repeat;
}
#h3_muryouserv {
	width: 783px;
	height: 35px;
	margin: 0 auto 12px;
	background: url('img/h3_muryouserv.png') no-repeat;
}
#h3_ryoukinex {
	width: 783px;
	height: 35px;
	margin: 0 auto 12px;
	background: url('img/h3_ryoukinex.png') no-repeat;
}
#h3_otoiawase-kaisi {
	width: 783px;
	height: 35px;
	margin: 0 auto 12px;
	background: url('img/h3_otoiawase-kaisi.png') no-repeat;
}
#h3_osiharai {
	width: 783px;
	height: 35px;
	margin: 0 auto 12px;
	background: url('img/h3_osiharai.png') no-repeat;
}
#h3_kojinjouhou {
	width: 783px;
	height: 35px;
	margin: 0 auto 12px;
	background: url('img/h3_kojinjouhou.png') no-repeat;
}
#h3_inquiry_thanx {
	width: 783px;
	height: 35px;
	margin: 0 auto 12px;
	background: url('img/h3_inquiry_thanx.png') no-repeat;
}
#h3_press {
	font-size: 100%;
	text-align: center;
	margin: 12px auto;
}
#h3_marugoto-shousai {
	width: 783px;
	height: 35px;
	margin: 0 auto 12px;
	background: url('img/h3_marugoto-shousai.png') no-repeat;
}


/*h4
------------------------------------------------*/
h4 {
	margin-left: 18px;
	margin-bottom: 1em;
	/* color: #e5561b; */
	color: #333;	
}

#content p {
	margin: 0 18px 1em;
	text-indent: 1em;
}



/*トップページ - 制作実績
------------------------------------------------*/
#websample {
	position:relative;
	width: 787px;
	height: 123px;
	float: left;
	/* overflow: hidden; */
}

#websample ul {
	display: inline;
	float: left;
	margin-left: 4px;
}

#websample li {
	float: left;
	height: 123px;
	padding-left: 1px;
	text-indent: -1000em;
	overflow: hidden;
}

#websample a {
	display: block;
	height: 123px;
	line-height: 0;
}

#websample01 a {
	width: 161px;
	background: url('img/websample01.png') no-repeat;
}
#websample02 a {
	width: 161px;
	background: url('img/websample02.png') no-repeat;
}
#websample03 a {
	width: 161px;
	background: url('img/websample03.png') no-repeat;
}
#websample04 a {
	width: 289px;
	background: url('img/websample_more.png') no-repeat;
}


/*トップページ - 料金
------------------------------------------------*/
#price {
	/* position:relative; */
	width: 779px;
	margin:0 auto;
	overflow: hidden;
	height:auto;
}

#price h4 {
	width: 385px;
	height: 108px;
	margin: 0 0 8px 0;
}

#price a {
	width: 385px;
	height: 108px;
	display:block;
}

#price01 {
	float: left;
	background: url('img/price01.png') no-repeat;
}
#price02 {
	float: right;
	background: url('img/price02.png') no-repeat;
}
#price03 {
	float: left;
	background: url('img/price03.png') no-repeat;
}
#price04 {
	float: right;
	background: url('img/price04.png') no-repeat;
}

#price span {display:none;}


/*バッヂ*/
.badge_new {
	behavior: expression(IEPNGFIX.fix(this));
	position: absolute;
	width: 68px;
	height: 68px;
	background: url('img/badge_new.png') no-repeat;
}

.badge_ecsite {
	behavior: expression(IEPNGFIX.fix(this));
	position: absolute;
	width: 68px;
	height: 68px;
	background: url('img/badge_ecsite.png') no-repeat;
}


/*トップページ - 集客とホームページ制作・運営の正攻法
------------------------------------------------*/
#seikoho {
	width: 779px;
	margin:0 auto;
	overflow: hidden;
	height: auto;
}

#seiko_img {
	float: left;
	width: 276px;
	height: 370px;
	background: url('img/seiko.png') no-repeat;
}

#seiko_text {
	float: right;
	width: 503px;
	height: auto;	
}

#seiko_img p {display: none;}


/*トップページ - お問い合わせはお気軽にどうぞ
------------------------------------------------*/
#contact a {
	display: block;
	width: 266px;
	height: 54px;
	background: url('img/btn_contact.png') no-repeat;
	text-indent: -1000em;
	line-height: 0;
	margin: 20px auto;
	overflow: hidden;
}

#contact a:hover {
	background-position: bottom;
}

#about_support a {
	display: block;
	width: 439px;
	height: 53px;
	background: url('img/about_support.png') no-repeat;
	text-indent: -1000em;
	line-height: 0;
	margin: 4px auto 0;
	overflow: hidden;
}


/*Footer
------------------------------------------------*/
#footer {
	width: 787px;
	height: 20px;
	background: url('img/footer.png') no-repeat;
	margin: 50px 0 0 0;
}


/*Copyright
------------------------------------------------*/
#copyright {
	font-size: small;
	text-align: center;
	padding: 12px 0;
}


/*ナビゲーション下
------------------------------------------------*/
#navi_bottom {
	float: right;
	width: auto;
	height: 19px;
	overflow: hidden;
	margin-left: 0;
}

#navi_bottom ul {
	float: left;
	display: inline;
}

#navi_bottom li {
	float: left;
	height: 19px;
	padding: 0 4px;
	text-indent: -1000em;
	overflow: hidden;
}

#navi_bottom a {
	display: block;
	height: 19px;
	line-height: 0;
}

#navi_bottom a:hover {
	background-position: bottom;
}

#navi_bottom00 a {background: url('img/navi_b00.png') no-repeat; width:78px;}
#navi_bottom01 a {background: url('img/navi_b01.png') no-repeat; width:49px;}
#navi_bottom02 a {background: url('img/navi_b02.png') no-repeat; width:109px;}
#navi_bottom03 a {background: url('img/navi_b03.png') no-repeat; width:130px;}
#navi_bottom04 a {background: url('img/navi_b04.png') no-repeat; width:68px;}

address {
	font-style: normal;
	text-align: center;
	margin: 12px 0;
}




/*制作実績
------------------------------------------------*/
.result_ {
	position:relative;
	float:left;
	width:100%;
	height: auto;
	margin-bottom /**/:8px;
}
.result_img {
	float: left;
	width: 219px;
	height: 167px;
	padding-left: 4px;
}

.result_text {
	float: right;
	width: 550px;
	height: auto;
}

.result_img p {display: none;}

.result_text h3 {
	display: inline;
	font-size: 117%;
	line-height: 2.5em;
} 

.result_text .details a {
	display: block;
	width: 92px;
	height: 20px;
	background: url('img/btn_details.png') no-repeat;
	text-indent: -1000em;
	line-height: 0;
	margin-top: 5px;
	overflow: hidden;
}

.result_text th {
	text-align: left;
	vertical-align: top;
}


/*テーブル
------------------------------------------------*/
table.base {
	border-top: 1px solid #d5d5d5;
	/* border-left: 1px solid #d5d5d5; */
	border-collapse:collapse;
	margin: 0 18px 1em 18px;
	width:751px;
}
table.base td {
	border-bottom: 1px solid #d5d5d5;
	/* border-right: 1px solid #d5d5d5; */
	vertical-align: center;
	padding:0.25em 1em;
}
table.base th {
	width:180px;
	background: #f6f8fb;
	border-bottom: 1px solid #d5d5d5;
	/* border-right: 1px solid #d5d5d5; */
	vertical-align: center;
	padding:0.25em 1em;
}

table.normal {
	margin:0;
	padding:0;
}
table.normal td, table.normal th {
	width: auto;
	background: none;
	border: none;
	padding:0;
}


table.press {
	border-top: 1px solid #d5d5d5;
	border-collapse:collapse;
	margin: 0.5em 18px 1em 18px;
	width:751px;
}
table.press td {
	border-bottom: 1px solid #d5d5d5;
	vertical-align: center;
	padding:0.5em 1em;
	line-height:1.8;
}
table.press th {
	width:auto;
	/* background: #f6f8fb; */
	border-bottom: 1px solid #d5d5d5;
	padding:0.5em 1em;
	font-weight: normal;
}


/*本文中のリスト
------------------------------------------------*/
ul.text, ol.text {
	margin: 0 18px 1em;
}
ul li.text {
	margin-left: 3.5em;
	margin-bottom: 0.5em;
	list-style-type: disc;
}
ol li.text {
	margin-left: 3.5em;
	margin-bottom: 0.5em;
	list-style-type: decimal;
}
ul li.q {
	margin-left: 3.5em;
	margin-bottom: 0.5em;
	list-style-image: url('img/bullet_q.png') ;
}


/*フォーム
------------------------------------------------*/
form table, table#preview {
	border: 1px solid #ccc;
	width: 751px;
	margin: 0 18px 1em 18px;
}

form td, table#preview td {
	padding: 0.5em 1em;
}

form th, table#preview th {
	background-color: #f6f8fb;
	font-weight: normal;
	padding: 0.5em 1em;
	width:180px;
}

form th.must {
	border-left-color: #d94040;
}

form .select {
	width: 5em;
}

form .Error {
	background: #ffe9e9;
}


form .Error li {
	margin: 0 1em 0 3.5em;
	list-style-type: disc;
}


form textarea {
	width:94%;
}

form .submit {
	text-align: center;
	margin:16px 0 auto;
}

#info_privacy{
	margin-left: 32px;
}



/* ---------------------------- */
.breadcrumbs {
  font-size: 80%;
  margin: 0 18px 1.5em 6px;
}
.subpagelink {
  float: right;
  margin: 0 18px 1em 18px;
  font-weight: bold;
  text-align: right;
}
.note { font-size: 85%; }
.flow td.one {
  background: transparent;
  font-weight: bold;
  text-align: center;
}



/*Flow
------------------------------------------------*/
#flow_inquiry {
	width: 189px;
	height: 80px;
	background: url('img/flow_inquiry.png') no-repeat center;
}
#flow_inquiry span {display: none;}
#flow_mtg {
	width: 189px;
	height: 80px;
	background: url('img/flow_mtg.png') no-repeat center;
}
#flow_mtg span {display: none;}
#flow_estimate {
	width: 189px;
	height: 80px;
	background: url('img/flow_estimate.png') no-repeat center;
}
#flow_estimate span {display: none;}
#flow_content {
	width: 189px;
	height: 80px;
	background: url('img/flow_content.png') no-repeat center;
}
#flow_content span {display: none;}
#flow_design {
	width: 189px;
	height: 80px;
	background: url('img/flow_design.png') no-repeat center;
}
#flow_design span {display: none;}
#flow_make {
	width: 189px;
	height: 80px;
	background: url('img/flow_make.png') no-repeat center;
}
#flow_make span {display: none;}

table.nest_table {
	margin : 0.5em 1em 0;
}
table.nest_table td {
	border : none;
	padding : 0;
}
.nest_table_price {
	text-align: right;
	text-indent: 1em;
}