@charset "utf-8";

/* Elements
--------------------------------------------------------------------------------- */
html, body {
	height: 100%;
}
body {
	color: #7D7D7D;
	margin: 0 auto;
	text-align: center;
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 75%;
	line-height: 1.8em;
	background: url(/images/bg_body.png) repeat-x;
}
body#top {
	background: url(/images/bg_body_top.png) repeat-x;
}
img { 
	vertical-align: bottom;
}
strong {
	font-weight:bold;
}
input, textarea, select {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
a:link, a:active, a:visited {
	color: #1898B4;
	text-decoration: underline;
}
a:hover {
	color: #1898B4;
	text-decoration: none;
}
/* Main
--------------------------------------------------------------------------------- */
#main {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
/* Header
--------------------------------------------------------------------------------- */
#header { 
	width: 980px;
	height: 70px;
	position:relative;
	margin: 0 auto;
}
#header #logo { 
	position: absolute;
	left: 11px;
	top: 17px;
}
#header #header_menu {
	position: absolute;
	right: 0px;
	top: 3px;
	width: 288px;
	height: 60px;
}
#header_navi li {
	float: left;
}
#header_navi01, #header_navi02 {
	line-height: 1px;
	font-size: 1px;
}
#header_navi03 {
	background: url(/images/header_navi03.png) no-repeat right top;
	width: 104px;
	height: 25px;
	line-height: 1.0em;
}
#header_navi03 select {
	width: 80px;
	height: 20px;
}
#header #search_box {
	float: left;
	position: relative;
	margin: 9px 0 0 0;
	width: 228px;
	height: 22px;
}
#header #search_box input#q {
	position: absolute;
	left: 59px;
	top: 1px;
	width: 131px;
	height: 17px;
	border: 1px solid #CCCCCC;
	padding: 1px;
	color: #959595;
}
#header #search_box input#search_submit {
	position: absolute;
	left: 203px;
	top: 0;
	width: 84px;
	height: 22px;
}

/* Global Naviation
--------------------------------------------------------------------------------- */
#gnavi { clear: both; width: 980px; height: 48px; overflow: visible; margin: 0 auto; background: url(/images/bg_gnavi.png) left top;}
#gnavi ul li { position: relative; float: left; display: inline; text-indent: -9999px; line-height: 1px; font-size: 1px; }
#gnavi ul li a { display: block; overflow: hidden; width: 980px; height: 48px; background: url(/images/bg_gnavi.png) left top; }

#gnavi ul li#gnavi01 a { width: 116px; background-position: 0 0; }
#gnavi ul li#gnavi01 a:hover { background-position: 0 -48px; }
#gnavi ul li#gnavi01 a.selected, #gnavi ul li#gnavi01 a.selected:hover { background-position: 0 -96px; }
#gnavi ul li#gnavi02 a { width: 150px; background-position: -116px 0; }
#gnavi ul li#gnavi02 a:hover { background-position: -116px -48px; }
#gnavi ul li#gnavi02 a.selected, #gnavi ul li#gnavi02 a.selected:hover { background-position: -116px -96px; }
#gnavi ul li#gnavi03 a { width: 150px; background-position: -255px 0; }
#gnavi ul li#gnavi03 a:hover { background-position: -266px -48px; }
#gnavi ul li#gnavi03 a.selected, #gnavi ul li#gnavi03 a.selected:hover { background-position: -266px -96px; }
#gnavi ul li#gnavi04 a { width: 132px; background-position: -266px 0; }
#gnavi ul li#gnavi04 a:hover { background-position: -266px -48px; }
#gnavi ul li#gnavi04 a.selected, #gnavi ul li#gnavi04 a.selected:hover { background-position: -266px -96px; }
#gnavi ul li#gnavi05 a { width: 148px; background-position: -398px 0; }
#gnavi ul li#gnavi05 a:hover { background-position: -398px -48px; }
#gnavi ul li#gnavi05 a.selected, #gnavi ul li#gnavi05 a.selected:hover { background-position: -398px -96px; }
#gnavi ul li#gnavi06 a { width: 149px; background-position: -546px 0; }
#gnavi ul li#gnavi06 a:hover { background-position: -546px -48px; }
#gnavi ul li#gnavi06 a.selected, #gnavi ul li#gnavi06 a.selected:hover { background-position: -546px -96px; }
#gnavi ul li#gnavi07 a { width: 136px; background-position: -695px 0; }
#gnavi ul li#gnavi07 a:hover { background-position: -695px -48px; }
#gnavi ul li#gnavi07 a.selected, #gnavi ul li#gnavi07 a.selected:hover { background-position: -695px -96px; }
#gnavi ul li#gnavi08 a { width: 148px; background-position: -831px 0; }
#gnavi ul li#gnavi08 a:hover { background-position: -831px -48px; }
#gnavi ul li#gnavi08 a.selected, #gnavi ul li#gnavi08 a.selected:hover { background-position: -831px -96px; }

