@charset "UTF-8";

/*
@import"base.css";
@import"reset.css";
*/

/* --------------------------------------------------------------------------------------
 body
--------------------------------------------------------------------------------------- */

body{
	background-color:#eee8d8;
	text-align:center;
}

/* --------------------------------------------------------------------------------------
 utility
--------------------------------------------------------------------------------------- */

div#utility{
	width: 100%;
	background-color:#b81806;
	height:20px;
	color:#ffffff;
	font: 13px/1.6 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
}

div#utility_in{
	width:1120px;
	margin: 0 auto;
}

div#utility_text{
	float:left;
}

div#utility_navi{
	float:right;
}

/* --------------------------------------------------------------------------------------
header
--------------------------------------------------------------------------------------- */

div#header{
	width: 100%;
	height:100px;
	background-image:url(/img/header_bg.gif);
	background-repeat:repeat-x;
}

div#header_in{
	width: 1120px;
	height:100px;
	margin: 0 auto;
	text-align:left;
	background-image:url(/img/header.gif);
	background-repeat:no-repeat;
}


/* --------------------------------------------------------------------------------------
menu
--------------------------------------------------------------------------------------- */

div#menu{
	width:100%;
	height:50px;
	background-image:url(/img/menu_bg.gif);
	background-repeat:repeat-x;
}

div#menu_in{
	width:1120px;
	height:50px;
	margin: 0 auto;
	padding:0 0 0 0;
}

/* --------------------------------------------------------------------------------------
top
--------------------------------------------------------------------------------------- */

div#top{
	width:100%;
	height:260px;
	background-image:url(/img/top_bg.gif);
	background-repeat:repeat-x;
}

div#top_in{
	width:1120px;
	height:260px;
	margin: 0 auto;
}

/* --------------------------------------------------------------------------------------
footer
--------------------------------------------------------------------------------------- */


div#footer{
	clear: both;
	width: 100%;
	font: 11px/1.6 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
	color:#ffffff;
	background-color:#b81806;
}


div#footer_in{
	clear: both;
	width: 1120px;
	margin: 0 auto;
	text-align:left;
	background-color:#b81806;
}

div#fmenu1{
	width:250px;
	xheight:125px;
	height:150px;
	background-image:url(/img/footer1.gif);
	background-repeat:repeat-y;
	float:left;
	margin:20px 0 20px 0;
	padding:0 15px 0 15px;
	font-size:13px;
}

div#fmenu2{
	width:250px;
	xheight:125px;
	height:150px;
	background-image:url(/img/footer2.gif);
	background-repeat:repeat-y;
	float:left;
	margin:20px 0 20px 0;
	padding:0 15px 0 15px;
	font-size:13px;
}

div#fmenu3{
	width:250px;
	xheight:125px;
	height:150px;
	background-image:url(/img/footer3.gif);
	background-repeat:repeat-y;
	float:left;
	margin:20px 0 20px 0;
	padding:0 15px 0 15px;
	font-size:13px;
}

div#fmenu4{
	width:250px;
	xheight:125px;
	height:150px;
	background-image:url(/img/footer4.gif);
	background-repeat:repeat-y;
	float:left;
	margin:20px 0 20px 0;
	padding:0 15px 0 15px;
	font-size:13px;
}


div#copy{
	width:100%;
	background-color:#9e0d03;
	color:#ffffff;
	padding:10px 0 10px 0;
}


/* --------------------------------------------------------------------------------------
 content
--------------------------------------------------------------------------------------- */


/*コンテンツレイアウト*/

div#content{
	width:100%;
	font: 14px/1.6 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
	padding:20px 0 20px 0;
	color:#111111;
}


div#content_in{
	width:1120px;
	margin: 0 auto;
}


/*サイドレフト*/


div#left{
	width:790px;
	float:left;
	background-color:#fffcf4;
	padding:20px 20px 0 20px;
	text-align:left;
	}

div.box{
	background-color:#eee8d8;
	padding:15px 15px 15px 15px;
	margin-bottom:20px;
}

