@charset "utf-8";

/* ----- Copyright (C) PlusOne Co.,Ltd. ----- */

/* --- 共通 --- */
body { color: black; font-size: small; font-family: "Courier New", Courier, Monaco, monospace, "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; line-height: 180%; background-color: #fff; background-image: url(images/bg.gif); background-repeat: repeat; text-align: center; margin: 0; padding: 0; }
h2 { color: #363; font-size: medium; margin: 20px 0 10px 10px; padding: 7px 0 5px 15px; border-top: 2px dotted #363; border-bottom: 2px dotted #363; }
h3 { color: #363; font-size: medium; margin: 20px 0 10px 10px; padding: 0 0 0 5px; border-bottom: 1px solid #363; }
h4 { color: #000; font-size: medium; margin: 20px 0 20px 10px; padding-left: 5px; }
dl { margin: 0 0 0 10px; }
dt { font-weight: bold; }
dd { margin-top: 10px; margin-bottom: 10px; }
em { font-weight: bold; font-style: normal; background-color: #ff9; text-decoration: none; }
p { margin: 15px 0 20px 10px; }
p.p1 { text-indent: 1em; }
a { color: #c00; text-decoration: none; }
a:hover { color: #c00; text-decoration: underline; }
a.anchor { color: #036; text-decoration: none; }
table { margin: 0 0 10px 10px; border: solid 1px #999; border-collapse: collapse; }
td { font-size: x-small; border: solid 1px #999; padding: 5px; }
td.iro { font-size: x-small; background-color: #cfc; border: solid 1px #999; }
input { font-size:x-small; background-color: #9cf; border:solid 1px #999999; }
img { border: 0px; }
address { color: #666; font-size: small; font-family: Times, serif; font-style: normal; text-align: right;  padding-bottom: 10px;}
/* --- レイアウト --- */
#wrapper { background-color: #fff; text-align: left; width: 800px; margin: 0 auto; border-right: 1px solid #999; border-left: 1px solid #999; }
#header { background-color: #fff; background-image: url(images/p1logo.gif); background-repeat: no-repeat; background-position: left top; width: 800px; margin: 0; padding: 0; }
#content { background-color: #fff; width: 800px; margin: 5px 0 0; }
#rightmenu { position: relative; background-color: #fff; text-align: left; width: 200px; float: right; margin: 0; padding: 0; }
#main { background-color: #fff; text-align: left; margin-right: 200px; width: 560px; padding-left: 15px; }
#footer { background-color: #fff; background-image: url(images/f_bar.gif); background-repeat: repeat-x; background-position: left top; width: 800px; height: 100px;clear: both; margin: 0; padding-top: 20px; padding-bottom: 30px; }
/* --- 会社沿革リスト --- */
#map { margin: 15px 0 20px 10px; }
dl.enkaku { margin-left: 22px; }
dd.enkaku { margin: 0 0 0 7em; }
dt.enkaku { font-weight: normal; text-decoration: none; float: left; }

/* --- 並列リスト --- */
dl.tlist { margin: 15px 0 15px 10px; }
dd.tlist { margin: 0 0 0 6em; }
dt.tlist { font-weight: normal; text-decoration: none; float: left; }

/* --- Q＆Aリスト --- */
dl.qanda { margin: 15px 0 15px 10px; }
dt.qanda { font-weight: normal; }
dd.qanda { background-color: #e0ffff; margin-top: 10px; margin-bottom: 10px; }

/* --- 最新情報 --- */
.link { list-style-image: url(images/orange.jpg); }
img.i1 { float: right; margin-left: 3px; }
.pagetop { background:url(images/pagetop.jpg) no-repeat left center; text-align: right; float: right; padding-left: 15px; }
.pagetop a { color: #000; text-decoration: none; }
.pagetop a:hover { color: #000; text-decoration: underline; }

/* --- ヘッダー・フッター --- */
#header p { text-align: right; margin: 0; padding: 11px 6px; }
#header ul { margin: 0; padding: 0; list-style: none; }
#header li { margin: 0; padding: 0; display: inline; line-height:0; float: left; white-space: nowrap; }
#header a { color: #000; text-decoration: none; }
#header a:hover { color: #000; text-decoration: underline; }
#footer a { color: #000; text-decoration: none; }
#footer a:hover { color: #000; text-decoration: underline; }
.maru { background:url(images/maru.gif) no-repeat left center; text-align: right; margin-right: 10px; padding-left: 17px; display:inline; }
.sankaku { background:url(images/sankaku.jpg) no-repeat left center; text-align: right; margin-right: 10px; padding-left: 12px; display:inline; }
.navi { background:url(images/sankaku.jpg) no-repeat left center; text-align: left; margin-left: 20px; padding-left: 12px; }
#copyright { background-color: #fff; float: right; margin: 0 7px 0 0; }

/* --- ナビメニュー --- */
li.product { width:160px; height:54px; background-image:url(images/menu/product02.gif); background-repeat: no-repeat; }
li.support { width:200px; height:54px; background-image:url(images/menu/support02.gif); background-repeat: no-repeat; }
li a.product { display:block; width:160px; height:54px; }
li a.support { display:block; width:200px; height:54px; }
li a:hover { background-position: -300px -300px; }
li a:hover.img { visibility:hidden; }

/* --- 右メニュー --- */
.small { font-size: 10px; }
#rightmenu ul { margin: 0; padding: 0; list-style: none; }
#rightmenu li { line-height:0; margin: 0;}
.menu1 li a { position: relative; color: #000; background-color: #cfc; background-image: url(images/maru1.gif); background-repeat: no-repeat; background-position: 3px 0.2em; text-decoration: none; margin: 0; padding: 0.2em 0.2em 0.2em 2em; border-bottom: 1px solid #fff; display: block; line-height: 120%;　}
.menu1 li a:hover { color: #fff; background-color: #030; background-image: url(images/maru2.gif); background-repeat: no-repeat; background-position: 3px 0.2em; text-decoration: none; }
.menu2 li a { position: relative; color: #000; background-color: #cce7ff; background-image: url(images/maru3.gif); background-repeat: no-repeat; background-position: 3px 0.2em; text-decoration: none; margin: 0; padding: 0.2em 0.2em 0.2em 2em; border-bottom: 1px solid #fff; display: block; line-height: 120%;　}
.menu2 li a:hover { color: #fff; background-color: #06c; background-image: url(images/maru4.gif); background-repeat: no-repeat; background-position: 3px 0.2em; text-decoration: none; }

/* --- 製品情報 --- */
.lbox { clear: both; }
img.movie { float: right; margin: 0; }
img.smileone { float: right; margin: 0 0 0 10px; }
ul.m1 { margin-left: 0; padding-left: 35px; list-style-image: url(product/smileone/images/m1.gif); }
ul.m2 { margin-left: 0; padding-left: 20px; list-style-image: url(product/smileone/images/m2.gif); }
ul.m3 { margin-left: 0; padding-left: 20px; list-style-image: url(product/smileone/images/m2.gif); }
ol { margin-left: 10px; padding-left: 0; list-style: none; }
li.c1 { background-image: url(product/smileone/images/n1.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c2 { background-image: url(product/smileone/images/n2.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c3 { background-image: url(product/smileone/images/n3.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c4 { background-image: url(product/smileone/images/n4.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c5 { background-image: url(product/smileone/images/n5.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c6 { background-image: url(product/smileone/images/n6.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c7 { background-image: url(product/smileone/images/n7.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c8 { background-image: url(product/smileone/images/n8.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c9 { background-image: url(product/smileone/images/n9.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c10 { background-image: url(product/smileone/images/n10.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c11 { background-image: url(product/smileone/images/n11.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c12 { background-image: url(product/smileone/images/n12.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c13 { background-image: url(product/smileone/images/n13.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c14 { background-image: url(product/smileone/images/n14.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c15 { background-image: url(product/smileone/images/n15.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c16 { background-image: url(product/smileone/images/n16.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c17 { background-image: url(product/smileone/images/n17.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c18 { background-image: url(product/smileone/images/n18.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c19 { background-image: url(product/smileone/images/n19.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c20 { background-image: url(product/smileone/images/n20.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c21 { background-image: url(product/smileone/images/n21.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c22 { background-image: url(product/smileone/images/n22.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c23 { background-image: url(product/smileone/images/n23.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }
li.c24 { background-image: url(product/smileone/images/n24.gif); background-repeat: no-repeat; background-position: 0 10%; padding-left: 25px; list-style-position: outside; }

/* --- Lightbox --- */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 14px/1.4em Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	overflow: auto;
	width: 100%;
	padding: 0 10px;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* --- Shadowbox --- */
#sb-container,#sb-wrapper{ text-align:left; }#sb-container,#sb-overlay{ position:absolute; top:0; left:0; width:100%; margin:0; padding:0; }#sb-container{height:100%;display:none;visibility:hidden;z-index:999;}body>#sb-container{position:fixed;}#sb-overlay{height:expression(document.documentElement.clientHeight+'px');}#sb-container>#sb-overlay{height:100%;}#sb-wrapper{position:relative;}#sb-wrapper img{border:none;}#sb-body{ position:relative; margin:0; padding:0; overflow:hidden; border:solid 1px #1a1a1a; }#sb-body-inner{ position:relative; height:100%; }#sb-content.html{height:100%;overflow:auto;}#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;}#sb-body,#sb-loading{background-color:#1a1a1a;}#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}#sb-title-inner,#sb-info-inner{position:relative;font-family:'Lucida Grande',Tahoma,sans-serif;line-height:16px;}#sb-title,#sb-title-inner{height:26px;}#sb-title-inner{font-size:small;padding:5px 0;color:#fff;}#sb-info,#sb-info-inner{height:20px;}#sb-info-inner{font-size:12px;color:#fff;}#sb-nav{ width: 45%; float:right; height:16px; padding:2px 0; }#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;}#sb-nav-close{background-image:url(product/smileone/images/close.png);background-repeat:no-repeat;}#sb-nav-next{background-image:url(product/smileone/images/next.png);background-repeat:no-repeat;}#sb-nav-previous{background-image:url(product/smileone/images/previous.png);background-repeat:no-repeat;}#sb-nav-play{background-image:url(product/smileone/images/play.png);background-repeat:no-repeat;}#sb-nav-pause{background-image:url(product/smileone/images/pause.png);background-repeat:no-repeat;}#sb-counter{float:left;padding:2px 0;width:45%;}#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}#sb-counter a.sb-counter-current{text-decoration:underline;}div.sb-message{font-family:'Lucida Grande',Tahoma,sans-serif;font-size:12px;padding:10px;text-align:center;}div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}