@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------
  HTML
------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background-image: url("/smk-link/img/bg.gif");
	background-repeat: repeat-x;
	color: #333;
	font-size: 12px;
	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka;
	line-height: 150%
}
a {
	color: #0066CC
}
a:hover, a:active {
	text-decoration: none
}
img {
	border: 0
}
h1,h2,h3,h4,ul,ol,li,p {
	margin: 0;
	padding: 0
}
p {
	margin-top: 1em
}



/*------------------------------------------------------------
  Header
------------------------------------------------------------*/
div#header {
	position: relative;
	margin: 0 auto;
	width: 900px;
	height: 108px	
}
/* logo */
#header h1 {
	position: absolute;
	overflow: hidden;
	width: 108px;
	height: 39px;
	top: 30px;
	left: 0;
	background-image: url("/smk-link/img/logo.gif");
	background-repeat: no-repeat
}
#header h1 a {
	display: block;
	width: 108px;
	height: 39px;
	text-indent: -99999px;
}
/* text */
#header h2.h_text {
	position: absolute;
	overflow: hidden;
	width: 330px;
	height: 13px;
	top: 12px;
	right: 0;
	background-image: url("/smk-link/img/h_text.gif");
	background-repeat: no-repeat;
	text-indent: -99999px;
}
/* h_menu */
#header ul.h_menu {
	list-style-type: none;
	position: absolute;
	width: 144px;
	top: 40px;
	right: 0;
}
#header ul.h_menu li {
	display: block;
	float: left
}
#header ul.h_menu li.h01 {
	margin-right: 16px;
	width: 77px;
	height: 11px;
	background-image: url("/smk-link/img/h_menu01.gif");
	background-repeat: no-repeat
}
#header ul.h_menu li.h01 a {
	display: block;
	width: 77px;
	height: 11px;
	text-indent: -99999px;
}
#header ul.h_menu li.h02 {
	width: 51px;
	height: 11px;
	background-image: url("/smk-link/img/h_menu02.gif");
	background-repeat: no-repeat
}
#header ul.h_menu li.h02 a {
	display: block;
	width: 51px;
	height: 11px;
	text-indent: -99999px;
}
/* search */
#header div.headerSearch {
	position: absolute;
	width: 330px;
	height: 30px;
	top: 60px;
	right: 0;
	background-image: url("/smk-link/img/bg_search.gif");
	background-repeat: no-repeat
}
#header div.headerSearch table.headerSearchLayout {
	position: absolute;
	width: 320px;
	top: 4px;
	right: 5px
}
#header div.headerSearch table.headerSearchLayout td.headerSearchInput {
	vertical-align: center
}
#header div.headerSearch table.headerSearchLayout td.headerSearchInput input {
	width: 275px;
	margin: 0;
	padding: 0;
	font-size: 12px
}



/*------------------------------------------------------------
  Global menu
-----------------------------------------------------------*/
.menu_container {
	width: 100%;
	height: 45px
}
.menu_container .menu_box {
	position: relative;
	width: 900px;
	margin: 0 auto
}
.menu_container .menu_box #menu {
	position: absolute;
	width: 900px;
	top: 0;
	left: 0;
	margin: 0 auto
}
.menu_container .menu_box #menu dl {
	display: block;
	float: left;
	width: 225px;
	height: 45px;
	margin: 0;
	padding: 0;
}
.menu_container .menu_box #menu dl.m01 {
	width: 224px
}
.menu_container .menu_box #menu dl.m04 {
	width: 226px
}
.menu_container .menu_box #menu dl a {
	display: block
}
.menu_container .menu_box #menu dl dt {
	margin: 0;
	padding: 0;
	height: 45px
}
.menu_container .menu_box #menu dl dd {
	display: none;
	margin: 0;
	padding: 7px 6px;
	border-right: 2px solid #D7D7D7;
	border-bottom: 1px dashed #CCC;
	border-left: 2px solid #D7D7D7;
	background-image: url("/smk-link/img/g_menu_arrow.gif");
	background-position: right;
	background-repeat: no-repeat;
	background-color: #FFF
}
.menu_container .menu_box #menu dl dd.top {
	border-top: 2px solid #D7D7D7;
	border-right: 2px solid #D7D7D7;
	border-bottom: 1px dashed #CCC;
	border-left: 2px solid #D7D7D7;
}
.menu_container .menu_box #menu dl dd.btm {
	border-right: 2px solid #D7D7D7;
	border-bottom: 2px solid #D7D7D7;
	border-left: 2px solid #D7D7D7;
}
.menu_container .menu_box #menu dl:hover dd {
	display: block
}
.menu_container .menu_box #menu dl dd a {
	display: block;
	color: #777;
	font-size: 10px;
	line-height: 100%;








	text-decoration: none
}






