@charset "utf-8";
/* =======================================================

　　トップのメインイメージ

======================================================= */
#MAINIMAGE {
	background-color: #CCCCCC;
	height: 200px;
	width: 780px;
}
/* =======================================================

　　トップのコンテンツ

======================================================= */
#WRAPPER {
	padding-top: 15px;
	width: 780px;
	position: relative;
}
/* 左側 */
#TopLeft {
	float: left;
	width: 533px;
	border-right: 1px solid #CCCCCC;
}
#TopLeft h2 {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-align: center;
}
#TopLeft p {
	margin: 0px;
	padding: 15px;
	font-size: 12px;
	line-height: 18px;
}
ul#TopLeftMenu {
	margin: 0px;
	padding: 15px 0px 20px 10px;
	list-style-type: none;
}
ul#TopLeftMenu li {
	margin: 0px;
	padding: 0px;
}
ul#TopLeftMenu li a {
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 200px;
	background-image: url(images_site/top_left_menu.png);
	background-repeat: no-repeat;
	outline: none;
}
ul#TopLeftMenu a.idcard {background-position: 0px 0px;}
ul#TopLeftMenu a.cardprinting {background-position: 0px -40px;}
ul#TopLeftMenu a.cardcase {background-position: 0px -80px;}
ul#TopLeftMenu a.strap {background-position: 0px -120px;}
ul#TopLeftMenu a.accessories {background-position: 0px -160px;}
ul#TopLeftMenu a.idcard:hover {background-position: -200px 0px;}
ul#TopLeftMenu a.cardprinting:hover {background-position: -200px -40px;}
ul#TopLeftMenu a.cardcase:hover {background-position: -200px -80px;}
ul#TopLeftMenu a.strap:hover {background-position: -200px -120px;}
ul#TopLeftMenu a.accessories:hover {background-position: -200px -160px;}

/* 中央 */
#TopCenter {
	width: 300px;
	border-top: 2px solid #6699FF;
	position: absolute;
	left: 230px;
	background-color: #F2F2F2;
	background-image: url(images_site/top_center.png);
	background-repeat: no-repeat;
}
p.TCtext {
	padding: 10px 10px 10px 110px;
	font-size: 12px;
	line-height: 200%;
}
p.TCtext strong {
	font-size: 14px;
	color: #009999;
}
p.detail {
	text-align: right;
	font-size: 12px;
	padding: 10px 0px;
	margin: 0px 10px 20px;
	border-bottom: 1px dotted #999999;
}

/* 右側 */
#TopRight {
	float: right;
	width: 235px;
	font-size: 12px;
	line-height: 18px;
	padding-right: 5px;
}
#TopRight h3 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin: 5px 0px 0px;
	padding: 3px 0px 3px 5px;
	border-left: 5px solid #40C493;
}
#TopRight p {
	margin: 0px;
	padding: 0px 0px 15px;
}
.topics {
	padding-right: 5px;
	padding-left: 5px;
	border-bottom: 1px dotted #999999;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#MAINIMAGE a {
	background-image: url(images_site/top_mainimage.png);
	background-repeat: no-repeat;
	display: block;
	height: 200px;
	width: 780px;
	position: relative;
	text-decoration: none!important;
}
#MAINIMAGE a:hover {
	background-position: 0px -200px;
}
#MAINIMAGE h2 {
	outline: none;
	display:none;
}
#MAINIMAGE a span {
	height: 50px;
	width: 514px;
	position: absolute;
	left: 246px;
	top: 84px;
	line-height: 1.4;
	text-decoration: none!important;
	color: #000000;
	font-size: 12px;
	cursor:pointer;
}
#Service {
	width: 520px;
	padding-left: 6px;
	font-size: 12px;
}
#Service h2 {
	background-image: url(images_site/top_left_servicemenu.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 520px;
	text-indent: -9999px;
}
#Service #Top01,#Service #Top02,#Service #Top03,
#Service #Top04,#Service #Top05,#Service #Top06,
#Service #Top07{
	float:left;
}
#Service #Top01 a,#Service #Top02 a,#Service #Top03 a,
#Service #Top04 a,#Service #Top05 a{
	position: relative;
}
#Service a span {
	text-align: right;
	position: absolute;
	bottom: 5px;
	margin: 0px;
	padding: 0px;
	right: 5px;
	cursor:pointer;
}
#Service #Top01 {
	height: 148px;
	width: 262px;
	background-image: url(images_site/top_left_bg01.png);
	background-position: 0px 31px;
	margin-top: 4px;
}
#Service #Top02 {
	height: 148px;
	width: 258px;
	background-image: url(images_site/top_left_bg02.png);
	background-position: 0px 31px;
	margin-top: 4px;
}
#Service #Top03 {
	height: 159px;
	width: 174px;
	background-image: url(images_site/top_left_bg03.png);
	background-position: 0px 31px;
	margin-top: 4px;
}
#Service #Top04 {
	height: 159px;
	width: 174px;
	background-image: url(images_site/top_left_bg04.png);
	background-position: 0px 31px;
	margin-top: 4px;
}
#Service #Top05 {
	height: 159px;
	width: 172px;
	background-image: url(images_site/top_left_bg05.png);
	background-position: 0px 44px;
	margin-top: 4px;
}
#Service #Top06 {
	width: 262px;
	margin-top: 4px;
	padding-bottom: 20px;
}
#Service #Top07 {
	width: 258px;
	margin-top: 4px;
}

