@charset 'UTF-8';

/* r-de.net stylesheets
 *
 * update: 2008.01.26
 * code by Hidetake Kurihara
 * copyright (c)2008 R-design. all rights reserved.
 */

@import "base.css";

/*----- index.html -----*/
#LogoMark {
	clear:both;
	width: 940px;
	height: 75px;
	margin:0;
	padding:0;}
#LogoMark a.home {
	display:block;
	position:relative;
	left:10px;
	top:10px;
	width:310px;}


/*----- MenuArea -----*/
#MenuArea,
#serviceArea{
	clear:both;}
#MenuArea ul,
#MenuArea ol,
#MenuArea li,
#serviceArea ul,
#serviceArea ol,
#serviceArea li {
	margin:0;
	padding:0;
	list-style:none;}
#MenuArea .globalMenu {
	float:left;
	width:194px;
	margin:0 0 0 0;
	padding:0;}
#MenuArea .globalMenu a {
	display:block;
	width:198px;
	margin:0;
	font-size:14px;
	line-height:1.5em;
	padding:8px 0 7px 5px;}
* html #MenuArea .globalMenu a {
	width:203px;}
#MenuArea .globalMenu a:link,
#MenuArea .globalMenu a:visited {
	background:url(../imgs/btnu_menu.gif) no-repeat #6CF;
	color:#FFF;}
#MenuArea .globalMenu a:hover {
	background:url(../imgs/btno_menu.gif) no-repeat #039;
	color:#003;
	text-decoration:none;}

#serviceArea {
	float:right;
	width:732px;
	margin:0;}
#serviceArea .serviceMenu li{
	display:block;
	float:left;
	width:365px;
	height:120px;
	margin:0;
	padding:0;}
#serviceArea .serviceMenu a {
	float:left;
	display:block;
	width:365px;
	height:120px;
	margin:0;
	padding:0;
	font-size:100%;
	line-height:1.2;
	text-align:justify;
	text-justify:distribute;
	color:#333;
	text-indent:-9999px;}

#serviceArea .serviceMenu a:hover {
	color:#003;
	text-decoration:none;}
#serviceArea .service01:link,
#serviceArea .service01:visited {background:url(../imgs/btnu_circle01.gif) no-repeat #FFF;}
#serviceArea .service02:link,
#serviceArea .service02:visited {background:url(../imgs/btnu_circle02.gif) no-repeat #FFF;}
#serviceArea .service03:link,
#serviceArea .service03:visited {background:url(../imgs/btnu_circle03.gif) no-repeat #FFF;}
#serviceArea .service04:link,
#serviceArea .service04:visited {background:url(../imgs/btnu_circle04.gif) no-repeat #FFF;}

#serviceArea .service01:hover {background:url(../imgs/btno_circle01.gif) no-repeat #FFF;}
#serviceArea .service02:hover {background:url(../imgs/btno_circle02.gif) no-repeat #FFF;}
#serviceArea .service03:hover {background:url(../imgs/btno_circle03.gif) no-repeat #FFF;}
#serviceArea .service04:hover {background:url(../imgs/btno_circle04.gif) no-repeat #FFF;}


/*----- Stage SETTING -----*/
#Beta .stageArea {
	padding:0 0px 20px 0px;
	border-bottom: 1px solid #0061c0;
	text-align:justify;
	text-justify:distribute;}

.stageArea h3 {
	padding:0;
	margin:0;
	font-size:135%;
	line-height:1.5;}
.stageArea h3.stage1 a,
.stageArea h3.stage2 a,
.stageArea h3.stage3 a,
.stageArea h3.stage4 a {
	display:block;
	color:#000;
	margin:20px 0 0 0;
	padding:84px 0 10px 20px;}
.stageArea h3.stage1 a {background:url(../imgs/btnu_main01.gif) no-repeat #FFF;}
.stageArea h3.stage2 a {background:url(../imgs/btnu_main02.gif) no-repeat #FFF;}
.stageArea h3.stage3 a {background:url(../imgs/btnu_main03.gif) no-repeat #FFF;}
.stageArea h3.stage4 a {background:url(../imgs/btnu_main04.gif) no-repeat #FFF;}
.stageArea h3.stage1 a:hover,
.stageArea h3.stage2 a:hover,
.stageArea h3.stage3 a:hover,
.stageArea h3.stage4 a:hover {
	color:#009;}
.stageArea h3.stage1 a:hover {background:url(../imgs/btno_main01.gif) no-repeat #FFF;}
.stageArea h3.stage2 a:hover {background:url(../imgs/btno_main02.gif) no-repeat #FFF;}
.stageArea h3.stage3 a:hover {background:url(../imgs/btno_main03.gif) no-repeat #FFF;}
.stageArea h3.stage4 a:hover {background:url(../imgs/btno_main04.gif) no-repeat #FFF;}

.stageArea p {
	padding:0;
	margin:0 2em 15px 2em;}
.stageArea .detail {
	vertical-align:middle;
	margin:2px 0 0 0;}

/*----- FORRM SETTING -----*/
.tblForm {
	width:484px;
	margin: 1px 0 0 0;
	font-size:100%;
	line-height:1.5;
	border-collapse: separate;
	border-spacing: 6px 3px;
	border-top: 1px solid #999;}

.tblForm th {
	width: 135px;
	padding: 8px 2px 4px 5px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px dotted #999;
	background: #F3F3F3;}

.tblForm td {
	width: 327px;
	vertical-align: top;
	padding: 8px 2px 4px 5px;
	border-bottom: 1px dotted #999;}

.tblForm input.w300,
.tblForm select.w300,
.tblForm textarea.w300 {
	width: 300px;
	padding:3px;
	background:#FFFCED;}

.tblForm input.w500,
.tblForm select.w500,
.tblForm textarea.w500 {
	width: 450px;
	padding:3px;
	background:#FFFCED;}


/*----- PRE LOADED IMAGES -----*/
#preloadedImages {
	width: 0px;
	height: 0px;
	display: inline;
	background: url(../imgs/btno_circle01.gif) no-repeat;
	background: url(../imgs/btno_circle02.gif) no-repeat;
	background: url(../imgs/btno_circle03.gif) no-repeat;
	background: url(../imgs/btno_circle04.gif) no-repeat;
	background: url(../imgs/btno_main01.gif) no-repeat;
	background: url(../imgs/btno_main02.gif) no-repeat;
	background: url(../imgs/btno_main03.gif) no-repeat;
	background: url(../imgs/btno_main04.gif) no-repeat;}


/*----- XFADE -----*/
div.cf_wrapper{
	float:right;
	width:728px;
	height:323px;
	overflow:hidden;
	margin:0;
	padding:0;}
	
div.cf_element{
	width:728px;
	height:323px;
	background-color:#eee;}

/*----- footnavi SETTING -----*/
div.footnavi{
	width:380px;
	margin:0 auto;
	padding:10px 0 0 10px;}
* html div.footnavi{ /*IE6 Hack*/
	position:relative;
	left:50%;
	width:380px;
	margin:0 0 0 -190px;}