/* CSS Document */

@charset "Shift_JIS";

/* ========BASIC======== */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
   color:#333;
}

body {
   margin: 0;
   padding: 0;
   font-size: 90%;
   line-height: 1.6em;
   background: #fff;
}


/*リンクの設定*/
a:link {
	color: #333;
	text-decoration: underline;
}
a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover {
	color: #777;
	text-decoration: none;
}
a:active {
	color: #F00;
	text-decoration: none;
}

/*空白削除*/
p,div,span,ul,ol,li,blockquote,h1,h2,h3,h4,h5,h6,form {
	margin: 0;
	padding: 0;
}


/*IMGのボーダーを非表示*/
a img {
	border: none;
}

/*リンクの点線を非表示*/
a { outline: none;
}

/*IEで起こるBRのバグ回避*/

br {
	letter-spacing: normal;
}


/* ========header======== */

#header-top {
	width: 100%;
	height: 97px;
	padding-top: 24px;
	margin-bottom: 29px;
	background: url(../img_new/sp_logo_top_back.gif) 0 0 repeat-x;
}

#header-top h1 {
	margin-left: 50px;
}



#header {
	width: 100%;
	height: 47px;
	margin: 50px 0 53px 0;
	background: url(../img_new/sp_logo_back.gif) 0 0 repeat-x;
}


/* ========main======== */

/*--TOPページのみ--*/ 
#wrap-top {
	width: 1090px;
}

/*--その他のページ--*/ 
#wrap {
	width: 967px;
}

/* ========左メニュー部分======== */

#side-menu {
	width: 207px;
	margin: 10px 0 70px 50px;
	float: left;
	display:inline;
}

#side-menu .banner {
margin-bottom: 20px;
float: left;
}

#side-menu p {
	font-size: 75%;
	line-height: 1.6em;
}

/* ========左ナビ　ロールオーバー======== */

#side-Navi { width: 207px; height: 217px; float: left; margin-bottom: 23px; background: url(../img_new/sp_navi.gif) no-repeat} 
#side-Navi ul{ width: 207px; height: 35px; margin: 0; padding: 0; list-style: none} 
#side-Navi li{ margin: 1px 0 0 0; padding: 0; text-indent: -9999px; float: left} 
#side-Navi li a { display: block; width: 207px; height: 35px; text-decoration: none; overflow: hidden} 
/*----------------------------------------*/ 
#side-Navi01{width :207px} 
#side-Navi01 a:hover { width: 207px; background: url(../img_new/sp_navi.gif) -207px -1px} 
#side-Navi01On { width: 207px; background: url(../img_new/sp_navi.gif) -207px -1px} 
/*----------------------------------------*/ 
#side-Navi02{width :207px} 
#side-Navi02 a:hover { width: 207px; background: url(../img_new/sp_navi.gif) -207px -37px} 
#side-Navi02On { width: 207px; background: url(../img_new/sp_navi.gif) -207px -37px} 
/*----------------------------------------*/ 
#side-Navi03{width :207px} 
#side-Navi03 a:hover { width: 207px; background: url(../img_new/sp_navi.gif) -207px -73px} 
#side-Navi03On { width: 207px; background: url(../img_new/sp_navi.gif) -207px -73px} 
/*----------------------------------------*/ 
#side-Navi04{width :207px} 
#side-Navi04 a:hover { width: 207px; background: url(../img_new/sp_navi.gif) -207px -109px} 
#side-Navi04On { width: 207px; background: url(../img_new/sp_navi.gif) -207px -109px} 
/*----------------------------------------*/ 
#side-Navi05{width :207px} 
#side-Navi05 a:hover { width: 207px; background: url(../img_new/sp_navi.gif) -207px -145px} 
#side-Navi05On { width: 207px; background: url(../img_new/sp_navi.gif) -207px -145px} 
/*----------------------------------------*/ 
#side-Navi06{width :207px} 
#side-Navi06 a:hover { width: 207px; background: url(../img_new/sp_navi.gif) -207px -181px} 
#side-Navi06On { width: 207px; background: url(../img_new/sp_navi.gif) -207px -181px} 
/*----------------------------------------*/ 

/* ========TOPページ内容======== */

#main-top {
	width: 773px;
	float: left;
	margin-left: 60px;
	margin-bottom: 40px;
	display:inline;
}

