@charset "utf-8";
/*------------------------------------------------------------------------------
扉ページ
------------------------------------------------------------------------------*/
.block{
	width:545px;
	padding-bottom:15px;
	}
.block .box_kaigo{
	width:265px;
	height:200px;
	background:url(../img/product/bg_kaigo.jpg) no-repeat;
	float:left;
	}
.block .box_fukushi{
	width:265px;
	height:200px;
	background: url(../img/product/bg_fukushi.jpg) no-repeat;
	float:right;
	}
.block .box_iryou{
	width:265px;
	height:200px;
	background: url(../img/product/bg_iryo.jpg) no-repeat;
	float:left;
	}
.block .box_kikan{
	width:265px;
	height:170px;
	background: url(../img/product/bg_kikan.jpg) no-repeat;
	float:right;
	}
.block .box_asp{
	width:265px;
	height:170px;
	background: url(../img/product/bg_asp.jpg) no-repeat;
	float:left;
	}
.block .box_other{
	width:265px;
	height:171px;
	background: url(../img/product/bg_other.jpg) no-repeat;
	float:right;
	}

	
	
.block .box_kaigo h3,
.block .box_fukushi h3,
.block .box_iryou h3,
.block .box_kikan h3,
.block .box_asp h3,
.block .box_other h3{
	padding:26px 0 0 12px;
	}
ul.cat1,
ul.cat2{
	list-style:none;
	padding-top:28px;
	font-size:12px;
	font-weight:bold;
	}
ul.cat1 li{
	width:190px;
	padding:0 0 7px 12px;
	}
ul.cat2 li{
	padding:0 0 0 12px;
	}
	
ul.cat1 li a{
	display:block;
	height:23px;
	background:url(../img/product/bg_cat.gif) no-repeat;
	padding:7px 0 0 42px;
	}
ul.cat2 li a{
	background:url(../img/product/arrow_cat.gif) center left no-repeat;
	padding-left:16px;
	}
ul.cat3 li{
	font-size:88%;
	}
	
	
/*------------------------------------------------------------------------------
障がい者福祉向け製品
------------------------------------------------------------------------------*/

	

	
/*------------------------------------------------------------------------------
詳細ページ
------------------------------------------------------------------------------*/	
p.cat_name{
	padding:14px 0 0 0;
	font-size:128%;
	}
dl.p_list{
	background:url(../img/product/arrow4.gif) no-repeat;
	border-bottom:2px dotted #999999;
	min-height:40px;
	margin:10px 0;
	padding:6px 0 6px 20px;
	}
dl.p_list dt{
	font-size:118%;
	font-weight:bold;
	}
dl.p_list dd{
	font-size:85%;
	}


/*------------------------------------------------------------------------------
介護サービス向け製品
------------------------------------------------------------------------------*/

.box_style{
	width:588px;
	border:1px solid #CCCCCC;
	clear:both;
	margin-bottom:10px;
	padding-bottom:5px;
	}
.box_style2{
	width:543px;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	padding:5px 20px 0 25px;
	}
.box_style3{
	width:543px;
	margin-bottom:10px;
	padding:5px 20px 0 25px;
	}
.box_style4{
	width:558px;
	margin-bottom:10px;
	padding:2px 20px 0 10px;
	}
ul.cat3{
	list-style:none;
	width:564px;
	padding:10px 5px 4px 18px;
	}
ul.cat3 .li1{
	float:left;
	font-weight:normal;
	width:161px;
	padding:7px 8px 16px 0;
	line-height:1.4em;
	/*background:url(../img/arrow1.gif) no-repeat 0px 8px;*/
	}
ul.cat3 .li2{
	float:left;
	/*font-size:12px;*/
	font-weight:normal;
	padding:7px 4px 16px 0;
	line-height:1.4em;
	}
ul.cat3 .li1 a,ul.cat3 .li2 a{
	padding:0 0 0 20px;
	display:block;
	background:url(../img/arrow1.gif) no-repeat 0px 4px;
	}


/*------------------------------------------------------------------------------
医療機関向け製品
------------------------------------------------------------------------------*/
ul.lineup{
	list-style:none;
	width:590px;
	}
ul.lineup li{
	padding-bottom:15px;
	}


