@charset "utf-8";
@import url("reset.css");

/* ==========　トライベック双子サイト用スタイルシート　========== */

/*=================================================================
　基礎となる定義
==================================================================*/

html{
	background:#fff url(../images/bg_body.gif) repeat-x center top;
}

body{
	text-align:center;
	font-size:85%;
	font-family:'MS PGothic', sans-serif;
	line-height:1.6em;
	letter-spacing:1px;
}

table{
	font-size:100%;
}

#container{
	width:961px;
	text-align:left;
	margin:0 auto;
}

#main{
	width:961px;
	margin-top:30px;
	overflow:hidden;
}

a{text-decoration:underline;}
a:visited{color:#9900cc;}
a:link{color:#0033ff;}
a:hover, a:active, a:focus{color:#ff0000;}

/*=================================================================
　フォントサイズ個別定義
=================================================================*/

#breadcrumbs{font-size:85%;}

#snavi{font-size:85%; letter-spacing:0;}

#fnavi{font-size:85%;}

#lnavi{}

#rpane .interview{font-size:85%;}

table.ranking tr.top3 td.score_rank,
table.ranking tr.top3 td.score_name,
table.ranking tr.top3 td.score_overall{font-size:120%;}

p.pagetop{font-size:85%;}

.small{font-size:90%;}

/*=================================================================
　ヘッダ定義
=================================================================*/

#header{
	height:107px;
	overflow:hidden;
}

#header #nikkei{
	display:none;
}

#header #u100{
	float:left;
	width:527px;
	margin-top:13px;
}

#header #tr{
	float:right;
	width:192px;
	margin-top:13px;
}

/*=================================================================
　グローバルナビゲーション定義
=================================================================*/

#gnavi{
	clear:both;
	margin-bottom:6px;
	width:961px;
	height:60px;
	overflow:hidden;
	background:transparent url(../images/sprite_gnavi.gif) no-repeat -32px -120px;
}

#gnavi ul{
}

#gnavi li{
	float:left;
	width:160px;
	height:60px;
	overflow:hidden;
	text-indent:-9999px;
}

#gnavi li a{
	display:block;
	width:160px;
	height:60px;
	overflow:hidden;
	background:transparent url(../images/sprite_gnavi.gif) no-repeat;
}

#gnavi li#gnaviHome    a{background-position:-32px 0px;}
#gnavi li#gnaviRanking a{background-position:-192px 0px;}
#gnavi li#gnaviColumn  a{background-position:-352px 0px;}
#gnavi li#gnaviTrends  a{background-position:-512px 0px;}
#gnavi li#gnaviShindan a{background-position:-672px 0px;}
#gnavi li#gnaviReports a{background-position:-832px 0px;}

#gnavi li#gnaviHome    a:hover{background-position:-32px -60px;}
#gnavi li#gnaviRanking a:hover{background-position:-192px -60px;}
#gnavi li#gnaviColumn  a:hover{background-position:-352px -60px;}
#gnavi li#gnaviTrends  a:hover{background-position:-512px -60px;}
#gnavi li#gnaviShindan a:hover{background-position:-672px -60px;}
#gnavi li#gnaviReports a:hover{background-position:-832px -60px;}

#gnavi li a:hover{
	background-color:#000;
}

/*=================================================================
　コンテンツエリア定義
=================================================================*/

/*-------------------------------
パンくず
-------------------------------*/

#breadcrumbs{
	margin-top:8px;
	margin-bottom:18px;
}

/*=================================================================
　コンテンツエリア定義　左ペイン
=================================================================*/

/*-------------------------------
左ペイン
-------------------------------*/
#lpane{
	float:left;
	width:710px;
}

/*-------------------------------
見出し
-------------------------------*/

#lpane h1{
	margin-bottom:15px;
}

#lpane h2{}

#lpane h3{}

/*-------------------------------
サブナビ（h1の下）
-------------------------------*/
#snavi{
	border:solid #cccccc;
	border-width:0 0 0 10px;
	padding-left:7px;
	margin-bottom:30px;
	margin-top:-5px;
}

#snavi ul{
}

#snavi ul li{
	float:left;
	background:transparent url(../images/icon_arrow_s1.gif) no-repeat left center;
	padding:0 20px 1px 20px;
}

#snavi ul li.lastChild{
	padding-right:0;
	_width:11em;
}

#snavi ul li a{
	background-color:#fff;
}


