@import url(/css/products-10.css);

/*Title*/
#tit-apos{
margin:0 0 1em 0;
padding:0 15px 0 15px;
border-top:solid 2px #666;
height:100px;
width:670px;
background:#e5e5e5 url(img/bg_tit.gif) no-repeat;
}

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


/* SUBNAV */
#side-apos{
float:right;
margin:8px 0 0 20px;
padding:0;
width:240px;
}

#side-apos #info {margin-left:-10px; } 

#side-apos p{ margin:0.5em 0 1em 2.5em;padding:0;}

*html body div#side-apos {
	float:right;
	margin:0 0 0 5px;
	padding:0;
	width:240px;
}
.icon { float:left; display:block; margin: 0.2em; padding:0.5em 0.2em;position:relative;}

#side-apos #subnav { position:relative; font-size:12px; margin:1em auto 18px auto; background:url(/item/subnav_bg.gif) repeat-y left; width: 203px; z-index:10; }
#side-apos #subnav h2 { margin:0; padding:8px 18px; font-size:12px; color:#303030; background:url(/item/subnav_bgtop.png) no-repeat 0 0; width: 167px; *padding-top:9px; *background-position:0 100%; }
#side-apos #subnav h2 a { color:#303030; text-decoration:none; }
#side-apos #subnav h2 a:hover { text-decoration:underline; }

#side-apos #subnav ul { margin:0; padding:0 3px 5px; background:url(/item/subnav_bgbottom.gif) no-repeat left bottom; }
#side-apos #subnav ul li {
display:block;
margin:0;
padding:0.5em 0 0.5em 1em;
background:url(/item/subnav_itembg_inactive.gif) no-repeat bottom left;
_padding-bottom:1px;
_margin-top: -3px;
position: relative;
_zoom: 1;
}
#side-apos #subnav ul li#sn-gaiyo,
#side-apos #subnav ul li#sn-recommend { _margin-top: 0px; }
#side-apos #subnav ul li a { display:block; margin-bottom:-2px; line-height:45px; color:#595959; text-decoration:none; outline:none; background:url(/item/subnav_item_arrow.gif) no-repeat -12px 50%; zoom:1;} /* *margin-bottom:0; _margin-bottom:-2px; */
#side-apos #subnav.noicons ul li a { padding-left:6px; }
#side-apos #subnav ul li a:hover { text-decoration:underline; color:#08c08c; background-position:-200px 50%; }
#side-apos #subnav ul li a img { float:left; margin: 1px 5px 0 0; position:relative;  }
#side-apos #subnav ul li.last { background:none; }


/* SUBNAV HIGHLIGHT STATES */
body#pc.index #g-contents #side-apos #subnav ul li#sn-gaiyo,
body#pc.tokucyo #g-contents #side-apos #subnav ul li#sn-tokucho,
body.keikou #g-contents #side-apos #subnav ul li#sn-keikou,
body.kouchiku #g-contents #side-apos #subnav ul li#sn-kouchiku,
body#pc.hikaku #g-contents #side-apos #subnav ul li#sn-hikaku
{ font-weight:bold; background:#b2bcc9 url(/item/subnav_itembg_active.gif) no-repeat bottom left; }

body.gaiyo #g-contents #side-apos #subnav ul li#sn-gaiyo a,
body#pc.tokucho #g-contents #side-apos #subnav ul li#sn-tokucho a,
body.keikou #g-contents #side-apos #subnav ul li#sn-keikou a,
body.kouchiku #g-contents #side-apos #subnav ul li#sn-kouchiku a,
body#pc.hikaku #g-contents #side-apos #subnav ul li#sn-hikaku a
{ color:#000; cursor:default; background-position:-389px 50%; }

body.keikou #g-contents #side-apos #subnav ul li ul.sample_menu li#sn-keikou_menu,
body.keikou #g-contents #side-apos #subnav ul li ul.sample_menu li#sn-keiko_rei01,
body.keikou #g-contents #side-apos #subnav ul li ul.sample_menu li#sn-keiko_rei02,
body.keikou #g-contents #side-apos #subnav ul li ul.sample_menu li#sn-keiko_rei03
{ font-weight:normal;background:#e2f1f4 url(/item/subnav_itembg_active.gif) no-repeat bottom left;}

body.keikou #g-contents #side-apos #subnav ul li ul.sample_menu li#sn-keikou_menu a,
body.keikou #g-contents #side-apos #subnav ul li ul.sample_menu li#sn-keiko_rei01 a,
body.keikou #g-contents #side-apos #subnav ul li ul.sample_menu li#sn-keiko_rei02 a,
body.keikou #g-contents #side-apos #subnav ul li ul.sample_menu li#sn-keiko_rei03 a
{ cursor:default; background-position:-22px 40%; }

/* SUBNAV sample_menu */

#side-apos #subnav ul li ul.sample_menu{
margin:0.5em 0 0 0;
_margin:1.5em 0 0 0;
padding:0 2px;
list-style:none;
background:none;
}

#side-apos #subnav ul li ul.sample_menu li{ 
display:block;
margin:0;
padding:0.2em;
background:#e2f1f4;
position: relative;
zoom: 1;
border-top:dotted 1px #666;
border-left:solid 1px #666;
}

#side-apos #subnav ul li ul.sample_menu li a { 
display:block;
margin:0.2em 0.5em 0 0;
text-decoration:none;
outline:none;
background:url(/item/subnav_s_menu_arrow.gif) no-repeat -22px 40%;
zoom:1;
} 