/*------------------------------------------------------------------------------
初めての方へ
------------------------------------------------------------------------------*/

p.flow_arrow{
	background:url(../img/product/beginner/flow_arrow.gif) center left no-repeat;
	min-height:49px;
	padding:0 0 0 114px;
	line-height:1em;
	vertical-align:bottom;
	margin:10px 0;
	}
ul.flow{
	width:580px;
	padding-top:20px;
	list-style:none;
	}
	
ul.flow li.flow_num{
	height:28px;
	padding-bottom:10px;
	}
ul.flow li.ar_down{
	background:url(../img/product/beginner/flow_arrow.gif) center left no-repeat;
	min-height:34px;
	padding:15px 0 0 114px;
	margin-bottom:10px;
	}
ul.flow li.ar_down2{
	background:url(../img/product/beginner/flow_arrow.gif) center left no-repeat;
	min-height:44px;
	padding:5px 0 0 114px;
	margin-bottom:10px;
	}
	
#first_navi{
	background:url(../img/product/beginner/bg_s_navi_btm.gif) bottom left no-repeat;
	padding-bottom:4px;
	margin-bottom:15px;
	}
ul.first{
	width:160px;
	min-height:419px;
	background:url(../img/product/beginner/bg_s_navi_mid.gif) repeat-y;
	}
ul.first li{
	line-height:1.4em;
	}
ul.first li.title{
	height:51px;
	padding-bottom:8px
	}
ul.first li.cat_pink{
	background-color:#FFE1E1;
	padding:5px 10px;
	color:#FF6666;
	margin:0 5px;
	}
ul.first li.cat_green{
	background-color:#E7FFC1;
	padding:5px 10px;
	color:#65A800;
	margin:15px 5px 0 5px;
	}
ul.first li.cat_orange{
	background-color:#FFEEDF;
	padding:5px 10px;
	color:#FE7901;
	margin:15px 5px 0 5px;
	}
ul.first li.ar{
	background:url(../img/common/arrow2.gif) center left no-repeat;
	padding-left:15px;
	margin:5px 0 5px 8px;
	font-size:84%;
	}

.block2{
	margin:10px 0 0 0;
	padding-left:10px;
	width:570px;
	}	


p.ex_img{
	text-align:center;
	padding:10px 0;
	}
	

/*------------------------------------------------------------------------------
製品一覧
------------------------------------------------------------------------------*/
ul.link_cat{
	padding:2px 0 10px 0;
	}
ul.link_cat li{
	display:inline;
	font-size:90%;
	}


/*------------------------------------------------------------------------------
導入事例
------------------------------------------------------------------------------*/
.box_case{
	width:580px;
	}
.box_case p.photo, .box_style4 p.photo{
	width:150px;
	float:left;
	}
.box_case .msg, .box_style4 .msg{
	width:420px;
	float:right;
	}
.box_dd_left{
	width:50%;
	float:left;
	}
.box_dd_right{
	width:50%;
	float:right;
	}
.case_pink2{
	color:#FF6666;
	font-size:120%;
	}
.case_pink{
	color:#FF6666;
	padding:5px;
	border-top:2px dotted #FFE1E1;
	border-bottom:2px dotted #FFE1E1;
	font-size:128%;
	margin-top:15px;
	}
.case_green{
	color:#65A800;
	border-top:2px dotted #E7FFC1;
	border-bottom:2px dotted #E7FFC1;
	padding:5px;
	font-size:128%;
	margin-top:15px;
	}
.case_blue{
	color:#033FFF;
	border-top:2px dotted #D9E0FF;
	border-bottom:2px dotted #D9E0FF;
	padding:5px;
	font-size:128%;
	margin-top:15px;
	}
.case_orange{
	color:#FE7901;
	border-top:2px dotted #FFEEDF;
	border-bottom:2px dotted #FFEEDF;
	padding:5px;
	font-size:128%;
	margin-top:15px;
	}
.case_pur{
	color:#660066;
	border-top:2px dotted #FFE1FF;
	border-bottom:2px dotted #FFE1FF;
	padding:5px;
	font-size:128%;
	margin-top:15px;
	}
