/***************************************************************************
Prj: EGLE
ファイル名：style_egle.css
日：2009／03／03
***************************************************************************/
body							{ background:#fff; line-height:160%; margin:0px auto 0px auto; font-size:11px; text-align:center;}
html 							{ overflow-y:scroll; margin-bottom:1px;  height:100%;}
p									{ margin:5px 0px 5px 0px; padding:0px; line-height:180%;}
.page_top					{ text-align:right; margin:2px;}
.page_top	a				{ margin-right:10px; color:#00C; text-decoration:underline;}
.page_top	a:hover	{ color:#F30;}

/**************************************************************************************************************
Style for Top & Header
***************************************************************************************************************/

#top						{ margin:0px auto 0px auto;}
#header					{ width:800px; height:315px; margin:0px auto 0px auto; padding:0px; display:block;}

#header .hd_logo{ background:#2ac7d4 url(../imgs/e-gle.png) top left no-repeat; height:62px; width:200; border:0; margin:0; padding:0px; float:left; display:block;}
#header .hd_logo a{ height:62; width:200; border:0px; margin:0px; padding:0px; float:left; display:block;}
#header .hd_logo a:hover{ background:url(../imgs/e-gle_on.png) top left no-repeat; height:62; width:200; border:0; margin:0; padding:0; float:left; display:block;}

#header .hd_01		{ background:#2ac7d4 url(../imgs/hd_01.gif) bottom right no-repeat; height:62; width:600; border:0; margin:0; padding:0; float:left; display:block;}
#header .hd_02		{ background:url(../imgs/banner.jpg) top repeat-x; height:208; width:800; display:block; float:left;}

#header .hd_03		{ background:#2ac7d4 url(../imgs/hd03.gif) top repeat-x; height:30; width:800; display:block; float:left; text-align:right; line-height:200%; font-size:14px; color:#000;}
#header .hd_03	a	{ color:#F30;}
#header .hd_03 a:hover{ color:#039;}


/**************************************************************************************************************
Style for MAIN
***************************************************************************************************************/
#main						{ width:800px; margin:0px auto 0px auto; padding:0px; display:table; }
/**************************************************************************************************************
Style for NAVI
***************************************************************************************************************/

#navi									{ width:220px; float:left; display:block; margin:0px auto 0px auto; text-align:left; background-color:none;}
#navi ul							{ width:210px; display:block; float:left; padding:0px; margin:0;}
#navi ul li						{ width:200px; height:48px; display:block; padding:0px; margin:0px;}

#navi .btn01					{ background:url(../imgs/nv_btn01_a.gif) top left no-repeat; height:48px; width:200px; display:block;}
#navi .btn01	a				{ background:url(../imgs/nv_btn01_a.gif) top left no-repeat; height:48px; width:200px; display:block;}
#navi .btn01	a:hover	{ background:url(../imgs/nv_btn01_b.gif) top left no-repeat; height:48px; width:200px; display:block;}

#navi .btn02					{ background:url(../imgs/nv_btn02_a.gif) top left no-repeat; height:48px; width:200px; display:block;}
#navi .btn02	a				{ background:url(../imgs/nv_btn02_a.gif) top left no-repeat; height:48px; width:200px; display:block;}
#navi .btn02	a:hover	{ background:url(../imgs/nv_btn02_b.gif) top left no-repeat; height:48px; width:200px; display:block;}

#navi .btn03					{ background:url(../imgs/nv_btn03_a.gif) top left no-repeat; height:48px; width:200px; display:block;}
#navi .btn03	a				{ background:url(../imgs/nv_btn03_a.gif) top left no-repeat; height:48px; width:200px; display:block;}
#navi .btn03	a:hover	{ background:url(../imgs/nv_btn03_b.gif) top left no-repeat; height:48px; width:200px; display:block;}

#navi img{ margin:20px 0px 0px 0px;}
/**************************************************************************************************************
Style for Content
***************************************************************************************************************/


/**************************************************************************************************************
Style for content of top page
***************************************************************************************************************/
#toppage									{ margin:0px auto 0px auto; padding:0px; display:table; font-size:12px;}
#toppage #wrap						{ width:580px; float:left; display:block; margin:0px 0px 50px 0px; text-align:left; padding:0px;}
#toppage .main_img				{ width:580px; background-color:#ccc;}
#toppage	.frm_01					{ border:1px solid #CCC; margin:0 auto 0 0; padding:10; font-size:12px; line-height:160%; color:#333; font-weight:normal;}
#toppage	.frm_01	a				{ color:#03F; text-decoration:underline;}
#toppage	.frm_01	a:hover	{ color:#F30;}
#toppage	.frm_02					{ border:1px solid #CCC; margin:0px auto 0px 0px; padding:5px; font-size:12px; line-height:160%; color:#333; font-weight:normal;}
#toppage	.frm_02	a				{ color:#03F; text-decoration:underline;}
#toppage	.frm_02	a:hover	{ color:#F30;}
#toppage	.frm_03					{ border:1px solid #CCC; margin:0px auto 0px 0px; padding:5px; font-size:12px; line-height:160%; color:#333; font-weight:normal;}
#toppage	.frm_03	a				{ color:#03F; text-decoration:underline;}
#toppage	.frm_03	a:hover	{ color:#F30;}
#toppage	.frm_04					{ border:1px solid #CCC; margin:0px auto 0px 0px; padding:5px; font-size:12px; line-height:160%; color:#333; font-weight:normal;}
#toppage	.frm_04	a				{ color:#03F; text-decoration:underline;}
#toppage	.frm_04	a:hover	{ color:#F30;}

#toppage	.title					{ background:url(../imgs/text_garuda.gif) top center no-repeat; height:28px; width:516px;}

#toppage	table						{ width:580px; border-top:1px solid #a2c1de; border-left:1px solid #a2c1de; margin:10px 0;}
#toppage	th							{ border-bottom:1px solid #a2c1de; border-right:1px solid #a2c1de; padding:3px; text-align:left;}
#toppage	td							{ border-bottom:1px solid #a2c1de; border-right:1px solid #a2c1de; padding:5px;}

#toppage .ttl01						{ background:url(../imgs/wp_1.gif) top left no-repeat; width:500; height:32; text-align:left; padding-left:30px; line-height:200%;}
#toppage .ttl01 a					{ text-decoration:underline; cursor:pointer;}
#toppage .ttl02						{ background:url(../imgs/wp_2.gif) top left no-repeat; width:500; height:32; text-align:left; padding-left:30px; line-height:200%;}
#toppage .ttl02 a					{ text-decoration:underline; cursor:pointer;}
#toppage .ttl03						{ background:url(../imgs/wp_3.gif) top left no-repeat; width:500; height:32; text-align:left; padding-left:30px; line-height:200%;}
#toppage .ttl03 a					{ text-decoration:underline; cursor:pointer;}
#toppage .ttl04						{ background:url(../imgs/wp_4.gif) top left no-repeat; width:500; height:32; text-align:left; padding-left:30px; line-height:200%;}
#toppage .ttl04 a					{ text-decoration:underline; cursor:pointer;}

#toppage	.frame					{ border:1px solid #666; background:#3289fd; width:518px; margin-top:10px; margin-bottom:10px;}
#toppage	.frame_cnt			{ margin:5px; background-color:#FFF; border:1px solid #ccc;}
#toppage ul								{ margin:5px 0px 10px 5px; padding:0px; display:block; width:495px;}
#toppage ul li						{ margin:0px; padding:0px; display:block; line-height:200%; font-weight:bold;}
#toppage ul li a					{ color:#000; text-decoration:underline; cursor:pointer;}
#toppage ul li a:hover		{ color:#F30;}

/**************************************************************************************************************
Style for content of client page
***************************************************************************************************************/
#client									{ margin:0px auto 0px auto; padding:0px; display:table; font-size:12px; }
#client #content				{ width:580px; float:left; display:block; margin:0px 0px 50px 0px; text-align:left; padding:0px;background-color:#CCC;}
#client	.main_title			{ background:url(../imgs/clt_red_ttl.gif) top center no-repeat; width:528px; height:42px; margin:8px auto 2px 7px;}
#client	.frame					{ width:560px; border:1px solid #666; margin:10px auto 0px 10px; display:table; background-color:#FFF; line-height:160%;}
#client	.ttl_01					{ background:url(../imgs/ttl_orag.gif) top repeat; height:24px; border-bottom:1px solid #666; color:#333; line-height:180%; padding-left:10px; font-size:14px; font-weight:bold;}
#client	.ttl_02					{ background:url(../imgs/ttl_orag.gif) top repeat; height:24px; border-bottom:1px solid #666; color:#333; line-height:180%; padding-left:10px; font-size:14px; font-weight:bold;}
#client	.ttl_03					{ background:url(../imgs/ttl_orag.gif) top repeat; height:24px; border-bottom:1px solid #666; color:#333; line-height:180%; padding-left:10px; font-size:14px; font-weight:bold;}

#client	.frame_cnt			{ margin:10px; color:#333; line-height:180%;}
#client	.title_01				{ color:#09C; font-size:15px; font-weight:bold; margin:15px 0px 0px 0px; border-bottom:1px solid #A3B4C5; padding:0px; line-height:120%;}

#client	.title_02				{ color:#fff; font-size:15px; font-weight:bold; margin:10px 10px 2px 10px; border:1px solid #F30; padding:2px; line-height:120%; background:url(../imgs/ttl_yellow.gif) top repeat;}
#client	.title_03				{ color:#fff; font-size:15px; font-weight:bold; margin:20px 0px 2px 0px; border-bottom:1px solid #666; padding:2px; line-height:120%; background-color:#39F; width:530px;}

#client	.frame02					{ width:560px; border:1px solid #666; margin:10px auto 0px 10px; display:table; background-color:#69F; padding:0px 0px 10px 0px;}
#client	.frame_cnt02			{ margin:5px; background-color:#fff; display:block; padding:0px; border:2px solid #369; float:left; width:545;}
#client	.frame_cnt02 ul		{ line-height:160%; margin-bottom:20px; margin-top:5px;}
#client	.frame_cnt02 ul	li{}

#client	.frame	table		{ border-top:1px solid #333; border-left:1px solid #333; margin:0px 10px;}
#client	.frame	th			{ border-right:1px solid #333;border-bottom:1px solid #333; background-color:#fff; padding:3px; text-align:left;}
#client	.frame	td			{ border-right:1px solid #333;border-bottom:1px solid #333; background-color:#FC6; padding:3px; font-size:12px;}

/**************************************************************************************************************
Style for content of server page
***************************************************************************************************************/

#server									{ margin:0px auto 0px auto; padding:0px; display:table; font-size:12px; }
#server #content				{ width:580px; float:left; display:block; margin:0px 0px 50px 0px; text-align:left; padding:0px; background-color:#CCC;}
#server	.main_title			{ background:url(../imgs/sv_red_ttl.gif) top center no-repeat; width:528px; height:42px; margin:8px auto 2px 7px;}

#server	.frame					{ width:560px; border:1px solid #666; margin:10px auto 0px 10px; display:table; background-color:#FFF; line-height:160%;}

#server	.ttl_01					{ background:url(../imgs/ttl_orag.gif) top repeat; height:24px; border-bottom:1px solid #666; color:#333; line-height:180%; padding-left:10px; font-size:14px; font-weight:bold;}
#server	.ttl_02					{background:url(../imgs/ttl_orag.gif) top repeat; height:24px; border-bottom:1px solid #666; color:#333; line-height:180%; padding-left:10px; font-size:14px; font-weight:bold;}


#server	.frame_cnt			{ margin:10px; color:#333; line-height:180%; width:490px;}
#server	.title_01				{ color:#F30; font-size:20px; font-weight:bold; margin-bottom:5px; border-bottom:1px solid #A3B4C5; border-left:5px solid #A3B4C5;padding-left:5px; line-height:120%;}
#server	.frame_cnt_tbl	{ display:block; float:left; width:458px; margin-left:20px;}

#server	.frame02					{ width:560; border:1px solid #666; margin:10px; display:table; background-color:#69F; padding:0px 0px 10px 0px;}
#server	.frame_cnt02			{ margin:5px; background-color:#fff; display:block; padding:0px 0px 10px 0px; border:2px solid #369; float:left; width:538;}

#server	.frame_cnt02 ul		{ display:block; margin:10px 10px 10px 10px; padding:2px 2px 2px 2px; float:left; width:480px;  border:1px solid #999;}
#server	.frame_cnt02 ul	li{ display:block; color:#900; width:400px; float:left; background:url(../imgs/arr01.gif) left no-repeat; padding-left:15px; line-height:180%;}

#server .frm{ margin:10px; line-height:160%; color:#333; background:url(../imgs/line.gif) bottom no-repeat; padding-bottom:10px;}

#server table{ margin:5px 5px 10px 5px;}
#server th{ text-align:left; line-height:150%; font-size:12px; font-weight:normal; padding:5px; color:#039;}
#server td{ padding:10px 0px;}
#server td img{ border:1px solid #999; padding:1px;}

/**************************************************************************************************************
Style for content of system page
***************************************************************************************************************/

#system									{ margin:0px auto 0px auto; padding:0px; display:table; font-size:12px; }
#system #content				{ width:580px; float:left; display:block; margin:0px 0px 50px 0px; text-align:left; padding:0px;background-color:#CCC;}

#system	.main_title			{ background:url(../imgs/sys_red_ttl.gif) top center no-repeat; width:528px; height:42px; margin:8px auto 2px 7px;}
#system	.frame					{ width:560; border:1px solid #666; margin:10px auto 0px 10px; display:table; background-color:#FFF; line-height:160%;}
#system	.ttl_01					{ background:url(../imgs/ttl_yellow.gif) top repeat; height:24px; border-bottom:1px solid #666; color:#000; line-height:180%; padding-left:10px; font-size:14px; font-weight:bold;}
#system	.ttl_02					{ background:url(../imgs/ttl_yellow.gif) top repeat; height:24px; border-bottom:1px solid #666; color:#000; line-height:180%; padding-left:10px; font-size:14px; font-weight:bold;}
#system	.ttl_03					{ background:url(../imgs/ttl_yellow.gif) top repeat; height:24px; border-bottom:1px solid #666; color:#000; line-height:180%; padding-left:10px; font-size:14px; font-weight:bold;}

#system	.title_01				{ color:#09C; font-size:15px; font-weight:bold; margin:15px 0px 0px 0px; border-bottom:1px solid #A3B4C5; padding:0px; line-height:120%;}

#system	.frame_cnt			{ margin:10px; color:#333; line-height:180%;}
#system	.frame	table		{ border-top:1px solid #333; border-left:1px solid #333; margin:10px;}
#system	.frame	th			{ border-right:1px solid #333;border-bottom:1px solid #333; background-color:#ccc; padding:3px; text-align:left;}
#system	.frame	td			{ border-right:1px solid #333;border-bottom:1px solid #333; background-color:#FC6; padding:3px;}

/**************************************************************************************************************
Style for color of text
***************************************************************************************************************/
.red				{ color:#F00;}
.red_dark		{ color:#600;}
.blue				{ color:#039;}
/**************************************************************************************************************
Style for Bottom
***************************************************************************************************************/
#bottom					{ width:800; height:20; margin:0 auto 0 auto; padding:0; display:block; text-align:right; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
#bottom a				{ color:#00377a; text-decoration:underline;}
#bottom a:hover	{ color:#F30;}

/**************************************************************************************************************
Style for margin
***************************************************************************************************************/
.top1		{ margin-top:	1px;}
.top2		{ margin-top:	2px;}
.top3		{ margin-top:	3px;}
.top4		{ margin-top:	4px;}
.top5		{ margin-top:	5px;}
.top10	{ margin-top:10px;}
.top15	{ margin-top:15px;}
.top20	{ margin-top:20px;}
.top25	{ margin-top:25px;}
.top30	{ margin-top:30px;}
.top40	{ margin-top:40px;}


.left1	{ margin-left: 1px;}
.left2	{ margin-left: 2px;}
.left3	{ margin-left: 3px;}
.left4	{ margin-left: 4px;}
.left5	{ margin-left: 5px;}
.left6	{ margin-left: 6px;}
.left7	{ margin-left: 7px;}
.left8	{ margin-left: 8px;}
.left9	{ margin-left: 9px;}
.left10	{ margin-left:10px;}
.left12	{ margin-left:12px;}
.left13	{ margin-left:13px;}
.left14	{ margin-left:14px;}
.left15	{ margin-left:15px;}
.left20	{ margin-left:20px;}
.left25	{ margin-left:25px;}
.left30	{ margin-left:30px;}
.left35	{ margin-left:35px;}
.left40	{ margin-left:40px;}


.right1	{	margin-right: 1px;}
.right2	{	margin-right: 2px;}
.right3	{	margin-right: 3px;}
.right4	{	margin-right: 4px;}
.right5	{	margin-right: 5px;}
.right10{	margin-right:10px;}
.right11{	margin-right:11px;}
.right12{	margin-right:12px;}
.right13{	margin-right:13px;}
.right14{	margin-right:14px;}
.right15{	margin-right:15px;}
.right20{	margin-right:20px;}
.right25{	margin-right:25px;}
.right30{	margin-right:30px;}
.right35{	margin-right:35px;}
.right40{	margin-right:40px;}
.right45{	margin-right:45px;}
.right50{	margin-right:50px;}
.right55{	margin-right:55px;}