/* Main Image
--------------------------------------------------------------------------------- */
#main_image {
	width: 980px;
	margin: 0 auto;
	background: url(/images/bg_content.png) no-repeat left bottom;
	padding-bottom: 10px;
	position: relative;
}
#main_image .btn_main_image {
	position: absolute;
	top: 179px;
	right: 17px;
}
/* Content
--------------------------------------------------------------------------------- */
#content {
	background: #FFFFFF;
	width: 978px;
	border-left: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
	text-align: left;
	margin: 0 auto;
	padding: 14px 0 50px;
}
/* Bread List
--------------------------------------------------------------------------------- */
#bread {
	text-align: left;
	margin: -2px 15px 20px 25px;
	font-size: 85%;
	color: #464646;
	line-height: 1.0em;
}
#bread a {
	background:url(/images/arrow01.gif) no-repeat right center;
	padding-right:8px;
}
#bread a:link, #bread a:active, #bread a:visited {
	text-decoration: underline;
}
#bread a:hover {
	text-decoration: none;
}
#bread span {
	padding: 0 0 0 6px;
}
/* News
--------------------------------------------------------------------------------- */
dl.news dt {
	font-family: Tahoma, verdana, Helvetica, Arial, sans-serif;
	font-size: 85%;
	font-weight: bold;
	color: #007A00;
}
dl.news dd {
	margin-bottom: 10px;
	padding-bottom: 14px;
	background: url(/images/line01.gif) repeat-x left bottom;
}
dl.news dd span {
	padding-left: 9px;
	background: url(/images/arrow02.gif) no-repeat left 0.25em;
}
/* Page Naviation ( Sub Column )
--------------------------------------------------------------------------------- */
#page_navi li {
	background: #EFF1EF;
	border-bottom: 1px solid #E8E8E8;
	padding: 8px 5px 8px 11px;
	line-height: 1.4em;
}
#page_navi li.selected {
	background: #F3F1E9;
}
#page_navi li a {
	padding-left: 16px;
	background: url(/images/arrow04.gif) no-repeat left center;
	text-decoration: none;
	color: #666666;
}
#page_navi li a:hover {
	text-decoration: underline;
}
*+html body #page_navi li a  {	/*IE7*/
	display:inline-block ;
}
* html body #page_navi li a  {	/*IE6,5.5*/
	display:inline-block ;
}
/* Pickup Menu ( Sub Column )
--------------------------------------------------------------------------------- */
#pickup_menu li {
	margin-bottom: 15px;
}
/* Page Elements
--------------------------------------------------------------------------------- */
/* Text Decoration */
.txt_hide {
	text-indent: -9999px;
	overflow: hidden;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
}
.txt_center {
	text-align: center;
}
.red {
	color: #FF0000;
}
/* Column Layout */
.column01 {
	float: left;
	padding-left: 19px;
	margin-right: 29px;
	width: 208px;
}
.column02 {
	float: left;
	width: 701px;
}
.column03 {
	padding-left: 19px;
	width: 938px;
}
.column04 {	/* Features Column (Left) */
	float: left;
	width: 320px;
}
.column05 {	/* Features Column (Right) */
	float: right;
	width: 320px;
}
.column06 {	/* Index Page Column (Left) */
	float: left;
	width: 150px;
}
.column07 {	/* Index Page Column (Right) */
	float: left;
	width: 551px;
}
.column99 {
	float: left;
}
dl.products {
	width: 701px;
}
dl.products dt {
	float: left;
	width: 150px;
}
dl.products dd {
	float: left;
	width: 551px;
}

