@charset "UTF-8";

/*===============================================
Copyright (C) 2006-7 F.C.S International Inc.
style.css
===============================================*/

@import "fcam.css";
@import "ezcam.css";
@import "soft.css";
@import "hard.css";
@import "support.css";



/*=============各共通項目==============*/


/*--------------------------------------
reset
--------------------------------------*/
* {
	line-height: 1;
	padding: 0;
	margin: 0;
}
body {
	font-family: "Trebuchet MS", "メイリオ", "Hiragino Kaku Gothic Pro", "osaka", sans-serif;
	font-size: 100%;
	text-align: center;
	color: #333322;
	background-color: #fff;
	margin: 0 auto;
}
img {
	border: none;
}

div#back_gra {
	top: 0;
	left: 0;
	background-image: url("../images/bg_gra.jpg");
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0 auto;
	width: 820px;
}

div#layout {
	text-align: left;
	background-color: #dbe2f2;
	margin: 0 auto;
	width: 800px;
}


/*--------------------------------------
logo
--------------------------------------*/
/*h1 {
	font-size: 16px;
	height: 20px;
	float: left;
}
div#logo {
	background-image: url("../images/logo2.jpg");
	background-repeat: no-repeat;
	padding-top: 85px;
	width: 800px;
	height: 85px;
	top: 0;
	left: auto;
	position: absolute;
	float: left;
}

div#logo ul {
	font-size: 80%;
	margin-top: -1.5em;
	margin-left: 590px;
}
div#logo li {
	list-style-type: none;
	display: inline;
}
div#logo li a {
	color: #000;
	text-decoration: none;
}
div#logo li a:hover {
	color: blue;
}*/


/*--------------------------------------
sub_menu
--------------------------------------*/
/*img#logo {
	width: 600px;
	float: left;
}*/
div#sub_menu {
	top: 0;
	left: 0;
	background-color: #dbe2f2;
	background-image: url("../images/logo.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 95px;
	width: 800px;
}

div#sub_menu ul {
	font-size: 12px;
	margin-top: -1.5em;
	/*margin-left: 510px;*/
	text-align: right;
	margin-right: 15px;
}
* html div#sub_menu ul { /* hack for IE6 */
	padding-bottom: 5px;
}
div#sub_menu li {
	letter-spacing: 1px;
	list-style-type: none;
	display: inline;
}

div#sub_menu li a {
	color: #442;
	text-decoration: none;
}
div#sub_menu li a:hover {
	color: #0066cc;
}


/*--------------------------------------
menu
--------------------------------------*/
table#menu {
	width: 800px;
}
table#menu td img {
	display: block;
}


/*--------------------------------------
footer
--------------------------------------*/
div#footer p {
	font-size: 80%;
	text-indent: 0;
	line-height: 2;
	text-align: center;
	color: #fff;
	margin: 0;
	border-top: 10px solid #ccc;
	background-color: #0066CC;
}


/*--------------------------------------
heading
--------------------------------------*/
h1 {
	
	font-size: 130%;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 2% 0 0;
	height: 35px;
	position: relative;
}

h2 {
	font-size: 120%;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 15px;
	margin-left: 0.5em;
	height: 35px;
	position: relative;
}

h3 {
	font-size: 120%;
	font-weight: bold;
	line-height: 1.3;
	color: #000;
	margin-top: 1.5em;
	margin-bottom: 12px;
	margin-left: 2em;
	height: 35px;
	position: relative;
}

h4 {
	font-size: 110%;
	font-weight: bold;
	line-height: 1.3;
	color: #000;
	margin-bottom: 12px;
	margin-left: 3em;
	height: 35px;
	position: relative;
}


/*--------------------------------------
global_item
--------------------------------------*/
p {
	line-height: 1.2;
	text-indent: 1em;
	margin: 1em 1.5em;
}

li {
	margin-bottom: 3px;
}

.indent_l3 {
	margin: 1em 3.5em;
}

table {
	font-size: 90%;
	text-align: left;
	border-collapse: collapse;
	background-color: #eee;
}
th {
	font-weight: normal;
	color: #ddd;
	border-top: 1px solid #0066cc;
	background-color: #0077cc;
	padding-left: 3px;
}
td {
	color: #555;
}

em {
	font-style: normal;
}

.img_block {
	text-indent: 0;
	margin: 0;
	float: left;
}
.txt_block {
	text-indent: 0;
	margin: 0;
	float: left;
}