div.box p{
	margin-bottom:20px;
}

div.text{
	padding:15px 15px 15px 15px;
	background-color:#fffcf4;
}

div#left h2{
	width:770px;
	height:44px;
	background-image:url(/img/h2.gif);
	margin-bottom:20px;
	font-size:23px;
	padding:6px 0 0 20px;
}

div#left h3{
	width:730px;
	height:38px;
	background-image:url(/img/h3.gif);
	font-size:21px;
	margin-bottom:20px;
	padding:7px 0 0 30px;
}


/*パッケージ*/

div#pack1{
	width:310px;
	height:122px;
	background-image:url(/img/plan-b.gif);
	float:left;
	padding:65px 30px 0 30px;
  margin-bottom:15px;
}

div#pack2{
	width:310px;
	height:122px;
	background-image:url(/img/plan-c.gif);
	float:right;
	padding:65px 30px 0 30px;
  margin-bottom:15px;
}

div#pack3{
	width:310px;
	height:122px;
	background-image:url(/img/plan-a.gif);
	float:left;
	padding:65px 30px 0 30px;
}

div#pack4{
	width:310px;
	height:122px;
	background-image:url(/img/plan-d.gif);
	float:right;
	padding:65px 30px 0 30px;
}

div#pack1 p,div#pack2 p,div#pack3 p,div#pack4 p{
	margin-bottom:10px;
}


/*誹謗中傷対策の導入メリット*/

#content_in dl{
	width:250px;
	background-color:#eee8d8;
	margin-bottom:20px;
	float:left;
}

#content_in dt{
	width:250px;
	height:40px;
}


#content_in dd{
	width:220px;
	padding:0;
	padding:15px 15px 15px 15px;
}

#content_in dd img{
	margin-bottom:15px;
}

dl.yohaku{
	margin:0 20px 0 20px;
}


/*誹謗中傷対策の特徴*/

div.feature1{
	background-color:#fffcf4;
	margin-bottom:15px;
	padding:15px 15px 15px 15px;
}

div.feature2{
	background-color:#fffcf4;
	margin-bottom:15px;
	padding:15px 15px 15px 15px;
}

div.feature3{
	background-color:#fffcf4;
	padding:15px 15px 15px 15px;
}

/*お客様の声*/

div.visitor_left{
  width:349px;
	padding:15px 15px 15px 15px;
	background-color:#fffcf4;
  float:left;
  border-bottom:1px dotted #cccccc;
  border-right:1px dotted #cccccc;
  font-size:12.5px;
}

div.visitor_right{
  width:350px;
	padding:15px 15px 15px 15px;
	background-color:#fffcf4;
  float:right;
  border-bottom:1px dotted #cccccc;
  font-size:12.5px;
}

div.visitor_left img,div.visitor_right img{
  float:left;
  margin-right:10px;
}



/*web100*/

table.web100{
	background-color:#fffcf4;
}

table.web100 td{
	padding:15px 15px 15px 15px;
}

/*サイドライト*/

div#right{
	width:270px;
	float:right;
}

div#right img{
	margin-bottom:10px;
}

div#topics{
	background-image:url("/img/topics.gif");
	background-repeat:no-repeat;
	background-color:#fffcf4;
	padding:45px 15px 20px 15px;
	text-align:left;
	margin-bottom:15px;
}

div#topics p{
	border-bottom:1px dotted #cccccc;
	padding:5px 0 5px 0;
}

div#pickup{
	background-image:url("/img/pickup.gif");
	background-repeat:no-repeat;
	background-color:#fffcf4;
	padding:50px 10px 0 10px;
	text-align:left;
	margin-bottom:15px;
}


/*--------------------------
	 キャンペーン
---------------------------*/

table.price2{
	width:760px;
	border:1px solid #aaaaaa;
	margin-bottom:20px;
}

table.price2 th{
	xwidth:130px;
	background-color:#fff2ce;
	padding:10px 10px 10px 10px;
	text-align:center;
	font-size:15px;
	border-right:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
}

