/*
Theme Name: CCI
Description: ページの内容等をHTML形式でアップロードする時、自由に使うCSS
Author: CCI_ADMIN
Comment: メインCSS（style.css）に影響ないように（IDやクラス名、タグ名等）作成してください。
Version: 1.0
*/


h5{
	
	margin: 0px 0px 0px 0px;
	color: #336699;
	padding: 9px 7px 6px 18px;
	text-align: left;
	background-image: url(images/h5.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	font-size:13px;
}
p.spacing{margin-bottom:10px;}

/* page:プライバシーポリシー */
#privacy h2{ font-size:13px; margin:10px 0px 0px 0px;}
p.privacy_01{ margin:10px 0px 0px 0px ;padding-left:30px; }
p.privacy_02{ margin:10px 0px 0px 0px ;padding-left:650px; }
h2.font_color_01{color:#000088;}
h2.font_color_02{color:#6666b2;}
h2.font_color_03{color:#afaa30;}
#privacy p a, #privacy p a:link, #privacy p a:visited  {color:#808080;}
#privacy p a:hover  {color:#025dc7; text-decoration:underline;}	

/* page:ごあいさつ */
#ccibow { width:680px;}
#ccibow .left{ width:150px; float:left; margin:5px 0px 10px 0px;}
#ccibow .right{ width:380px; float:left;}
#ccibow .right_img{margin:30px 10px 0px 15px}
#ccibow .right_txt{margin:20px 10px 0px 15px}
#ccibow p{margin-bottom:5px;}

/* page:CCIについて、商品・サービスのご案内*/
#goods { width:700px; }
#goods h1{ font-size:13px; display:inline; float:left; letter-spacing:-1px;}
#goods h2{ font-size:13px; display:inline; letter-spacing:-1px;}
#goods p{ padding-top:5px; }
p.detail_info{ margin-left:30px; }
#goods .goods_images{ width:150px; float:left; margin:5px 0px 10px 0px;}

#goods .goods_text{ width:530px; float:left; margin-bottom:10px;}
#goods p a, #goods p a:link, #goods p a:visited  {color:#808080;}
#goods p a:hover  {color:#025dc7; text-decoration:underline;}
#goods span {
	background : url(images/icon_02.gif) no-repeat;
	margin-right:20px;
	padding-left:12px;
	display:inline; 
	float:right;
} 
#goods span a, #goods span a:link, #goods span a:visited  {color:#445666;}
#goods span a:hover  {color:#025dc7; text-decoration:underline;}
#goods a.naming{
	font-family:Century gothic, Arial,Tahoma,sans-serif;
	color:#161514;
	font-size:13px;
}

/* page:メディカル、カオス複雑系 、Chaos&Complex Systems、システム開発、技術者派遣、*/
#system p.use_icon{
	background : url(images/icon_01.gif) no-repeat;
	padding-left:10px;
}
#system p.use_padding{margin:5px 13px 10px 10px; }
#system .left{width:460px;float:left;margin-right:10px;}
#system .right{width:200px;float:left;}

#system .left_s{width:150px;float:left;}
#system .right_s{width:510px;float:left;}

#system .round_border{ margin-top:10px;	border:1px solid #4D9DFF;}
#system .round_border p{ padding-left:10px; }
#system p.line{margin:5px 0px 10px 0px;}
#system .left_s img{margin:5px 0px 0px 0px;} 
#system .right_s p{margin:5px 0px 0px 5px;} 

/* page:CTI商品、CTI商品の子ページ */
#cti li{
	margin-left:10px;
	background : url(images/icon_01.gif) no-repeat;
	padding-left:10px;
}
#cti table{width:680px; text-align:left;word-wrap:break-word;border:1px solid;}
#cti td{width:222px;word-wrap:break-word;vertical-align:top;border:1px solid;}
#cti td p{margin:5px 3px 10px 3px;}
#cti .menu{text-align:center;font-weight:bold;}
.unpbx_feature_01{width:200px; float:left; margin-left:20px; }
.unpbx_feature_02{margin:10px 0px 0px 20px;}
#cti dt{
	width:110px; 
	float:left;
	margin-top:5px;
}
#cti dd{width:500px; float:left;margin-top:5px;}

/* page:会社概要、採用情報 */
#cci_info dl{margin:0px;}

#cci_info  table td{
	vertical-align:top;
	padding-top:3px;
	height:20px;
}
td.item{
	width:110px; 
	background : url(images/icon_01.gif) no-repeat;
	padding:3px 0px 0px 10px;
	font-weight:bold;
	margin-top:5px;
}
#cci_info .date{ float:left; width:80px;}
#cci_info .txt{ float:left; width:320px;}
span.detail_recruit{
	background : url(images/icon_02.gif) no-repeat;
	padding-left:12px;
	display:inline; 
} 

