@import url(./reset-min.css);
@import url(./menu.css);
@import url(./search.css);
@import url(./news.css);
@import url(./4col.css);

body {
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	}

a {
	color: #333333;
	text-decoration: none;
	}

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

#container {
	background: #ffffff;
	width: 960px;
	margin: 0 auto;
	position: relative;
	}

/* トップページスタイル */
#top_search {
	width: 304px;
	height: 44px;
	position: relative;
	position: absolute;
	top: 0;
	right: 8px;
	font-size: 11px;
	}

#top_search .s1 {
	position: absolute;
	top: 20px;
	right: 65px;
	}

#top_search a.s2 {
	width: 59px;
	height: 16px;
	position: absolute;
	top: 22px;
	right: 0;
	background: url(images/header_sns.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	}
	
#top_search a:hover.s2 {
	width: 59px;
	height: 16px;
	background: url(images/header_sns_hover.gif) no-repeat;
	display: block;
	}

#top_search #search_form {
	position: absolute;
	top: 21px;
	left: 0;
}


#top_left {
	width: 608px;
	float: left;
	margin: 44px 0 0;
	}

#top_left .inner {
	width: 600px;
	margin: 0 0 0 8px;
	}

#rotator {
	cursor: pointer;
	overflow: hidden;
	position: relative;
	width: 584px; 
	height: 368px; 
	}

#rotator img {
	cursor: pointer;
	width: 584px; 
	height: 368px; 
}

.conductor_leftimage {
	padding: 0 4px 0 0;
	}

#top_logo {
	position: relative;
	}

#top_logo h1 a {
	width: 390px;
	height: 60px;
	margin: 16px 0 0;
	display: block;
	background: url(images/top_logotype.gif) no-repeat;
	text-indent: -9999px;
	}

#top_m2 a.tm1 {
	width: 26px;
	height: 15px;
	position: absolute;
	top: 22px;
	left: 400px;
	display: block;
	background: url(images/top_about.gif) no-repeat;
	text-indent: -9999px;
	}

#top_m2 a:hover.tm1 {
	width: 26px;
	height: 15px;
	display: block;
	background: url(images/top_about_hover.gif) no-repeat;
	}

#top_m2 ul li.line {
	width: 6px;
	height: 14px;
	position: absolute;
	top: 22px;
	left: 426px;
	background: url(images/top_bar.gif) no-repeat;
	text-indent: -9999px;
	}

#top_m2 a.tm2 {
	width: 121px;
	height: 15px;
	position: absolute;
	top: 0px;
	left: 6px;
	display: block;
	background: url(images/top_contact.gif) no-repeat;
	text-indent: -9999px;
	}

#top_m2 a:hover.tm2 {
	width: 121px;
	height: 15px;
	display: block;
	background: url(images/top_contact_hover.gif) no-repeat;
	}

#tel a.tm3 {
	width: 120px;
	height: 19px;
	position: absolute;
	top: 40px;
	left: 400px;
	display: block;
	background: url(images/header_phonenumber.gif) no-repeat;
	text-indent: -9999px;
	}

#top_left_box {
	margin: 36px 16px 16px 0;
	}

#top_menu {
	width: 310px;
	float: left;
	}

.c_ #left_block1 {
	width: 304px;
	background: #f1f1f1;
	}

.c_ #left_block1 .inner {
	padding: 4px 0 8px;
	}

.c_ #left_block1 .block_title {
	width: 288px;
	border-bottom: solid 1px #333333;
	}

.c_ #left_block1 .block_title h2 {
	color: #4d4d4d;
	font-size: 14px;
	font-weight: bold;
	}

.c_ #left_block1 .info_block {
	width: 288px;
	font-size: 12px;
	line-height: 16px;
	}

.c_ #left_block1 .info_block2 {
	border-top: dotted 1px #b3b3b3;
	}

.c_ #left_block1 .info_block a {
	color: #808080;
	}

.c_ #left_block1 .info_block h3.itemTitle {
	color: #4d4d4d;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	}

#top_article {
	width: 264px;
	float: right;
	font-size: 12px;
	line-height: 16px;
	}

#top_article .block_title {
	margin: 0 0 8px;
	border-bottom: solid 1px #333333;
	}

#top_article .block_title h2 {
	width: 56px;
	height: 14px;
	display: block;
	background: url(images/common_latest.gif) no-repeat;
	text-indent: -9999px;
	}