table.price2 td{
	width:235px;
	font-size:15px;
	text-align:left;
	padding:10px 10px 10px 10px;
	background-color:#fffcf4;
	border:1px solid #aaaaaa;
	vertical-align:top;
}

table.price2 th.haikei{
	background-color:#fff8e6;
}

div.chance{
	padding:15px 15px 15px 15px;
	background-color:#fff8e6;
	background-color:#fefaf1;
	xbackground-color:#ffffff;
	border:1px dashed #fff0d4;
}

/*--------------------------
	 セミナー
---------------------------*/

table.seminar{
	width:760px;
	border:1px solid #aaaaaa;
	margin-bottom:20px;
}

table.seminar th{
	width:140px;
	background-color:#fff2ce;
	padding:10px 10px 10px 10px;
	text-align:center;
	font-size:15px;
	border-right:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
}

table.seminar td{
	font-size:15px;
	text-align:left;
	padding:10px 15px 10px 15px;
	background-color:#fffcf4;
	border:1px solid #aaaaaa;
	vertical-align:top;
}

div.voice_left{
	width:340px;
	float:left;
	margin-bottom:20px;
	background-color:#fffcf4;
	padding:15px 15px 15px 15px;
}

div.voice_right{
	width:340px;
	float:right;
	margin-bottom:20px;
	background-color:#fffcf4;
	padding:15px 15px 15px 15px;
}

div.voice_left img,
div.voice_right img{
	float:left;
	margin-right:15px;
}

div.voice_left p,
div.voice_right p{
	float:left;
}

/*--------------------------
	 サービス案内
---------------------------*/

div.box2{
	padding:15px 15px 15px 15px;
	background-color:#fffcf4;
	margin-bottom:20px;
}

div.box2 p{
	margin-bottom:15px;
}

div.box2 ul li{
	list-style-position:inside;
}

div.box3{
	padding:15px 15px 15px 15px;
	background-color:#f4fcfe;
}

table.pack{
	margin-bottom:20px;
}

table.pack td{
	width:252px;
	text-align:center;
	padding:15px 0 15px 0;
	background-color:#fff1f1;
	border:1px solid #f1cccc;
}

div.naiyou1{
  width:340px;
	background-color:#fffcf4;
  float:left;
  margin-bottom:20px;
  padding:15px 15px 15px 15px;
}

div.naiyou2{
  width:340px;
	background-color:#fffcf4;
  float:right;
  margin-bottom:20px;
  padding:15px 15px 15px 15px;
}

div.naiyou3{
  width:340px;
	background-color:#fffcf4;
  float:left;
  margin-bottom:20px;
  padding:15px 15px 15px 15px;
}

div.naiyou4{
  width:340px;
	background-color:#fffcf4;
  float:right;
  margin-bottom:20px;
  padding:15px 15px 15px 15px;
}

div.naiyou1 img{
  margin-right:15px;
  float:left;
}
div.naiyou2 img{
  margin-right:15px;
  float:left;
}
div.naiyou3 img{
  margin-right:15px;
  float:left;
}
div.naiyou4 img{
  margin-right:15px;
  float:left;
}




/*--------------------------
	 料金案内
---------------------------*/

table.price{
	width:760px;
	border:1px solid #aaaaaa;
	margin-bottom:20px;
}

table.price th{
	width:130px;
	background-color:#fff2ce;
	padding:15px 15px 15px 15px;
	text-align:center;
	font-size:15px;
	border-right:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
}

table.price td{
	font-size:15px;
	text-align:left;
	padding:15px 15px 15px 15px;
	background-color:#fffcf4;
	border-bottom:1px solid #aaaaaa;
}

/*--------------------------
	 導入事例
---------------------------*/

table.zirei{
	xbackground-color:#ffffff;
}

table.zirei th{
	font-size:18px;
	font-weight:bold;
	color:#b71806;
	padding:15px 15px 5px 15px;
	border-bottom:1px dotted #cccccc;
}

table.zirei td{
	padding:15px 15px 15px 15px;
}

/*--------------------------
	 風評被害が拡大しやすい媒体
---------------------------*/