/*-----------more-------------*/
p.moreSet {
	position: relative;
}
p.moreSet a {
	display: block;
	text-decoration: none;
	color: #442 !important;
	line-height: 40px;
	top: -1.5em;
	right: 1em;
	background-image: url("../images/list_img.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 7px;
	position: absolute;
}
p.moreSet a:hover {
	color: #0066cc !important;
}
/*----------------------------*/


/*--------------------------------------
パンくず
--------------------------------------*/
div#path {
	top: 0;
	left: 0;
	font-size: 90%;
	text-align: left;
	background-image: url("../images/bg_tile.gif");
	background-position: left top;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

div#path p {
	text-indent: 0;
	margin: 0 0 0 1em;
}

div#path a {
	color: #0066cc;
	text-decoration: none;
}
div#path a:hover {
	color: #990000;
}


/*--------------------------------------
quicklink newfunclink
--------------------------------------*/
div#quicklink, div#newfunclink {
	font-size: 90%;
	text-align: right;
	margin-top: -1.1em;
	margin-right: 1em;
}

div#quicklink p, div#newfunclink p {
	text-indent: 0;
	margin: 0;
}

div#quicklink a, div#newfunclink a {
	color: #0066cc;
	text-decoration: none;
}
div#quicklink a:hover, div#newfunclink a:hover {
	color: #990000;
}

div#newfunclink {
	font-size: 110%;
	margin-bottom: 1em;
}
div#newfunclink a {
	text-decoration: underline;
}


/*--------------------------------------
fquicklink
--------------------------------------*/
div#fquicklink {
	top: 0;
	left: 0;
	font-size: 90%;
	text-align: right;
	background-image: url("../images/bg_tile.gif");
	background-position: left top;
}

div#fquicklink p {
	text-indent: 0;
	line-height: 0;
	margin: 0 1em 0 0;
}

div#fquicklink a {
	color: #0066cc;
	text-decoration: none;
}
div#fquicklink a:hover {
	color: #990000;
}


/*--------------------------------------
上へ
--------------------------------------*/
p#up_page {
	font-size: 90%;
	text-align: right;
	margin-top: 80px;
	margin-right: 1.5em;
	margin-bottom: 0.5em;
}

p#up_page a {
	color: #0066cc;
	text-decoration: none;
}
p#up_page a:hover {
	color: #990000;
}


/*-----------------------------------------------
clear
-----------------------------------------------*/
.clear {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}


/*--------------------------------------
clearfix
--------------------------------------*/
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* IE-MAC \*/
*html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End IE_MAC */



/*=============Top_Contents==============*/

/*--------------------------------------
Top_marquee
--------------------------------------*/
p#scroll {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0;
}
marquee {
	font-size: 90%;
	margin: 0 3px;
}
marquee span {
	color: #252558;
}


/*--------------------------------------
Top_new_info
--------------------------------------*/
div#new_info {
	margin-bottom: 10px;
}

div#new_info h1 {
	margin-top: 0;
	margin-left: 0.5em;
}

h1 div#new_info_img {
	top: 0;
	left: 0;
	background-image: url("../images/newinfo.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 770px;
	height: 35px;
	position: absolute;
}

div#new_info object {
	margin-left: 1em;
}

#tb_info_flash {
	background-color: #dbe2f2;
	margin: 10px auto 0px 45px;
}
#tb_info_flash tr td {
	overflow: hidden;
	text-align: right;
}


/*--------------------------------------
Top_flash
--------------------------------------*/
div#navi_flash {
	margin-bottom: 2em;
}

div#navi_flash h1 {
	margin-top: 0;
	margin-left: 0.5em;
}

h1 div#solution {
	top: 0;
	left: 0;
	background-image: url("../images/solution.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 770px;
	height: 35px;
	position: absolute;
}

div#navi_flash object {
	margin-left: 1em;
}

#tb_flash {
	background-color: #dbe2f2;
	margin: 0 auto 0 28px;
}
#tb_flash tr td {
	overflow: hidden;
	text-align: right;
}


/*--------------------------------------
Top_News
--------------------------------------*/
div.news {
	font-size: 90%;
	margin-right: 2%;
	width: 60%;
}

div#news_img {
	top: 0;
	left: 0;
	background-image: url("../images/news.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 480px;
	height: 35px;
	position: absolute;
}

div.news p {
	text-indent: 0;
	color: #000;
	margin: 8px 0 2px 0.5em;
}