/*------------------------------------------------------------
  Footer
------------------------------------------------------------*/
#footer {
	height: 208px;
	background-image: url(/smk-link/img/bg_footer.gif);
	background-repeat: repeat-x
}
#footer .f_box {
	height: 208px;
	width: 920px;
	margin: 0 auto;
	background-image: url(/smk-link/img/bg_f_box.gif);
	background-repeat: no-repeat
}
#footer .f_link {
	float: left;
	margin-top: 70px;
	padding-left: 40px	
}
#footer .f_link a {
	color: #ABB7C2;
	font-size: 12px	
}
#footer .copy {
	float: right;
	margin-top: 70px;
	padding-right: 40px;
	color: #ABB7C2;
	font-size: 10px	
}
/* sub */
#footer p.pagetop {
	float: right;
	width: 90px;
	margin-top: 30px;
	padding-right: 40px
}
#footer .sub_f_link {
	float: left;
	margin-top: 30px;
	padding-left: 40px	
}
#footer .sub_f_link a {
	color: #ABB7C2;
	font-size: 12px	
}
#footer .sub_copy {
	float: right;
	margin-top: 30px;
	padding-right: 40px;
	color: #ABB7C2;
	font-size: 10px	
}




/*------------------------------------------------------------
  main
-----------------------------------------------------------*/
#main {
	width: 900px;
	margin: 0 auto
}
#main p {
	margin-top: 1em
}
#main .contents {
	margin: 0 40px;
	width: 700px
}
#main .contents .box {
	margin-left: 10px;
	width: 680px
}
/* pankuzu */
#main .pankuzu {
	width: 890px;
	padding: 8px 5px 5px 5px;
	border-bottom: 1px solid #DDD;
	color: #666;
	font-size: 10px
}




/*------------------------------------------------------------
  TOP
-----------------------------------------------------------*/
/* flash */

.smkFlashTop {
	width: 100%;
	height: 324px;
	background: url("/smk-link/img/bg_flash.gif") repeat-x bottom;
	text-align: center;
}
#smk_top {
	margin: 0;
	padding: 0;
}
.flash_caution {
	padding: 20px;
	border: 1px solid #d0d0d0;
	margin: 0 0 15px 0 ;
	background: #faf8f9
}
/* l_box */
#main #l_box {
	float: left;
	width: 680px	
}
* html #main #l_box .l_btn { /* IE6 */
	margin-bottom: 0
}
#main #l_box .l_btn {
	float: left;
	width: 335px;
	margin-bottom: -0.4em
}
* html #main #l_box .r_btn { /* IE6 */
	margin-bottom: 0
}
#main #l_box .r_btn {
	float: right;
	width: 335px;
	margin-bottom: -0.4em
}
/* r_box */
#main #r_box {
	float: right;
	width: 200px
}
* html #main #r_box .news_box { /* IE6 */
	margin-top: 0;
	padding-top: -0.5em	
}
#main #r_box .news_box {
	width: 180px;
	margin-top: -1.2em;
	padding: 0 10px;
	background-image: url("/smk-link/img/news_bg.gif");
	background-repeat: no-repeat
}
* html #main #r_box .news_box .day { /* IE6 */
	background-position: 0 11px
}
#main #r_box .news_box .day {
	width: 180px;
	padding-top: 0.5em;
	background-image: url("/smk-link/img/news_icon.gif");
	background-position: 0 9px;
	background-repeat: no-repeat;
	color: #666;
	font-size: 10px;
	text-indent: 15px;
}
* html #main #r_box .news_box .text { /* IE6 */
	font-size: 10px;
	line-height: 140%
}
#main #r_box .news_box .text {
	width: 180px;
	margin: 0.3em 0 -1em 0;
	padding-bottom: 1.3em;
	background-image: url("/smk-link/img/news_line.gif");
	background-position: bottom;
	background-repeat: no-repeat;
	color: #666;
	font-size: 11px;
	line-height: 120%
}