#top_article h2 {
	margin: 0 0 8px;
	}

#center_rblock1 h2 {
	margin: 0 0 8px;
	}

#top_right {
	width: 352px;
	float: right;
	margin: 44px 0 0;
	}

#top_right p {
	margin: 0 0 24px;
	}

#top_right .inner {
	width: 344px;
	}

#conductor_text {
	margin: 8px 0 16px;
	border-left: solid 1px #333333;
	border-right: solid 1px #333333;
	}

#conductor_text h2 {
	margin: 0 0 10px;
	width: 206px;
	height: 14px;
	display: block;
	background: url(images/top_conductor.gif) no-repeat;
	text-indent: -9999px;
	}

#conductor_text .in {
	margin: 0 16px;
	font-size: 13px;
	}

/* ヘッダー */
#header {
	width: 960px;
	height: 148px;
	}

#header .inner {
	margin: 0 8px;
	position: relative;
	}

#header_left {
	width: 480px;
	height: 96px;
	position: absolute;
	top: 0;
	left: 160px;
	border-bottom: solid 1px #333333;
	}

#header_left h1 a {
	width: 286px;
	height: 44px;
	margin: 44px 0 0;
	display: block;
	background: url(images/header_logotype.gif) no-repeat;
	text-indent: -9999px;
	}

#header_right {
	width: 304px;
	height: 96px;
	position: relative;
	position: absolute;
	top: 0;
	right: 0;
	border-bottom: solid 1px #333333;
	font-size: 11px;
	}

/* 検索フォーム */
#search_form {
	width: 150px;
	height: 18px;
	position: relative;
	position: absolute;
	top: 33px;
	left: 0;
	background: url(images/input.gif) left top no-repeat; 
	display: block;
	}

#keywords	{
	width: 106px;
	height: 12px;
	position: absolute;
	top: 2px;
	left: 12px;
	border: 1px solid #ffffff;
	}

#search_Btn	{
	position: absolute;
	top: 1px;
	left: 125px;
	}

#header_right1 .h2 {
	position: absolute;
	bottom: 40px;
	right: 65px;
	}

#header_right1 a.h4 {
	width: 59px;
	height: 16px;
	position: absolute;
	bottom: 46px;
	right: 0;
	background: url(images/header_sns.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	}

#header_right1 a:hover.h4 {
	width: 59px;
	height: 16px;
	background: url(images/header_sns_hover.gif) no-repeat;
	display: block;
	}

#header_right2 a.h5 {
	width: 26px;
	height: 15px;
	position: absolute;
	bottom: 8px;
	right: 250px;
	background: url(images/top_about.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	}

#header_right2 a:hover.h5 {
	width: 26px;
	height: 15px;
	background: url(images/top_about_hover.gif) no-repeat;
	display: block;
	}

#header_right2 .line {
	width: 6px;
	height: 14px;
	position: absolute;
	bottom: 8px;
	right: 242px;
	background: url(images/top_bar.gif) no-repeat;
	}

#header_right2 a.h6 {
	width: 121px;
	height: 15px;
	position: absolute;
	bottom: 0px;
	left: 8px;
	background: url(images/top_contact.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	}

#header_right2 a:hover.h6 {
	width: 121px;
	height: 15px;
	background: url(images/top_contact_hover.gif) no-repeat;
	display: block;
	}

#header_right2 a.h7 {
	width: 120px;
	height: 19px;
	position: absolute;
	bottom: 8px;
	left: 185px;
	background: url(images/header_phonenumber.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	}

/* ヘッダーメニューはmenu.css */


/* 左 */
#left {
	clear: both;
	width: 160px;
	margin: 0 0 0 8px;
	float: left;
	}

#left .inner {
	width: 144px;
	margin: 16px 0 0 0;
	}

#left .inner .block_title {
	height: 26px;
	border-bottom: dotted 1px #333333;
}

#left .inner .left_menu .block_title h2 {
	width: 144px;
	height: 18px;
	display: block;
	text-indent: -9999px;
	}

#left ul.pmenu {
	margin: 0 0 0 18px;
	}

.c_progressing #left ul.pmenu {
	margin: 0;
	}

#left ul.pmenu li {
	list-style-type: decimal;
	list-style-position: outside;
	}

#left ul li.left_portfolio,
.c_progressing #left ul.pmenu li {
	list-style: none;
	}