/* Section */
.section10 {
	margin-bottom: 10px;
}
.section15 {
	margin-bottom: 15px;
}
.section20 {
	margin-bottom: 20px;
}
.section30 {
	margin-bottom: 30px;
}
.section15_line {
	padding-bottom: 15px;
	margin-bottom: 15px;
	background: url(/images/line01.gif) repeat-x left bottom;
}
/* Image Layout */
.img_left {
	float: left;
	margin: 0.4em 20px 1em 0;
}
.img_right {
	float: right;
	margin: 0.4em 0 1em 20px;
}
.img_center {
	text-align: center;
}
.grid2column .img_center img {
	margin-bottom: 5px;
}
/* Title */
#subColumn h2 {
	width: 187px;
	height: 28px;
	padding: 6px 0 0 21px;
	background:url(/images/bg_h2_menu.gif) no-repeat left top;
}
#subColumn h2 .ja {
	display: block;
	font-size: 100%;
	font-weight: bold;
	color: #707070;
	text-shadow: 0 1px 2px #B9B9B9;
/*	filter: DropShadow(Color=#DFDFDF, OffX=1, OffY=1, Positive=true);
	width:100%;*/
}
#mainColumn h2 {
	height: 41px;
	background:url(/images/bg_h2_main.gif) repeat-x left top;
}
#mainColumn h2 .en {
	display: block;
	padding-top: 10px;
	padding-left: 1px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 88%;
	color: #007A00;
	line-height: 1.0em;
	text-shadow: 0 1px 2px #B9B9B9;
/*	filter: DropShadow(Color=#DFDFDF, OffX=1, OffY=1, Positive=true);
	width:100%;*/
}
#mainColumn h2 .ja {
	display: block;
	padding-top: 4px;
	font-size: 115%;
	font-weight: bold;
	color: #585858;
	line-height: 1.0em;
	text-shadow: 0 1px 2px #B9B9B9;