.case_other{
	color:#002163;
	border-top:2px dotted #EEEEEE;
	border-bottom:2px dotted #EEEEEE;
	padding:5px;
	font-size:128%;
	margin-top:15px;
	}
.profile{
	margin:0 0 6px 0;
	padding:5px;
	border-bottom:1px dotted #CCCCCC;
	border-top:1px dotted #CCCCCC;
	}
p.btn_case{
	text-align:right;
	padding:5px 20px 15px 0;
	}
.more{
	text-align:right;
	} 
	
dl.merit dt{
	border-bottom:1px solid #002163;
	color:#002163;
	font-weight:bold;
	margin:6px 0 5px 0;
	padding:0 2px 0 2px;
	}
dl.merit dd{
	padding-left:12px;
	background:url(../img/product/arrow3.gif) 0px 4px no-repeat;
	margin:2px 0 16px 0;
	}



/*------------------------------------------------------------------------------
製品詳細ページ
------------------------------------------------------------------------------*/
h5.feature{
	font-size:105%;
	border-bottom:2px dotted #002163;
	font-weight:bold;
	margin:10px 0;
	line-height:1.8em;
	color:#002163;
	}
h5.feature span{
	border-left:5px solid #002163;
	padding:1px 0 1px 10px;
	}
.block3{
	width:538px;
	padding:0 10px;
	}
.block3 .box_feat_left{
	width:265px;
	float:left;
	}
.block3 .box_feat_right{
	width:265px;
	float:right;
	}
.item{
	padding:5px;
	background-color:#6699cc;
	margin-bottom:5px;
	}
ul.disc li{
	list-style: disc;
	margin-left:20px;
	padding-bottom:10px;
	}
ul.disc2 li{
	list-style: disc;
	margin-left:18px;
	padding-bottom:4px;
	}



/*------------------------------------------------------------------------------
h3タイトル
------------------------------------------------------------------------------*/

/*デフォルト*/	
h3.usually{
	background:url(../img/product/bg_h3_2.jpg) no-repeat left center;
	font-size:122%;
	color: #666666;
	font-weight: bold;
	width: 565px;
	padding:13px 0px 10px 25px;
	margin:0 0 10px 0;
	}	
	
/*医療機関向け*/
.detail_title{
	background:url(../img/product/bg_h3.jpg) center bottom no-repeat;
	border-left:10px solid #CCCCCC;
	padding:5px 0 5px 15px;
	width:565px;
	margin-top:4px;
	}
.detail_title h3.kaigo{
	color:#FF6666;
	font-size:130%;
	padding:10px 0;
	font-weight:bold;
	}
.detail_title h3.iryou{
	color:#0033FF;
	font-size:130%;
	padding:10px 0;
	font-weight:bold;
	}
.detail_title h3.fukushi{
	color:#65A800;
	font-size:130%;
	padding:10px 0;
	font-weight:bold;
	}
.detail_title h3.other2{
	color:#000000;
	font-size:130%;
	padding:10px 0;
	font-weight:bold;
	}
h3.iryou2{
	background:url(../img/product/bg_h3.jpg) center bottom no-repeat;
	border-left:10px solid #CCCCCC;
	padding:5px 0 5px 15px;
	width:565px;
	font-size:122%;
	font-weight:bold;
	margin:5px 0 10px 0;
	line-height:2.2em;
	color:#0033FF;
	}
h3.kikan2{
	background:url(../img/product/bg_h3.jpg) center bottom no-repeat;
	border-left:10px solid #CCCCCC;
	padding:5px 0 5px 15px;
	width:565px;
	font-size:122%;
	font-weight:bold;
	margin:5px 0 10px 0;
	line-height:2.2em;
	color:#FE7901;
	}
h3.key{
	background:url(../img/product/bg_h3_orange.jpg) no-repeat;
	width:565px;
	height:18px;
	color:#666666;
	font-size:122%;
	font-weight:bold;
	margin-bottom:10px;
	padding:12px 0 10px 25px;
	}
h3.asp{
	background:url(../img/product/bg_h3.jpg) center bottom no-repeat;
	border-left:10px solid #CCCCCC;
	padding:5px 0 5px 15px;
	width:565px;
	font-size:122%;
	font-weight:bold;
	margin:5px 0 10px 0;
	line-height:2.2em;
	color:#660066;
	}