/* モジュールごとタイトルイメージ */
.c_philosophy #left .inner .left_menu .block_title h2 {
	background: url(images/left_column_tittle_philosop.gif) no-repeat;
	background-position: 0 4px;
	}

.c_mission #left .inner .left_menu .block_title h2 {
	background: url(images/left_column_tittle_mission.gif) no-repeat;
	background-position: 0 4px;
	}

.c_planning #left .inner .left_menu .block_title h2 {
	background: url(images/left_column_tittle_planning.gif) no-repeat;
	background-position: 0 4px;
}	

.c_clientinterview #left .inner .left_menu .block_title h2 {
	background: url(images/left_column_tittle_clientin.gif) no-repeat;
	background-position: 0 4px;
	}

.c_portfolio #left .inner .left_menu .block_title h2 {
	background: url(images/left_column_tittle_portfoli.gif) no-repeat;
	background-position: 0 4px;
	}

.c_portfolio  #left_block1 .block_title h2 {
	background: url(images/left_column_tittle_portfoli.gif) no-repeat;
	background-position: 0 4px;
	text-indent: -9999px;
	}

.c_nannarito #left .inner .left_menu .block_title h2 {
	background: url(images/left_column_tittle_nannarit.gif) no-repeat;
	background-position: 0 4px;
	}

.c_knowledgebase #left .inner .left_menu .block_title h2 {
	background: url(images/left_column_tittle_knowlege.gif) no-repeat;
	background-position: 0 4px;
	}

.c_about #left .inner .left_menu .block_title h2 {
	background: url(images/left_column_tittle_about.gif) no-repeat;
	background-position: 0 4px;
	}

.c_progressing #left .inner .left_menu .block_title h2,
.c_inprogress #left .inner .left_menu .block_title h2 {
	background: url(images/left_column_tittle_inprogre.gif) no-repeat;
	background-position: 0 4px;
	}

.c_contact #left .inner .left_menu .block_title h2,
.c_contact2 #left .inner .left_menu .block_title h2,
.c_ccenter #left .inner .left_menu .block_title h2 {
	background: url(images/left_column_tittle_contact.gif) no-repeat;
	background-position: 0 4px;
	}


.c_newsroom  #left_block1 .block_title h2 {
	background: url(images/left_column_tittle_newsroom.gif) no-repeat;
	background-position: 0 4px;
	text-indent: -9999px;
	}

.c_blog #left_block1 .block_title h2 {
	background: url(images/left_column_tittle_blog.gif) no-repeat;
	background-position: 0 4px;
	text-indent: -9999px;
	}


#left .inner .block_content {
	margin: 8px 0;
	font-size: 12px;
	line-height: 14px;
	}

#left .inner .block_content ul li {
	line-height: 14px;
	margin: 0 0 10px;
	}

#left .inner .block_content ul li a {
	color: #4d4d4d;
	}

#left .inner .block_content ul li a:hover,
#left .inner .block_content ul li a.m_on {
	color: #cccccc;
	}

/* メイン */
#main {
	width: 784px;
	margin: 0 0 48px;
	float: left;
	}

#main p {
	margin: 0 0 24px;
	}


/* メイン中央左 */
#main_left {
	width: 120px;
	float: left;
	}

#main_left .inner {
	width: 104px;
	margin: 16px 0 0;
	}

/* メイン中央表示 */
#main_center {
	width: 520px;
	float: left;
	position: relative;
	z-index: 2;
	}

.c_portfolio #main_center,
.c_test #main_center {
	width: 784px;
	float: left;
	}

#main_center .inner {
	width: 504px;
	margin: 16px 0 0;
	}

.c_portfolio #main_center .inner,
.c_test #main_center .inner {
	width: 784px;
	margin: 16px 0 0;
	}

#main_center .inner .block_title {
	height: 26px;
	border-bottom: dotted 1px #333333;
	}

#main_center .inner .block_title h3 {
	font-size: 18px;
	font-weight: bold;
	}

#main_center .inner .block_content {
	margin: 8px 0;
	}

#main_center ul {
	margin: 0 0 0 16px;
	}

#main_center ol {
	margin: 0 0 0 18px;
	}

#main_center ul li {
	list-style-type: disc;
	}

.c_inprogress #main_center ul li {
	list-style-type: none;
	}

#main_center ol li {
	list-style-type: decimal;
	}

#main_center h4 {
	margin: 0;
	font-weight: bold;
	}

#main_center a {
/*	text-decoration: underline;*/
	color: #808080;
}

