@charset "utf-8";

* {
	color:#333;
	font-size:12px;
	margin:0;
	padding:0;
	background-image:none;
	font-family:"ＭＳ Ｐゴシック", sans-serif , Arial;
}

body {
	width:768px;
	text-align:center;
	margin:0px auto 0px auto;
	background-color:#fff;
}

strong    { color:#4d4d4d; }
dl        { list-style-type:none; }
dt        { list-style-type:none; }
dd        { list-style-type:none; }
ol        { list-style-type:none; }
ul        { list-style-type:none; }
li        { list-style-type:none; }
.clear  { clear:both; margin:0; padding:0; width:0; height:0; }

.red-font { color:#c00; font-size:12px; font-weight:bold; }
.bold  { font-weight:bold; }


/*====================================*/
/*             container              */
/*====================================*/
#wrap {
	width:768px;
	border-left:solid #999 1px;
	border-right:solid #999 1px;
	background-color:#fff;
}
#container {
	width:760px;
	height:auto;
	margin:0px auto 0px auto;
	padding-left:4px;
	padding-right:4px;
	background-color:#fff;
}
#container a:hover   { color:#03c; text-decoration:none; }
#container a img     { border:none; }


/*====================================*/
/*              Contents              */
/*====================================*/
#header {
	width:760px;
	padding-top:5px;
	background:url(../images/sitebar.jpg) no-repeat 0 0;
}
#contents {
	clear:both;
	text-align:left;
	width:760px;
	margin-top:5px;
	background-color:#fff;
}
#left-contents {
	width:510px;
	float:left;
	background-color:#fff;
}
#right-contents {
	width:240px;
	float:right;
	background-color:#fff;
}
#footer {
	clear:both;
	width:760px;
	height:100px;
	margin-top:20px;
	background:url(../images/footbar.jpg) no-repeat 0 0;
}


/*====================================*/
/*              header                */
/*====================================*/
#header h1 {
	width:465px;
	height:55px;
	margin-top:0px;
	margin-left:0px;
	float:left;
	font-weight:normal;
}
.headline {
	text-align:right;
	width:470px;
	height:20px;
	padding-top:3px;
	padding-left:0px;
	float:right;
}
.submenu {
	width:390px;
	height:30px;
	margin-top:10px;

	float:right;
}
.submenu li {
	width:130px;
	height:30px;
	float:left;
}
.submenu li a {
	width:130px;
	height:30px;
	display:block;
	text-indent:-9999px;
}
li.submenu01 a { width:130px; height:30px; background:url(../images/sub-menu.jpg) no-repeat 0px 0px; }
li.submenu02 a { width:130px; height:30px; background:url(../images/sub-menu.jpg) no-repeat -130px 0px; }
li.submenu03 a { width:130px; height:30px; background:url(../images/sub-menu.jpg) no-repeat -260px 0px; }

li.submenu01 a:hover { width:130px; height:30px; background:url(../images/sub-menu.jpg) no-repeat 0px -31px; }
li.submenu02 a:hover { width:130px; height:30px; background:url(../images/sub-menu.jpg) no-repeat -130px -31px; }
li.submenu03 a:hover { width:130px; height:30px; background:url(../images/sub-menu.jpg) no-repeat -260px -31px; }

.navigation {
	clear:both;
	width:597px;
	height:40px;
	padding-left:163px;
	background:url(../images/navigation.jpg) no-repeat 0 0;
}
.navigation li {
	width:148px;
	height:40px;
	margin-left:1px;
	float:left;
}
.navigation li a {
	width:148px;
	height:40px;
	display:block;
	text-indent:-9999px;
}
li.navi01 a { background:url(../images/navigation.jpg) no-repeat -163px 0px; }
li.navi02 a { background:url(../images/navigation.jpg) no-repeat -312px 0px; }
li.navi03 a { background:url(../images/navigation.jpg) no-repeat -461px 0px; }
li.navi04 a { background:url(../images/navigation.jpg) no-repeat -610px 0px; }

li.navi01 a:hover { background:url(../images/navigation.jpg) no-repeat -163px -40px; }
li.navi02 a:hover { background:url(../images/navigation.jpg) no-repeat -312px -40px; }
li.navi03 a:hover { background:url(../images/navigation.jpg) no-repeat -461px -40px; }
li.navi04 a:hover { background:url(../images/navigation.jpg) no-repeat -610px -40px; }


