@charset "UTF-8";

/*===============================
TOPページ
===============================*/
div.service_top_area{
	width:670px;
	margin:0px auto;
}

div.service_top_area p.ttl_l{
	width:100%;
	background:url(../common_image/line_dot01.gif) repeat-x bottom;
	padding-bottom:6px;
	margin-bottom:25px;

}

div.service_top_area p.top_img{
	margin:30px 0px;
}

div.service_top_area div.top_left{
	width:325px;
	float:left;
}

div.service_top_area div.top_right{
	width:325px;
	float:right;
}

div.service_top_area div.top_bt_box{
	margin-top:25px;
}

div.service_top_area div.top_bt_box_top{
	margin-top:0px;
}

div.service_top_area div.top_bt_box p.top_bt,div.service_top_area div.top_bt_box_top p.top_bt{
	margin-bottom:5px;
}



/*===============================
各サービスページ
===============================*/
div.base_left_cnt div.cnt_box{
	margin-bottom:30px;
	width:520px;
}

div.base_left_cnt div.cnt_box div.cnt_box_s{
	margin-bottom:15px;
}

div.base_left_cnt div.cnt_box div.cnt_box_s02{
	margin-top: 20px;
	margin-bottom: 20px;
}

div.base_left_cnt div.cnt_box p.cnt_ttl_l{
	background:url(../service/image/chapter_bg.jpg) no-repeat top;
	height:28px;
	width:489px;
	padding:6px 6px 0px 25px;
	margin-bottom:15px;
	color:#663300;
	font-weight:bold;
}

div.base_left_cnt div.cnt_box p.cnt_ttl_m{
	background-color:#E6EFF6;
	padding:2px 10px;
	margin-bottom:6px;
	color:#006699;
	font-weight: bold;
}

div.base_left_cnt div.cnt_box p.cnt_ttl_m02{
	background-color:#E6EFF6;
	padding:2px 10px;
	margin-bottom:15px;
	color:#006699;
}

div.base_left_cnt div.cnt_box p.cnt_txt{
	width:500px;
	margin:0px auto;
}

div.base_left_cnt div.cnt_box div.cnt_txt{
	width:500px;
	margin:0px auto;
}

div.base_left_cnt div.cnt_box p.cnt_img01{
	margin:20px 0px;
}

div.base_left_cnt div.cnt_box div.cnt_box_s ul {
	margin:1em 0 0 1em;
}
div.base_left_cnt div.cnt_box div.cnt_box_s ul li,
div.base_left_cnt div.cnt_box div.cnt_box_s02 ul li,
div.base_left div.outline_box table td ul li{
	background:url(../common_image/icon02.gif) no-repeat left 7px;
	padding-left:12px;
}

div.base_left_cnt div.cnt_box p.txt01{
	font-size:80%;
	color:#FF9900;
	padding-top:10px;
	text-align:right;
}

div.base_left_cnt div.cnt_box ul.shogai_bt{
	margin-bottom:20px;
}

div.base_left_cnt div.cnt_box ul.shogai_bt li{
	float:left;
	margin-right:10px;
	background:url(../service/image/arrow.jpg) no-repeat bottom center;
	padding-bottom:31px;
}

div.base_left_cnt div.cnt_box ul.shogai_bt li.shogai_bt_end{
	float:left;
	margin-right:0px;
	margin-left:1px;
}

div.base_left_cnt div.cnt_box p.cnt_box_it{
	border:1px solid #CCCCCC;
	padding:10px;
}

div.base_left_cnt div.cnt_box div.cnt_box_it_left{
	width:250px;
	float:left;
}

div.base_left_cnt div.cnt_box div.cnt_box_it_right{
	width:250px;
	float:right;
}

div.base_left_cnt div.cnt_box p.cnt_img_it{
	margin:10px 0px;
}

div.base_left_cnt div.cnt_box div.cnt_box_multi{
	position:relative;
	margin-bottom:30px;
}

div.base_left_cnt div.cnt_box div.cnt_box_multi li.multi01{
	position:absolute;
	left:40px;
	top:135px;
}

div.base_left_cnt div.cnt_box div.cnt_box_multi li.multi02{
	position:absolute;
	left:22px;
	top:27px;
}

div.base_left_cnt div.cnt_box div.cnt_box_multi li.multi03{
	position:absolute;
	left:317px;
	top:209px;
}

div.base_left_cnt div.cnt_box div.cnt_box_multi li.multi04{
	position:absolute;
	left:337px;
	top:92px;
}

div.base_left_cnt div.cnt_box div.cnt_box_multi li.multi05{
	position:absolute;
	left:224px;
	top:0px;
}



/*===============================
ポップアップ（IT運用プランニング）
===============================*/
body#it_pop_body{
	margin:0px;
	padding:0px;
}

body#it_pop_body p{
	margin:0px;
	padding:0px;
}

div#it_pop{
	width:440px;
	margin:0px auto;
	padding:30px 0px;
}

div#it_pop div.it_pop_box{
	width:440px;
	margin-bottom:20px;
}

div#it_pop div.clear{
	clear:both;
}



/*===============================
unyou.html
===============================*/

p.koremade {
	margin-bottom: 16px;
	font-weight: bold;
	font-size: 16px;
	color: #e86566;
	line-height: 20px;
	text-align: center;
}

div.before_nagusa {
	background:url(../service/image/before_bg.png) repeat-y;
	padding: 0 8px 0 8px;
}

div.before_nagusa_top {
	background: url(../service/image/before_top.png) no-repeat top;
	height: 8px;
}
div.before_nagusa_bottom {
	background: url(../service/image/before_bottom.png) no-repeat top;
	height: 8px;
}

div.after_nagusa {
	margin-top: 0px;
	text-align: center;
}
div.after_nagusa div {
	margin-top: 8px;
}
div.after_nagusa p {
	margin: 8px 0 8px 0; 
	font-weight: bold;
	font-size: 16px;
	color: #e86566;
	line-height: 20px;
}