span.detail_recruit a,.detail_recruit a:link,.detail_recruit a:visited {
	background : url(images/icon_02.gif) no-repeat;
	padding-left:12px;
	display:inline; 
	color:#808080;
}
span.detail_recruit a:hover  {color:#025dc7; text-decoration:underline;}

/* page:ヘルスフル */
#healthful h5{float:left;}
#healthful h5 a{
	font-family:Century gothic, Arial,Tahoma,sans-serif;
	color:#336699;
}

#healthful h3{
	background : url(images/icon_01.gif) no-repeat;
	margin-top:10px;
	padding-left:10px;
	font-size:13px;
	
}
#healthful dl{
	margin:10px 10px;
}
#healthful dt{
	background:#5397E7;
	width:200px; 
	height:20px;
	float:left;
	padding:5px 0px 0px 5px;	
}
#healthful dd{
	width:450px; float:left;
	height:20px;
	padding:5px 0px 0px 5px;
	background:white;	
}

#healthful table{width:660px; text-align:left;word-wrap:break-word; margin:5px 10px;}
#healthful td{height:20px;word-wrap:break-word;vertical-align:top; background:#5397E7; padding:5px 0px 0px 5px;}
#healthful td.list{width:205px;}
#healthful td.value{width:355px; background:#ffffff; }
#healthful td.price{width:100px; background:#ffffff; }

#healthful a.naming{ 
	float:left;
	margin: 5px 30px 0px 30px;
	padding: 5px 7px 6px 18px;
	display:inline; 
	color:#85305A;
}
span.linked{ margin: 5px 0px 0px 0px; padding: 5px 7px 6px 18px; float:right;}
span.linked a,.linked a:link,.linked a:visited {
	background : url(images/icon_02.gif) no-repeat;
	padding-left:12px;
	display:inline; 
	color:#0066ff;
}
span.linked a:hover,span.naming a:hover  {color:#025dc7; text-decoration:underline;}

/* page:エンドパット*/
#medical {padding:5px 0px;}
#medical .endpat{width:530px;height:150px;}

#medical h2 {font-size:1em; background-color:#6666cc; width:680px; margin:10px 0px 10px 0px;}
#medical h2 span {padding:1% 0.5em; margin-left:1em; background-color:#eee; color:#6666cc;}

#medical .listbox{
	width:400px;
	margin:10px 0px 0px 150px;
}
#medical ul.float{
	float:left;
	list-style-type:none;
	width:200px;
}

#medical p.line{ margin-top:5px; }
#medical ul.package{ margin-left:10px; }
#medical ul.package li{ 
	background : url(images/icon_01.gif) no-repeat;
	padding-left:10px;
}
#medical div.package{
	border:3px double #6666cc; width:90%; margin:10px 0 0px 10px; padding:10px;	
}
#medical dl{margin:0px 0px 0px 10px;}
#medical dt{
	width:190px; 
	float:left;
	margin-top:5px;
	height:15px;
}

#medical dd{width:400px; float:left;margin:5px 0px 0px 1px;height:15px;padding-left:5px;}
#medical dt.height{height:30px;}
#medical dd.height{height:30px;}
#medical dt.sub{padding-left:10px; width:180px;}

#medical table.sample {color:#666;}
#medical table.sample th,#medical table.sample td {border-width: 1px; border-style: solid; padding: 2px;}
#medical .todd {background-color: #ffffff;}
#medical .teven {background-color: #ccffff;}
#medical .explan{margin:0px 90px 0px 90px;}
/* サイトマップ */
#map_menu{width:890px; padding:10px 10px 0px 0px;}
#map_menu h2 {font-size:1em; background-color:#005bc6; width:880px; margin:10px 0px 10px 0px;}
#map_menu h2 span {padding:1% 0.5em; margin-left:1em; background-color:#eee; color:#005bc6;}
#map_menu a{font-size:14px;color:#000;font-weight:bold;}
#map_menu a:hover{color:#2c76bc; text-decoration:underline;}
#map_menu .level_one{
	width:145px;
	height:50px;
	background:url(images/map_title.gif);
	margin-bottom:5px;
	text-align:center;
	line-height:50px;
	float:left;
}

#map_menu .level_two{
	float:left;
	margin:0px 0px 5px 10px;
	width:725px;	
}


#map_menu ul{width:725px;margin-top:0px;}
#map_menu li{width:725px;background:url(images/h5.gif) no-repeat; background-position:0px -8px; margin-bottom:5px;}
#map_menu li a{font-size:13px; padding-left:13px;font-weight:normal; color:#464646;}
#map_menu li a:hover{color:#2c76bc;}

