@import url(http://www.hammock.jp/css/products-10.css);


/* Head-menu */
#g-h-menu{float:right; margin:0 ; padding:0 1.5em 0 ; text-align:right;}
#g-h-menu ul.menu li.img              {margin:0;      padding:0 2em 0 0;}
#g-h-menu ul.menu li.use-img          {margin:0 2.5em 0 0.5em;  padding:26px 1em 0 0;}
#g-h-menu ul.menu li.kadoukakaku-img  {margin:0 0.1em;padding:30px 1em 0 0;}
#g-h-menu ul.menu li.txt              {padding:35px 3.5em 0 1em;vertical-align:bottom;}

/* SUBNAV */
#side-g #subnav ul li.toiawase a {
	display:block;
	margin-bottom:-2px;
	line-height:45px;
	color:#4e6090;
	text-decoration:none;
	outline:none;
	background:url(./item/subnav_item_arrow.gif) no-repeat -12px 50%;
	zoom:1;
}
#side-g #subnav ul li.twolines a {
	display:block;
	padding-top:7px;
	padding-bottom:-2px;
	line-height:1.3em;
	color:#595959;
	text-decoration:none;
	outline:none;
	background:url(./item/subnav_item_arrow.gif) no-repeat -12px 50%;
	zoom:1;
}
#side-g #subnav ul li.twolines img {
	display:block;
	padding-top:0px;
	margin-bottom:0px;
	line-height:1.3em;
	color:#595959;
	text-decoration:none;
	outline:none;
	background:url(./item/subnav_item_arrow.gif) no-repeat -12px 50%;
	zoom:1;
}
#side-g #subnav.noicons ul li a { padding-left:6px; }
#side-g #subnav ul li a:hover { text-decoration:underline; color:#08c; background-position:-200px 50%; }
#side-g #subnav ul li a img { float:left; margin: 1px 5px 0 0; position:relative;  }
#side-g #subnav ul li.last { background:none; }


/* SUBNAV HIGHLIGHT STATES */
body#Gaiyou #g-contents #side-g #subnav ul li#sn-gaiyou,
body#MiroviaStat #g-contents #side-g #subnav ul li#sn-ms,
body#GOLD #g-contents #side-g #subnav ul li#sn-ag,
body#TalkManager #g-contents #side-g #subnav ul li#sn-at,
body#MailWatcher #g-contents #side-g #subnav ul li#sn-mw,
body#InterSafe #g-contents #side-g #subnav ul li#sn-is,
body#DocumentSecurity #g-contents #side-g #subnav ul li#sn-ds,
body#ToPS #g-contents #side-g #subnav ul li#sn-tp,
body#Service #g-contents #side-g #subnav ul li#sn-sv,
	{ font-weight:bold; background:#b2bcc9 url(/item/subnav_itembg_active.gif) no-repeat bottom left;}

body#Toiawase #g-contents #side-g #subnav ul li#sn-toiawase,
	{ font-weight:bold; background:#99bcc9 url(/item/subnav_itembg_active.gif) no-repeat bottom left;}


body#Gaiyou #g-contents #side-g #subnav ul li#sn-gaiyou a,
body#MiroviaStat #g-contents #side-g #subnav ul li#sn-ms a,
body#GOLD #g-contents #side-g #subnav ul li#sn-ag a,
body#TalkManager #g-contents #side-g #subnav ul li#sn-at a,
body#MailWatcher #g-contents #side-g #subnav ul li#sn-mw a,
body#InterSafe #g-contents #side-g #subnav ul li#sn-is a,
body#DocumentSecurity #g-contents #side-g #subnav ul li#sn-ds a,
body#ToPS #g-contents #side-g #subnav ul li#sn-tp a,
body#Service #g-contents #side-g #subnav ul li#sn-sv a,
	{ color:#000; cursor:default; background-position:-389px 50%;}

body#Toiawase #g-contents #side-g #subnav ul li#sn-toiawase a,
	{ color:#000; background:#99bcc9 cursor:default; background-position:-389px 50%;}

/*toiawase*/
#Toiawase p.toiawase{text-indent:1.5em}

#Toiawase p.syamei{
	font-size: 13px;
	font-weight: bold;
	padding-top: 15px;
}

#Toiawase table.hammock{
	background-color:#f5f5ff;
	margin: 0px;
	padding: 0px;
	height:130px;
	width:700px;
	margin-bottom:20px;
}

#Toiawase table.seihin{
	background-color:#ffffff;
	margin: 0px;
	padding: 0px;
	width:700px;
	margin-bottom:20px;
}

#Toiawase table tr td.logo {
	height: 130px;
	width: 170px;
	text-align:center;
}

