@charset "UTF-8";

/*/////////////////////////////////////////////////////////////
ニュートン・コンサルティング株式会社

Copyright (C) Newton Consulting Ltd. All Rights Reserved.
------------------------------------------------------------
[Common Layout] 
	0. Base Layout
	1. Header
	2. Global Navi
	2. Container
	3. Footer

[Module]
		
//////////////////////////////////////////////////////////////*/



/* ------------------------------------------------------------
	0. Body
------------------------------------------------------------ */

body {
	background-color:#FFFFFF;
	margin: 0px auto;
	text-align: center;
	padding: 0;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

/* ---------------
EXAMPLES FONT-SIZE
------------------
 83% = 10px
100% = 12px
117% = 14px
133% = 16px
150% = 18px
167% = 20px
--------------- */



/* ------------------------------------------------------------
	1. Header
------------------------------------------------------------ */


#header {
	width: 850px;
	margin: 0px auto;
	text-align:left;
}

#header #logo{
	display:inline;
	float:left;
	margin:8px 0 10px 4px;
}

#header #add{
	float:left;
	width:380px;
	height:50px;
	margin:10px 0 0 20px;
	padding:0;
}

#header #utility{
	display: inline;
	float: right;
	margin: 10px 5px 5px 0;
	padding: 0;
	font-size: 80%;
	text-align: right;
}

#header #utility ul{
	margin:0;
	padding:0;
	list-style:none;
}

#header #utility ul li{
	display:inline;
	padding:0 0 0 9px;
	background:url(../images/triangle_o_s.gif) no-repeat 0 3px;
}

#header #utility ul li a {
	text-decoration:none;
}


#header #utility ul li a:visited{
	color:#333;
}

/* ------------------------------------------------------------
	2. Global Navi
------------------------------------------------------------ */

#gnaviBg{
	clear:both;
	background:url(../images/gnavi_bg.gif) repeat-x top;
}

#gnavi {
	margin: 0 auto;
	width: 850px;
	height: 37px;
	text-align: center;
	background: url(../images/gnavi.jpg) no-repeat top;
}

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

#gnavi ul li{
	float:left;
	display:inline;
	margin:0;
	padding:0;
}

#gnavi ul li#navi1 a,
#gnavi ul li#navi2 a,
#gnavi ul li#navi6 a,
#gnavi ul li#navi7 a{
	display:block;
	text-indent:-9999px;
	width:121px;
	height:37px;
	/*\*/overflow: hidden;/**/}

#gnavi ul li#navi3 a,
#gnavi ul li#navi4 a,
#gnavi ul li#navi5 a{
	display:block;
	text-indent:-9999px;
	width:122px;
	height:37px;
	/*\*/overflow: hidden;/**/}


#gnavi ul li#navi1 a:hover{	background:url(../images/gnavi.jpg) 0 -49px;}
#gnavi ul li#navi2 a:hover{	background:url(../images/gnavi.jpg) -121px -49px;}
#gnavi ul li#navi3 a:hover{	background:url(../images/gnavi.jpg) -242px -49px;}
#gnavi ul li#navi4 a:hover{	background:url(../images/gnavi.jpg) -364px -49px;}
#gnavi ul li#navi5 a:hover{	background:url(../images/gnavi.jpg) -486px -49px;}
#gnavi ul li#navi6 a:hover{	background:url(../images/gnavi.jpg) -607px -49px;}
#gnavi ul li#navi7 a:hover{	background:url(../images/gnavi.jpg) -728px -49px;}

/* gNavi Active */
#top #gnavi ul li#navi1 a{	background:url(../images/gnavi.jpg) 0 -49px;}
#solution #gnavi ul li#navi2 a{	background:url(../images/gnavi.jpg) -121px -49px;}
#casestudy #gnavi ul li#navi3 a{	background:url(../images/gnavi.jpg) -242px -49px;}
#bcmnavi #gnavi ul li#navi4 a{	background:url(../images/gnavi.jpg) -364px -49px;}
#itilnavi #gnavi ul li#navi5 a{	background:url(../images/gnavi.jpg) -486px -49px;}
#company #gnavi ul li#navi6 a{	background:url(../images/gnavi.jpg) -607px -49px;}
#contact #gnavi ul li#navi7 a{	background:url(../images/gnavi.jpg) -728px -49px;}



/* ------------------------------------------------------------
	2. Global Navi 英語版
------------------------------------------------------------ */