/*====================================*/
/*              footer                */
/*====================================*/
.foot-menu {
	width:760px;
	height:20px;
	padding-top:10px;
}
.foot-menu ul {
	text-align:center;
	height:15px;
}
.foot-menu ul li {
	display:inline;
	list-style-type:none;
	padding-left:7px;
	padding-right:5px;
	border-right:solid #666 1px;
}
.foot-menu ul li a {
	text-decoration:underline;
}
.company-info {
	height:60px;
}
.company-info h5 {
	width:120px;
	height:20px;
	margin:0;
	padding:0;
	margin-top:10px;
	float:left;
	line-height:100%;
	text-align:left;
	margin-left:10px;
	font-size:18px;
	font-weight:bold;
}
.company-info p {
	width:600px;
	height:15px;

	text-indent:7px;
}
.company-info h5 a {
	text-decoration:none;
}

.copyright {
	text-align:right;
	letter-spacing:2px;
	width:760px;
	height:20px;
	margin-top:3px;
	background:url(../images/sitebar.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.copyright a {
	text-decoration:none;
}


/*====================================*/
/*            right menu              */
/*====================================*/
.menu-box {
	clear:both;
	width:240px;
	margin-bottom:10px;
}
.menu-box h4 {
	width:240px;
	height:30px;
}
.menu-box h4 a {
	text-decoration:none;
	width:225px;
	height:24px;
	padding-top:6px;
	padding-left:15px;
	display:block;
	font-size:15px;
	font-weight:bold;
	background:url(../images/titlebar-side.jpg) no-repeat 0 0;
}
.menu-box h4 a:hover {
	background:url(../images/titlebar-side.jpg) no-repeat 0 -30px;
}
.menu-box dl {
	width:240px;
	margin-top:5px;
}
.menu-box dl dt {
	background-color:#f0f7ff;
}
.menu-box dl dt a {
	text-decoration:none;
	width:217px;
	height:15px;
	padding-top:5px;
	padding-left:23px;
	display:block;
	text-align:left;
	background:url(../images/list-style-type02.gif) ;
	background-repeat:no-repeat;
	background-position:center left;
}
.menu-box dl dt a:hover {
	background-color:#ffd9d9;
}
.menu-box dl dd p {
	line-height:150%;
	margin-bottom:10px;
	padding-left:10px;
}

.menu-left-box {
	width:125px;
	height:125px;
	margin-top:10px;
	margin-left:3px;
	float:left;
	margin-bottom:10px;
}
.menu-right-box {
	width:100px;
	margin-top:10px;
	margin-left:3px;
	margin-right:3px;
	float:right;
}
.menu-right-box ul {
	margin-top:10px;
	margin-left:10px;
}
.menu-right-box ul li {
	height:15px;
	margin-bottom:5px;
	padding-left:12px;
	background:url(../images/list-style-type01.gif);
	background-repeat:no-repeat;
	background-position:center left;
}
.menu-box p {
	margin-top:5px;
	line-height:150%;
}
.menu-box p img {
	float:left;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:2px;
}
.banner-box {
	width:240px;
	text-align:center;
	margin-bottom:10px;
}
.banner-box p {
	text-align:left;
	line-height:150%;
	margin-left:5px;
}


/*====================================*/
/*              contents              */
/*====================================*/
.content-box {
	clear:both;
	width:510px;
	margin-bottom:10px;
}
.content-box h2 {
	width:500px;
	height:27px;
	margin-bottom:5px;
	padding-top:7px;
	padding-left:10px;
	font-size:18px;
	font-weight:bold;
	background:url(../images/titlebar-h2.jpg) no-repeat 0 0;
}
.content-box h3 {
	width:490px;
	height:27px;
	margin-top:20px;
	margin-bottom:5px;
	padding-top:7px;
	padding-left:20px;
	font-size:15px;
	font-weight:bold;
	background:url(../images/titlebar-h3.jpg) no-repeat 0 0;
}
.content-box p {
	margin-left:10px;
	margin-right:10px;
	line-height:150%;
}
.c-box {
	width:490px;
}
.c-box p {
	width:98%;
	padding-left:10px;
}
.c-box h3 {
	height:27px;
	margin-top:20px;
	margin-bottom:5px;
	padding-top:7px;
	padding-left:20px;
	font-size:15px;
	font-weight:bold;
	background:url(../images/titlebar-h3.jpg) no-repeat 0 0;
}
.more-info {
	text-align:right;
	margin-right:10px;
	margin-bottom:20px;
}


/*====================================*/
/*           page-contents            */
/*====================================*/
.topic-path {
	width:100%;
}
.topic-path ul {
	margin-top:8px;
	margin-left:5px;
}
.topic-path ul li {
	height:20px;
	float:left;
	margin-right:5px;
	font-weight:bold;
}
.topic-path ul li a {
	text-decoration:underline;
	font-weight:normal;
}
.order-tbl {
	width:485px;
	margin-top:5px;
	margin-bottom:20px;
	margin-left:15px;
	margin-right:10px;
	padding:2px;
	line-height:150%;
	border:solid #ccc 2px;
	border-collapse:collapse;
}
.order-tbl tr {
	width:100%;
}
.order-tbl tr th {
	width:30%;
	padding-left:5px;
	background-color:#f0f7ff;
	border:solid #ccc 1px;
}
.order-tbl tr td {
	width:70%;
	padding-left:5px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	border:solid #ccc 1px;
}
.order-tbl th p.ext {
	margin-left:-2px;
	padding:0;
	font-weight:normal;
}
.tbl-style01 {
	width:485px;
	margin-top:5px;
	margin-bottom:20px;
	margin-left:15px;
	margin-right:10px;
	padding:2px;
	line-height:150%;
	border:solid #ccc 2px;
	border-collapse:collapse;
}
.tbl-style01 tr.top th {
	width:100%;
	text-align:left;
	font-weight:normal;
	padding-left:5px;
	background-color:#f0f7ff;
	border:solid #ccc 1px;
}
.tbl-style01 tr.bottom td {
	width:100%;
	text-align:left;
	font-weight:normal;
	padding-left:5px;
	background-color:#fff;
	border:solid #ccc 1px;
}
.tbl-style01 tr td p {
	width:90%;
	margin-top:5px;
	white-space:normal;
}
.tbl-style01 th h3 {
	width:100%;
	margin:0;
	padding:0;
	padding-top:5px;
	background:none;
}
.tbl-style01 th h3 a {
	font-size:15px;
	text-decoration:none;
}
.tbl-style02 {
	width:485px;
	margin-top:5px;
	margin-bottom:20px;
	margin-left:15px;
	margin-right:10px;
	line-height:150%;
	border:solid #ccc 2px;
	border-collapse:collapse;
}
.tbl-style02 tr td p {
	width:90%;
	margin-top:5px;
	white-space:normal;
}
.tbl-style02 th h3 {
	background:none;
}
.tbl-style02 th h3 a {
	text-decoration:none;
}
.tbl-style02 tr.titlebox th {
	width:30%;
	text-align:left;
	font-weight:normal;
	padding-left:5px;
	background-color:#f0f7ff;
	border:solid #ccc 1px;
}
.tbl-style02 tr.titlebox td {
	width:70%;
	text-align:left;
	font-weight:normal;
	padding-left:5px;
	background-color:#fff;
	border:solid #ccc 1px;
}
.tbl-style02 tr.itembox th {
	width:22%;
	text-align:left;
	font-weight:bold;
	padding-left:15px;
	background-color:#f0f7ff;
	border:solid #ccc 1px;
}
.tbl-style02 tr.itembox td {
	width:78%;
	text-align:left;
	font-weight:normal;
	padding-left:5px;
	background-color:#fff;
	border:solid #ccc 1px;
}
.tbl-style02 tr.itembox th b {
	font-weight:bold;
	color:#c30;
}
.tbl-style02 tr.itembox td b {
	font-weight:bold;
	color:#c30;
}

.list-style01 {
	margin-left:30px;
}
.list-style01 li {
	list-style-type:decimal;
}
.list-style02 {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:30px;
}
.list-style02 li {
	clear:both;
	line-height:150%;
	list-style-type:disc;
}
.list-style02 li.no-style {
	list-style-type:none;
}
.ok-btn {
	margin-top:-15px;
	text-align:center;
}


/*====================================*/
/*               404                  */
/*====================================*/
.error-area {
	width:510px;
	margin-top:20px;
}
.error-img {
	margin-left:10px;
	margin-right:45px;
	float:left;
}
.error-comment01 {
	text-align:left;
}
.error-comment01 h3 {
	width:auto;
	height:20px;
	margin:0;
	margin-top:25px;
	padding:0;
	padding-top:3px;
	background:none;
}
.error-comment01 p {
	margin-left:10px;
}
.error-comment02 {
	clear:both;
	margin-top:20px;
}



/*====================================*/
/*              INDEX                 */
/*====================================*/
.head-img {
	width:510px;
	height:220px;
	padding-top:10px;
	background-color:#f0f7ff;
}
.flash-area {
	width:480px;
	height:200px;
	margin-left:10px;
	margin-right:10px;
	padding:5px;
	background:url(../../images/index/head-img-bg.jpg) no-repeat 0 0;
}
.img-select-area {
	margin-top:5px;
	margin-right:10px;
	text-align:right;
}
.img-select-area ul {
	margin-left:350px;
}
.img-select-area ul li {
	float:left;
	margin-right:3px;
	border:solid #666 1px;
	font-weight:bold;
}
.img-select-area ul li a {
	position:relative;
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:8px;
	padding-right:8px;
	color:#333;
	cursor:pointer;
	background-color:#fff;
	text-decoration:underline;
}
.img-select-area ul li a:hover,
.img-select-area ul li a:active {
	background-color:#ffd9d9;
	text-decoration:none;
}
.news-release {
	text-align:left;
	width:760px;
	margin-bottom:30px;
}
.news-left-box {
	width:375px;
	float:left;
}

.news-right-box {
	width:375px;
	float:right;
}
.news-release h3 {
	width:360px;
	height:27px;
	margin-bottom:5px;
	padding-top:7px;
	padding-left:15px;
	font-size:18px;
	font-weight:bold;
	background:url(../images/titlebar-h3s.jpg) no-repeat 0 0;
}
.news-release dl {
	width:370px;
	margin-left:5px;
	line-height:180%;
}
.news-release dt {
	margin-right:15px;
	float:left;
}
.news-release dd {
	width:auto;
}
.news-release dd a {
	text-decoration:none;
}


/*====================================*/
/*              COMPANY               */
/*====================================*/
#map {
	width:480px;
	height:240px;
	margin-left:15px;
	padding:0px;
	border:solid #ccc 1px;
}
#map2 {
	width:480px;
	height:240px;
	margin-left:15px;
	padding:0px;
	border:solid #ccc 1px;
}
.accessmap-list {
	margin-left:5px;
	line-height:150%;
}
.accessmap-list dt {
	width:510px;
	margin-left:5px;
	font-size:15px;
	font-weight:bold;
}
.accessmap-list dd {
	margin-left:10px;
	font-size:12px;
	font-weight:normal;
}
.print-btn {
	text-align:right;
	margin-top:5px;
	margin-bottom:15px;
	clear:both;
}