#map_menu li ul{padding-left:20px;}
#map_menu li li{width:175px;float:left;margin:5px 0px 0px 0px;background:url(images/icon_01.gif) no-repeat;background-position:0px -1px;}
#map_menu li li a{padding-left:10px;font-size:12px; color:#888888;}
#map_menu li li li{float:none;background:url(images/child_arrow.gif) no-repeat;background-position:-7px 1px;}

#map_menu ul.cat li{ 
	width:145px;
	height:50px;
	background:url(images/map_title.gif) no-repeat;
	text-align:center;
	line-height:50px;
	margin-right:20px;
	float:left;
}
#map_menu ul.cat li a{padding:0px; font-size:14px;color:#000;font-weight:bold;}
#map_menu ul.cat li a:hover{color:#2c76bc;}

/* お問い合わせ */
#inquiry { width:900px; }
#inquiry .left{width:435px; float:left;}
#inquiry .right{width:435px; float:left;padding-left:10px;}

#inquiry h1{ font-size:13px; display:inline; float:left; letter-spacing:-1px; color:#336699}
#inquiry h5 span a{}
#inquiry h2{ font-size:13px; display:inline; letter-spacing:-1px;}
#inquiry p{ padding-top:5px; }
#inquiry p.detail_info{ margin-left:15px; }
#inquiry .goods_images{ width:150px; float:left; margin:5px 0px 10px 0px;}

#inquiry .goods_text{ width:285px; float:left; margin-bottom:10px;}
#inquiry p a, #inquiry p a:link, #inquiry p a:visited  {color:#0066ff;}
#inquiry p a:hover  {color:#025dc7; text-decoration:underline;}
#inquiry span {
	background : url(images/icon_02.gif) no-repeat;
	font-size:13px;
	padding-left:12px;
	float:right;
	font-weight:normal; 
	
} 
#inquiry span a, #inquiry span a:link, #inquiry span a:visited  {color:#445566;}
#inquiry span a:hover  {color: #808080; text-decoration:underline;}

/* カオス */
#chaos h1{font-size:13px; display:inline; color:#333399;}
#chaos span.blue{ color:#0066CC;}
#chaos span.yellow{color:#FF6600; display:inline}
#chaos span.green{color:#669999;}
#chaos .text{padding-bottom:10px;}
#chaos .link{float:left;width:300px;}
#chaos .link a{padding-left:100px; }
#chaos a{color:#9966ff;}
#chaos a.blue{color:#0000ff;}
#chaos a.icon{background : url(images/icon_02.gif) no-repeat; background-position:-5px 0px;padding-left:10px;}
#chaos a.icon_b{background : url(images/icon_02.gif) no-repeat;background-position:-5px 0px;color:#0000ff;padding-left:10px;}
#chaos a:hover{color:#20B2AA;text-decoration:underline;}
#chaos p.green{color:#669999;}
#chaos p.bottom{padding-bottom:5px;}
#chaos table.refer .center{text-align:center;}
#chaos table.refer td{background-color:#ffffff; vertical-align:top;}
#chaos table.refer td.header{background-color:#99CCCC;}
#chaos table.refer td.list{background-color:#ffffcc;}
#chaos table.refer td.list_01{background-color:#cccccc;}
#chaos table.refer td.list_02{background-color:#ccff99;}
#chaos table.refer td.list_03{background-color:#CCCCFF;}
#chaos table.refer td.leng, #chaos table.refer td.leng_01, #chaos table.refer td.leng_02{font-weight:bold;vertical-align:middle;text-align:center;}
#chaos table.refer td.leng{background-color:#cccccc;}
#chaos table.refer td.leng_01{background-color:#ccccff;}
.td_text{padding:5px 5px;}

#chaos .left{float:left; width:335px; margin-bottom:10px;}
#chaos .right{float:left; margin-left:10px;width:335px; margin-bottom:10px;}
#chaos div.border{ border:3px double #6666cc; width:90%; margin:00px 0 0px 10px; padding:10px; }

#chaos ul{ margin-bottom:10px;}
#chaos li.res, #chaos div.res {background-color:#27408b;width:100%;text-align:center;color:#ffffff;font-weight:bold;}
#chaos li.result, #chaos li.result_01, #chaos li.result_02{background-color:#dcdcdc;width:100%;margin-bottom:2px;}
#chaos li.result_01{background-color:#ccffff;}
#chaos li.result_02{background-color:#ffffcc;}
#chaos li p{padding:3px 3px;}

#global li{
        margin-left:10px;
        background : url(images/icon_01.gif) no-repeat;
        padding-left:10px;
}
#global h2 {font-size:1em; background-color:#6666cc; width:680px; margin:10px 0px 10px 0p
x;}
#global h2 span {padding:1% 0.5em; margin-left:1em; background-color:#eee; color:#6666cc;
}
#global ul.global_news{margin-top:10px;}
#global ul.global_news li{margin-bottom:5px;}