#main_center a:hover {
	color: #cccccc;
}

#main_center #pin_article a,
#main_center #portfolio_left a {
	text-decoration: none;
}

#main_right {
	width: 264px;
	float: left;
	font-size: 12px;
	line-height: 16px;
	position: relative;
	z-index: 1;
	}

#main_right .inner {
	margin: 16px 0 0;
	}

#main_right .inner .block_title {
	height: 26px;
	border-bottom: dotted 1px #333333;
	}

#main_right .inner .block_title h2 {
	font-size: 14px;
	font-weight: bold;
	}

#center_rblock1 .block_title h2 {
	width: 56px;
	height: 18px;
	display: block;
	background: url(images/common_latest.gif) no-repeat;
	background-position: 0 4px;
	text-indent: -9999px;
	}

#main_right .inner .block_content {
	margin: 8px 0;
	}


/* 最新情報 */
.latest_news {
	}

h3.article_title a {
	color: #4d4d4d;
	font-weight: bold;
	}

.article_pipe{
	color: #808080;
	}

.article_pipe a,
.more a {
	color: #808080;
}

.article_pipe a:hover,
.morea:hover {
	color: #cccccc;
}


.article_body{
	margin: 0 0 8px;
	padding: 0 0 3px;
	border-bottom: dotted 1px #b3b3b3;
	}


/* フッター */
#footer {
	width: 944px;
	clear: both;
	font-size: 12px;
	line-height: 24px;
	border-top: solid 1px #333333;
	margin: 0 auto;
	position: relative;
	}

#footer_left {
	width: 160px;
	float: left;
	}

#footer_left .inner {
	width: 144px;
	margin: 4px 0;
	}

#footer_center {
	width: 520px;
	float: left;
	}

#footer_center .inner {
	width: 504px;
	margin: 4px 0;
	}

#footer_center .inner ul li {
	float: left;
}

#footer_right {
	width: 264px;
	float: left;
	}

#footer_right .inner {
	margin: 4px 0;
	}

#rss ul li {
	float: left;
	}

#rss .rsstxt {
	float: left;
	margin: 0 2px 0 0;
	}

#rss a .rssimg {
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	background: url(./images/footer_rss.gif) no-repeat;
	text-indent: -9999px;
	margin: 4px 8px 0 0;
	}

#rss a:hover .rssimg {
	width: 16px;
	height: 16px;
	display: block;
	background: url(images/footer_rss_hover.gif) no-repeat;
	}

#social {
	clear: both;
	padding: 15px 0 0;
	}

#social a {
	display: block;
	float: left;
	text-indent: -9999px;
	}

#social a.social1 {
	width: 97px;
	height: 24px;
	margin: 0 12px 0 0;
	background: url(./images/footer_sns_facebook.png) no-repeat;
	}

#social a.social2 {
	width: 97px;
	height: 24px;
	margin: 0 12px 0 0;
	background: url(./images/footer_twitter.gif) no-repeat;
	}

#social a.social3 {
	width: 24px;
	height: 24px;
	background: url(./images/footer_mixi.gif) no-repeat;
	margin: 2px 0 0 0;
	}

#social a:hover.social1 {
	width: 97px;
	height: 24px;
	background: url(./images/footer_sns_facebook_hover.png) no-repeat;
	}

#social a:hover.social2 {
	width: 97px;
	height: 24px;
	background: url(./images/footer_twitter_hover.gif) no-repeat;
	}

#social a:hover.social3 {
	width: 24px;
	height: 24px;
	background: url(./images/footer_mixi_hover.gif) no-repeat;
	}

#copyright {
	clear: both;
	width: 944px;
	position: absolute;
	top: 172px;
	left: 0px;
	}

#copyright .inner {
	padding: 4px 0;
}

/* 印刷、ソーシャルブックマークアイコン */
.addthis_toolbox {
	font-size: 11px;
	clear: both;
}

.addthis_toolbox span {
	vertical-align: top;
}

img.center {
	padding: 0 0 8px;
}

.left_image {
	float: left;
	padding: 0 8px 8px 0;
	}

.right_image {
	float: right;
	padding: 0 0 8px 8px;
	}

.clear {
	clear: both;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


.pico_form_table {
	width: 600px;
}

.pico_form_table th {
	width: 60px;
}



/* 管理メニュー */
#admin {
	position: fixed;
	top: 10px;
	right: 10px;
	width: 120px;
	font-size: 12px;
	line-height: 16px;
}