@charset "utf-8";
/*-----------------------------レイアウト設定-------------------------*/

html,body{
height:100%;
}

#container, #header_area, #navigation_area, #sub_navigation_area, #content_area, #footer_area{
	width:100%;
}
#header_area, #navigation_area, #sub_navigation_area, #content_area{
	overflow:hidden;
}

/* =========================================================
container
========================================================= */
div#container {
	margin:0 auto;
	height:100%;
	text-align:left;
	position:relative;
	min-width:980px;
}

/* =========================================================
header_area
========================================================= */
div#container div#header_area {
	background:url(../images/shared/wide_bg_header.gif) repeat-x left bottom #fafafa;
	height:72px;
}


/* =========================================================
header
========================================================= */
div#header {
	width:980px;
	position:relative;
	padding:0;
	margin:0 auto;
	height:100%;
	min-height:37px;
}

div#header * {
	margin-bottom:0;
}

div#header a:hover {
	text-decoration:none;
}

div#header div.logoTCI {
	width:158px;
	height:54px;
	padding:10px 0 0 15px;
	float:left;
}

div#header div.logoTCI a {
text-decoration:none;
}

div#header h1, div#header h2 {
	position:absolute;
	left:195px;
}

div#header h1 {
	top:3.5em;
}
div#header h1.service_h1 {
	top:2.5em;
	color:#C44A4E;
	font-weight:bold;
}
div#header h1.service_h1 span{
 color:#000;
}
div#header h2 {
	top:2.1em;
	color:#C44A4E;
}
div#header .wClose{
	float:right;
	padding-left:11px;
	background:url("../images/shared/btn_close.gif") no-repeat scroll 0 50% transparent;
	margin:16px 21px;
}
div#header .wClose a:hover{
	text-decoration:underline;
}
/*simpleHeader01*/
#simpleHeader01 {
	background:url(../images/shared/bg_header.gif) repeat-x left bottom #fafafa;
	margin-bottom:25px;
	padding:12px 21px 10px;
	border-top:2px solid #c4494e;
	border-bottom:2px solid #d6d7dc;
	overflow:hidden;
}
#simpleHeader01 .logoTCI {
	width:91px;
	float:left;
}
#simpleHeader01 .wClose {
	margin:7px 0 7px;
	float:right;
	padding-left:11px;
	background:url(../images/shared/btn_close.gif) no-repeat 0 50%;
}

/* =========================================================
navigation_area
========================================================= */
div#container div#navigation_area {
	background:url(../images/shared/wide_bg_navigation.gif) 0 0 repeat-x;
}

/* =========================================================
navigation
========================================================= */
div#navigation {
	width:980px;
	margin:0 auto;
	height:100%;
}

div#navigation ul#globalNav {
	background:url(../images/shared/bg_navigation.gif) repeat-x left bottom;
	height:29px;
	overflow:hidden;
}
div#navigation ul#globalNav li#navi01 img {
	cursor:pointer;
}
div#navigation ul#globalNav li#navi01:hover img,
div#navigation ul#globalNav li#navi01.current img {
	margin-top:-29px;
}

div#navigation ul#globalNav li {
	float:left;
	width:196px;
	text-align:center;
}

div#navigation ul#globalNav li a {
	display:block;
	margin-bottom:-1px;
	*margin-bottom:0;	/*forIE6-7*/
	width:196px;
	text-decoration:none;
}

div#navigation ul#globalNav li a:hover img,
div#navigation ul#globalNav li.current a img {
	margin-top:-29px;
}


/* =========================================================
searchBox
========================================================= */
div#searchBox {
	position:absolute;
	left:50%;
	top:3.8em;
	margin-left:240px;
}

div#searchBox form {
	background:url(../images/shared/wide_btn_search.gif) 0 0 no-repeat;
	width:235px;
	height:23px;
}

div#searchBox #searchInput {
	margin: 4px 0 0 9px;
	width: 199px;
	border:0;
	outline:none;
	height: 15px;
	background-color:#f1f1f1;
	font-size: 12px;
	outline:none;
}

div#searchBox #searchButton {
	vertical-align:bottom;
	margin-bottom:1px;
}

/* =========================================================
sub_navigation_area
========================================================= */
div#sub_navigation_area {
	height:370px;
	top:0;
	margin:0 auto;
	display:none;
	background:url(../images/shared/pulldown/wide_bg_pull.gif) 0 0 repeat-x #000;
}

/* =========================================================
sub_navigation
========================================================= */
div#sub_navigation {
	width:980px;
	height:100%;
	position: relative;
	top:0;
	margin:0 auto;
	overflow:hidden;
}

div#sub_navigation div {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}

div#sub_navigation div div {
	position:static;
	margin:70px 21px 0;
	float:left;
	height:auto;
}

div#sub_navigation div div ul {
	margin-left:0;
	overflow:hidden;
}
div#sub_navigation div div ul li {
	list-style-type:none;
	width:140px;
	height:142px;
	text-align:center;
	float:left;
	overflow:hidden;
}
div#sub_navigation div div ul li a{
	display:block;
}
div#sub_navigation div div ul li a:hover img{
	margin-top: -143px;
}
div#sub_navigation div div ul li#navigation_dec a:hover img{
	margin-top:0;
}
div#sub_navigation div p.left {
	left:1px;
	background:url(../images/shared/pulldown/wide_arrow_left.png) left 43% no-repeat;
	padding-left:10px;
}
div#sub_navigation div p.right {
	right:1px;
	background:url(../images/shared/pulldown/wide_arrow_right.png) right 43% no-repeat;
	padding-right:10px;
}

div#sub_navigation div p.close {
	position:absolute;
	bottom:10px;
	left:50%;
	margin-left:-15px;
	cursor:pointer;
}

/* =========================================================
topicPath
========================================================= */
p.topicPath {
	background-color:#fff;
	margin:1.1em auto 0.9em;
	width:950px;
}
ul.topicPath {
	background-color:#fff;
	margin:1.1em auto 0.9em;
	width:950px;
    overflow: hidden;
}
ul.topicPath li{
    float:left;
}

/* =========================================================
content_area
========================================================= */
div#content_area {
	background-color:#fff;
	overflow:hidden;
}

/* =========================================================
content
========================================================= */
div#content {
	clear:both;
	width:950px;
	margin:0 auto;
	overflow:hidden;
	padding:0 15px 0;
	background:url("../images/shared/bg_content_l.gif") repeat-y scroll 765px top #FFFFFF;
}

/* =========================================================
primary
========================================================= */
div#primary {
	float:left;
	width:730px;
}

div#primary a{
	text-decoration:underline;
}
div#primary a:hover{
	text-decoration:none;
}


/*プライマリのフォントサイズ指定*/

/*本文10px相当*/

.fontSizeSmall {
	font-size:100%;
}
/*本文12px相当*/

.fontSizeMedium {
	font-size:120%;
}


/* =========================================================
#newsList.newsList
========================================================= */
#newsList.newsList,
#newsList2.newsList{
	clear:both;
	line-height:1.4;
	overflow:hidden;
	margin:0;
}

/* =========================================================
.newsList
========================================================= */

.newsList .newsListHead {
    clear: both;
    margin-bottom: 25px;
}

.newsList .newsListColumn .col01A, .newsList .newsListColumn .col02A {
    float: left;
}

.newsList .newsListColumn .col01A {
    padding-right: 13px;
    width: 118px;
}
.newsList .newsListColumn .col02A {
    width: 576px;
}
.newsList .newsListColumn p {
    margin-bottom: 0;
}

.newsList .newsListColumn{
    border-left: 5px solid #F0D2D3;
	overflow:hidden;
    clear: both;
    margin-bottom: 2em;
    padding-left: 8px;
}

.newsList .newsListColumn p.releaseData {
    margin-bottom: 1em;
    text-align: left;
}

.newsList .newsListColumn p{
    margin-bottom: 0;
}

.newsList .newsListColumn p.icon {
	margin-top:-7px;
	padding-bottom:7px;
}

.newsList .newsListColumn .head {
	margin-bottom: 0.5em;
}


.newsList .newsListColumn p {
	margin-bottom: 0;
}
.sc_dec {
    color: #CA3D04;
}
.sc_dm {
    color: #CC595A;
}
.sc_cc {
    color: #008DB9;
}
.sc_bpo {
    color: #D89C00;
}
.sc_global {
    color: #006D46;
}
.sc_analytics {
    color: #E87F1B;
}
.sc_ec {
    color: #25ad77;
}
p.sc_dec,p.sc_cc span, p.sc_dm span span,p.sc_global span, p.sc_analytics span, p.sc_ec span{
    margin-top: 0.5em;
}

/* =========================================================
#primary .newsList dd,dt
========================================================= */

#primary .newsList dd a {
	text-decoration:none;
}
#primary .newsList dd a:hover {
	text-decoration:underline;
}

#primary .newsList dt{
	font-weight:normal;
	clear:both;
	float:left;
	width:86px;
	font-weight:bold;
	margin-bottom:5px;
	*line-height:18px;
}

#primary .newsList dd{
	background-color:#fff;
	float:right;
	width:635px;
	margin-bottom:5px;
	*line-height:18px;
}

#primary .newsList dd img{
	margin-right:5px;
	margin-bottom:-2px;
	width:50px;
	vertical-align:baseline;
}