div.news ul#news_list li {
	list-style-type: none;
	border-bottom: 1px solid #999;
	background-image: url("../images/list_img.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-bottom: 1em;
	margin-left: 1.5em;
}

div.news ul#explanation li {
	color: #000;
	list-style-type: square;
	border: none;
	background-image: none;
	padding: 0;
	margin-left: 3em;
	margin-bottom: 0;
}

div.news dl span {
	color: #ff0000;
}

div.news dt {
	margin-left: 0;
}
*html div.news dt {   /* hack for IE */
	margin-left: -1em;
}
*:first-child+html div.news dt {   /* hack for IE7 */
	margin-left: -1em;
}

div.news dd {
	color: #252558;
	margin-bottom: 12px;
	margin-left: 1em;
}

div.news p {
	font-size: 90%;
	line-height: 1;
	color: #333322;
	text-indent: 0;
	margin: 3px 0.5em auto 0.5em;
}

div.news a {
	color: #0066cc;
	text-decoration: none;
}
div.news a:hover {
	color: #990000;
}

div.news #newEdit {
	margin: 0 0 0.5em 1.5em;
}

div.news #moreNews {
	position: relative;
}
div.news #moreNews a {
	font-size: 110%;
	display: block;
	top: -2.3em;
	right: 0;
	position: absolute;
}


/*--------------------------------------
Top_other
--------------------------------------*/
div.other {
	font-size: 90%;
	width: 35%;
}

div#about_img {
	top: 0;
	left: 0;
	background-image: url("../images/about.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 280px;
	height: 35px;
	position: absolute;
}

div.other p {
	margin-right: 0;
}

div.other ul {
	margin: 0.5em 3em;
}

div.other p#goto_about {
	padding: 1em 0;
}
div.other p#goto_about a {
	color: #000;
	text-decoration: underline;
	background-image: url("../images/list_img.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 12px;
	padding-bottom: 14px;
	padding-left: 23px;
}
div.other p#goto_about a:hover {
	color: #0066cc;
}

div.other p#goto_query a {
	color: #0066cc;
	text-decoration: none;
}
div.other p#goto_query a:hover {
	color: #990000;
}

div#bosyu_img {
	top: 0;
	left: 0;
	background-image: url("../images/bosyu.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 280px;
	height: 35px;
	position: absolute;
}



/*===================News=================*/


/*--------------------------------------
allNews
--------------------------------------*/
div.allNews {
	font-size: 90%;
	margin-right: 2%;
}

div#allnews_img {
	top: 0;
	left: 0;
	background-image: url("../images/news.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 780px;
	height: 35px;
	position: absolute;
}

div.group {
	margin-top: 1.5em;
	margin-left: 1em;
	width: 90%;
}



/*===============solution================*/


/*--------------------------------------
sol_title
--------------------------------------*/
div#solution {
	height: 90px;
	margin-bottom: 1.5em;
}
div#sol_title {
	top: 0;
	left: 0;
	background-image: url("../images/sol_logo.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 800px;
	height: 90px;
	position: absolute;
}


/*--------------------------------------
sol
--------------------------------------*/
div#sol_cont {
	font-size: 90%;
}

div#sol_cont h2 {
	font-size: 150%;
	color: #444;
	line-height: 60px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 0.5em;
	width: 760px;
	height: 60px;
}
div#sol_cont h2#bgImg1 {
	background-image: url("../images/sol_bg1.gif");
}
div#sol_cont h2#bgImg2 {
	background-image: url("../images/sol_bg2.gif");
}
div#sol_cont h2#bgImg3 {
	background-image: url("../images/sol_bg3.gif");
}
div#sol_cont h2#bgImg4 {
	background-image: url("../images/sol_bg4.gif");
}
div#sol_cont h2#bgImg5 {
	background-image: url("../images/sol_bg5.gif");
}

div#sol_cont dl {
	padding-bottom: 3em;
	margin-left: 2em;
	width: 730px;
}
div#sol_cont dt {
	border-top: 1px solid #777;
	border-right: 1px solid #999;
	border-left: 1px solid #777;
	background-color: #c9d0eb;
	background-image: url("../images/question.gif");
	background-repeat: no-repeat;
	background-position: 2px center;
	padding: 1.1em 1em 1.1em 38px;
}
div#sol_cont dd {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #777;
	margin-bottom: 1em;
}

