﻿



#bt_login {
	width:50px;
	height:50px;
}

#pagetop
{
	width:820px;
	height:20px;
    margin-right:0px;
    border-right-style:none;
    color:White; 	
}

.pagetopbutton 
{
	text-decoration:underline;
	
	width:90px;
	font-family:"HGP創英角ｺﾞｼｯｸUB",Sans-Serif;
	vertical-align:bottom;
	text-align:center; 	
	float:right;
	 
	background-color: #606060;
	border-bottom: 1px solid #A3A3A3;
	padding: 4px;
	font-size:14px;
	font-weight: normal;
}
.pagetopbutton input:hover 
{
	text-decoration:none;
	
	width:90px;
	font-family:"HGP創英角ｺﾞｼｯｸUB",Sans-Serif;
	vertical-align:bottom;
	text-align:center; 	
	float:right;
	 
	background-color: #606060;
	border-bottom: 1px solid #A3A3A3;
	padding: 4px;
	font-size:14px;
	font-weight: normal;
}

#login1 {
	position: absolute;
	left: 30px;
	top: 125px;
}

#login1 input {
	width: 140px;
	margin-bottom: 3px;
	display: block;
	background-color: #F5F5F5;
}
#login1 li {
	list-style: none;
	margin-bottom: 10px;
}
#login1 ul {
	margin-top: 15px;
}

#login1 li span
{
	font-family:"HGP創英角ｺﾞｼｯｸUB",Sans-Serif;
	font-size:15px;
	color: #FFFFFF;
}

#login1 li a 
{
	font-family:"HGP創英角ｺﾞｼｯｸUB",Sans-Serif;
	font-size:14px;
	padding-left: 13px;
	background-image: url(images/login/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #FFFFFF;
}

#pnlNews 
{
	height:260px;
}

#pnlNewsUser 
{
	height:100px;
}

#divTabSymbol
{
	background-image:url(images/ch/tab01_sab01_on.gif);
	background-repeat: no-repeat;
}

#SymbolList
{
	margin-top:10px;
	margin-left:18px;

	height:581px;
	width:124px;
	
	border:solid 0.5px black;
}

#SymbolList cl
{
	 padding:0px;
	 margin:35px 0 0 0;
	 list-style-type:none;
}

#SymbolListMenu
{
	height:900px;
}

h1_hide{
	display: none;
}

#option_tab2 li {
	float: left;
	list-style: none;
	margin-left: 2px;
}
#option_tab2 {
	float: right;
}

#option_tab2 li a {
	background: #DBDBDB;
	display: block;
	padding: 5px 0;
	width: 130px;
	text-align: center;
}
#option_tab2 li a:hover,#option_tab2 li a.sub_menu_on {
	background: #CCCCFF;
	text-decoration:none;
	color: #000000;
}



.DetailMain
{
	width: 830px;
	height:500px;
	background-color:White;
}

.DetailMainTall
{
	width: 830px;
	height:800px;
	background-color:White;
}


.DetailHeader
{
	height:50px;
	background-color: White;
	background: url(../../image/m_detail_head_bg.gif) no-repeat center bottom;
	font-size:  x-large;
	padding: 10px;
	text-align:center;
}

.DetailClose
{
	
}

.DetailBody
{
	background-color:White;
	padding:10px 10px 10px 10px;
	color:Black;
}

.DetailFooter
{
	font-size: smaller;
	text-align:center;
	height: 20px;
	padding: 0px;
	clear: both;
	background-color: #EEEEEE;
	background-image: url(../../image/bg_footer.jpg);
	background-repeat: repeat-x;
}