/*-------------------------------
普通のリスト
-------------------------------*/

ul.ordinarylist,
ul.ordinarylist ul{
	margin-left:33px;
}

.ordinarylist li{
	list-style-type:disc;
}

.ordinarylist li li{
	list-style-type:circle;
}

/*-------------------------------
５つの評価軸
-------------------------------*/

.axis{
	margin-left:10px;
	margin-bottom:25px;
}

.axis h3{
	margin:0 !important;
	float:left;
	width:160px;
}

.axis .r{
	float:right;
	width:515px;
}

.axis .r p{
	margin-top:-3px;
	margin-left:0px;
	margin-bottom:5px;
}

/*-------------------------------
プロフィール
-------------------------------*/

.profile{
	border-top:solid 1px #cccccc;
	padding:10px;
}

.profile .potrait{
	float:left;
	width:68px;
	margin-right:10px;
}

.profile .small{
	clear:left;
	margin-top:10px;
	line-height:1.6em;
}

.profile h3{
	font-weight:bold;
	margin-top:1em;
}

.profile td{
	padding:0.3em;
}

.profile ul{
	margin-left:1.5em;
}

.profile ul li{
	list-style-type:disc;
}

/*-------------------------------
判定項目テーブル
-------------------------------*/

.measures{
	margin:0 10px 20px 10px;
}

.measures td,th{
	vertical-align:top;
	line-height:1.5em;
	border:solid 1px #000;
	padding:6px;
}

.measures th{
	padding:9px 0;
	text-align:center;
	background-color:#666666;
	color:#fff;
}

.measures col.key{width:2em;_width:1.5em;}
.measures col.driver{width:14em;}
.measures col.judge{width:3.7em;_width:2.5em;}

/*-------------------------------
成果物
-------------------------------*/

.reportMain{
	margin-left:10px;
}

.reportCapture{
	float:left;
	width:220px;
}

.reportCapture img{
	margin-bottom:45px;
}

.reportContent{
	float:right;
	width:460px;
}

.reportContent h4{
	margin:8px 0 0 6px;
}

.reportContent p{
	margin:0;
}

.reportContent ul{
	margin:-16px 0 50px 110px;
}

.reportContent ul ul{
	margin:0 0 0 15px;
}

/*-------------------------------
トレンド
-------------------------------*/

.trendL{
	float:left;
	width:355px;
}

.trendR{
	float:right;
	width:335px;
}

/*-------------------------------
フッターナビ
-------------------------------*/

#fnavi{
	margin-bottom:5px;
	border:solid #cccccc;
	border-width:0 0 1px 0;
	padding-top:1px;
	padding-left:10px;
	background:url(../images/bg_fnavi.gif) no-repeat top left;
}

#fnavi h2{
	float:left;
	padding:2px 0 0 0;
}

#fnavi ul{
	float:left;
	border-left:solid 1px #cccccc;
	padding:6px 7px 3px 9px;
	_padding:4px 7px 5px 9px;
}

#fnavi ul li{
	display:inline;
}

#fnavi ul li a{
	background:transparent url(../images/icon_arrow_e1.gif) no-repeat left center;
	padding:1px 20px;
}

#fnavi ul li.current{
	background:transparent url(../images/icon_arrow_e2.gif) no-repeat left center;
	padding:1px 20px;
}

#fnavi ul li a{}

/*=================================================================
　コンテンツエリア定義　右ペイン
=================================================================*/

/*-------------------------------
右ペイン
-------------------------------*/
#rpane{
	float:right;
	width:230px;
	overflow:hidden;
	_width:231px;
	padding-right:1px;
	color:#333333;
}

#rpane div{
	margin-bottom:10px;
}

/*-------------------------------
ローカルナビ
-------------------------------*/

#rpane #lnavi{
	padding-bottom:9px;
	margin-bottom:20px;
	background:transparent url(../images/bg_lnavi_bottom.gif) no-repeat bottom;
}

#rpane #lnavi.empty{
	padding-bottom:0;
	margin-bottom:20px;
	background:none;
}

#rpane #lnavi ul li{
	border:solid #999999;
	border-width:0 1px 1px 1px;
}

#rpane #lnavi ul li a{
	display:block;
	padding:10px 10px 10px 29px;
	background:transparent url(../images/icon_arrow_e1.gif) no-repeat 8px center;
}