/*	filter: DropShadow(Color=#DFDFDF, OffX=1, OffY=1, Positive=true);
	width:100%;*/
}
#mainColumn h3 {
	height: 21px;
	padding: 9px 0 0 20px;
	margin-bottom: 14px;
	font-size: 115%;
	font-weight: bold;
	color: #666666;
	line-height: 1.0em;
}
.column02 h3 {
	width: 681px; /* 701px */
	background:url(/images/h3_column02.png) no-repeat left top;
}
.column03 h3 {
	width: 918px; /* 938px */
	background:url(/images/h3_column03.png) no-repeat left top;
}
#mainColumn h4 {
	margin-bottom: 10px;
	font-weight: bold;
	color: #616161;
	line-height: 1.4em;
}
#mainColumn h5 {
	margin-bottom: 5px;
	font-weight: bold;
	color: #959595;
	line-height: 1.4em;
}
/* List */
#mainColumn ol li {
	list-style: decimal;
	margin-left: 2.0em;
}
.list01 li {
	padding-left: 11px;
	line-height: 1.8em;
	background: url(/images/list01.gif) no-repeat left 0.6em;
}
.list02 li {
	padding-left: 14px;
	line-height: 1.8em;
	background: url(/images/arrow03.gif) no-repeat left center;
}
.menu_list {
	margin-left: 12px;
}
.menu_list li {
	padding-left: 14px;
	margin-bottom: 5px;
	background: url(/images/arrow03.gif) no-repeat left center;
}
/* Links */
.info_link {
	padding-left: 9px;
	background: url(/images/arrow02.gif) no-repeat left center;
}
.btn_link {
	text-align: center;
	margin-top: 12px;
}
.icon_djvu {
	padding: 3px 20px 2px 0;
	background: url(/images/icon_djvu01.gif) no-repeat right center;
}
.icon_new {
	padding: 3px 20px 2px 0;
	background: url(/images/new.gif) no-repeat right center;
}
.icon_external {
	padding-left: 15px;
	background: url(/images/icon_external.gif) no-repeat 2px center;
}
.icon_external_rgt {
	padding-right: 14px;
	background: url(/images/icon_external.gif) no-repeat right center;
}
*+html body a.icon_external, *+html body a.icon_external_rgt {	/*IE7*/
	display:inline-block ;
}
* html body a.icon_external, * html body a.icon_external_rgt {	/*IE6,5.5*/
	display:inline-block ;
}
/* General Table */
table.general_table {
	border: 1px solid #DBDBDB;
	table-layout: auto;
	width: 100%;
}
table.general_table th {
	border: 1px solid #DBDBDB;
	padding: 6px 9px 5px;
	line-height: 1.5em;
}
table.general_table thead th {
	background: #ECECEC;
	color: #6F6F6F;
	font-weight: bold;
}
table.general_table tbody th {
	background: #F2F2F2;
	color: #8A8A8A;
	font-weight: bold;
}
table.general_table thead.price_head th {
	font-size: 85%;
}
table.general_table td {
	text-align: left;
	border: 1px solid #DBDBDB;
	padding: 6px 9px 5px;
	background: #FFFFFF;
	line-height: 1.5em;
}
table.general_table th.center, table.general_table td.center {
	text-align: center;
}
table.general_table th.right, table.general_table td.right {
	text-align: right;
}
/* Content Point */
.content_point {
	padding: 6px;
	background: url(/images/bg_content_point.gif) repeat left top;
}
#mainColumn .content_point h4 {
	margin-bottom: 10px;
	font-size: 115%;
	color: #3D993D;
}
.content_point .inner_point {
	padding: 6px 10px;
	background: #FFFFFF;
}
.content_point ul {
	margin-left: 4px;
}
.content_point li {
	padding-left: 14px;
	margin-bottom: 8px;
	font-weight: bold;
	line-height: 1.4em;
	background: url(/images/arrow03.gif) no-repeat left center;
}
.content_point li a {
	font-weight: normal;
}
/* Button */
.button {
	background-color: #4BCC48;
	cursor: pointer;
	border-top: 1px solid #3AC437;
	border-right: 1px solid #33AB30;
	border-bottom: 1px solid #33AB30;
	border-left: 1px solid #3AC437;
	-moz-border-radius: 3px 3px 3px 3px;
}
.button, .button a {
    display: inline-block;
}
.button, .button a:link, .button a:active, .button a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
.button a {
    padding: 3px 25px;
	text-decoration: none;
	border-top: 1px solid #85DC83;
	border-right: 1px solid #59CF56;
	border-bottom: 1px solid #59CF56;
	border-left: 1px solid #85DC83;
	-moz-border-radius: 3px 3px 3px 3px;
}
.button:hover {
	background-color: #39C536;
	border-color: #33AD30;
}
.external a strong {
	background: url(/images/icon_external02.gif) no-repeat 0px center;
    padding-left: 25px;
}
/* Products
--------------------------------------------------------------------------------- */
#mainColumn #Application h4, #mainColumn #Tool h4 {
	margin-bottom: 5px;
	font-size: 115%;
}
#mainColumn #Application h4 a, #mainColumn #Tool h4 a {
	padding-left: 14px;
	background: url(/images/arrow03.gif) no-repeat left center;
	color: #696969;
}
*+html body #mainColumn #Application h4 a, *+html body #mainColumn #Tool h4 a {	/*IE7*/
	display:inline-block ;
}
* html body #mainColumn #Application h4 a, * html body #mainColumn #Tool h4 a {	/*IE6,5.5*/
	display:inline-block ;
}
/* Downloads & Contact
--------------------------------------------------------------------------------- */
#verisign {
	padding-left: 10px;
	border: 1px solid #E3E3E3;
	margin-bottom: 20px;
}
.general_entry {
	margin: 0 0 5px 0;
}
.general_entry dt {
	font-weight: bold;
}
.general_entry dd {
	padding-bottom: 18px;
	margin-bottom: 12px;
	background: url(/images/line01.gif) repeat-x left bottom;
}
.general_entry input, .general_entry select, .general_entry textarea {
	padding: 3px;
	border: 1px solid #CCCCCC;
	background: #F2F2F2;
}
.general_entry input:hover, .general_entry select:hover, .general_entry textarea:hover {
	background: #EEEEEE;
}
.general_entry input:focus, .general_entry select:focus, .general_entry textarea:focus {
	border: 1px solid #A2B3A3;
	background: #E9EBE7;
}
.general_entry .short_box {
	width: 50%;
}
.general_entry .max_box {
	width: 100%;
}
.general_entry textarea.max_box {
	width: 98%;
}
.noticeMsg {
	color: #3D993D;
	font-size: 85%;
	font-weight: normal;
	vertical-align: 8%;
}
.general_entry .errorMsg {
	color: #FF0000;
	display: none;
}
#ReadMe pre {
	white-space: -moz-pre-wrap;	/* Mozilla */
	white-space: -pre-wrap;		/* Opera 4-6 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	white-space: pre-wrap;		/* CSS3 */
	word-wrap: break-word;		/* IE 5.5+ */
}
/* Support(Q&A)
--------------------------------------------------------------------------------- */
#support h3 {
	height: auto;
	padding: 0 20px 0 0;
	margin-bottom: 10px;
	color: #666666;
	line-height: 1.2em;
	background:url(none);
}
#column_info {
	color: #939393;
	font-size: 85%;
	line-height: 1.5em;
}
/* Site Map
--------------------------------------------------------------------------------- */
#sitemap ul li {
	padding-left: 14px;
	line-height: 2.2em;
	background: url(/images/arrow03.gif) no-repeat left 0.65em;
}
#sitemap ul ul {
	margin-left: 1.5em;
}
/* Footer
--------------------------------------------------------------------------------- */
#footer_area {
	background: #E3E3E3 url(/images/bg_footer.png) repeat-x;
	min-height: 126px;
	height: auto !important;
	height: 126px;
}
#footer {
	position: relative;
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
#fnavi {
	position: relative;
	padding: 13px 0 14px 0;
	height: 14px;
	background: url(/images/bg_fnavi.gif) no-repeat left bottom;
}
#fnavi ul {
	margin-left: 8px;
}
#fnavi ul li {
	float: left;
	margin-right: 22px;
	line-height: 1.2em;
	padding-left: 13px;
	background: url(/images/arrow03.gif) no-repeat left 0.3em;
}
#fnavi ul li.pagetop {
	position: absolute;
	right: 8px;
	margin: 0;
	padding-right: 13px;
	background: url(/images/arrow05.gif) no-repeat right 0.3em;
}
#fnavi ul li a {
	color: #5D5D5D;
	font-size: 85%;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 2px #B9B9B9;
}
#fnavi ul li a:hover {
	color: #47A11B;
}
#footer_left {
	float: left;
	width: 640px;
}
#footer_right {
	float: right;
	width: 340px;
	text-align: right;
}
#page_catch {
	font-size: 85%;
	font-weight: bold;
	color: #1E1E1E;
	line-height: 1.0em;
	margin: 13px 0;
}
#footer_submenu a {
	color: #4B4B4B;
}
#footer_submenu li {
	float: left;
	font-size: 85%;
	line-height: 1.0em;
	padding: 0 14px;
	background: url(/images/bg_footer_submenu.gif) no-repeat left top;
}
#footer_submenu li#first_menu {
	background: url(none);
	padding-left: 0;
}
#footer_logo {
	margin: 13px 0 16px;
}
#footer address {
	font-family: Tahoma, verdana, Helvetica, Arial, sans-serif;
	font-size: 85%;
	color: #919191;
	line-height: 1.0em;
	margin-bottom: 15px;
}
/* Clearfix
--------------------------------------------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;
}

.clearfix {
display: inline-block;
min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */