@charset "shift_jis";

.imhsbanner{margin:20px auto;width:599px;text-align:center;float:left;}

/* 新着情報 */
.new_arrive{
clear:both;
border:1px #BCC6CD solid;
width:600px;
height:auto;
float:left;
}

.new_arrive h2{
color:#223399;
background-image:url(https://www.careit.jp/image/new_arrive.gif);
background-position:0% -40%;
background-repeat:no-repeat;
font-size:16px;
font-weight:bold;
vertical-align:middle;
padding-top:2px;
padding-left:1.5em;
border-bottom:1px #bcc6cd solid;
height:25px;
line-height:25px;
background-color:#ACEEFF;
}

.new_arrive ul{width:550px;margin:10px 25px;padding:0;clear:both;height:100%;display:inline;float:left;}
.new_arrive li{margin:0;padding:0;height:auto;width: 550px; float: left;display:inline;}
.new_arrive li span{font-size:14px;}
.new_arrive li p{line-height:1.5em;margin:10px auto;height:auto;width:250px;padding-left: 0px; float: left;display:inline;}
.new_arrive li p a{font-size:14px;font-weight:bold;line-height:20px;}
.new_arrive li p img{float:left;margin-right:20px;border:3px #ddeeee solid;width:250px;height:177px;display:inline;}


/* トピック */

.topics_index .top_summary{
	width:550px;
	height:auto;
	float:left;
	border:1px #797979 solid;
	margin:10;
	padding:0;
	border-left:1px #797979 solid!important;
}

.topics_index .top_summary_img img{float:left;margin:5px 5px 5px 5px;width:160px;height:120px;vertical-align:top;}/* 画像 */
.topics_index .top_summary_name{margin:5px 5px 5px 5px;width:350px;font-size:14px;float:right;}/* タイトル */
.topics_index .top_summary_explain{margin:0 5px 0 5px;width:350px;float:right;}/* 本文 */



.topics_index{
width:600px;
margin:10px auto 2px auto;
float:left;
display:inline;
border:1px #BCC6CD solid;
height:100%;
}

.topics_index h2{
background-image:url(https://www.careit.jp/image/midashi.gif);
background-position:left top;
background-repeat:repeat-x;
font-size:16px;
line-height:25px;
height:25px;
font-weight:bold;
padding:0;
padding-left:10px;
margin:0;
width:590px;
text-align:left;
float:left;
display:inline;
border-bottom:1px #BCC6CD solid;
}

.topics_index h3{
background-image:url(https://www.careit.jp/image/midashi2.gif);
background-position:left top;
background-repeat:repeat-x;
font-size:16px;
line-height:25px;
height:25px;
font-weight:bold;
padding:0;
padding-left:10px;
margin:10px 0 0 0;
width:100%;
text-align:left;
float:left;
display:inline;
border:1px #BCC6CD solid;
}

.topics_index .list{font-size:10px;line-height:14px;float:right;width:6em;margin-bottom:10px;}

.topics_index ul{width:550px;margin:0 auto;padding:0;clear:both;}
.topics_index li{margin:10px 0;padding:0 0 5px 0;width:545px;height:100%;border-left:5px #C3DCED solid;z-index:0;}
.topics_index li img{margin-left:15px;}
.topics_index li span{font-size:14px;}
.topics_index li p{line-height:1.5em;padding-left:0.5em;margin:0 auto;}
.topics_index li .title{line-height:1.5em;padding-left:0.5em;margin:0 auto;}
.topics_index li p a{font-size:14px;font-weight:bold;margin-top:10px;line-height:20px;}
.topics_index li p img{margin:0px 5px 5px -5px;display:inline;z-index:5;}

/* entry */

.entry_yokoku{margin:0 auto;}
.entry_yokoku p{width:500px;margin:10px auto;}
.entry_yokoku p img{text-align:center;}


.current_article{
width:600px;
border:1px #BCC6CD solid;
margin:10px 0;
height:100%;
float:left;
}
 
.current_article h2{
background-image:url(https://www.careit.jp/image/midashi.gif);
background-position:left top;
background-repeat:repeat-x;
font-size:16px;
line-height:25px;
height:25px;
font-weight:bold;
padding:0;
padding-left:10px;
margin:0;
width:590px;
text-align:left;
float:left;
display:inline;
border-bottom:1px #BCC6CD solid;
}

.current_article_box{
width:550px;
margin:10px auto;
}

.current_article_date{text-align:right;}

.current_article_title{
	background-color:#E5F1F5;
	height:100%;
	line-height:24px;
	font-size:18px;
	font-weight:bold;
	padding:5px 10px 0 10px;
	width:540px;
	margin:0 auto 10px auto;
	border:1px #00648E solid;
}

.current_article_content h4{color:#00648E;font-size:13px;font-weight:bold;padding:0 20px;line-height:1.5em;}
.current_article_content h5{font-size:14px;padding:0 30px;font-weight:bold;line-height:18px;margin:10px; 0;}
.current_article_content h6{font-size:14px;padding:0 30px;font-weight:bold;color:#008AD9;margin:0;}
.current_article_content p{font-size:12px;line-height:20px;padding:0 35px;margin:0 auto 20px auto;}
.current_article_content .cut{text-align:center;margin:20px auto;color:#777777;}
.current_article_content .cut img{border:1px #999999 solid;}

/* ケアITソリューションテーブル */

.current_article_content table{
width:500px;
text-align:center;
margin:40px auto;
border-collapse:collapse;
display:table;
height:100%;
empty-cells: hide;
}

.current_article_content thead th{padding:0;text-align:center;width:500px;}
.current_article_content th,.current_article_content td{text-align:left;border:1px #797979 solid;}
.current_article_content th{background-color:#f5f5f5;padding-left:1em;width:16em;border:1px #797979 solid;}
.current_article_content td{padding-left:1em;height:1.8em;}
.current_article_content .solution_name{font-weight:bold;padding-left:1em;}
.current_article_content .solution_chara{text-align:right;}
.current_article_content .solution_contact{text-align:right;}
.space{background-color:#ffffff;border-top:1px #ffffff solid!important;height:30px!important;border-left:1px #ffffff solid!important;border-right:1px #ffffff solid!important;}




/* ページ */
.page_navi{
	clear:both;
	width:600px;
	margin:10px auto;
	text-align:center;
	padding:0;
}

.page{position:relative;overflow:hidden;margin-top:5px;}
.page ul{position:relative;left:50%;float:left;}
.page li{position:relative;left:-50%;float:left;margin:0 5px;width:30px;height:30px;background-color:#fafafa;}
.page li a{font-size:14px;line-height:30px;font-weight:bold;width:30px;height:30px;}
.page_current{background-color:#f0fff0!important;}




/* 問い合わせ・利用規約・プライバシーポリシー */
.contact{
	width:600px;
	height:auto;
	margin:10px 0 0 0;
	display:inline;
	float:left;
}

.contact h2{
background-image:url(https://www.careit.jp/image/midashi.gif);
background-position:left top;
background-repeat:repeat-x;
font-size:12px;
height:25px;
line-height:25px;
font-weight:bold;
padding-left:0px;
width:590px;
text-align:left;
border:1px #BCC6CD solid;
padding-left:10px;
}

.contact h3{
font-size:12px;
font-weight:bold;
padding:0;
margin:10px 0;
width:600px;
text-align:left;
float:left;
display:inline;
}

.contact p{width:550px;margin:10px auto;}

.contact table{margin:10px auto;width:535px;}
.contact caption{background-color:#f5f5f5;width:535px;font-weight:bold;}
.contact th{background-color:#dcdcdc;text-align:right;width:170px;}
.contact td{width:365px;}
.contact .shousai{text-align:left;width:535px;}
.contact textarea{width:535px;}
.contact .thx{width:535px;}
.contact .thx p{width:535px;}
.contact .bottan{text-align:center;margin:5px auto;width:535px}
.contact .bottan input{margin:0 20px;}
.contact span{color:#b22222;font-size:10px;}

.privacy{width:550px;margin:10px auto;}

.privacy h3{
background-image:url(https://www.careit.jp/image/midashi2.gif);
background-position:left top;
background-repeat:repeat-x;
font-size:16px;
line-height:25px;
height:25px;
font-weight:bold;
padding:0;
padding-left:10px;
margin:0;
width:100%;
text-align:left;
float:left;
display:inline;
border:1px #BCC6CD solid;
}
.privacy h4{
background-image:url(https://www.careit.jp/image/midashi3.gif);
background-position:left top;
background-repeat:repeat-x;
font-size:16px;
line-height:25px;
height:25px;
font-weight:bold;
padding:0;
padding-left:10px;
margin:0;
width:100%;
text-align:left;
float:left;
display:inline;
}
.privacy p{font-size:14px;line-height:1.8em;}
.privacy li{list-style-type:decimal;margin:0 0 0 3em;padding:0;font-size:14px;}

.privacy table {
   width:530px;
   margin-bottom:20px;
   border-collapse:collapse;
   border:1px solid #999;
   border-spacing:0;
   line-height:1.8;
   font-size:11px;
}

.privacy table th {
   padding: 5px;
   border:1px solid #999;
   border-width: 0 0 1px 1px;
   background: #EFEBEF;
   font-weight: bold;
   line-height: 120%;
   text-align: left;
}

.privacy table td {
   padding:5px;
   border:1px solid #999;
   border-width:0 0 1px 1px;
   text-align:left;
}


.agreebox {
	border:1px #ccc solid;
	overflow:auto;
	overflow-y:auto;
	overflow-x:auto;
	clear:left!important;
	width:490px!important;
	height:300px!important;
	margin:0 0 5px;padding:10px
}





.legal{width:550px;margin:10px auto;}

.legal h3{
background-image:url(https://www.careit.jp/image/midashi2.gif);
background-position:left top;
background-repeat:repeat-x;
font-size:16px;
line-height:25px;
height:25px;
font-weight:bold;
padding:0;
padding-left:10px;
margin:0;
width:100%;
text-align:left;
float:left;
display:inline;
border:1px #BCC6CD solid;
}
.legal h4{
background-image:url(https://www.careit.jp/image/midashi3.gif);
background-position:left top;
background-repeat:repeat-x;
font-size:16px;
line-height:25px;
height:25px;
font-weight:bold;
padding:0;
padding-left:10px;
margin:10px 0 0 0;
width:100%;
text-align:left;
float:left;
display:inline;
}
.legal p{font-size:14px;line-height:1.8em;}
.legal li{list-style-type:decimal;margin:0 0 0 3em;padding:0;font-size:14px;}

.legal .forbidden li{list-style-type:square;margin:0 0 0 3em;padding:0;font-size:14px;}


/* エントリー */

.entry_yokoku{
	width:500px;
	margin:0 auto;
}

.entry_yokoku p{width:500px;}
.entry_yokoku img{text-align:center;}

.entry_flow_box{
	width:487px;
	margin:30px auto;
}

.entry_flow_h2{
background-image:none!important;
font-size:16px!important;
border:none!important;
width:487px!important;
display:block!important;
margin:10px auto!important;
padding:0!important;
text-align:center!important;
clear:left!important;
height:20px;
}

.entry_flow{
	/*border:1px #FFB32B solid;*/
	width:487px;
	height:100%;
	margin:0 auto 30px auto;
}

.entry_flow h3{color:#00145E;font-size:14px;height:28px;line-height:28px;font-weight:bold;background-color:#CDE6FF;text-align:center;}
.entry_flow .entry_image{width:485px;height:150px;border:0;margin:0;}
.entry_flow p{width:400px;margin:10px auto;}
.entry_step{border:1px #273968 solid;width:487px;margin:0 auto 20px auto;}
.entry_head{border:1px #273968 solid;width:487px;height:40px;}
.entry_arrow{width:487px!important;}