#rpane #lnavi ul li.current{
	padding:10px 10px 10px 29px;
	background:#eeeeff url(../images/icon_arrow_e2.gif) no-repeat 9px center;
}

#pageid12 #rpane #lnavi ul li a{
	background-position:8px 15px;
}

#pageid12 #rpane #lnavi ul li.current{
	background-position:9px 15px;
}

#rpane #lnavi ul li a:hover{
	background-color:#eeeeff;
}

#rpane #lnavi ul li.lastChild{
	border-bottom:none;
	_border-bottom:solid 1px #000066;
}

/*-------------------------------
インタビュー
-------------------------------*/
#rpane .interview{
	/* display:none;インタビュー入口を隠す */
	margin-bottom:20px;
	line-height:1.5em;
}

#rpane .interview h2{
	margin-bottom:0;
}

#rpane .interview .iv{
	border-top:solid 1px #999999;
	margin-bottom:10px;
}

#rpane .interview #docomo{
}

#rpane .interview #fukuda{
	display:none;
}

#rpane .interview .ivtitle{
	margin:5px 0 5px 0;
}

#rpane .interview .ivphoto,
#rpane .interview .ivlead{
	margin-left:20px;
}

#rpane .interview .ivdesc{
	padding-left:74px;
	padding-bottom:6px;
	margin-top:-44px;
	_height:50px;
	min-height:44px;
}

#rpane .interview .iv p{
	line-height:1.3em;
}

/*-------------------------------
段落
-------------------------------*/

.text p{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:1.5em;
}

.text p.small{
	margin-bottom:5px;
}

.text h2{
	margin:1em 0;
}

.text h3{
	margin:1em 0;
}

/*-------------------------------
クリア
-------------------------------*/
#mainclear{
	clear:both;
	height:1px;
	overflow:hidden;
}

/*=================================================================
　さまざまなパーツ定義
=================================================================*/

/*-------------------------------
リンクマーカーやアイコン
-------------------------------*/
.arrow_n1,
.arrow_e1,
.arrow_w1,
.arrow_s1,
.arrow_n2,
.arrow_e2,
.arrow_w2,
.arrow_s2,
.pdf,
.popup{
	padding-left:20px;
	padding-bottom:2px;
	background-repeat:no-repeat;
	min-height:14px;
}

.arrow_n1{background-image:url(../images/icon_arrow_n1.gif);}
.arrow_e1{background-image:url(../images/icon_arrow_e1.gif);}
.arrow_w1{background-image:url(../images/icon_arrow_w1.gif);}
.arrow_s1{background-image:url(../images/icon_arrow_s1.gif);}
.arrow_n2{background-image:url(../images/icon_arrow_n2.gif);}
.arrow_e2{background-image:url(../images/icon_arrow_e2.gif);}
.arrow_w2{background-image:url(../images/icon_arrow_w2.gif);}
.arrow_s2{background-image:url(../images/icon_arrow_s2.gif);}
.pdf{background-image:url(../images/icon_pdf.gif);}
.popup{background-image:url(../images/icon_popup.gif);}


/*-------------------------------
ページの先頭へ
-------------------------------*/

.pagetop{
	text-align:right;
}

/*-------------------------------
ランキングテーブル
-------------------------------*/
table.ranking{
	width:690px;
	margin-left:10px;
	border:solid 1px #000;
}

table.ranking th,
table.ranking td{
	border:solid 1px #000;
}

table.ranking th{
	padding:0;
	text-align:center;
	background-color:#666666;
}

table.ranking td.score_access,
table.ranking td.score_clearness,
table.ranking td.score_navi,
table.ranking td.score_contents,
table.ranking td.score_help{
	border-left:dotted 1px #666666;
	border-right:dotted 1px #666666;
}

table.ranking tr.sub th{
	vertical-align:bottom;
	background-color:#cccccc;
	border:solid #666666;
	border-width:0 0 0 1px;
}

table.ranking th.score_overall{
	border:none;
}

table.ranking th.score_space{
	height:10px;
	border-width:1px 1px 0 0;
}

table.ranking td{
	text-align:center;
	padding:6px 0;
}

table.ranking td.score_name{
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}

table.ranking td.score_name img{
	vertical-align:baseline;
	position:relative;
	top:2px;
	margin-right:6px;
}

table.ranking td.score_rank,
table.ranking td.score_name,
table.ranking td.score_overall{
	font-weight:bold;
}

