@charset "euc-jp";
/*
   top.css - トップページ用 CSS
   $Id: top.css 16099 2008-02-29 08:29:43Z matsui $
   Copyright (c) 2005, RICOH Co., Ltd.
 */
/*======== design A ========*/
.maintop {
 font-family:sans-serif;
 font-size:100%;
 line-height:100%;
 margin:0;
 padding:0;
 background:#FFFFFF url(images/bg.gif) no-repeat top right;
}

#portal  { background-image:url(images/main-top-portal.gif); }
#search  { background-image:url(images/main-top-search.gif); }
#require { background-image:url(images/main-top-require.gif);}

#search-box {
 margin:32px 16px 0px 0;
	text-align:right;
}

.content {
 background-repeat:no-repeat;
 background-position:top left;
 margin:5px 20px 35px 40px;
	padding:0 0 40px 120px;
}

#portal .content-header,
#search .content-header {
 border-top-style:solid;
 border-top-width:2px;
}

.content-header h1 {
 font-size:160%;
 line-height:125%;
 text-align:left;
 padding:10px 0;
	margin:0;
}

#search #action-box input.word { width:300px; }
#portal #action-box { margin:0; padding:0; }

#action-box p {
 color:#666;
 font-size:100%;
 line-height:125%;
	padding:4px 0 0 4px;
}

#action-box .head {
 color:#999;
 font-weight:bold;
}

#action-box a { text-decoration:underline; }

#require {
 padding-left:124px;
 color:#666666;
 font-size:100%;
 line-height:115%;
}

#require h3 {
 font-weight:bold;
 margin:1ex 0;
}

#require .content-header h3,
#require .content-header p {
 display:inline; }

#require #target { margin:0 0 0 20px; }
#require #target p { padding:0 0 0 0; }

#require #recommended { margin:0 0 0 40px; }
#require #recommended p{ background:url(images/ball-g.gif) no-repeat left center; }

p { margin:0; }

.content-body p {
 line-height:150%;
 padding:0 0 0 16px;
}

div.separator {
 border-style:solid;
 border-width:1px 0 0 0;
 margin:8px 0 0 0;
 padding:8px 0 0 0;
}

#todo-list { margin:15px 0 0 20px; }
#todo-list p {
 background-repeat:no-repeat;
 background-position:left center;
}
#search #todo-list p {  background-image:url(images/ball-s.gif); }
#portal #todo-list p {  background-image:url(images/ball-p.gif); }

a { text-decoration:none; }
a:link    { color:#0044DD; }
a:visited { color:#0044DD; }
a:active  { color:#339900; }
a:hover   { color:#339900; text-decoration:underline; }

/*----------------------------------------------------------------*/

form {	display:inline; margin:0; padding:0; }

/*----------------------------------------------------------------*/

.header { margin:8px 16px 0 16px;}

.header-title .title { 
 color:#000000;
 font-size:24px;
 font-family:sans-serif;
 font-weight:bold;
 line-height:120%;
 margin:2px;
}

.header-title .sub-title {
 color:#999999;
 font-size:14px;
 font-family:Arial,Helvetica,sans-serif;
 font-weight:bold;
 line-height:120%;
 margin:2px;
}

.header-link {
 position:absolute;
 top:8px;
 right:16px;
 font-size:12px;
 font-weight:bold;
 line-height:120%;
 text-align:right;
 white-space:nowrap;
 vertical-align:top;
}

.header-link ul { margin:0; }
.header-link li { display:inline; }

.header-link li .button {
 padding-left:12px;
 background:url(images/custom.gif) no-repeat left center;
}

.system-header {
 font-size:75%;
 font-weight:bold;
 line-height:120%;
 margin:0 16px 8px 16px; 
 text-align:right;
 white-space:nowrap;
}

.system-header .help,
.system-header .japanese,
.system-header .english {
 background-repeat:no-repeat;
 background-position:left center;
 padding:2px 0px 2px 15px;
}

.system-header .help     { background-image:url(images/help.gif); }
.system-header .japanese { background-image:url(images/japanese.gif);}
.system-header .english  { background-image:url(images/english.gif); }

/*== システムフッタエリア ==============*/
.system-footer {
 clear:both;
	margin-right:16px;
}

/* コピーライト */
.copyright {
 color:#CCCCCC;
 font-family:Arial,Helvetica,sans-serif;
 font-size:12px;
 line-height:115%;
 text-align:right;
 white-space:nowrap;
}

/*==== 汲枢》ッタエリア : footer.html ====*/
.footer { margin:0 16px 16px 16px; }

/*== カラー =======================================*/
#portal .content-header h1 {
 color:#55BBBB;
}

#portal .content-header,
#portal #section,
#portal #section-header,
#portal #section-body,
#portal .separator {
 border-color:#55BBBB;
}

#search  .content-header h1 {
 color:#6699CC;
}

#search .content-header,
#search #section,
#search #section-header,
#search #section-body,
#search .separator {
 border-color:#6699CC;
}