/*====================================*/
/*             HOMEPAGE               */
/*====================================*/
.order-form {
	width:440px;
	height:140px;
	margin-left:40px;
	margin-top:20px;
	background:url(../images/order-btn-bg.jpg) no-repeat 0 0;
}
.order-form .contact-btn {
	position:absolute;
}
.order-form .form-btn {
	position:relative;
}
.order-form .contact-btn a {
	display:block;
	width:170px;
	height:30px;
	margin-top:100px;
	margin-left:25px;
}
.order-form .form-btn a {
	float:right;
	display:block;
	width:170px;
	height:30px;
	margin-top:100px;
	margin-right:25px;
}
.hp-price-tbl {
	width:485px;
	margin-top:15px;
	margin-bottom:20px;
	margin-left:15px;
	margin-right:10px;
	padding:2px;
	line-height:150%;
	border:solid #ccc 1px;
}
.hp-price-tbl tr {
	width:100%;
}
.hp-price-tbl tr th {
	width:30%;
	padding-left:5px;
	background-color:#f0f7ff;
	border:solid #ccc 1px;
}
.hp-price-tbl tr td {
	width:70%;
	padding-left:5px;
	padding-top:15px;
	padding-right:5px;
	padding-bottom:15px;
	border:solid #ccc 1px;
}
.hp-price-tbl th p.ext {
	margin-left:-2px;
	padding:0;
	font-weight:normal;
}