#primary #newsList2 dt {
	width: 90px;
}
#primary #newsList2 dd {
	width: 625px;
}

/* =========================================================
.newsList ul li
========================================================= */
#primary #newsList.newsList li {
    line-height: 1.4;
    padding-bottom: 4px;
}
#primary #newsList.newsList li a {
    text-decoration: none;
}
#primary #newsList.newsList li a:hover {
    text-decoration: underline;
}
#newsList.newsList li img {
    margin-bottom: -2px;
    margin-right: 5px;
    vertical-align: baseline;
    width: 50px;
}

/* =========================================================
.returnPath 
========================================================= */
.returnPath {
    background: url("../images/shared/liststyle/liststyle_arrow03.gif") no-repeat scroll 0 0.4em transparent;
    clear: both;
    margin: 3em 5px 1.5em;
    padding-left: 12px;
}
#service .returnPath {
    background: url("../images/shared/liststyle/liststyle_arrow03_service.gif") no-repeat scroll 0 0.4em transparent;
}

/* =========================================================
body.newsDetail
========================================================= */
body.newsDetail {
}
body.newsDetail .primaryHead01A {
    color: #444444;
    margin: 15px 0 10px;
}

/* =========================================================
secondary
========================================================= */

#secondary {
	float:right;
	width:200px;
}

/* =========================================================
#secondary .navArea
========================================================= */

#secondary .navArea {
	margin-bottom:18px;
	overflow:hidden;
}
#secondary .navArea h3 {
	padding:5px;
	font-size:120%;
	line-height:1;
	background-color:#c4494e;	/*カテゴリーカラー*/
	color:#fff;
	font-weight:normal;
}
#secondary .navArea img {
	margin-right:5px;
	vertical-align:baseline;
}
#secondary .navArea ul {
	margin:0 1px;
}
#secondary .navArea ul li.current ul{
	display:block;
}
#secondary .navArea ul ul {
	margin:0;
	border-top:1px solid #c1c1c1;
	background-color:#fff;
}
#secondary .navArea li {
	border-bottom:1px solid #c1c1c1;
	font-weight:bold;
	font-size:120%;
}
#secondary .navArea li li {
	margin:0 0 0 13px;
	padding-top:1px;
	border:none;
	background:url(../images/shared/bg_secondarynav_lv2_l.gif) no-repeat 0 0;
	font-weight:normal;
	font-size:100%;
}
#secondary .navArea li li.first-child {
	padding-top:0;
	background:none;
}
#secondary .navArea a {
	display:block;
	color:#444;
	text-decoration:none;
}
#secondary .navArea li a {
	padding:1em 7px 1em 19px;
	width:172px;
	background:url(../images/shared/bg_secondarynav_lv1_l.gif) no-repeat 0 0 #fff;	/*カテゴリーカラー*/
	text-indent:-12px;
}
#secondary .navArea li.current a,  #secondary .navArea li a:hover {
	background:url(../images/shared/bg_secondarynav_lv1_l.gif) no-repeat -198px 0 #f6e4e5;	/*カテゴリーカラー*/
}
#secondary .navArea li.current li a,  #secondary .navArea li li a {
	padding:0.9em 7px 0.9em 15px;
	width:163px;
	background-image:none;
	background-color:#fff;
	text-indent:-8px;

}
#secondary .navArea li li.current a,  #secondary .navArea li li a:hover{
	background-image:none;
	background-color:#f9eced;	/*カテゴリーカラー*/
}

#secondary .navArea ul li span.localNav_servicelist{
	display:block;
	padding: 1em 7px 1em 19px;
	text-indent: -12px;
	width: 172px;
}
#secondary .navArea ul li span.localNav_servicelist{
	cursor:pointer;
}
#secondary .navArea ul li.current span.localNav_servicelist{
	cursor:default;
}
#secondary .navArea ul li ul.accordion{
	display: none;
}

/* =========================================================
utilityNav
========================================================= */
div#content ul.utilityNav {
	position: absolute;
	top: 14px;
	width: 500px;
	text-align: right;
	left: 50%;
	margin-left: -25px;
}

div#content ul.utilityNav li {
	display:inline;
	margin-right:2em;
	padding-left:7px;
	background:url(../images/shared/liststyle/liststyle_utilitynav.gif) no-repeat 0 50%;
	white-space:nowrap;
}

div#content ul.utilityNav li a {
	color:#444;
	text-decoration:none;
}

div#content ul.utilityNav li a:hover {
	color:#C44A4E;
}

div#content ul.utilityNav li a img.pdf{
padding-left: 2px;
vertical-align: middle;
}

div#content ul.utilityNav li strong.new {
	margin-left:2px;
}

div#content ul.utilityNav li.last-child {
	margin-right:0;
}
div#content .infor_privacy_sp{
	display:none;
}