#gnavi_en {
	margin: 0 auto;
	width: 850px;
	height: 37px;
	text-align: center;
	background: url(../images/gnavi_en.jpg) no-repeat top;
}

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

#gnavi_en ul li{
	float:right;
	display:inline;
	margin:0;
	padding:0;
}

#gnavi_en ul li#navi1 a,
#gnavi_en ul li#navi2 a{
	display:block;
	text-indent:-9999px;
	width:121px;
	height:37px;
	/*\*/overflow: hidden;/**/}


#gnavi_en ul li#navi1 a:hover{	
	background:url(../images/gnavi_en.jpg) -729px -49px;}

#gnavi_en ul li#navi2 a:hover{	
	background:url(../images/gnavi_en.jpg) -608px -49px;}





/* ------------------------------------------------------------
	2. Container
------------------------------------------------------------ */

#container {
	background-color: #FFFFFF;
	width: 830px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	padding-top:5px;
	min-height:500px;
}

#container #topicPath{
	margin-bottom: 5px;
	background-color: #f5f5f5;
	text-indent: 13px;
}

/* ------------------------------------------------------------
	3. Footer
------------------------------------------------------------ */

#footerBg{
	background: url(../images/foot_bg.jpg) repeat-x left top;
	margin-top:15px;
}

#footer{
	width: 850px;
	margin: 0px auto;
	font-size: 80%;
	height:45px;
}

#footer #link{
	float:left;
	margin:10px 0 0 0;
}

#footer #link ul{
	margin:0 0 0 10px;
}

#footer #link ul li{
	display:inline;
	margin:0 0 0 5px;
	padding:0 0 0 9px;
	background:url(../images/triangle_o_s.gif) no-repeat 0 3px;
}
#footer #copyright{
	float:right;
	margin:10px 20px 0 0;
}


/*/////////////////////////////////////////////////////////////

[Module]
		
//////////////////////////////////////////////////////////////*/


/* ------------------------------------------------------------
	1. 画像回り込み
------------------------------------------------------------ */

/* 右画像、回り込み */
img.imgR {
	float: right;
	margin: 5px 0 5px 15px;
}

/* 左画像、回り込み */
img.imgL { 
	float: left; 
	margin: 5px 15px 5px 0; 
}

/* 右画像、回り込み、画像コメント有り */
div.imgR {
	float:right;
	font-size:10px;
	line-height:1.4;
	padding:5px 0 5px 15px;
	text-align:center;
}

div.imgR img {
	margin-bottom:3px;
}

/* 左画像、回り込み、画像コメント有り */
div.imgL {
	float:left;
	font-size:10px;
	line-height:1.4;
	padding:5px 15px 5px 0;
	text-align:center;
}

div.imgL img {
	margin-bottom:3px;
}

/* アイコン画像、行高さ調整 */

img.middle {
	vertical-align:middle;
}



/* ------------------------------------------------------------
	2. Table
------------------------------------------------------------ */

/* Simple Table */

table.simple { 
	margin: 10px 0 10px 0; 
	width: 100%; 
}

table.simple th { 
	font-weight: bold; 
	text-align: left; 
	padding: 5px 0 5px 2px; 
	vertical-align: top; 
	border-bottom: 1px solid silver; 
	width: 20%
}

table.simple tr.top th { 
	border-top: 1px solid silver; 
}

table.simple tr.bottom th { 
	border-bottom-style: none; 
}

table.simple td { 
	text-align: left; 
	vertical-align: top; 
	padding: 5px 0 5px 0; 
	border-bottom: 1px solid silver; 
	width: 80%
}

table.simple tr.top td { 
	border-top: 1px solid silver; 
}

table.simple tr.bottom td { 
	border-bottom-style: none; 
}

table.simple ul li { 
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	padding-bottom: 8px; 
	font-size:12px; 
}
table.simple ul li a { 
	font-size: 12px; 
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
}

/* Rating Table */

table.rating { 
	background-color: #edf0f4; 
	width: 100%; 
	margin: 20px 0; 
}

table.rating td {
	padding: 3px;
	vertical-align: middle;
}

/* Frame Table */

table.frame { 
	border:1px solid #d1d9e4;
}

table.frame td {
	padding: 1px 10px 0px 10px;
}

/* Blue Table */

table.blue { 
	width: 100%; 
}