table.ranking tr.top3 td.score_rank,
table.ranking tr.top3 td.score_name,
table.ranking tr.top3 td.score_overall{
}


/*-------------------------------
ロールオーバーするボタン
-------------------------------*/

.robutton,
.robutton_s,
.robutton_i{
	overflow:hidden;
	text-align:center;
}

.robutton{height:44px;}
.robutton_s{height:24px;}
.robutton_i{height:119px;}

.robutton a:hover,
.robutton_s a:hover,
.robutton_i a:hover{
	position:relative;
}

.robutton a:hover{bottom:44px;}
.robutton_s a:hover{bottom:24px;}
.robutton_i a:hover{bottom:119px;}


/*-------------------------------
空色ボーダーの画像
-------------------------------*/

.borderimg{
	border:solid 4px #99ccff;
}

/*-------------------------------
　インタビューページの枠写真
-------------------------------*/

.ivimage{
	border:solid 1px #cccccc;
	padding:1px 1px 1px 1px;
	text-align:center;
	margin-left:10px;
	margin-right:10px;
	_margin-left:5px;
	_margin-right:5px;
}

.ivimage img{
}

.ivimage .small{
	line-height:1.3em;
}


/*=================================================================
　フッタ定義
=================================================================*/

#footer{
	margin-top:15px;
	height:35px;
	_height:40px;
	border-top:solid 5px #006600;
	text-align:center;
}

#footer #finner{
	width:961px;
	text-align:right;
	margin:0 auto;
	padding-bottom:30px;
}

#footer #finnerL{
	margin-top:7px;
	float:left;
}

#footer #finnerR{
	float:right;
}

/*=================================================================
　汎用クラス定義
=================================================================*/

.tar{text-align:right !important;}
.tal{text-align:left !important;}
.tac{text-align:center !important;}

.vat{vertical-align:top !important;}
.vam{vertical-align:middle !important;}
.vab{vertical-align:bottom !important;}

.fl{float:left !important;}
.fr{float:right !important;}
.clear{clear:both !important;}

.m05	{margin:5px !important;}
.m07	{margin:7px !important;}
.m10	{margin:10px !important;}
.m15	{margin:15px !important;}
.m20	{margin:20px !important;}
.m25	{margin:25px !important;}
.m30	{margin:30px !important;}
.m35	{margin:35px !important;}
.m40	{margin:40px !important;}
.m45	{margin:45px !important;}
.m50	{margin:50px !important;}
.m60	{margin:60px !important;}
.m70	{margin:70px !important;}
.m80	{margin:80px !important;}
.m90	{margin:90px !important;}
.m100	{margin:100px !important;}
.mt05	{margin-top:5px !important;}
.mt07	{margin-top:7px !important;}
.mt10	{margin-top:10px !important;}
.mt15	{margin-top:15px !important;}
.mt20	{margin-top:20px !important;}
.mt25	{margin-top:25px !important;}
.mt30	{margin-top:30px !important;}
.mt35	{margin-top:35px !important;}
.mt40	{margin-top:40px !important;}
.mt45	{margin-top:45px !important;}
.mt50	{margin-top:50px !important;}
.mt60	{margin-top:60px !important;}
.mt70	{margin-top:70px !important;}
.mt80	{margin-top:80px !important;}
.mt90	{margin-top:90px !important;}
.mt100	{margin-top:100px !important;}
.mb05	{margin-bottom:5px !important;}
.mb07	{margin-bottom:7px !important;}
.mb10	{margin-bottom:10px !important;}
.mb15	{margin-bottom:15px !important;}
.mb20	{margin-bottom:20px !important;}
.mb25	{margin-bottom:25px !important;}
.mb30	{margin-bottom:30px !important;}
.mb35	{margin-bottom:35px !important;}
.mb40	{margin-bottom:40px !important;}
.mb45	{margin-bottom:45px !important;}
.mb50	{margin-bottom:50px !important;}
.mb60	{margin-bottom:60px !important;}
.mb70	{margin-bottom:70px !important;}
.mb80	{margin-bottom:80px !important;}
.mb90	{margin-bottom:90px !important;}
.mb100	{margin-bottom:100px !important;}
.mr05	{margin-right:5px !important;}
.mr07	{margin-right:7px !important;}
.mr10	{margin-right:10px !important;}
.mr15	{margin-right:15px !important;}
.mr20	{margin-right:20px !important;}
.mr25	{margin-right:25px !important;}
.mr30	{margin-right:30px !important;}
.mr35	{margin-right:35px !important;}
.mr40	{margin-right:40px !important;}
.mr45	{margin-right:45px !important;}
.mr50	{margin-right:50px !important;}
.mr60	{margin-right:60px !important;}
.mr70	{margin-right:70px !important;}
.mr80	{margin-right:80px !important;}
.mr90	{margin-right:90px !important;}
.mr100	{margin-right:100px !important;}
.ml05	{margin-left:5px !important;}
.ml07	{margin-left:7px !important;}
.ml10	{margin-left:10px !important;}
.ml15	{margin-left:15px !important;}
.ml20	{margin-left:20px !important;}
.ml25	{margin-left:25px !important;}
.ml30	{margin-left:30px !important;}
.ml35	{margin-left:35px !important;}
.ml40	{margin-left:40px !important;}
.ml45	{margin-left:45px !important;}
.ml50	{margin-left:50px !important;}
.ml60	{margin-left:60px !important;}
.ml70	{margin-left:70px !important;}
.ml80	{margin-left:80px !important;}
.ml90	{margin-left:90px !important;}
.ml100	{margin-left:100px !important;}