/* =========================================================
footer_area
========================================================= */
div#footer_area {
	padding-top:21px;
	background:url(../images/shared/dl_background_950.gif) no-repeat scroll top center #fff;
}

/* =========================================================
footer
========================================================= */
div#footer {
	clear:both;
	margin:0 auto;
	padding:1em 0;
	background-color: #000;
	overflow:hidden;
}
div#footer a {
	color:#fff;
	text-decoration:none;
}
div#footer li a:hover {
	text-decoration:underline;
}
/*-----simpleFooter01-----*/

#simpleFooter01 {
	clear:both;
	margin:0 15px;
	padding:15px 15px 17px;
	background-color:#f2f2f2;
}
#simpleFooter01 #copyright {
	width:auto;
	text-align:right;
}

/* =========================================================
footerNav
========================================================= */
div#footer #footerNav {
	width:63.5em;
	margin:0 auto 3px;
	overflow:hidden;
}
div#footer #footerNav ul {
	clear:both;
	height:100%;
	margin-left:0;
}
div#footer ul li{
	float:left;
}
/*IE設定あり*/

div#footer ul li:before{
	content:"\ff5c";
	color:#FFF;
}
div#footer ul li.first-child:before {
	content:"";
}

/* =========================================================
globalLink
========================================================= */
div#footer #footerNav ul#globalLink {
	margin-left:0.25em;
	padding-bottom:6px;
	font-size:120%;
	width:52em;
	overflow:hidden;
}

/* =========================================================
copyright
========================================================= */
div#footer #copyright, div#footer #copyright02 {
	clear:both;
	width:57em;
	overflow:hidden;
	margin:0 auto;
}
div#footer #copyright h3, div#footer #copyright p, div#footer #copyright02 p {
	line-height:1.2;
}
div#footer #copyright h3 {
	font-weight:normal;
	float:left;
	width:auto;
}
div#footer #copyright h3 a{
	color:#C44A4E;
}
div#footer #copyright p {
	float:right;
	width:20em;
	color:#fff;
	margin-bottom:0;
	text-align:right;
}
div#footer #copyright02 p {
	width:20em;
	color:#fff;
	margin:0 auto;
	text-align:center;
}
/* =========================================================
footer logoTCI
========================================================= */

div#footer div.logoTCI {
	margin-bottom:0;
}

/* =========================================================
.newWindow 
========================================================= */
.newWindow div#container div#header_area {
	border-bottom:3px solid #000;
}
.newWindow div#container div#content_area {
	border-top:3px solid #C4494E;
}
.newWindow div#container div#content {
    background-color: #FFFFFF;
    background-image: none;
}
.newWindow #primary {
    float: none;
    width: 950px;
}
.newWindow div#footer #copyright p {
	margin:0 auto;
}
.newWindow div#footer #footerNav {
	width:36em;
}

html body.seminar.newWindow div#primary{
	margin-top:25px;
}

/* =========================================================
popup .newWindow
========================================================= */

#popup.newWindow div#container div#content {
	padding-top:20px;
}

/* =========================================================
.inquiryAriaWide お問合せ
========================================================= */

.inquiryAriaWide {
    background: none repeat scroll 0 0 #863136;
    display: inline-block;
    padding: 16px 70px 14px;
    width: 590px;
}
.inquiryAriaWide h5 {
    width: 279px;
}
.inquiryAria .telBlock, .inquiryAriaWide .telBlock {
    float: left;
    margin-top: 10px;
    width: 205px;
}

.inquiryAria .webBlock, .inquiryAriaWide .webBlock {
    float: right;
    margin-top: -12px;
    width: 243px;
}

/* =========================================================
iPad用ハック
========================================================= */
@media screen and (max-device-width: 1024px) {
div#searchBox #searchInput {
	width:190px;
	height:15px;
}
}
/* =========================================================
ニュースプリントページ設定
========================================================= */

body#newsPrint{
	background: url(../images/shared/bg_body.gif) repeat-x 0 0 #eee;
}
/*-----container-----*/

#newsPrint #container {
	width:625px;
	min-width:625px;
	position: relative;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	background-color: #fff;
}
/*-----content-----*/
#newsPrint div#container {
	background-color:#FFF;
	height:auto;
}
#newsPrint div#content {
	clear:both;
	padding:0 20px 35px;
	background-image:none;
	background-color:#fff;
	width:585px;
}
/*-----primary-----*/

#newsPrint #primary {
	float:none;
	width:585px;
}
#newsPrint #primary .leadSection01A {
	padding: 0 5px;
}
#newsPrint #primary h3.primaryHead01A{
	width:auto;
	background:none;
	margin: 0 0 10px;
	padding:0;
	font-size: 225%;
	line-height: 1.1;
}