table.baitai{
	margin-bottom:15px;
}

table.baitai td{
	width:145px;
	text-align:center;
	padding:15px 0 15px 0;
	background-color:#fff1f1;
	border:1px solid #f1cccc;
}

/*--------------------------
	 業種別一覧
---------------------------*/

ul.type{
	background-color:#eeeeee;
}

ul.type li{
	width:182px;
	padding:2px 0 2px 0;
	font-size:13px;
	list-style-type:none;
	display: block;
	float:left;
}

/*--------------------------
	 緊急対策プラン
---------------------------*/

table.baitai2{
	margin-bottom:15px;
	background-color:#ffffff;
}

table.baitai2 th{
	width:151px;
	padding:10px 0 10px 10px;
	border:1px solid #aaaaaa;
	background-color:#fff2ce;
}

table.baitai2 td{
	width:151px;
	text-align:center;
	padding:10px 0 10px 0;
	border:1px solid #aaaaaa;
	background-color:#fffcf4;
}

/*--------------------------
	 ＳＥＯ対策プラン
---------------------------*/

table.record{
  width:760px;
	border:1px solid #aaaaaa;
	background-color:#fffcf4;
  margin-bottom:20px;
}

table.record th{
	font-size:18px;
	font-weight:bold;
	padding:10px 15px 5px 15px;
  text-align:center;
	background-color:#fff1f1;
	border-right:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	background-color:#fff2ce;
}

table.record td{
	padding:15px 15px 15px 15px;
	border:1px solid #aaaaaa;
}


/*--------------------------
	 お申込みフォーム
---------------------------*/

table.form{
	width:760px;
	border:1px solid #aaaaaa;
	margin-bottom:20px;
}

table.form th{
	width:130px;
	background-color:#fff2ce;
	padding:15px 15px 15px 15px;
	text-align:center;
	font-size:14px;
	border-right:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
}

table.form td{
	font-size:15px;
	text-align:left;
	padding:15px 15px 15px 15px;
	background-color:#fffcf4;
	border-bottom:1px solid #aaaaaa;
}

/*--------------------------
	 a
---------------------------*/


div#footer a:link {
	color:#ffffff;
	text-decoration:none;
}

div#footer a:visited{
	color:#ffffff;
	text-decoration:none;
}

div#footer a:hover{
	color:#ffffff;
	text-decoration:underline;
}

div#right a:link {
	color:#111111;
	text-decoration:none;
}


div#right a:visited{
	color:#111111;
	text-decoration:none;
}

div#right a:hover{
	color:#b81806;
	text-decoration:none;
}

a:link {
	color: #257393;
	text-decoration:underline;
}

a:visited {
	color:#257393;
	text-decoration:underline;
}
a:hover {
	color: #660000;
	text-decoration:underline;
}


div#pickup a:link {
	color: #b81806;
	text-decoration:underline;
}
div#pickup a:visited {
	color:#b81806;
	text-decoration:underline;
}
div#pickup a:hover {
	color: #660000;
	text-decoration:underline;
}


div#utility_navi a:link {
	color:#ffffff;
	text-decoration:none;
}

div#utility_navi a:visited{
	color:#ffffff;
	text-decoration:none;
}

div#utility_navi a:hover{
	color:#ffffff;
	text-decoration:underline;
}


div#copy a:link {
	color:#ffffff;
	text-decoration:none;
}

div#copy a:visited{
	color:#ffffff;
	text-decoration:none;
}

div#copy a:hover{
	color:#ffffff;
	text-decoration:underline;
}


/*--------------------------
	  クラス
---------------------------*/


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

p.left{
	float:left;
	margin-bottom:15px;
}

p.right{
	float:right;
	margin-bottom:15px;
}

p.title{
	font-size:20px;
	font-weight:bold;
	color:#b71806;
	padding:0 0 5px 5px;
	border-bottom:1px dotted #aaaaaa;
}

/*--------------------------
	  文字色
---------------------------*/

.color_red{
	color:#b61705;
}