/*------------------------------------------------------------
  products
------------------------------------------------------------*/
/* menu */
#submenu_box {
	width: 900px;
	height: 26px;
	padding: 10px 0
}
#submenu_box ul {
	list-style-type: none;
	float: right
}
#submenu_box ul li {
	float: left
}
#submenu_box ul li a {
	display: block;
	width: 104px;
	height: 26px;
}
#submenu_box ul li.m01 {
	width: 104px;
	height: 26px;
	margin-right: 10px;
	background-image: url("/smk-link/products/img/btn_distributor.gif");
	background-repeat: no-repeat;
}
#submenu_box ul li.m01 a {
	text-indent: -99999px;
}
#submenu_box ul li.m02 {	
	margin-right: 10px;
	background-image: url("/smk-link/products/img/btn_catalog.gif");
	background-repeat: no-repeat;
}
#submenu_box ul li.m02 a {
	text-indent: -99999px;
}
#submenu_box ul li.m03 {
	background-image: url("/smk-link/products/img/btn_faq.gif");
	background-repeat: no-repeat;
}
#submenu_box ul li.m03 a {
	text-indent: -99999px;
}
#submenu_box ul li.m04 {
	margin-right: 10px;
	background-image: url("/smk-link/products/img/btn_guide.gif");
	background-repeat: no-repeat;
}
#submenu_box ul li.m04 a {
	text-indent: -99999px;
}
#submenu_box ul li.m05 {
	margin-right: 10px;
	background-image: url("/smk-link/products/img/btn_howto.gif");
	background-repeat: no-repeat;
}
#submenu_box ul li.m05 a {
	text-indent: -99999px;
}
#submenu_box ul li.m06 {
	margin-right: 10px;
	background-image: url("/smk-link/products/img/btn_point.gif");
	background-repeat: no-repeat;
}
#submenu_box ul li.m06 a {
	text-indent: -99999px;
}
#submenu_box ul li.m07 {
	margin-right: 10px;
	background-image: url("/smk-link/products/img/btn_size.gif");
	background-repeat: no-repeat;
}
#submenu_box ul li.m07 a {
	text-indent: -99999px;
}
/* title */
h3.title {
	margin-top: 2em
}
/* table */	
table.t_products {	
	width: 840px;
	margin: 1.5em auto 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC
}
.t_products th {
	width: 250px;
	padding: 4px 0 3px 10px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #F5F5F4;
	font-size: 12px;
	text-align: left	
}
.t_products td {
	padding: 4px 0 3px 10px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	font-size: 12px
}
.box {
	width: 840px;
	margin: 1.5em auto 0 auto
}
.box .left {
	float: left;
	width: 380px
}
.box .right {
	float: right;
	width: 435px
}
.box .left2 {
	float: left
}
.box .right2 {
	float: right
}
.box .left_rn {
	float: left;
	width: 392px
}
.box .right_rn {
	float: right;
	width: 448px
}
.box .left_rnc {
	float: left;
	width: 397px
}
.box .right_rnc {
	float: right;
	width: 443px
}