.LinkArrow {
	background-image: url(../../image/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
	padding-left: 13px;
}


/* 前へ　次へ */
#prevnext
{
	text-align:center;
}

.lnkPrevImage{
	position:absolute;
	top: 75px;
	left: 28px;
	text-indent: -9999px;
	display:block;
	height:24px;
	width:56px;
	background: url(../../image/btnPrev_normal.gif) no-repeat;
}

.lnkPrevImage:hover{
	height:24px;
	width:56px;
	background: url(../../image/btnPrev_hover.gif) no-repeat;
}

.lnkNextImage{
	position:absolute;
	top: 75px;
	left: 686px;
	text-indent: -9999px;
	display:block;
	height:24px;
	width:56px;
	background: url(../../image/btnNext_normal.gif) no-repeat;
}

.lnkNextImage:hover{
	height:24px;
	width:56px;
	background: url(../../image/btnNext_normal.gif) no-repeat;
}

a#btnClose{
	position:absolute;
	top:10px;
	left:650px;
	display:block;
	text-indent: -9999px;
	height: 25px;
	width: 83px;
	background: url(../../image/btnClose_normal.gif) no-repeat; 
}

a#btnClose:hover{
	height: 25px;
	width: 83px;
	background: url(../../image/btnClose_hover.gif) no-repeat; 
}
		

#body_detail {
	background-color: #FFFFFF;
	background-image: url(images/common/spacer.gif);
	background-repeat: repeat-y;
	font-size: 12px;
}
#wrapper_detail {
	margin: 0 auto;
	width: 784px;
	padding: 0px;
}
#contents_detail {
	background: #FFFFFF;
	padding: 15px;
	margin-top: 0px;
	width: 754px;
	padding-top: 30px;
	padding-bottom: 30px;
}
#contents_detail p{
	line-height: 20px;
}
#contents_detail p.font_s {
	line-height: 14px;
}

#contents_send {
	background: #FFFFFF;
	padding: 15px;
	margin-top: 0px;
	width: 780px;
	padding-top: 30px;
	padding-bottom: 30px;
}
#contents_send p{
	line-height: 20px;
}
#contents_send p.font_s {
	line-height: 14px;
}

#h1_detail {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 3px solid #993399;
	margin-bottom: 5px;
	padding-bottom: 5px;
	text-align: center;
}

.list li {
	overflow:hidden;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 180px;
	height: 155px;

	border-top: 1px solid #D9D9FF;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #CCCCCC;

}
.list li a {
	text-decoration:none;
}

.list_detail li {
	overflow:hidden;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 180px;
	height: 135px;

	border-top: 1px solid #D9D9FF;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #CCCCCC;	
}
.list_detail li a {
	text-decoration:none;
}


.listHyoudai li {
	overflow:hidden;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
	text-align: center;
	width: 200px;
	height: 200px;
}
.listHyoudai li a {
	text-decoration:none;
}
.listPreview li {
	overflow:hidden;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 120px;
	height: 135px;

	border-top: 1px solid #D9D9FF;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #CCCCCC;	
}
.listPreview li a {
	text-decoration:none;
}

.listButton {
	overflow:hidden;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
	text-align: center;
	width: 20px;
	height: 180px;
}
.listButton a {
	text-decoration:none;
}


.PreButton {
	width: 56px;
	height: 24px;
}
.PreButton a {
	text-decoration:none;
}
.NextButton {
	width: 56px;
	height: 24px;
}
.NextButton a {
	text-decoration:none;
}





.txtmodeZenkaku
{
  ime-mode: active;   /* 全角モード */
}

.txtmodeHankaku
{
  ime-mode: inactive; /* 半角モード */
}

      .CurrentPage 
      {
          padding: 2px 6px;
          border: solid 1px #ddd; 
          background: #DBDBDB;
          color:Black;
      }
      .PrevNext,.PageNumber
      {
          padding: 2px 6px;
          border: solid 1px #ddd;
          text-decoration: none;
          color: Black;
      }
      .PageNumber:hover, .PrevNext:hover
      {
          background-color: #FFA500;
          color: White;
      }
      
h6 {
	font-size: 12px;
	margin-bottom:5px;
}      
h7 {
	padding-bottom: 5px;
	font-size: 8px;
	margin-bottom: 0px;
}
h8 {
	padding-bottom: 5px;
	font-size: 16px;
	margin-bottom: 0px;
}

.margin_l30 {
	margin-left: 30px;
}      
.margin_r30 {
	margin-right: 30px;
}

