@charset "utf-8";
/* CSS Document */

@import "http://www.ctc-g.co.jp/common/exbase.css";
@import "../js/slider.css";

body {
	color:#1c1d1e;
	border-top:solid 5px #0075b8;
	background: #fff;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	}

a { font-size:13px; }
a, a:link, a:visited { outline:none; }
a:hover {	background-color: transparent; }
a:hover img { visibility: hidden; }

img, img a { border: none; }
img.left  { float: left; }
img.right { float: right; }

.f_left { float: left; }
.f_right { float: right; }

p {
	font-size:0.9em;
	line-height:160%;
	}

p.m_t10 { font-size: 10pt; }

hr {
	border:solid #ccc;
	border-width:1px 0 0 0;
	height:1px;/* for IE6 */
	clear:both;/* for IE6 */
	}

/*=====LAYOUT=====*/

#ex_container {
	width:980px;
	margin:0 auto;
	overflow: hidden;
	}
	
/*---HEAD---*/
#head {
	padding-left: 10px;
	/*height: 95px;*/
	font-size: 8pt;
	}

	#head h1 {
		padding: 0;
		margin: 0 0 30px 0;
		}
		
	#head a { font-size: 8pt; }	

#root {
	display: block;
	padding: 0 0 10px;	
	font-size: 8pt;
	}

	
/*---GNAVI---*/
#menu {
	clear:both;
	padding: 0 10px;
	overflow: hidden;
	}
	
#menu a {
	height: 56px;
	float: left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	}

#menu li {
	display:block;
	/*margin-top:10px;*/
	list-style:none;
	float:left;
	height:56px;
	}
	
	.navi-01, .navi-01 a {	width: 193px;	background:url(../img/menu/01.jpg) no-repeat;	background-position: -1px 0;	}
	.navi-01 a:hover, .navi-01on a  {	width: 193px;	background:url(../img/menu/ho01.jpg);	background-position:-1px 0;	}
	.navi-02, .navi-02 a {	width:191px;	background:url(../img/menu/02.jpg);	}
	.navi-02 a:hover, .navi-02on a { width:191px;	background:url(../img/menu/ho02.jpg);	}
	.navi-03, .navi-03 a {	width:191px;	background:url(../img/menu/03.jpg);	}
	.navi-03 a:hover, .navi-03on a  { width:191px; background:url(../img/menu/ho03.jpg);	}
	.navi-04, .navi-04 a {	width:192px;	background:url(../img/menu/04.jpg);	}
	.navi-04 a:hover, .navi-04on a { width:192px;	background:url(../img/menu/ho04.jpg);	}
	.navi-05, .navi-05 a {	width:193px;	background:url(../img/menu/05.jpg);	}
	.navi-05 a:hover {	width:193px;	background:url(../img/menu/ho05.jpg);	}

/*---MAIN---*/
#main {
	clear:both;
	padding: 40px 10px 0 10px;
	}

	#main .pagetitle h2 {
		display: block;
		margin:0;
		padding:0;
		}

/*---LEFT---*/
#main-left {
	width: 776px;
	float: left;
	/*margin-bottom: 55px;*/
	}
	
	/*HEADLINE*/
	#main-left h3.section {
		margin:0 0 15px 0;
		padding:0;
		}
	
	#main-left h4.section {
		margin:0;
		padding:0;
		}
	
	#main-left h5.section {
		margin: 0 0 15px 0;
		padding: 0 0 3px 0;
		border-bottom: solid #0060ad 1px;
		}

	#main-left h6 {
		margin:2px 0 4px 0;
		font-size:0.9em;
		}
	
	#main-left h6.section {
		display: block;
		margin:0;
		padding:0;
		border: none;
		background: none;
		}

	#main-left p.lead {
		padding: 0;
		margin: 20px 0 0;
		color:#0053af;
		font-weight: bold;
		}

/*---RIGHT---*/
#main-right {
	width:170px;
	float: right;
	margin-bottom: 55px;
	}
	
	#main-right a {
		font-size: 13px;
		line-height: 21px;
		}