/*====================================*/
/*             WEB SYSETM             */
/*====================================*/
.websystem-list {
	width:490px;
	margin-left:20px;
}
.websystem-list dt {
	width:490px;
	font-weight:bold;
}
.websystem-list dd {
	width:475px;
	margin-left:20px;
}
.websystem-list dd ul {
	margin-left:15px;
}
.websystem-list dd ul li {
	line-height:150%;
	list-style:disc;
}
.icon-info {
	margin-top:10px;
	margin-left:5px;
}
.icon-info li {
	margin-bottom:10px;
}
h3 div.websystem-icon-area {
	margin-top:-10px;
	padding:inherit;
	float:right;
}
h3 div.websystem-icon-area img {
	width:16px;
	height:16px;
	margin-right:10px;
	z-index:1;
}

/*====================================*/
/*                SEO                 */
/*====================================*/
.content-menu {
	width:510px;
	padding-top:10px;
}
.content-menu ul {
	text-align:center;
	height:15px;
}
.content-menu ul li {
	display:inline;
	list-style-type:none;
	padding-left:5px;
	padding-right:3px;
	border-right:solid #666 1px;
}
.content-menu ul li a {
	text-decoration:underline;
}
.seo-part-img {
	width:213px;
	float:left;
}
.seo-element {
	width:275px;
	float:right;
	margin-top:20px;
	margin-bottom:20px;
}
.seo-element li {
	list-style-type:circle;
	margin-left:20px;
	margin-bottom:10px;
}
.seo-element li dl {
	clear:both;
	text-align:left;
	margin-bottom:15px;
}
.seo-element li dl dt {
	margin-top:-13px;
}
.seo-element li dl dt h4 {
	font-size:15px;
	font-weight:bold;
}
.seo-element li dl dd {
	font-size:12px;
	font-weight:normal;
}