#main-top h2 {
	 margin-bottom: 60px;
}

#main-top p {
	margin-bottom: 40px;
}

/* ========その他ページ内容======== */

#main {
	width: 650px;
	float: left;
	margin-left: 60px;
	margin-bottom: 40px;
	display:inline;
}

#main h2 {
	 margin-bottom: 48px;
}

#main h3 {
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: bold;
	color: #F00;
}

#main .black {
	color: #000000;
	margin-bottom: 20px;
}

#main p {
	margin-bottom: 25px;
}

/*--コンテンツマーケティングとは--*/ 

#box475 {
width: 475px;
}

.ice_chart {
margin: 20px 0 50px 0;
}

#main #concept {
	margin-bottom: 50px;
}
#main #concept h2 {
	 margin-bottom: 30px;
	 color: #0068b3;
	 font-size: 130%;
	 font-weight: bold;
}
#main #concept h3 {
	margin-bottom: 4px;
	font-size: 120%;
	font-weight: bold;
	color: #0068b3;
}

#main #method {
	margin-bottom: 40px;
}
#main #method h2 {
	 margin-bottom: 30px;
	 color: #0068b3;
	 font-size: 130%;
	 font-weight: bold;
}
#main #method h3 {
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: bold;
	color: #0068b3;
}

#main #method #left-box {
	width: 170px;
	float: left;
}

#main #method .right-img {
margin-bottom: 20px;
_margin-bottom: 0;
float: right;
}

/*--事業項目の箇条書き--*/ 

#main #koumoku {
	margin-bottom: 25px;
}

#main #koumoku ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#main #koumoku li {
	padding-left: 15px;
	background: url(../img_new/list_dot.gif) no-repeat 5px 0.6em;
}

#main #line {
	width: 420px;
	height: 25px;
	background: url(../img_new/footer-line.gif) 0 0 repeat-x;
}


/*--会社概要 - 会社所在--*/ 

#syozai {
	width: 380px;
	margin-bottom: 20px;
	clear: left;
}
#syozai-photo {
	width: 150px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}

#syozai-photo p {
	font-size: 75%;
	margin-bottom: 5px;
}

#syozai-photo img {
	margin-bottom: 5px;
}

#syozai-note {
	width: 210px;
	float: left;
}

#syozai-note h4 {
	margin-bottom: 0.6em;
	font-weight: bold;
}

#syozai-note p {
	margin-bottom: 5px;
}


/*会社概要 - 会社概要 - 表組み*/

#gaiyou {
	clear:both;
	margin-bottom: 40px;
}
#gaiyou table {
	width: 380px;
	padding: 0;
	border: none;
	border-collapse: collapse;
	text-align: left;
}

#gaiyou th {
	line-height: 1.4em;
	text-align: left;
	font-weight: bold;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#gaiyou td {
	line-height: 1.5em;
	margin: 0px;
	padding: 5px;
	vertical-align: top;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
} 
#gaiyou p {
	margin: 10px 0 10px 0;
}

/*--個人情報保護方針 - 責任者とお問い合わせ--*/ 

.sekinin-shya {
	color: #555;
	text-align: right;
	font-size: 90%;
	line-height: 1.4em;
	float: right;
}
#clear-space {
	clear: both;
	height: 40px;
}

#otoiawase {
	padding: 13px;
	background: #EEE;
}
*:first-child+html #otoiawase {
margin-bottom: 40px;
}
#otoiawase p {
	color: #666;
	font-size: 86%;
	margin: 0;
}

#otoiawase h4 {
		font-size: 95%;
	font-weight: bold;
	margin-bottom: 5px;
}

/*--個人情報保護方針 - 個人情報の利用目的--*/ 

#main #riyoumokuteki {
	margin-bottom: 25px;
}

#main #riyoumokuteki ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#main #riyoumokuteki li {
	padding-left: 15px;
	background: url(../img_new/list_dot.gif) no-repeat 5px 0.6em;
	margin-bottom: 10px;
}


/* ========フッター======== */

#footer {
	width: 100%;
	padding-bottom: 10px;	
	clear: left;
}

#footer p {
background: url(../img_new/footer-line.gif) 0 0 repeat-x;
	font-size: 75%;
	line-height: 1.5em;
	padding-top: 10px;
	margin-left: 50px;
}

#footer .privacy {
	line-height: 2.8em;
}