/*--SIDENAVI--*/

#side-link {
	display: block;
	margin-bottom:17px;
	}
		
#side-link a, #online a {
	height:165px;
	width:170px;
	display:block;
	text-indent:-9999px;
	}
	
#side-link, #side-link a {
	background:url(../img/contact.jpg) no-repeat;
	}

#side-link a:hover {
	background:url(../img/contact-h.jpg) no-repeat;
	height:165px;
	width:170px;
	}	

.s_menu ul li, .s_comic ul li {
	display: block;
	list-style: none;
	font-size: 13px;
	}
	
.s_menu {
	display: block;
	background: #E5F0F9;
	padding: 12px 0;
	margin-bottom: 15px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.s_menu .icon {
	background:url(../img/link_menu.gif) no-repeat 6px 3px;
	margin:0 0 2px 0;
	padding-left:25px;
	}

.s_menu .side_line {
	border-top: 1px solid #ccc;
	margin-top: 10px;
	padding-top: 10px;
	background-position: 6px 12px;
	 }
	
.s_comic .icon {
	background:url(../img/link_hf.gif) no-repeat 10px 8px;
	margin:0 0 2px 0;
	padding-left:19px;
	}

.s_comic .icon:hover {
	background:url(../img/link_hf_ov.gif) no-repeat 10px 8px;
	}
	
.sidelink {
	margin:0 0 2px 30px;
	padding-left:9px;
	background:url(../img/link_hf.gif);
	}
	
.sidelink:hover {
	background:url(../img/link_hf_ov.gif);
	}

.sidelink:hover, .sidelink {
	background-repeat:no-repeat;
	background-position:0 8px;
	}

#online, #online a {
	background: url(../img/login.jpg) no-repeat;
	}
	
#online {
	margin-top:17px;
	}
	
#online a:hover {
	height:165px;
	width:170px;
	background:url(../img/login-h.jpg);
	}

.img  a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	visibility:visible;
	}

#margine {
	width: 170px;
	margin:10px 0 10px 0;
	}
	
/*ページ先頭*/
.top-navi {
	clear:both;
	width:95px;
	margin: 15px 0 25px 670px;
	padding-left:10px;
	text-align:right;
	background:url(../img/link_top.gif) ;
	}
	
.top-navi a {
	font-size:12px;
	}
	
.top-navi:hover {
	background:url(../img/link_top_ov.gif);
	}
	
.top-navi, .top-navi:hover {
	background-repeat: no-repeat;
	background-position: 9px 7px;
	}

/*詳細*/	
.more {
	clear: both;
	text-align:right;
	}

.more a {
	background:url(../img/link_hf.gif) no-repeat left center;
	padding-left: 9px;
	font-size:0.8em;
	}
	
.more a:hover {
	background:url(../img/link_hf_ov.gif) no-repeat left center;
	}

/*下部リンク*/	
.solution-link {
	display: block;
	float: right;
	width: 330px;
	margin: 0 0 25px;
	}

.solution-link li {
	float:left;
	list-style:none;
	}
		
.solution-link li a{
	display:block;
	width: 160px;
	height:28px;
	text-indent:-9999px;
	margin-left: 5px;
	}

	.paas a {	background:url(../img/iaas.jpg) no-repeat; }
	.paas a:hover { background:url(../img/iaas-h.jpg) no-repeat; }
	
	.saaslink a { background:url(../img/saas.jpg) no-repeat; }
	.saaslink a:hover { background:url(../img/saas-h.jpg) no-repeat; }
	
	.pri a { background:url(../img/private.jpg) no-repeat; }
	.pri a:hover { background:url(../img/private-h.jpg) no-repeat; }

.under-link {
	display: block;
	clear: both;
	margin: 0 auto 10px;
	color: #1484CC;
	font-size: 13px;
	text-align: center;
	}

/*=====INDEX=====*/

/*メインイメージ*/
#top {
	padding:0 10px 0 10px;
	margin: 0 0 10px;
	overflow:hidden;
	}