#side-apos #subnav ul li ul.sample_menu li a:hover{
text-decoration:underline;
color:#08c08c;
background-position:-210px 50%;
}

#side-apos #subnav ul li ul.sample_menu li a img{
float:left;
margin:-5px 1.3em 0 0.2em;
position:relative;
vertical-align:middle;
}

#side-apos #subnav ul li ul.sample_menu li.s_last {
border-bottom:solid 1px #666;
}


body.keikou_menu #g-contents #side-apos #subnav ul li ul.sample_menu li#sn-keikou_menu,
body.keiko_rei01 #g-contents #side-apos #subnav ul li ul.sample_menu li#sn-keiko_rei01,
body.keiko_rei02 #g-contents #side-apos #subnav ul li ul.sample_menu li#sn-keiko_rei02,
body.keiko_rei03 #g-contents #side-apos #subnav ul li ul.sample_menu li#sn-keiko_rei03,
{ font-weight:bold;background:#b2bcc9 url(/item/subnav_itembg_active.gif) no-repeat bottom left;}

body.keikou_menu #g-contents #side-apos #subnav ul li ul.sample_menu li#sn-keikou_menu a,
body.keiko_rei01 #g-contents #side-apos #subnav ul li ul.sample_menu li#sn-keiko_rei01 a,
body.keiko_rei02 #g-contents #side-apos #subnav ul li ul.sample_menu li#sn-keiko_rei02 a,
body.keiko_rei03 #g-contents #side-apos #subnav ul li ul.sample_menu li#sn-keiko_rei03 a,
{ color:#000; cursor:default; background-position:-398px 50%; }


/* SUBNAV twolines */

#side-apos #subnav ul li.twolines a {
	display:block;
	padding-top:7px;
	padding-bottom:4px;
	line-height:1.3em;
	color:#595959;
	outline:none;
	background:url(/item/subnav_item_arrow.gif) no-repeat -12px 50%;
	zoom:1;
}

#side-apos #subnav ul li.twolines a:hover {
text-decoration:underline;
color:#08c08c;
background-position:-200px 50%;
}

#side-apos #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;
}