div#sol_cont a {
	display: block;
	color: #0066cc;
	text-decoration: none;
	border-top: 1px solid #eee;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-image: url("../images/excra.gif");
	background-repeat: no-repeat;
	background-position: 32px center;
	padding: 1.1em 1em 1.1em 4em;
	width: 100%;   /* IE6対策 */
}
div#sol_cont dd > a {   /* その他のブラウザ向け */
	width: auto;
}
div#sol_cont a:hover {
	display: block;
	color: #990000;
	background-color: #d5dcec;
}



/*================about=================*/


/*--------------------------------------
ab_title
--------------------------------------*/
div#about {
	height: 38px;
}
div#ab_title {
	top: 0;
	left: 0;
	background-image: url("../images/ab_logo.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 780px;
	height: 38px;
	position: absolute;
}


/*--------------------------------------
ab_outline
--------------------------------------*/
div#ab_outline {
	font-size: 90%;
	margin-top: 1.5em;
	margin-left: 1em;
	width: 100%;
}

div#ab_outline table {
	background-color: #dbe2f2;
	border-top: 2px solid #777;
	border-bottom: 2px solid #777;
	margin-left: 2em;
	width: 90%;
}
div#ab_outline table th {
	color: #333322;
	vertical-align: top;
	background-color: #c9d0eb;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #777;
	padding: 8px 5px;
}
div#ab_outline table td {
	color: #333322;
	border-bottom: 1px solid #999;
	padding: 5px 8px;
}
div#ab_outline table td ul {
	list-style-type: none;
	margin-left: 1em;
}
div#ab_outline table td dt{
	margin-bottom: 3px;
}
div#ab_outline table td dd{
	color: #4f4f4f;
	margin-bottom: 1em;
}

div#ab_outline #innerTable {
	font-size: 1em;
	margin: 1em 0;
	width: 85%;
}
div#ab_outline #innerTable th {
	background-color: #c9d0eb;
	border-top: 1px solid #777;
	border-right: none;
	border-bottom: 1px solid #999;
	border-left:none;
	padding: 5px;
}
div#ab_outline #innerTable td {
	color: #333322;
	border-bottom: 1px solid #999;
}
div#ab_outline #innerTable .lineGroup {
	border-left: 1px solid #999;
}


/*--------------------------------------
ab_invitation
--------------------------------------*/
div#ab_invitation {
	font-size: 90%;
	margin-top: 3em;
	margin-left: 1em;
	width: 100%;
}

div#ab_invitation_img {
	top: 0;
	left: 0;
	background-image: url("../images/ab_invitation.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 754px;
	height: 38px;
	position: absolute;
}

div#ab_invitation a {
	color: #0066cc;
	text-decoration: none;
}

div#ab_invitation a:hover {
	color: #990000;
}



/*================entry=================*/


/*--------------------------------------
en_title
--------------------------------------*/
div#entry {
	height: 38px;
}
div#en_title {
	top: 0;
	left: 0;
	background-image: url("../images/en_logo.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 780px;
	height: 38px;
	position: absolute;
}

/*--------------------------------------
en_outline
--------------------------------------*/
div#en_entry {
	font-size: 90%;
	padding-top: 1.5em;
	margin-left: 1em;
	width: 100%;
}

div#en_entry p {
	text-indent: 0;
}

div#en_entry table {
	background-color: #dbe2f2;
	border-top: 2px solid #777;
	border-bottom: 2px solid #777;
	margin-left: 1em;
	width: 90%;
}
div#en_entry table th {
	color: #333322;
	vertical-align: top;
	background-color: #c9d0eb;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #777;
	padding: 8px 5px;
	width: 15%;
}
div#en_entry table td {
	line-height: 1.2;
	color: #333322;
	border-bottom: 1px solid #999;
	padding: 5px 8px;
}
div#en_entry table td ul {
	list-style-type: disc;
	margin-top: 3px;
	margin-left: 1.5em;
}
div#en_entry table td dt {
	line-height: 1.2;
	margin-bottom: 1em;
}
div#en_entry table td dd {
	line-height: 1.2;
	color: #4f4f4f;
	margin-right: 2em;
	margin-left: 1em;
}
div#en_entry table td dd ol {
	margin-left: 2em;
}

div#en_entry table p {
	color: #4f4f4f;
}



/*================query=================*/


/*--------------------------------------
q_title
--------------------------------------*/
div#query {
	height: 38px;
}
div#q_title {
	top: 0;
	left: 0;
	background-image: url("../images/q_logo.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 780px;
	height: 38px;
	position: absolute;
}