table.blue th { 
	background-color:#edf0f4; 
	border:solid 1px #d1d9e4; 
	text-align: center; 
	padding: 2px; 
	vertical-align: middle; 
	width: 20%
}

table.blue tr.top th { 
	font-weight: bold;
}

table.blue td { 
	border:1px solid #d1d9e4;
	vertical-align: top; 
	padding: 2px 5px 2px 5px; 
	border-bottom: 1px solid silver; 
}

table.blue tr.top td { 
	background-color:#edf0f4; 
	border:solid 1px #d1d9e4; 
	text-align: center; 
	padding: 2px 5px 2px 5px; 
	vertical-align: middle; 
	font-weight: bold;
}

/* Blue30% Table */

table.blue30 { 
	width: 100%; 
}

table.blue30 th { 
	background-color:#edf0f4; 
	border:solid 1px #d1d9e4; 
	text-align: center; 
	padding: 2px 5px 2px 5px; 
	vertical-align: middle; 
	width: 30%
}

table.blue30 tr.top th { 
	font-weight: bold;
}

table.blue30 td { 
	border:1px solid #d1d9e4;
	vertical-align: top; 
	padding: 2px 5px 2px 5px; 
	border-bottom: 1px solid silver; 
}

table.blue30 tr.top td { 
	background-color:#edf0f4; 
	border:solid 1px #d1d9e4; 
	text-align: center; 
	padding: 2px 5px 2px 5px; 
	vertical-align: middle; 
	font-weight: bold;
}


/* Basic Table */

table.basic {
	width: 100%; 
	font-size: 12px;
	border-collapse: separate;
	border-spacing: 2px;
}

table.basic th {
	background-color:#edf0f4; 
	border:solid 1px #d1d9e4; 
	padding: 5px 5px;
}

table.basic th.category {
	background-color:#d1d9e4; 
	border:solid 1px silver; 
	padding: 5px 5px;
}


table.basic td {
	border:solid 1px #d1d9e4; 
	padding: 5px 10px;
}

table.basic td.highlight {
	background:yellow; 
}


table.basic tr.top th {
	background-color:#edf0f4; 
	font-weight:bold;
	text-align:center;
}

table.basic table{
	width:100%;
}

table.basic table th, table.basic table td{
	border:none;
	padding:2px;
}

table.center th {
	text-align: center; 
	vertical-align: middle; 
	padding: 2px 5px; 
}

table.bold th {
	font-weight:bold;
}



/* 作業工程表 table版*/
table.step {
	width:100%;
	border-collapse:separate;
	border-spacing:3px;
}

table.step th {
	background-color:#edf0f4; 
	border:solid 1px #d1d9e4; 
	font-weight:bold;
	width:120px;
	vertical-align:middle;
	text-align:center;
}

table.step td {
	border:solid 1px #d1d9e4;
	padding:5px 10px; 
}

table.step th.arrow{
	background:transparent url(../images/arrow_yellow.gif) no-repeat scroll 33px 0;
	height:11px;
	border:none;
}


/* 個人情報入力画面 */

table.input_form { 
	width: 100%; 
	font-size: 12px;
	border-collapse: separate;
	border-spacing: 1px;
}

table.input_form th { 
	background-color:#edf0f4;
	border:1px solid #d1d9e4;
	vertical-align: middle; 
	padding: 8px; 
	width: 150px;
	color: #666666;
}

table.input_form td { 
	border:1px solid #d1d9e4;
	vertical-align: middle; 
	padding: 5px; 
}

table.input_form tr.top th { 
	font-weight:bold;
	background-color:#DADADA;
}

table.input_form table td {
	border:none;
}

/* 書籍情報 */

table.book {
	width: 100%; 
	font-size: 12px;
	border-collapse: separate;
	border-spacing: 2px;
	border:solid 1px #d1d9e4;
}

table.book td {
	padding: 5px 5px;
}



/* ------------------------------------------------------------
	診断テスト
------------------------------------------------------------ */


/* パンデミック診断テスト */


#test_title {
	width: 80%;
	background: orange;
	color: #FFFFFF;
	padding: 2px 10px;
	font-weight:bold;
	border:1px solid orange;
}

#test {
	width: 80%;
	border:1px solid orange;
	padding: 5px 10px;
}


/*　診断テスト　診断結果表組み　*/

table.info ul li a:hover { 
	color: orange; 
	font-size: 12px; 
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
}

table.matrix { 
	background-image: url(../images/matrix.gif); 
	background-repeat: no-repeat; width: 300px; height: 190px; 
}

