body {
margin:0;
padding:0;
font-size: 1em;	
line-height: 150%;
text-align:center;
background-color:#ffffff;
background-image:url(../img/bg.gif);
color:#333333;
}

hr{
	margin:1.5em 5px;
}
em{
	font-style:normal;
	text-decoration:underline;
}

a:link{
	color:#0033CC;
}
a:visited{
	color:#6633CC;
}
a:hover{
	color:#CC3333;
}
a:active{
	color:#663300;
}

.clear_b{
	clear:both;
}

.t_right{
	text-align:right;
}
.t_center{
	text-align:center;
}
.small{
	font-size:80%;
}
.large{
	font-size:120%;
}
.bold{
	font-weight:bold;
}
.red{
	color:#ff3300;
}
.blue{
	color:#0033CC;
}
.bg_pink{
	background-color:#FFdddd;
}
.bg_sky{
	background-color:#33ccff;
}

/*--- base ---*/

div.base{
	width:852px;
	margin:0 auto;
	background-color:#ffffff;
}
/*div.body{
	background-image:url(../img/body_bg.gif);
	background-repeat:repeat-y;
}*/
h2 {
  padding:0;
  margin:0;
  font-size:12px;
  text-align:left;
  color:#333333;}

h3 , h4{
	font-size:100%;
	margin:1em;
}

ol.yakusoku{
	margin:1em;
}
.yakusoku li{
	margin:1em 1.5em;
}
h4.mokuteki{
	margin-bottom:0;
	padding-bottom:0;
	margin-top:1.5em;
}
p.mokuteki{
	margin-top:0;
}

div.h_2{
  padding:0;
  margin:0;
  font-size:0.8em;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#0066CC;
}

/* === 両サイドメニュー === */

.inner{
	padding:2px 0px;
	font-size:11px;
	line-height:16px;
}
.inner p{
	margin:5px;
}


/* 画像コンテンツ */
img {
  border-style: none;}

/* ヘッダーコンテンツ */
.header {
  width:850px;
  margin:0 auto;
  text-align:left;
  padding-bottom:0.5em;
  font-size:10px;}
  
.header h1{
  font-size:12px;
  padding:0;
  margin:0;
  float:left;
  display:inline;
  color:#333333;}
  
.header h2{
  font-size:12px;
  float:right;}

/* ヘッダーサイトマップ */
.headersite{
  float:right;
  margin:0;}

/* ヘッダーメニュー */
.menu{
	background-image:url(../img/button_bg.gif);
	background-repeat:repeat-x;
	text-align:center;
	height:31px;
}
  
/*  レフトコンテンツ  */
.left {
	width:180px;
	text-align:center;
	float:left;
	display:inline;
	text-align:left;
	margin:0 0 1em;}

.left h2 {
	font-size:12px;
	line-height:12px;
	padding-top:13px;
	padding-bottom:15px;
	color:#ffffff;
	text-align: center;
	margin:1em 4px 0 1px;
	width:175px;
	background-image:url(../img/left_h2_01.jpg);
	background-repeat:no-repeat;
}

.left .inner{
	width:175px;
	margin:0 4px 0 1px;
	background-image:url(../img/left_bg_m.jpg);
	background-repeat:repeat-y;
}
.left .inner_bottom{
	margin:0 4px 0 1px;
}

.left div.h_2{
	height:40px;
	font-size:12px;
	line-height:40px;
	color:#ffffff;
	text-align: center;
	margin:1em 4px 0 1px;
	width:175px;
	background-image:url(../img/left_h2_01.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
}

.left h2.inner_h{
	background-image:none;
	font-size:14px;
	margin:0.5em 0;
	font-weight:bold;
	color:#CC0000;
}

.left a.menu01 {
  text-decoration:none;
  font-size:12px;
  background-image:url(../img/left_link_head.gif);
  background-repeat:no-repeat;
  background-position:5px 6px;
  display:block;
  margin:0px 6px;
  padding:5px 2px 2px 23px;}

.left a.menu01:hover {
	background-image:url(../img/left_link_head_ov.gif);
	background-repeat:no-repeat;
	background-color:transparent;
}

.left a.line{
	display:inline;
	padding:0;
	border-width:0;
}

.left .region{
	font-size:100%;
	font-weight:normal;
	margin:0 5px;
	padding:0;
}

/*  センターコンテンツ  */

.content {
  width:500px;
  margin:0 0 12px 0;
  padding:0;
  float:left;
  display:inline;
  text-align:left;
  background-color:#ffffff;
  background-image:url(../img/content_bg_m.gif);
  background-repeat:repeat-y;
}


.content p{
  margin:1em;}

.content h2 {
  margin:0 10px;
  height:26px;
  width:480px;
  background-image:url(../img/cont_h2.jpg);
  background-repeat:no-repeat;
  padding-left:34px;
  font-size:14px;
  line-height:26px;
  color:#003399;
}
.content h2.top{
	margin:1em 10px;
}

.content div.h_2 {
  padding:0.5em;}
  
.content p.dd{
	margin-left:4em;
}
.content dl{
	margin:10px;
}

ul.top_bullet{
	margin:1em 3em;
	font-weight:bold;
	padding:0;
	border:1px solid #cccccc;
	background-color:#f0f0f0;
}
ul.top_bullet li{
	margin:0.5em 10px;
	list-style-type:none;
	background-image:url(../img/bullet01.gif);
	background-repeat:no-repeat;
	padding-left:24px;
}

ul.top_bullet_02{
	margin:1em 10px;
	padding:0;
	font-weight:bold;
	padding-bottom:40px;
	background-image:url(../img/bullet_02_bg.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
}
ul.top_bullet_02 li{
	margin:0.5em 3em;
	list-style-type:none;
	background-image:url(../img/bullet01.gif);
	background-repeat:no-repeat;
	padding-left:24px;
}

ul.top_bullet li.green{
	margin:0.5em 10px;
	list-style-type:none;
	background-image:url(../img/h_point.gif);
	background-repeat:no-repeat;
	padding-left:24px;
}

.point{
	background-image:url(../img/h_point.gif);
	background-repeat:no-repeat;
	padding-left:24px;
}

img.promise{
	margin:1em 0;
}

/*  ライトコンテンツ  */

.right {
	width:170px;
	float:right;
	display:inline;
	text-align:left;
	padding-bottom:10px;
	margin:0;
	font-size:11px;}

.right .inner{
	background-image:url(../img/right_bg_m.jpg);
	background-repeat:repeat-y;
	padding:1px 0;
}

.right h2{
	font-size:12px;
	line-height:20px;
	color:#ffffff;
	text-align: center;
	margin:1em 0 0;
	font-weight:bold;
	background-image:url(../img/right_h2_01.jpg);
	background-repeat:no-repeat;
}
.right h2.top {
	margin:0;
}
.right h2.mid{
	background-image:url(../img/right_h2_01.jpg);
	background-repeat:no-repeat;
}

.right div.h_2 {
  padding:0.5em;
  text-align: center;
  margin:0;}

.right p{
	margin:1em;
}

.right ul{
	margin:1em;
	padding:0;
}
.right ul li{
	list-style-type:none;
	margin:0.5em 0;
	padding:0;
	text-indent:0;
}

.right p.voice{
	margin-bottom:0;
}
p.voice a{
	font-weight:bold;
}
.right div.voice{
	margin:1px 1em;
}

/*  フッター  */

.bottom_menu {
  text-align:center;
  font-size:70%;
  padding:0.5em;
  
  background-image:url(../img/top_footer.jpg);
  color:#FFFFFF;
  clear: both;}

.bottom_menu a:link{
	color:#FFFFFF;
}
.bottom_menu a:visited{
	color:#FFFFFF;
}
.bottom_menu a:hover{
	color:#00CCFF;
}
  
.foot_link{
	font-size:10px;
	text-align:right;
	margin:5px 0;
	padding:3px 5px;
	color:#aaaaaa;
	border-bottom:1px solid #999999;
}
.foot_link a{
	text-decoration:none;
}
.foot_link a:link{
	color:#aaaaaa;
}
.foot_link a:visited{
	color:#aaaaaa;
}
.foot_link a:hover{
	color:#FF9900;
}

.footer {
  text-align:center;
  padding:0.5em;
  clear: both;}
  
/*お問い合わせ*/

table#contact-box{
	margin:20px;
	border:1px solid #cccccc;
}

table#contact-box th{
	font-weight:normal;
	padding:7px 20px;
	background-color:#e8e8e8;
}

.hissu{
	color:#cc0000;
}
#button-box{
	text-align:center;
}

.msg{
	margin:20px 100px;
	text-align:center;
	font-weight:bold;
	color:#000066;
}
.errmsg{
	margin:20px 100px;
	text-align:center;
	font-weight:bold;
	color:#990000;
}
.back{
	margin:20px auto;
	text-align:center
}

/* === お客様の声 === */

img.face{
	float:left;
	display:inline;
	margin:10px;
	border:1px solid #cccccc;
}
p.v_title{
	margin-top:1.5em;
}

h4.v_title{
	margin-top:1.5em;
	margin-bottom:0.8em;
}

.v_info{
	margin:1em 1em 3em;
	padding:0 10px 10px;
	background-image:url(../img/v_bg.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
}
.v_line{
	margin:0 10px;
	background:url(../img/seo_hr_bg.jpg) no-repeat;
}

.site{
	float:left;
}
.v_site_info{
	margin-left:260px;
}
.v_site_info .v_title{
	font-size:12px;
	line-height:20px;
	color:#ffffff;
	text-align: left;
	text-indent:5px;
	background-image:url(../img/right_h2_01.jpg);
	background-repeat:no-repeat;
}

.v_site_info .inner{
	padding:0.5em 5px 5px;
	font-size:12px;
}

.v_site_info .inner div{
	padding-left:22px;
	background-image:url(../img/h_point.gif);
	background-repeat:no-repeat;
	margin:1.5em auto 1em;
	font-size:12px;
	line-height:18px;
}
.v_site_info p{
	margin:1em 0 1em 22px;
}
.v_headline{
	clear:left;
	border-bottom:1px solid #aaaaaa;
	padding:1.2em 0 1px 90px;
	background:url(../voice_/img/fukidashi.gif) bottom left no-repeat;
}

/* === 制作実績 === */
div.works{
	text-align:center;
	margin:10px 0;
}
div.works h3{
	margin:0.5em 1em 0;
	text-align:left;
}
table.works{
	margin:5px auto;
	border-width:0;
	font-size:9px;
	line-height:12px;
	text-align:center;
	border-collapse:separate;
	border-spacing:10px;
}
.works td{
	padding:5px 1px;
	color:#999999;
	border:1px solid #999999;
}

img.sumb{
	float:left;
	display:inline;
	margin:0 5px;
}

ul.works_page{
	margin:5px 140px;
	padding:0;
	font-size:70%;
}

/* === 会社概要 === */

table.main{
	width:480px;
	margin:5px auto;
	background-image:url(../img/landmark.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	font-size:12px;
}
table.main th{
	width:6em;
}
table.main td.part{
	width:6px;
	background-image:url(../img/prof_head.gif);
	background-repeat:repeat;
}
table.main caption{
	text-align:left;
}
table.main td p{
	margin-bottom:50px;
}

.map{
	margin:1em;
}
.map img{
	float:right;
	margin:0 0 1em 1em;
}

/* === 代表あいさつ === */

.omori_photo{
	float:right;
	margin:1em;
}
.omori_photo img{
	border:1px dotted #999999;
}

.greet{
	font-size:80%;
	line-height:110%;
}


/* === 制作の流れ === */

p.flow_h{
	margin-bottom:0;
	clear:both;
}
.flow_h img{
	float:left;
	margin:0;
}
h2.flow_h{
	background-image:none;
	padding:0;
	margin:0;
	display:inline;
	font-size:14px;
	position:relative;
	top:4px;
	color:#FF9900;
}

div.flow{
	margin:0 1em 1em;
	clear:both;
}
div.flow img{
	float:left;
	margin:0 1em 1em 0;
}

p.flow_top{
	margin:0.5em 30px;
	text-align:center;
}
p.flow_top img{
	margin:8px 0;
}

/* === 料金 === */

div.price{
	margin:1em 2em 0;
}
ul.price{
	margin:0 1em;
	padding:0 1em;
}

/* ===集客万来=== */

table.seo{
	border:1px solid #999999;
	width:460px;
	margin:1em 20px;
	background-color:#003399;
	background-image:url(../img/seo_table_bg.jpg);
	background-repeat:no-repeat;
}
table.seo td , .seo th{
	padding:2px 3px;
	border:1px solid #999999;
	background-color:#FFFFFF;
}
table.seo th{
	text-align:center;
	font-size:smaller;
	font-weight:normal;
}
table.seo th.logo{
	width:110px;
}
table.seo .keyword{
	width:190px;
}
table.seo td.name{
	 padding:5px 5px 5px 10px;
	 border-width:0;
	 background-color:transparent;
	 color:#FFFF66;
	 font-weight:bold;
}
.name a:link , .name a:visited{
	color:#FFFF66;
}
.name a:hover{
	color:#ff6633;
}
hr.seo{
	width:480px;
	height:16px;
	border-style:none;
	border-color:#FFFFFF;
	background-image:url(../img/seo_hr_bg.jpg);
	background-repeat:no-repeat;
	margin:2em 10px 0;
}
h3.seo_border{
	width:480px;
	background-image:url(../img/seo_hr_bg.jpg);
	background-repeat:no-repeat;
	margin:2em 10px 1em;
	padding-top:16px;
	padding-left:3px;
}
h4.s1{
	margin:1em 13px;
	color:#ff3300;
}
h4.seo_border{
	margin-top:0;
	width:480px;
	background-image:url(../img/seo_hr_bg.jpg);
	background-repeat:no-repeat;
	margin:2em 10px 1em;
	padding-top:16px;
	padding-left:3px;
	color:#ff3300;
}
.seo_footer{
	margin:4em 20px 1em;
	border-top:1px solid #666666;
	padding:1em 0.5em 0;
	font-size:xx-small;
}

div.tab_rail1{
	width:480px;
	margin:1em 10px 0;
	padding:0 10px;
}
div.tab_rail2{
	width:480px;
	margin:0 10px;
	padding:0 10px;
}
div.tab_rail1 a{
	display:block;
	width:115px;
	float:left;
	font-size:12px;
	line-height:12px;
	padding:7px 0 1px;
	margin:0;
	text-align:center;
	text-decoration:none;
	background-image:url(../img/tab02.gif);
	background-repeat:no-repeat;
}
div.tab_rail2 a{
	display:block;
	width:115px;
	float:left;
	font-size:12px;
	line-height:12px;
	padding:7px 0 1px;
	margin:0;
	text-align:center;
	text-decoration:none;
	background-image:url(../img/tab02.gif);
	background-repeat:no-repeat;
	border-bottom:1px solid #666666;
}
div.tab_rail1 a:link ,
div.tab_rail1 a:visited ,
div.tab_rail2 a:link ,
div.tab_rail2 a:visited {
	color:#FFFFFF;
}
div.tab_rail1 a:hover ,
div.tab_rail2 a:hover{
	color:#FF0000;
}
span.tab_here{
	display:block;
	width:115px;
	float:left;
	font-size:12px;
	line-height:12px;
	padding:7px 0 1px;
	margin:0;
	text-align:center;
	text-decoration:none;
	color:#ff0000;
	background-image:url(../img/tab01.gif);
	background-repeat:no-repeat;
}
div.tab_rail2 span.tab_here{
	border-bottom:1px solid #666666;
}

/* === リンク === */

a strong.link{
	font-weight:normal;
}

/*====用語集====*/

dl.yougo{
	margin:1em;
	margin-left:2em;
}

hr{
	margin:1em 5px;
}
p.e_footer{
	margin:1em 2em;
	font-size:small;
}

/* === ブログ === */
.entries{
	margin:10px;
	height:300px;
	overflow:auto;
}
.bt{
	margin:1em 1em 0;
	border:1px solid #cccccc;
	border-bottom-width:0;
	padding:1px 3px 2px;
}
.bt h3{
	margin:5px 0 0;
	padding:0;
}
.bbun{
	margin:0 1em 1em;
	padding:1px 1.2em 3px;
	border:1px solid #cccccc;
	border-top-width:0;
}
.calender{
	text-align:center;
}
.calender table.calender{
	font-size:10px;
	margin:3px auto;
}