h3.other{
	background:url(../img/product/bg_h3.jpg) center bottom no-repeat;
	border-left:10px solid #CCCCCC;
	padding:5px 0 5px 15px;
	width:565px;
	font-size:122%;
	font-weight:bold;
	margin:5px 0 10px 0;
	line-height:2.2em;
	color:#002163;
	}
	
/*基幹業務向け製品*/	
.detail_title h3.kikan{
	color:#FE7901;
	font-size:130%;
	padding:10px 0;
	font-weight:bold;
	}
/*障がい者福祉向け*/	
h3.welf{
	background:url(../img/product/bg_h3_green.jpg) no-repeat;
	width:565px;
	height:18px;
	color:#666666;
	font-size:122%;
	font-weight:bold;
	margin-bottom:10px;
	padding:12px 0 10px 25px;
	}


/*初めての方・介護サービス*/
h3.first{
	background:url(../img/product/bg_h3_pink.jpg) no-repeat;
	width:565px;
	height:18px;
	color:#666666;
	font-size:122%;
	font-weight:bold;
	margin-bottom:10px;
	padding:12px 0 10px 25px;
	}
	

h3.prodcut{
	padding:20px 0 10px 0;
	}
	

/*------------------------------------------------------------------------------
h4タイトル
------------------------------------------------------------------------------*/
h4.usually{
	background:url(../img/common/h4.jpg) no-repeat;
	width:580px;
	padding:4px 0 8px 10px;
	margin:20px 0 10px 0;
	font-weight: bold;
	font-size:105%;
	line-height: 1.5em;
	}
h4.usually2{
	background:url(../img/common/h4.jpg) no-repeat;
	width:580px;
	padding:4px 0 8px 10px;
	margin:10px 0 10px 0;
	font-weight: bold;
	font-size:105%;
	line-height: 1.5em;
	}

h4.usually .gray{
	padding:1px 0 1px 5px;
	border-left:10px solid #002163;
	color: #666666;
	}
h4.usually .orange{
	padding:1px 0 1px 5px;
	border-left:10px solid #FE7901;
	color: #FE7901;
	}
h4.usually .black{
	padding:1px 0 1px 5px;
	border-left:10px solid #000000;
	color: #000000;
	}
h4.usually .other{
	padding:1px 0 1px 5px;
	border-left:10px solid #002163;
	color: #002163;
	}


/***************************************************************************/
h4.nursing{
	font-size:100%;
	color:#f22447;
	font-weight:bold;
	line-height:1.6em;
	background-color:#ffe8e8;
	padding:5px 0 5px 10px;
	}
h4.nursing span{
	padding:3px 0 3px 5px;
	border-left:solid 10px #f22447;
	}
h4.welf{
	font-size:100%;
	color:#FF6666;
	font-weight:bold;
	line-height:1.6em;
	background-color:#FFE1E1;
	padding:5px 0 5px 10px;
	}




/*------------------------------------------------------------------------------
font系
------------------------------------------------------------------------------*/
.entry_box3 .catch{
	padding:0 50px 0 50px;
	}
.indent{
	text-indent:-1em;
	padding-left:1em;
	}
.f_small{
	font-size:90%;
	}
.entry_box3 p.f_small{
	padding:0 0 10px 0;
}
.f_big{
	font-size:122%;
	}
.emphasis{
	font-size:140%;
	font-weight:bold;
	color:#000000;
	padding:10px 0;
	}
.attention{
	color:#FF0000;
	}
.attention2{
	color:#FFCC00;
	font-weight:bold;
	}
.bold{
	font-weight:bold;
	}



/*------------------------------------------------------------------------------
What's New
------------------------------------------------------------------------------*/
dl#news{
	padding:15px 0;
	}

dl#news dt{
	clear:left;
	background: url(../img/common/arrow2.gif) left 5px no-repeat;
	padding-left:20px;
	width:8em;
	float:left;
	padding-bottom:10px;
	font-size:100%;
	}
dl#news dd{
	margin-left:8em;
	padding-bottom:10px;
	font-size:95%;
	}
dl#news dd a:hover{
	color:#002163;
	text-decoration:underline;
	}