.submit-btn {
	width:510px;
}
.next-btn {
	float:right;
	margin-right:40px;
}
.back-btn {
	float:left;
	margin-left:40px;
}
.seo-order-form-btn {
	width:510px;
	margin-top:20px;
	margin-left:5px;
	text-align:center;
}
.seo-order-form-btn a {
	text-indent:-9999px;
	display:block;
	width:420px;
	height:60px;
	background:url(../images/order-btn01a.jpg) no-repeat 0 0;
}
.seo-order-form-btn a:hover {
	width:420px;
	height:60px;
	background:url(../images/order-btn01b.jpg) no-repeat 0 0;
}


/*====================================*/
/*            MAINTENANCE             */
/*====================================*/
.maintenance-order-form-btn {
	width:510px;
	margin-top:20px;
	text-align:center;
}
.maintenance-order-form-btn a {
	text-indent:-9999px;
	display:block;
	width:420px;
	height:60px;
	background:url(../images/order-btn01a.jpg) no-repeat 0 0;
}
.maintenance-order-form-btn a:hover {
	width:420px;
	height:60px;
	background:url(../images/order-btn01b.jpg) no-repeat 0 0;
}


/*====================================*/
/*             APPLICATION            */
/*====================================*/
.more-link {
	text-align:right;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:20px;
}
.back-link {
	text-align:left;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:20px;
}


/*====================================*/
/*               ITEMS                */
/*====================================*/
.item-tbl {
	width:510px;
	margin-top:15px;
	margin-bottom:20px;
	padding:2px;
	line-height:150%;
	border:solid #ccc 1px;
}
.item-tbl tr {
	width:510px;
}
.item-tbl td.left {
	width:200px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:15px;
	border:solid #ccc 1px;
}
.item-tbl td.right {
	width:300px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:15px;
	border:solid #ccc 1px;
}
.items-pc-spec {
	width:100%;
}
.items-pc-spec dt {
	font-weight:bold;
}
.items-pc-spec dd {
	margin-left:10px;
	list-style:disc;
}
.items-pc-spec dd ul {
	margin-left:15px;
}
.items-pc-spec dd ul li {
	list-style:disc;
}
.item-tbl td img {
	margin-left:35px;
}
.item-tbl td p.item-price {
	width:240px;
	text-align:center;
}
.item-tbl td p.item-price b {
	font-size:21px;
	font-weight:bold;
	color:#c30;
}
.globalsign-chart {
	text-align:center;
	width:510px;
	margin-top:10px;
}


/*====================================*/
/*               LINKS                */
/*====================================*/
.link-list {
	margin-top:20px;
	margin-bottom:30px;
	margin-left:20px;
}
.link-list li {
	margin-left:15px;
	margin-bottom:10px;
	list-style-type:square;
}

.pager {
	width:510px;
}
.pager ul.plist {
	text-align:center;
	margin-left:150px;
}
.pager ul.plist li {
	float:left;
	margin-right:3px;
	border:solid #666 1px;
	font-weight:bold;
}
.pager ul.plist li a {
	position:relative;
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:8px;
	padding-right:8px;
	color:#333;
}
.pager ul.plist li a:link,
.pager ul.plist li a:visited {
	background:#fff;
	text-decoration:underline;
}
.pager ul.plist li a:hover,
.pager ul.plist li a:active {
	background-color:#ffd9d9;
	text-decoration:none;
}
.pager ul.plist li.inact{
	padding-top:3px;
	padding-bottom:3px;
	padding-left:8px;
	padding-right:8px;
	background-color:#efefef;
	text-decoration:none;
}
.pager ul.plist li b {
	display: block;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:8px;
	padding-right:8px;
	font-style:normal;
	font-weight:bold;
	background-color:#f0f7ff;
	color:#333;
}
.pager ul.plist li.next a {
	text-decoration:none;
}
.pager ul.plist li.prev a {
	text-decoration:none;
}