/*--------------------------------------
form
--------------------------------------*/
div#centGp {
	text-align: center;
}

table#qForm {
	background-color: #dbe2f2;
	margin-top: 1em;
	margin-right: auto;
	margin-left: auto;
	width: 80%;
}

table#qForm table {
	background-color: #dbe2f2;
	border-top: 2px solid #777;
	border-bottom: 2px solid #777;
	width: 100%;
}

table#qForm form {
	margin: 0;
}

table#qForm th {
	text-align: right;
	color: #333322;
	background-color: #c9d0eb;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #777;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	width: 20%;
}

table#qForm td {
	padding: 5px;
}

table#qForm input {
	padding-top: 3px;
}
table#qForm select,
table#qForm input.setST,
table#qForm textarea {
	border: 1px solid #999;
	padding: 1px;
}

table#qForm p {
	color: #d23a35;
	text-indent: 0;
	margin: 0;
}

#msg {
	background-color: #c9d0eb;
	border: 1px solid #999;
	padding: 5px;
}
#msg em {
	color: #d23a35;
	font-size: 90%;
	font-weight: bold;
}



/*================sitemap=================*/


/*--------------------------------------
map_title
--------------------------------------*/
div#map {
	height: 38px;
}
div#map_title {
	top: 0;
	left: 0;
	background-image: url("../images/sitemap.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 780px;
	height: 38px;
	position: absolute;
}


/*--------------------------------------
sitemap
--------------------------------------*/
#sitemap {
	font-size: 90%;
	margin-top: 1.5em;
	margin-right: 1em;
	margin-left: 1em;
}

#sitemap ul {
	list-style-type: none;
	margin-left: 1.5em;
}
#sitemap ul li {
	background-image: url("../images/list_img2.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 22px;
}
#sitemap ul ul {
	list-style-type: none;
	margin-left: 1em;
}
#sitemap ul ul li {
	background: none;
	padding: 0;
}

#sitemap a {
	display: block;
	color: #0066cc;
	text-decoration: none;
	border: 1px solid #dbe2f2;
	padding: 3px 2px;
	width: 100%;
}
#sitemap a:hover {
	display: block;
	color: #990000;
	border: 1px solid #bccfee;
	background-color: #c8dbfa;
}

#sitemap .txt_block {
	padding-bottom: 4em;
	width: 33%;
}

#sitemap .mpSoft2 {
	margin-top: 50px;
}

#sitemap #mpTitle {
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	height: 38px;
	position: absolute;
}

#sitemap .mpTop #mpTitle {
	background-image: url("../images/mp_top.gif");
}
#sitemap .mpSol #mpTitle {
	background-image: url("../images/mp_sol.gif");
}
#sitemap .mpSoft #mpTitle {
	background-image: url("../images/mp_soft.gif");
	width: 204%;
}
#sitemap .mpHard #mpTitle {
	background-image: url("../images/mp_hard.gif");
}
#sitemap .mpAbout #mpTitle {
	background-image: url("../images/mp_about.gif");
}
#sitemap .mpSup #mpTitle {
	background-image: url("../images/mp_sup.gif");
}
#sitemap .mpQuery #mpTitle {
	background-image: url("../images/mp_query.gif");
}
#sitemap .mpEntry {  /*floatでwidth指定をしていないため*/
	width: 33%;
}
#sitemap .mpEntry #mpTitle {
	background-image: url("../images/mp_entry.gif");
}

#sol_mpTitle {
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	height: 38px;
	position: absolute;
	background-image: url("../images/mp_sol2.gif");
}




#sitemap table {
	border-collapse: separate;
	font-size: 95%;
	background-color: #dbe2f2;
	margin: 0 auto 1.5em auto;
	width: 650px;
}
#sitemap th {
	color: #333322;
	border: 1px solid #aaa;
	background-color: #c9d0eb;
	padding: 5px;
	width: 100px;
}

#sitemap tr.sortLine td {
	border-top: 8px solid #dbe2f2;
}
#sitemap td.vaTitle {
	vertical-align: top;
}

#sitemap table ul {
	margin-left: 3px;
}
#sitemap table li {
	background-image: none;
	padding: 0;
}

#sitemap table a {
	border: 1px solid #bccfee;
	background-color: #fff;
	padding: 5px;
}
#sitemap td > a, #sitemap li > a {
	width: auto;
}
#sitemap table a:hover {
	border: 1px solid #a9bcdb;
}