#Service a.topmenu {
	display: block;
	outline: none;
}
#Service #Top01 h3,#Service #Top02 h3,
#Service #Top03 h3,#Service #Top04 h3,
#Service #Top05 h3 {
	text-indent: -9999px;
	display:none;
}
#Service #Top01 a {
	background-image: url(images_site/top_left_h01.png);
	background-repeat: no-repeat;
	height: 148px;
	width: 258px;
}
#Service #Top02 a {
	background-image: url(images_site/top_left_h02.png);
	background-repeat: no-repeat;
	height: 148px;
	width: 258px;
}
#Service #Top03 a {
	background-image: url(images_site/top_left_h03.png);
	background-repeat: no-repeat;
	height: 159px;
	width: 172px;
}
#Service #Top04 a {
	background-image: url(images_site/top_left_h04.png);
	background-repeat: no-repeat;
	height: 159px;
	width: 172px;
}
#Service #Top05 a {
	background-image: url(images_site/top_left_h05.png);
	background-repeat: no-repeat;
	height: 159px;
	width: 172px;
}
#Service #Top06 h3 a {
	background-image: url(images_site/top_left_h06.png);
	background-repeat: no-repeat;
	height: 31px;
	width: 262px;
	display: block;
	outline: none;
	text-indent: -9999px;
}
#Service #Top07 h3 a {
	background-image: url(images_site/top_left_h07.png);
	background-repeat: no-repeat;
	height: 31px;
	width: 258px;
	display: block;
	outline: none;
	text-indent: -9999px;
}
#Service #Top01 a:hover {
background-position:-262px 0px;
}
#Service #Top02 a:hover {
background-position:-258px 0px;
}

#Service #Top03 a:hover {
background-position:-174px 0px;
}
#Service #Top04 a:hover {
background-position:-174px 0px;
}
#Service #Top05 a:hover {
background-position:-172px 0px;
}
#Service #Top06 h3 a:hover,#Service #Top07 h3 a:hover {
background-position: 0px -31px;
}

#Service ul {
	list-style-position: outside;
	list-style-type: disc;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
	line-height: 1.6;
}
#Service ul li {
	margin: 0px;
	padding: 0px 0px 0px 7px;
}
#Address {
	width: 520px;
	padding-left: 6px;
	padding-bottom: 10px;
}
#Address h3 {
	background-image: url(images_site/top_left_address.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 520px;
}
#Address p {
	font-size: 12px;
	line-height: 1.6;
	margin: 7px 0px;
	padding: 0px 0px 0px 10px;
}
#Address a#CONTACT {
	background-image: url(images_site/contact_btn.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 287px;
	outline: none;
}
#Address a#CONTACT:hover {
	background-position: 0px -30px;
}
#Address .tel {
	background-image: url(images_site/top_left_tel.png);
	background-repeat: no-repeat;
	height: 29px;
	margin: 0px 0px 0px 10px;
	padding: 12px 0px 0px 100px;
}
#Address .mailform {
	background-image: url(images_site/top_left_form.png);
	background-repeat: no-repeat;
	height: 29px;
	margin: 0px 0px 0px 10px;
	padding: 6px 0px 6px 210px;
}
#TopRight .comment {
	background-color: #F7F7F7;
	border: 1px dashed #CCCCCC;
	padding: 5px;
}
address {
	border-bottom: 1px solid #CCCCCC;
}