@charset "iso-8859-2";

/* ================================================
CITIZEN SYSTEMS JAPAN CO.,LTD.
Cascading Style Sheets FILE
[002-electronic.css] 
================================================ */
/* MARGIN */
#electronic .mb20{
	margin-bottom: 20px;
}
#electronic .ml20{
	margin-left: 20px;
}
#electronic .ml40{
	margin-left: 40px;
}
#electronic .ml90{
	margin-left: 90px;
}
#electronic .mt20{
	margin-top: 20px;
}
#electronic .mt90{
	margin-top: 90px;
}
/* TOP */

#electronic .elec-top01{
	margin:10px 0px 20px 10px;
	padding:0px 140px 0px 0px;
	background: url(../../electronic/images/index_bg001.jpg) no-repeat right top;
	min-height: 150px;
	_height: 150px;
}
#electronic .elec-top02{
	margin:10px 0px 20px 10px;
	padding:0px 140px 0px 0px;
	background: url(../../electronic/images/index_bg002.jpg) no-repeat right top;
	min-height: 150px;
	_height: 150px;
}

#electronic .elec-top01 ul,
#electronic .elec-top02 ul{
	display:inline;
	margin-left:-30px;
}

#electronic .elec-top01 li,
#electronic .elec-top02 li
{
	display:inline;
	padding:0;
	list-style:none;
}

/* IMG */
#electronic .illust-l{
	margin: 5px 10px 10px;
	padding: 0px;
	float: left;
}
#electronic .illust-r{
	margin: 5px 10px 10px 10px;
	padding: 0px;
	float: right;
}
#electronic .illust-l img,
#electronic .illust-r img{
	margin: 3px;
}
/* IMG POSISION */
#electronic .illust-c{
	text-align: right;
}
/* COLUMN */

#electronic .col2 p.photo,
#electronic .col3 p.photo{
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
#electronic .col2 p.caption,
#electronic .col3 p.caption{
	margin: 0px 0px 7px 10px;
	padding: 0px;
}

#electronic .col2 p.cal-icon{
	margin: 10px 0px 15px 30px;
	padding: 0px;
}
#electronic .col2 p.cal-icon img{
	margin: 10px 5px 0px;
	padding: 0px;
}


/** 2COLUMN 300X240 **/
#electronic div.colleft2{
	float:left;
	width:300px;
	margin-right:5px;
}
#electronic div.colright2{
	float:left;
	width:220px;
	margin-right:5px;
}
/** 2COLUMN 320X220 **/
#electronic div.colleft3{
	float:left;
	width:320px;
	margin-right:5px;
}
#electronic div.colright3{
	float:left;
	width:210px;
	margin-right:5px;
}
/** 2COLUMN 50X200 **/
#electronic div.colleft4{
	float:left;
	width:50px;
	margin-right:5px;
}
#electronic div.colleft4 img{
	margin: 5px;
}
#electronic div.colright4{
	float:left;
	width:200px;
	margin-right:5px;
}
/** 2COLUMN 330X200 **/
#electronic div.colleft5{
	float:left;
	width:330px;
	margin-right:5px;
}
#electronic div.colright5{
	float:left;
	width:200px;
	margin-right:5px;
}
/** 2COLUMN 100X200 **/
#electronic div.colleft6{
	float:left;
	width:100px;
	margin-right:5px;
}
#electronic div.colleft6 img{
	margin: 5px;
}
#electronic div.colleft6 p{
	margin: 0px 0px 10px;
	padding: 0px;
}
#electronic div.colright6{
	float:left;
	width:190px;
	margin:0px;
}

div.colleft9{
	float:left;
	width:350px;
	margin-right:5px;
}
div.colright9{
	float:left;
	width:190px;
}


div.colleft8{
	float:left;
	width:250px;
	margin-right:5px;
}
div.colright8{
	float:left;
	width:290px;
}

/** 2COLUMN 90X170 **/
#electronic div.colleft7{
	float:left;
	width:80px;
	margin-right:15px;
}
#electronic div.colleft7 img{
	margin: 5px;
}
#electronic div.colleft7 p{
	margin: 0px 0px 10px;
	padding: 0px;
}
#electronic div.colright7{
	float:left;
	width:150px;
	margin:0px;
}
#electronic div.colright7 p{
	margin: 0px 0px 10px;
	padding: 0px;
}

/** DOORLINK VA **/
#electronic div.group-01 dl.ph-link dt span{
	background: url(../icon/new_s.gif) no-repeat right top;
	display: block;
	padding-right: 33px;
	width: 135px;
}

/** No. **/
body#electronic #contents p.icon-no7{
	background: url(../../electronic/health/images/function_ic001.gif) no-repeat left center;
	display: block;
	padding: 1px 0px 1px 25px;
	margin-left: 10px;
	_height: 18px
}
body#electronic #contents p.icon-no9{
	background: url(../../electronic/health/images/function_ic002.gif) no-repeat left top;
	display: block;
	padding: 1px 0px 1px 25px;
	margin-left: 10px;
	_height: 18px
}
body#electronic #contents p.icon-no10{
	background: url(../../electronic/health/images/function_ic003.gif) no-repeat left center;
	display: block;
	padding: 1px 0px 1px 25px;
	margin-left: 10px;
	_height: 18px
}
body#electronic #contents p.icon-no11{
	background: url(../../electronic/health/images/function_ic004.gif) no-repeat left center;
	display: block;
	padding: 1px 0px 1px 25px;
	margin-left: 10px;
	_height: 18px
}
body#electronic #contents p.icon-no12{
	background: url(../../electronic/health/images/function_ic005.gif) no-repeat left center;
	display: block;
	padding: 1px 0px 1px 25px;
	margin-left: 10px;
	_height: 18px
}
body#electronic #contents p.icon-no13{
	background: url(../../electronic/health/images/function_ic006.gif) no-repeat left center;
	display: block;
	padding: 1px 0px 1px 25px;
	margin-left: 10px;
	_height: 18px
}
body#electronic #contents p.icon-no14{
	background: url(../../electronic/health/images/function_ic007.gif) no-repeat left center;
	display: block;
	padding: 1px 0px 1px 25px;
	margin-left: 10px;
	_height: 18px
}
body#electronic #contents .dotline {
	background:transparent url(../../electronic/health/images/function_dot.gif) repeat-y scroll center top;
}