ul.list {
	margin: 1.5em 0 0 4em
}
.l_list {
	float: left;
	width: 300px
}
.r_list {
	float: left;
	width: 300px
}
.right {
	float: right
}
.faq {
	padding: 10px 0;
	border-bottom: 1px dashed #CCC
}
h3.faq {
	width: 840px;
	margin: 1.5em auto 0 auto;
	padding-bottom: 3px;
	border-bottom: 2px solid #0099CC;
	color: #0099CC;
	font-size: 14px
}
ol {
	margin-left: 4em
}
ol li {
	margin-bottom: 5px;
	color: #0066CC
}
ul.ds li {
	margin: 1.5em 0 0 4em
}



/*------------------------------------------------------------
  contact
------------------------------------------------------------*/
.l_cbox {
	float: left;
	width: 310px;
	margin-top: 15px;
	padding-left: 10px	
}
.r_cbox {
	float: right;
	width: 481px;
	height: 450px;
	margin-top: 15px	
}



/*------------------------------------------------------------
  regist
------------------------------------------------------------*/
.t_rg {
	margin: 10px auto 0 auto;
	width: 840px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC
}
.t_rg th {
	padding: 4px 0 3px 10px;
	width: 250px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #F5F5F4;
	font-size: 12px;
	text-align: left	
}
.t_rg td {
	padding: 4px 0 3px 10px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	font-size: 10px
}
select {
	font-size: 10px
}
option {
	font-size: 10px
}




/*------------------------------------------------------------
  プレゼンリモコン比較
------------------------------------------------------------*/
/* table */	
table.t_cp {	
	width: 900px;
	margin-top: 2em;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC
}
.t_cp th {
	padding: 4px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #F5F5F4;
	font-size: 12px	
}
.t_cp td {
	padding: 15px 4px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	font-size: 12px;
	text-align: center
}
.t_cp td.red {
	background-color: #FAE7E7;
	color: #CC0000;
	font-weight: bold
}
.t_cp td.green {
	background-color: #EDFBDB;
	color: #339900;
	font-weight: bold
}





.txtError{
color:#E00631;
}
.txtBold{
font-weight:bold;
}
.t_rg td.inquiryTableError{
margin:0;
padding:5px;
border-right:solid 1px #CCC;
border-bottom:solid 1px #CCC;
background:#FFDBDB;
}
.t_rg td.inquiryTableError p{
margin:5px 0 0 0;
padding:0;
}

/* 091207追加 */
.box2 {
	width: 870px;
	margin: 1.5em 0 0 30px;
}
.box2 .left {
	float: left;
	width: 452px;
}
.box2 .left span {
	color: #3b3b76;
	line-height: 140%;
}
.box2 .left h4 {
	font-size: 14px;
	margin-top: 15px;
	border-bottom: 1px solid #3b3b76;
}
.box2 .left ul {
	margin-top: 10px;
	list-style-type: none;
}
.box2 .left ul li {
	font-size: 12px;
	line-height: 100%;
	margin: 0 0 6px 0;
}
.box2 .right {
	float: right;
	width: 391px;
}
table.t_products2 {	
	width: 840px;
	margin: 1.5em auto 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC
}
.t_products2 th {
	width: 250px;
	padding: 4px 0 3px 10px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #f1f3fd;
	color: #3b3b76;
	font-size: 12px;
	font-weight: lighter;
	text-align: left	
}
.t_products2 td {
	padding: 4px 0 3px 10px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	font-size: 12px
}
ul.list li span {
	color: #3b3b76;
}
#submenu_box ul li a {
	overflow: hidden !important;
}
#submenu_box ul li.m08 {
	margin-right: 10px;
	background-image: url("/smk-link/products/img/btn_distributor2.gif");
	background-repeat: no-repeat;
}
#submenu_box ul li.m08 a {
	text-indent: -99999px;
}
h3.faq2 {
	width: 840px;
	margin: 1.5em auto 0 auto;
	padding-bottom: 3px;
	border-bottom: 2px solid #ad327a;
	color: #ad327a;
	font-size: 14px
}