/* DEOS_SUBNAV HIGHLIGHT STATES */
body#deos.index #g-contents #side-g #subnav ul li#sn-gaiyo,
body#deos.menu #g-contents #side-g #subnav ul li#sn-menu
{ font-weight:bold; background:#b2bcc9 url(/item/subnav_itembg_active.gif) no-repeat bottom left; }

body.gaiyo #g-contents #side-g #subnav ul li#sn-gaiyo a,
body.menu #g-contents #side-g #subnav ul li#sn-menu a
{ color:#000; cursor:default; background-position:-389px 50%; }


/* APOS */
#apos-contents-head{
clear:both;
margin:0 auto;
padding:10px 0 0 0;
width:1020px;
background:url(/services/apos/img/content-head.gif) no-repeat;
}
#apos-contents-head .h-logo{float:left;margin-left:35px;padding:2.1em 0 0 0;}/* ロゴ */
#apos-contents-head .h-logo a img{margin:0;border:none;}/* ロゴ */

#apos-contents-head hr{clear:both; margin:0; padding:10px 0 5px 0;}/* 罫線 */

/* DEOS */
#deos-contents-head{
clear:both;
margin:0 auto;
padding:10px 0 0 0;
width:1020px;
background:url(/services/deos/img/content-head.gif) no-repeat;
}
#deos-contents-head .h-logo{float:left;margin-left:35px;padding:2.1em 0 0 0;}/* ロゴ */
#deos-contents-head .h-logo a img{margin:0;border:none;}/* ロゴ */

#deos-contents-head hr{clear:both; margin:0; padding:10px 0 5px 0;}/* 罫線 */


.h2-cont{clear:both; padding-top:3em;}
.pro-h2tit{margin:1em 0; padding:.5em 1em; background:url(/item/pro_h2tit.gif) no-repeat; height:30px; width:700px; color:#fff;}
.before{
	border-left:solid 6px #036;
	margin:2em 0 0.5em;
	padding:0.3em;
	font-size:14px;
	color:#666;
	background-color: #D7D7AE;
}
.after{
	border-left:solid 6px #036;
	margin:2em 0 0.5em;
	padding:0.3em;
	font-size:14px;
	color:#036;
	background-color: #FFFF99;
}
table.tab-kadou{
margin:0 0 30px 0;
}
table.tab-kadou caption{
padding:.5em;
font-weight:bold;
border:solid 1px #aaa;
border-bottom:none;
background:#e5e5e5;
}
table.tab-kadou th{
padding:.3em;
border:solid 1px #aaa;
background:#f2f2f2;
}
table.tab-kadou td{
padding:.5em;
border:solid 1px #aaa;
background:#fff;
}

/*Title*/
.m-tit{margin-top:1em; color:#fff; font-size:14px;}
#tit-goshin,#tit-guard,#tit-mailwatcher,#tit-surfwatcher,#tit-datacleaner,#tit-talkmanager,#tit-smooth,#tit-teleform,#tit-telecitrix,#tit-telesol,#tit-rightfax,#tit-RemoteConsole,#tit-logger,#tit-fax,#tit-winny,#tit-suite,#tit-alchemy,#tit-hyper,#tit-pc,#tit-deos{
margin:0 0 1em 0;
padding:0 15px 0 15px;
border-top:solid 2px #666;
height:100px;
width:670px;
}


#side-menu{margin:0 0 1em 0; text-align:center;}
#side-menu a img{display:block; margin:0; padding:0 10px; overflow:hidden;}

#alchemy #sub-menu ul li ul.smenu_r{display:block;}

dt{margin:0 0 1em 0;}
dt.tit{margin:0; font-weight:bold;}
dd{margin:0 0 3em 30px;}

dl.series{margin:0 0 3em 0;}
dl.series dd{
margin:0 0 0.5em 30px;
padding:1em 0 0 0;
border-bottom:dotted 1px #ccc;
zoom:100%;
}
dl.series dd:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#series-half{
margin:0 0 3em 30px;
}
#series-half p{
margin:0 0 0.5em 0;
padding:0 0 1em 0;
border-bottom:dotted 1px #ccc;
zoom:100%;
}
#series-half p.half{
width:270px;
}



p.totop{
clear:both;
margin:0;
padding:3em 0 0 0;
text-align:right;
font-size:10px;
}

#movie{margin:0 0 3em 0; padding:0;}

table.tab-desi03 th{padding:.5em 1em; border:solid 1px #aaa; border-right:none;}
table.tab-desi03 th.cap{padding:.3em 1em; background:#aaa; color:#fff; border:solid 1px #aaa;}
table.tab-desi03 td{padding:.5em 1em; border:solid 1px #aaa; border-left:none; text-align:right;}