table.matrix th { 
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	color: #333333; 
	font-size: 14px; 
	font-weight: bold; 
	text-align: center; 
	vertical-align: middle; 
}

table.matrix td { 
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	color: red; 
	font-size: 14px; 
	font-weight: bold; 
	text-align: center; 
	vertical-align: middle; 
}

/*　ITIL診断テスト　診断結果表組み　*/

table.itilexam_result {
	width: 100%;
	border: #B0C4DE solid 3px;
}

/*　ITIL診断テスト　診断結果表組み２　*/

table.itilexam_result2 {
	width: 585px;
	margin: 5px 0 20px 10px;
	border-collapse: separate;
}

table.itilexam_result2 td { 
	padding:5px;
}

table.itilexam_result2 td.choice { 
	padding-bottom:10px;
}


table.itilexam_result2 td.detail { 
	border:solid 1px #d1d9e4;
}

table.itilexam_result2 td.category { 
	background-color:#d1d9e4;
}

/*　ITIL診断テスト　テキストなど　*/

.itilexam_question {
	font-size: 14px;
}

.itilexam_choice {
	padding:0 0 10px 15px;
}


/*　ITG 症状と原因　*/

table.itg_dilemma tr {
	border-top: solid 1px #d1d9e4;
	border-bottom: solid 1px #d1d9e4;
}

table.itg_dilemma td {
	padding-bottom:5px;
}

table.itg_dilemma td.bottom {
	padding-bottom:10px;
}

/* ------------------------------------------------------------
	3. Other
------------------------------------------------------------ */

/* Subtitle */

.subtitle_blue {
	background:#d1d9e4 url(../images/triangle_blue.gif) no-repeat 3px;
	border:1px solid #d1d9e4;
	line-height:150%;
	margin:5px 0;
	padding:0 0 0 12px;
	clear: left; /* list3のfloatをクリアするため */
}

/* Bullet */

.bullet_s_o {
	background:url(../images/icon_02.gif) no-repeat 0 3px;
	padding:0 0 0 9px;
}


/* サービスへのリンク */

.servicelink {
	background: url(../images/triangle_r_m.gif) no-repeat 0 center;
	padding: 0 0 0 10px;
	float: right;
}

/* 例の表示 */
.example {
	background: #ffffe0;
	border:1px solid #d1d9e4;
	width:80%;
	padding: 20px;
	margin:0 auto;
}



/* 商品へのリンク */
#servicebox {
	background-color: #edf0f4; 
	margin: 20px 0; 
	padding: 10px;
}

/* 商品へのリンク 画像位置調整 */
#servicebox img{
	vertical-align: 0px;
}

/* 注釈 */
.note {
	background:	#FDF5E6;
	font-size: 80%;
	padding:10px;
}


/* FAQ */
dl.faq {
	width:100%;
	margin-bottom: 10px;
}

dl.faq dt {
	line-height: 2.7;
}

dl.faq dd {
	margin-left: 25px;
	margin-top: -25px;
}

dl.faq dt.q, dl.faq dd.q {
	font-weight: bold;
}


/* コンサルタント紹介ページ　実績 */

dl.hor_list {
	padding-left: 5px;
}

dl.hor_list dt {
	width: 100px;
	line-height: 3;
}

dl.hor_list dd {
	margin-left: 73px;
	margin-top: -27px;
}

/* グレーの区切り */

.box {
	border-top:1px solid silver;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:1px;
}

.news_box {
	border-top:1px solid silver;
	margin-top:10px;
	padding-top:5px;
}

.news_date {
	font-size:14px;
	font-weight:bold;
	color:orange;
	clear:both;
}

.media_box {
	border-top:1px solid silver;
	margin-top:20px;
	padding-top:15px;
}


.bLink {
	background:transparent url(../images/triangle_blue.gif) no-repeat scroll 3px 2px;
	padding-left:13px;
}

.oLink {
	background:transparent url(../images/triangle_orange.gif) no-repeat scroll 3px 2px;
	padding-left:13px;
}

.rLink {
	background-image: url(../images/triangle_red.gif);
	background-repeat: no-repeat;
	background-position: 3px 2px;
	padding-left:13px;
}

.rLink2 {
	background-image: url(../images/triangle_red_2.gif);
	background-repeat: no-repeat;
	background-position: 3px 2px;
	padding-left:20px;
}