#top-main {
	float:left;
	width:713px;
	}

#top-right {
	float:left;
	width:246px;
	}
	
#top-right a {
	display:block;
	width:230px;
	height: 88px;
	color: #fff;
	font-size: 12px;
	line-height: 1.3;
	text-align: center;
	text-decoration:none;
	padding: 12px 0 0 16px;
	background-repeat: no-repeat;
	}

	.menu, .menu a { background:url(../img/ctc_top/menu.jpg);  width:246px;  height:100px; }
	.menu a:hover   { background:url(../img/ctc_top/menu-h.jpg); }

#top-right span.solution {
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

/*リード*/
#top-lead {
	display: block;
	width: 778px;
	padding: 0 0 15px;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
	}

#top-lead h2 {
	display: block;
	float: left;
	width: 190px;
	margin: 25px 0 0;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.6;
	}

#top-lead p {
	display: block;
	float: right;
	width: 580px;
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 0.02em;
	margin: 0 0 12px;
	}

/*リード２*/

#top-solution {
		display: block;
		clear: both;
		margin: 0 0 50px;
		}

.top-box {
	width: 232px;
	float: left;
	width: 232px;
	margin-right: 40px;
	}

.top-box h3  {
	margin: 0;
	padding: 0;
	}
		
	.top-box span, .red {
		color:#fd0002;
		}

.top-box .toll {
	height:220px;
	overflow:hidden;
	margin-top:20px;
	}
	
.top-box .toll  a {
	font-size:10pt;
	background:url(../img/link_hf.gif) no-repeat 0 5px;
	padding-left:9px;
	display:block;
	line-height:130%;
	}
	
.top-box .toll a:hover {
	background:url(../img/link_hf_ov.gif) no-repeat 0 5px;
	}

.top-box .toll  p {
	margin-bottom:10px;
	font-size:10pt;
	}

.top-box .here, .here a {
	height:28px;
	width:126px;
	display:block;
	text-indent:-9999px;
	background:url(../img/Description.jpg) no-repeat;
	}
	
.top-box .here {
	padding-left:105px;
	background-position:right;
	}
	
.top-box .here a:hover {
	background:url(../img/Description-h.jpg);
	}
	
/*ニュース*/	
#news {
	clear:both;
	width:778px;
	margin: 0 0 30px 0;
	}
	
dl {
	display: block;
	font-size: 13px;
	}

.list_sp10_home {
	overflow:hidden;
	}
	
.pa_lr10_b10 {
	line-height:1.2em;
	letter-spacing:0;
	padding:0 5px 0 5px;
	}
	
.list_sp10_home dt {
	display: block;
	float:left;
	width:110px;
	letter-spacing:-1px;
	}
	
.list_sp10_home dd {
	display: block;
	float:right;
	width:650px;
	background:url(../img/link_hf.gif) no-repeat 0 6px;
	padding-left:7px;
	}
	
.list_sp10_home dd:hover {
	display: block;
	background:url(../img/link_hf_ov.gif) no-repeat 0 6px;
	}
	
.line_dot_tb10 {
	display: block;
	clear: both;
	width: auto;
	height: 15px;
	background: url(../img/dot.gif) repeat-x left center;
	font-size:1px;
	}

#news-link a {
	display: block;
	height: 41px;
	width: 778px;
	text-indent: -9999px;
	margin-bottom: 20px;
	}
	
#news-link, #news-link a {
	background:url(../img/ctc_top/news.jpg) no-repeat;
	}
	
#news-link a:hover {
	background:url(../img/ctc_top/news-h.jpg) no-repeat;
	}

/*商標*/	
#trademark {
	clear: both;
	padding: 15px 0;
	text-align: center;
	color: #4e4e4e;
	font-size: 0.8em;
	background:#f0f0f0;
	}

/*	
*:first-child+html #trademark {
	padding:8px 0 15px 0;
	}
*:first-child+html .paas a {
	margin-bottom:10px;
	}
*/
	
#right {
	margin-right:0;
	}


#footer a:hover img {visibility:visible}