/*=================================================================
　ハック
=================================================================*/

.clearfix:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}


/*\*/
* html .clearfix{
    height: 1em;
    overflow: visible;
}
/**/

.cfx:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}


/*\*/
* html .cfx{
    height: 1em;
    overflow: visible;
}
/**/

/* ----------------------------------------------------------------
グローバルナビゲーション
---------------------------------------------------------------- */

#tNavi{
	height:42px;
	width:100%;
	background:url(../images/bg_gNavi.png) repeat-x left top;
}

#tNavi .wrapper{
	height:42px;
	width:968px;
	margin:0 auto;
	background:url(../images/bg_gNavi.wrapper.png) no-repeat center center;
	position:relative;
}

#tNavi ul{}

#tNavi ul li{
	position:absolute;
}

#tNavi ul li.tNavi_00{top:4px;left:4px;}
#tNavi ul li.tNavi_01{top:4px;left:425px;}
#tNavi ul li.tNavi_02{top:4px;left:585px;}
#tNavi ul li.tNavi_03{top:4px;left:759px;}


#tNavi ul li.tNavi_00{
	background:url(/usability/common/images/bg_gNavi_home.png) no-repeat left center;
	padding-left:18px;
}

#tNavi ul li.tNavi_00 a{
	color:#fff;
	font-size:90%;
	letter-spacing:1px;
}

/* ----------------------------------------------------------------
メインエリア > コンテンツエリア > 右ペイン 230px
---------------------------------------------------------------- */

#rContent{
	width:230px;
	float:right;
	line-height:130%;
}

#rContent #inquiryArea{
	margin-bottom:22px;
}

#rContent #inquiryArea .report{
	font-size:85%;
	border:solid #999;
	border-width:0 1px 1px 1px;
	padding:7px;
}

#rContent .columnArea{
	margin-bottom:22px;
	font-size:90%;
}

#rContent .columnArea .fl{
	width:44px;
}

#rContent .columnArea .fr{
	width:166px;;
}

#rContent h2{
	margin-bottom:11px;
	line-height:100%;
}

#rContent h3{
	border-bottom:solid 1px #999;
	margin-bottom:11px;
}

/*-------------------------------
サイドナビ
-------------------------------*/

#rContent #sNavi{
	border:solid 1px #999;
	border-top-width:0px;
	background:#ececec;
	padding:0 8px 9px 8px;
	margin-bottom:11px;
}

#rContent #sNavi h2{
	margin:0 -9px;
	margin-bottom:3px;
	line-height:100%;
}

#rContent #sNavi ul{
	border-top:solid 1px #ccc;
}

#rContent #sNavi li{
	border:solid 1px #ccc;
	border-top-width:0px;
	background:#fff;
	line-height:100%;
}

#rContent #sNavi li a{
	display:block;
	padding:12px 0 12px 30px;
	background:#fff url(../images/bg_sNavi_n.png) no-repeat left center;
}

#rContent #sNavi li a:hover{
	background-image:url(../images/bg_sNavi_r.png);
}

#rContent #sNavi li.current{
	padding:12px 0 12px 30px;
	background:#fff url(../images/bg_sNavi_a.png) no-repeat 8px center;
	font-weight:bold;
}