#option_menu{
	background-color: #FFFFFF;
	padding-top: 9px;
	padding-left: 9px;
	overflow:hidden;
	height:26px
}
#option img {
	margin-right: 3px;
	margin-left: 2px;
}

#readme {
	position: absolute;
	z-index: 5;
	top: 5px;
	right: 5px;
}


#body_fcc {
	background-color: #FFFFFF;
	background-image: none;
}
#wrapper_fcc {
	background-color: #FFFFFF;
	background-image: none;
}      

.NewsArea {
	background-color: #FFFFFF;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	padding: 20px;

	height:273px;
	overflow:hidden;	
}
.NewsArea p{
	line-height: 1.8em;
}
.NewsArea li{
	line-height: 1.5em;
}
.NewsArea li ul {
	margin: 10px;
}
.NewsArea dl {
	overflow: auto;
	height: 240px;
	margin-bottom: 18px;
}

.NewsArea dt {
	font-size: 10px;
	font-weight: bold;
	color: #777777;
	background-image: url(../images/common/icon_arrow.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-bottom: 3px;
	background-position: 0px 1px;
}

.NewsArea dd {
	margin-bottom: 15px;
	padding-left: 10px;
	line-height: 1.3em;
}
.NewsArea2 {
	background-color: #FFFFFF;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	padding: 20px;

	height:273px;
	overflow:hidden;	
}
.NewsArea2 p{
	line-height: 1.8em;
}
.NewsArea2 li{
	line-height: 1.5em;
}
.NewsArea2 li ul {
	margin: 10px;
}
.NewsArea2 dl {
	overflow: auto;
	height: 50px;
	margin-bottom: 18px;
}

.NewsArea2 dt {
	font-size: 10px;
	font-weight: bold;
	color: #777777;
	background-image: url(../images/common/icon_arrow.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-bottom: 3px;
	background-position: 0px 1px;
}
.NewsArea2 dd {
	margin-bottom: 15px;
	padding-left: 10px;
	line-height: 1.3em;
}
.image_paste_news
{
	width:370px;
	height:65px;
	border:0;	
}

#whats_new2 {
	float: left;
	width: 409px;
	height: 339px;

	}
#whats_new2 dl {
	overflow: auto;
	height: 200px;
	margin-bottom: 18px;
}
#whats_new2 dt {
	font-size: 10px;
	font-weight: bold;
	color: #777777;
	background-image: url(icon_arrow.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-bottom: 3px;
	background-position: 0px 1px;
}
#whats_new2 dd {
	margin-bottom: 15px;
	padding-left: 10px;
	line-height: 1.3em;
}

#wrapper_login {
	width: 984px;
	background-image: url(body_bg.gif);
	overflow: hidden;
}

#lblExp
{
	float:right;
	padding-right:250px;

}

.ranking_rank
{
	height:15px;
}	

.ranking_cateory1 {
	font-size: 10px;
	color: #666666;
	padding: 1px 5px 1px 7px;
	width: 60px;
}


.margin_t3 {
	margin-top: 3px;
}


.ranking1 {
	width: 180px;
	float: right;
}
.ranking1 table,
.ranking1 th,
.ranking1 td {
	border-collapse:collapse;
	height:10px;
}

.ranking1 table{
	border: 1px solid #194EBE;
	table-layout:fixed;
	background:#EBF1FE;
}
.ranking1 th{
	background:#2151B6;
	font-size: 12px;
	font-weight: normal;
	color: #FFE6FF;
}
.ranking1 td {
	border-top: 1px solid #A2B8E5;
}

#copy_paste2 {
	width: 150px;
	margin-top: 10px;
}
#cont_left {
	width: 150px;
	float:left;
	margin-top: 0px;
}

#seminar_cont_before{
	background-color: #F0F8FF;
	border: 1px solid #99CCFF;
	padding: 10px;
}
#seminar_detail_before {
	padding: 10px;
	float: right;
	width: 280px;
	background-color: #F8F8FF;
	margin-bottom: 10px;
	_height:130px;
	min-height:130px;
}
.seminar_cont_before{
	background-color: #F0F8FF;
	border: 1px solid #99CCFF;
	padding: 10px;
}
.seminar_detail_before {
	padding: 10px;
	float: right;
	width: 280px;
	background-color: #F8F8FF;
	margin-bottom: 10px;
	_height:130px;
	min-height:130px;
}