#Toiawase table tr td.line {
	height: 1px;
	width: 160px;
	background-color:#dadada;
	margin:0;
	padding:0;
	border:0;
}

#Toiawase table tr td img.seihin_logo{
	background-color:#ffffff;
	margin: 0px;
	padding: 0px;
	margin:8px 0;
}


.toiawase_nav { margin:0; padding:0; width: 200px; background-color:#FFFFFF;}
.toiawase_nav p,
.toiawase_nav p a{ display:block;height:54px;width:200px;text-indent:-9999px; list-style-type: none; margin: 0; padding: 0; background-color:#FFFFFF;}


.toiawase_nav p.toiawase_img a        { background:url(item/toiawase_01.gif); }
.toiawase_nav p.toiawase_img a:hover  { background:url(item/toiawase_02.gif); }
.Toiawase .toiawase_nav p.toiawase_img a  { background:url(item/toiawase_02.gif); }


/*bosyu*/
#Bosyu p.syamei{
	font-size: 13px;
	font-weight: bold;
	padding-top: 15px;
}

.bosyu_nav { margin:-5px 0 0 0 ; padding:0; width: 200px; background-color:#FFFFFF;}
.bosyu_nav p,
.bosyu_nav p a{ display:block;height:54px;width:200px;text-indent:-9999px; list-style-type: none; margin: 0; padding: 0; background-color:#FFFFFF;}


.bosyu_nav p.bosyu_img a        { background:url(item/bosyu_01.gif); }
.bosyu_nav p.bosyu_img a:hover  { background:url(item/bosyu_02.gif); }
.Bosyu .bosyu_nav p.bosyu_img a  { background:url(item/bosyu_02.gif); }


/*products_tab*/

/*MiroviaStat*/
#menu-ms ul { margin:0px; padding:0px; width: 700px; background-color:#FFFFFF;}
#menu-ms ul li,
#menu-ms ul li a{ display:block;height:65px;width:233px;text-indent:-9999px; float:left ;list-style-type: none; margin: 0; padding: 0; background-color:#FFFFFF;}

#menu-ms ul li.ms01 a        { background:url(item/m_index_02.gif); }
#menu-ms ul li.ms01 a:hover  { background:url(item/m_index_03.gif); }
.index #menu-ms ul li.ms01 a { background:url(item/m_index_01.gif); }

#menu-ms ul li.ms02 a        { background:url(item/m_system_02.gif); }
#menu-ms ul li.ms02 a:hover  { background:url(item/m_system_03.gif); }
.system #menu-ms ul li.ms02 a   { background:url(item/m_system_01.gif); }

#menu-ms ul li.ms03 a        { background:url(item/m_kinou_02.gif); }
#menu-ms ul li.ms03 a:hover  { background:url(item/m_kinou_03.gif); }
.kinou #menu-ms ul li.ms03 a   { background:url(item/m_kinou_01.gif); }


/*other*/
#menu-iimc ul { margin:0px; padding:0px; width: 700px; background-color:#FFFFFF;}
#menu-iimc ul li,
#menu-iimc ul li a{ display:block;height:65px;width:350px;text-indent:-9999px; float:left ;list-style-type: none; margin: 0; padding: 0; background-color:#FFFFFF;}

#menu-iimc ul li.iimc01 a        { background:url(item/index_02.gif); }
#menu-iimc ul li.iimc01 a:hover  { background:url(item/index_03.gif); }
.index #menu-iimc ul li.iimc01 a { background:url(item/index_01.gif); }

#menu-iimc ul li.iimc02 a        { background:url(item/kinou_02.gif); }
#menu-iimc ul li.iimc02 a:hover  { background:url(item/kinou_03.gif); }
.kinou #menu-iimc ul li.iimc02 a   { background:url(item/kinou_01.gif); }

p.gamen {
	text-align: right;
	margin-bottom:35px;
}


p.subtit {
	background-image:url(item/subtit_img.gif);
	text-indent:2.5em;
	line-height:35px;
	background-repeat: no-repeat;
	height: 35px;
	width: 650px;
	font-weight:bold;
}