*html .bLink, oLink, .rLink, .rLink2 {
	background-position: 3px 0px;
}


/* ------------------------------------------------------------
	3. List
------------------------------------------------------------ */

div.list_frame{
	width:100%;
	clear:both;
}

div.columnL{
	float:left;
	width:50%;
}

div.columnR{
	float:left;
	margin-left:5px;
	margin-bottom:10px;
}


/* 通常リスト（赤三角） */
ul.list {
	width: 100%;
	margin: 10px 0 10px 5px;
}

ul.list li{ 
	background: url(../images/triangle_r_m.gif) no-repeat 0 center; 
	padding:0 0 0 15px;
	list-style: none;
	line-height: 1.8;
}

/* 通常リスト（青三角） */
ul.blist {
	width: 100%;
	margin: 10px 0 10px 5px;
}

ul.blist li{ 
	background: url(../images/triangle_blue.gif) no-repeat 0 center; 
	padding:0 0 0 15px;
	list-style: none;
	line-height: 1.8;
}


/* ２列リスト（赤三角） */
ul.list2 {
	width: 100%;
	margin: 10px 0 10px 5px;
}

ul.list2 li {
	float: left;
	background: url(../images/triangle_r_m.gif) no-repeat 0 center; 
	padding:0 0 0 15px;
	list-style: none;
	line-height: 1.8;
	width: 47%;
}

/* ２列リスト（青三角） */
ul.blist2 {
	width: 100%;
	margin: 10px 0 10px 5px;
}

ul.blist2 li {
	float: left;
	background: url(../images/triangle_blue.gif) no-repeat 0 center; 
	padding:0 0 0 15px;
	list-style: none;
	line-height: 1.8;
	width: 47%;
}

/* インデント２列リスト（青三角） */
ul.indent_blist2 {
	width: 100%;
	margin: 10px 0 10px 35px;
}

ul.indent_blist2 li {
	float: left;
	background: url(../images/triangle_blue.gif) no-repeat 0 center; 
	padding:0 0 0 15px;
	list-style: none;
	line-height: 1.8;
	width: 42%;
}


/* ３列リスト（赤三角） */
ul.list3 {
	width: 100%;
	margin: 10px 0 10px 5px;
}

ul.list3 li {
	float: left;
	background: url(../images/triangle_r_m.gif) no-repeat 0 center; 
	padding:0 0 0 15px;
	list-style: none;
	line-height: 1.8;
	width: 30%;
}


/* 男性の声　リスト */
ul.manvoice  {
	margin: 0 0 10px 10px;
	width:100%;
}

ul.manvoice li{ 
	background: url(../images/voice.jpg) no-repeat 0 center; 
	padding:0 0 0 90px;
	list-style: none;
	height: 70px;
}

/* 写真付き　リスト */

ul.photo {
	margin: 0 0 10px 0;
	width:100%;
}

ul.photo li {
	list-style: none;
}

/* 行動指針用　リスト */

ul.policy {
	margin: 20px 30px;
}

ul.policy li {
	margin: 0 0 20px 0;
}


/* 診断結果発表　グラフ用リスト */


ol.diagnosis {
	padding-top:35px;
}
ol.diagnosis li {
	height:40px;
}

/* 枠 */

div.orange {
	border:1px solid orange;
	padding:2px 5px;
	margin-bottom:7px;
}


/* ダウンロードページ
------------------------------------------------- */

#download {
	margin: 0 20px;
	width:95%;
}


/* ------------------------------------------------------------
	3. メッセージ画面
------------------------------------------------------------ */

#message {
	padding:50px;
	min-height:500px;
	height:auto !important;
	height:500px
}

#message h1 {
	color: red;
	font-size:16px;
	font-weight:bold;
	background:none;
	padding:0px;
	border:none;
}




/* ------------------------------------------------------------
	3. Font
------------------------------------------------------------ */

.s_font {
	font-size: 80%;
}

.l_font {
	font-size:120%;
}

.warning {
	color: red;
	font-weight:bold;
}

.attention {
	background: #B0D0E6;
}

.greenfont {
	color: green;
	font-weight:bold;
}


/* ------------------------------------------------------------
	4. ClearFix
------------------------------------------------------------ */

.clearFix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearFix{
	min-height:1px;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearFix { 
	height:1px; 
}

.clearFix { 
	display: block; 
}

/* End hide from IE-mac */

.clear {
	clear:both;
}