.seminar_cont{
	background-color: #F6F5E0;
	border: 1px solid #EDEBC2;
	padding: 10px;
}
.seminar_detail {
	padding: 10px;
	float: right;
	width: 280px;
	background-color: #EEECC7;
	margin-bottom: 10px;
	_height:130px;
	min-height:130px;
}
#seminar_l h8 {
	background-image: url(../images/seminar/hd_seminar_tl_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	margin: 30px 0px 0px 0px;
	font-size: 20px;
	color: #000000;
	padding: 0px 0px 0px 0px;
}

#seminar_l h6 {
	background-image: url(../images/seminar/hd_seminar_tl_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #F0F8FF;
	border: 1px solid #99CCFF;
	margin: 10px 0px 0px 0px;
	font-size: 16px;
	color: #339999;
	padding: 12px 15px 9px 30px;
}

.link_maker {
	background-color: #F0F8FF;
}

#sub_menu_send{
	background-color: #4B4B4B;
	padding-top: 9px;
	padding-left: 9px;
	position: relative;
	width: 726px;
}
#sub_menu_send img {
	margin-right: 3px;
	margin-left: 2px;
}

#info_detail2 {
	margin-bottom: 20px;
}
#info_detail2 li{
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	list-style: none;
}
#info_detail2 li table,#info_detail2 li table th,#info_detail2 li table td{
	border-collapse:collapse;
	border: 1px solid #666666;
	table-layout:fixed;
}
#info_detail2 table {
	margin-top: 5px;
}

#info_detail2 li table th{
	background: #E9EBF5;
	font-weight: normal;
	width:80px;
}
#info_detail2 li table td{
	background: #ffffff;
	font-weight: normal;
	width:150px;
}

#info_detail2 li table th,#info_detail2 li table td{
padding:3px;}

.containerThin {
	background-color: #ffffff;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	padding:10px 15px 5px 15px;
}
.containerThin p{
	line-height: 1.8em;
}
.containerThin li{
	line-height: 1.5em;
}
.containerThin li ul {
	margin: 10px;
}

.boxSTop {
	background-image: url(box_b.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #EDEDED;
	padding:10px 15px 5px 15px;
	width: 735px;
}
.boxSTop p{
padding-left:8px;}

#preview_detail {
	clear: both;
	border: 1px solid #999999;
	padding:auto;
	text-align: center;
	margin-bottom: 20px;
	background-color:White;

	width:270px;
	height:270px;
}

#preinfo_detail {
	margin-bottom: 20px;
}
#preinfo_detail li{
	float: left;
	width:239px;
	margin-right: 5px;
	margin-left: 5px;
	list-style: none;
}
#preinfo_detail li table,#preinfo_detail li table th,#preinfo_detail li table td{
	border-collapse:collapse;
	border: 1px solid #666666;
	table-layout:fixed;
}
#preinfo_detail table {
	margin-top: 5px;
}

#preinfo_detail li table th{
	background: #E9EBF5;
	font-weight: normal;
}
#preinfo_detail li table td{
	background-color:#ffffff;
}
#preinfo_detail li table th,#preinfo_detail li table td{
padding:3px;}


#dlNum 
{
	background-color: #F5F5F5;
	margin: 10px 0px;
	padding: 5px 15px 10px 15px;
		
	width:160px;
	height:70px;
	border-top: 1px solid #D9D9FF;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #CCCCCC;	
}


#dl 
{
	width:500px;
	height:80px;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	border-top: 1px solid #E2E2E2;

	background-color: #F5F5F5;
	margin: 10px 0px;
	padding: 10px;
}

#dlIrast 
{
	width:500px;
	height:70px;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	border-top: 1px solid #E2E2E2;

	background-color: #F5F5F5;
	margin: 10px 0px;
	padding: 10px;
}

.VHCBlock
{
	display:inline;
	margin-bottom:1px;
	vertical-align:middle;
}

