@charset "Shift_JIS";

body { 
   background-color : #666666 ;
   font-size : 12px ;
   line-height : 1.3em ;
   margin : 0px 0px 0px 0px ;
   padding : 0px 0px 0px 0px ;
}

.wrapper {
   padding : 0px 0px 0px 0px ;
   margin : 20px 0px 0px 20px ;
   width : 760px ;
   
}

p {
   margin : 8px 0px 0px 0px ;
   color : #333333;
   line-height : 1.3em ;
   font-size : 12px ;
}


/*-- common --------------------------------------------------------------------------*/

.clear {
   clear   : both ;
}

.Header {
   background-color : #333333 ;
   border-left  : solid 1px #cccccc ;
   border-right : solid 1px #cccccc ;
   padding : 10px 20px 20px 20px ;
}

.Footer {
   width  : 760px ;
   clear   : left ;
   padding : 10px 0px 10px 0px ;
}

.popup {
   width  : 760px ;
   clear   : left ;
   text-align:center ;
   padding : 0px 0px 0px 0px ;
}

.Copyright {
   width  : 740px ;
   color:#FFFFFF ;
   text-align:right ;
   background-image:url(/pix/bg_footer.gif) ;
   background-position:center ;
   background-repeat:repeat-y ;
   padding      : 5px 20px 5px 0px  ;
   margin : 0px 0px 0px 0px  ;
}

.gaiyo td {
   text-align:left ;
   background-color : #f5f5f5 ;
   border-top  : solid 1px #666666 ; 
   border-bottom : solid 1px #666666 ;
   color: #333333 ;
   padding      : 5px 5px 5px 5px  ;
   margin : 0px 0px 0px 0px  ;
   font-size : 12px ;
}

.TopNavi {
   list-style : none ;
   margin     : 0px  ;
   padding    : 0px  ;
}

.TopNavi li {
   float  : left ;
   margin : 0px 0px 10px 0px  ;
}

.FlashArea {
   clear   : left ;
   padding : 0px 0px 10px 0px ;
}

.MainContents {
   width : 760px ;
   float : left ;
   line-height:1.3em ;
   background-color : #666666 ;
   text-align : left ;
   padding : 0px 0px 0px 0px ;
   margin : 0px 0px 0px 0px ;
}

.Left_Contents {
   float  : left  ;
   width  : 520px ;
   margin : 0px 20px 0px 0px ;
   background-color : #333333 ;
}

.Left_Contents2nd {
   float  : left  ;
   width  : 520px ;
   margin : 0px 20px 0px 0px ;
   background-color : #ffffff ;
}

.Left_GrayBack {
   float  : left  ;
   width  : 490px ;
   border-left  : solid 1px #cccccc ; 
   border-right : solid 1px #cccccc ;
   color : #ffffff ;
   background-color : #333333 ;
   padding      : 5px 14px 5px 14px ;
}

.Left_WhiteBack {
   float  : left  ;
   width  : 490px ;
   border-left  : solid 1px #cccccc ; 
   border-right : solid 1px #cccccc ;
   color : #333333 ;
   background-color : #ffffff ;
   padding      : 5px 14px 5px 14px ;
}

.leftline {
   float  : left  ;
   width : 1px ;
   background-color : #cccccc ;
   margin : 0px 0px 0px 0px ;
   padding      : 0px 0px 0px 0px ;
}

.rightline {
   float  : left  ;
   width : 1px ;
   background-color : #cccccc ;
   margin : 0px 0px 0px 0px ;
   padding      : 0px 0px 0px 0px ;
}


.Right_Contents {
   float  : left  ;
   width  : 220px ;
   background-color : #333333 ;
}

.Right_GrayBack {
   float  : left  ;
   width  : 200px ;
   border-left  : solid 1px #cccccc ; 
   border-right : solid 1px #cccccc ;
   background-color : #333333 ;
   padding      : 5px 9px 5px 9px; ;
}

.Contents {
   width  : 470px ;
   color:#ffffff ;
   float : left ;
   text-align : left ;
   margin : 0px 0px 0px 0px ;
   padding      : 10px 10px 15px 10px ;
}

.Contents p {
   color:#ffffff ;
}

.Contents3rd {
   width  : 470px ;
   color:#333333 ;
   float : left ;
   text-align : left ;
   margin : 0px 0px 0px 0px ;
   padding      : 10px 10px 15px 10px ;
}

.Contents_slot {
   width  : 490px ;
   color:#333333 ;
   float : left ;
   text-align : left ;
   margin : 0px 0px 0px 0px ;
   padding      : 0px 0px 0px 0px ;
}

.slotindex {
   width  : 490px ;
   color:#333333 ;
   text-align : left ;
   margin : 10px 0px 0px 0px ;
   padding      : 0px 0px 0px 0px ;
}

.Contents2nd {
   width  : 220px ;
   color:#333333 ;
   float : left ;
   text-align : left ;
   margin : 0px 0px 0px 0px ;
   padding      : 15px 10px 15px 10px ;
}

.line {
   width  : 2px ;
   height:200px ;
   background-color:#cccccc ;
   float : left ;
   text-align : left ;
   margin : 0px 4px 0px 4px ;
   padding      : 0px 0px 0px 0px ;
}

.line2 {
   width  : 2px ;
   height:350px ;
   background-color:#cccccc ;
   float : left ;
   text-align : left ;
   margin : 0px 4px 0px 4px ;
   padding      : 0px 0px 0px 0px ;
}

.line490 {
   width  : 490px ;
   height:2px ;
   background-color:#cccccc ;
   float : left ;
   text-align : left ;
   margin : 10px 0px 10px 0px ;
   padding      : 0px 0px 0px 0px ;
}

.Contents_w {
   color:#333333 ;
   padding      : 10px 10px 15px 10px ;
   background-color:#FFFFFF ;
   margin : 10px 10px 10px 10px ;
}

.Contents_w p {
   color:#333333 ;
}


.Left_Newslot {
   float  : left  ;
   width  : 75px ;
   margin : 0px 20px 0px 0px ;
   padding      : 0px 0px 0px 0px ;
}

.Right_Newslot {
   float  : left  ;
   margin : 0px 0px 0px 0px ;
}

.Left_pickup {
   float  : left  ;
   width  : 75px ;
   margin : 0px 7px 0px 0px ;
   padding      : 0px 0px 0px 0px ;
}

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

h1 {
   color       : #CC3333 ;
   font-weight : bold;
   font-size   : 14px;
   margin      : 0px;
   padding     : 7px 20px 6px 20px ;
   background-image  : url(/pix/h1Title_Grayback.gif) ;
   background-repeat : no-repeat ;
}

h2 {
   color       : #CC3333 ;
   font-weight : bold;
   font-size   : 14px;
   margin      : 0px;
   padding     : 7px 20px 6px 20px ;
   background-image  : url(/pix/h2Title_Grayback.gif) ;
   background-repeat : no-repeat ;
}

.Left_WhiteBack h1 {
   color       : #000000 ;
   font-weight : bold;
   font-size   : 14px;
   margin : 0px 0px 0px 0px ;
   padding     : 7px 20px 6px 20px ;
   background-image  : url(/pix/h1Title_Grayback2nd.gif) ;
   background-repeat : no-repeat ;
}


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

.Header_Text {
   color : #ffffff ;
   text-align : right ;
   padding : 30px 0px 0px 0px ;
}

.Header_Text a {
   color : #ffffff ;
   text-decoration : none ;
}

.Header_Text a:link {
   color : #ffffff ;
   text-decoration : none ;
}

.Header_Text a:hover {
   color : #cccccc ;
   text-decoration : underline ;
}


.Header_Text a:active {
   color : #cccccc ;
   text-decoration : underline ;
}


.Link_Text {
   color : #3366CC ;
   text-decoration : underline ;
}

.Link_Text:link {
   color : #3366CC ;
   text-decoration : none ;
   text-decoration : underline ;
}

.Link_Text:hover {
   color : #6699FF ;
   text-decoration : underline ;
}


.Link_Text:active {
   color : #6699FF ;
   text-decoration : underline ;
}


.Link_Text_w {
   color : #ffffff ;
   text-decoration : underline ;
}

.Link_Text_w:link {
   color : #ffffff ;
   text-decoration : underline ;
}

.Link_Text_w:hover {
   color : #6699FF ;
   text-decoration : underline ;
}


.Link_Text_w:active {
   color : #6699FF ;
   text-decoration : underline ;
}


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

.Informaiton {
   color : #ffffff ;
   line-height : 2.0em ;
   margin      : 10px 30px 15px 30px ;
   padding     : 0px ;
   list-style-image : url(/pix/List_YellowArrow.gif) ;
}

.Informaiton a {
   color : #ffffff ;
   text-decoration : underline ;
}

.Informaiton a:link {
   color : #ffffff ;
   text-decoration : underline ;
}

.Informaiton a:hover {
   color : #6699FF ;
   text-decoration : underline ;
}

.Informaiton a:active  {
   color : #6699FF ;
   text-decoration : underline ;
}


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

.list {
   color : #333333 ;
   line-height : 1.5em ;
   margin      : 10px 30px 15px 30px ;
   padding     : 0px ;
   list-style-image : url(/pix/List_YellowArrow.gif) ;
   vertical-align:baseline ;
}

.list a {
   color : #333333 ;
   text-decoration : underline ;
}

.list a:link {
   color : #333333 ;
   text-decoration : underline ;
}

.list a:hover {
   color : #cccccc ;
   text-decoration : underline ;
}

.list a:active  {
   color : #cccccc ;
   text-decoration : underline ;
}


.list2 {
   color : #333333 ;
   line-height : 1.5em ;
   margin      : 10px 30px 15px 30px ;
   padding     : 0px ;
   vertical-align:baseline ;
}

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

.text11 {
font-size:11px ;
}

.text14b {
font-size:14px ;
font-weight:bold ;
}

.textred_b {
font-size:12px ;
font-weight:bold ;
color:#CC0000 ;
}

.bold {
font-weight:bold ;
}

.b_rhc_link_off {
   float : left ; 
   width : 200px ;
   height : 16px ;
   margin : 10px 0px 0px 0px ;
   padding : 5px 0px 5px 0px ;
   background-image:url(/pix/b_rhc_link.gif) ;
   background-position:top ;
   background-repeat:no-repeat ;
   text-align:left ;
   font-weight:bold ;
   color:#FFFFFF ;
}

.b_rhc_link {
   float : left ; 
   width : 200px ;
   height : 16px ;
   margin : 10px 0px 0px 0px ;
   padding : 5px 0px 5px 0px ;
   background-image:url(/pix/b_rhc_link.gif) ;
   background-position:top ;
   background-repeat:no-repeat ;
   CURSOR           : pointer ;
   text-align:left ;
   font-weight:bold ;
   color:#FFFFFF ;
}

.b_rhc_link_on {
   float : left ; 
   width : 200px ;
   height : 16px ;
   margin : 10px 0px 0px 0px ;
   padding : 5px 0px 5px 0px ;
   background-image:url(/pix/b_rhc_link_on.gif) ;
   background-position:top ;
   background-repeat:no-repeat ;
   CURSOR           : pointer ;
   text-align:left ;
   font-weight:bold ;
   color:#666666 ;
}

.b_rhc_link_on2 {
   float : left ; 
   width : 200px ;
   height : 16px ;
   margin : 10px 0px 0px 0px ;
   padding : 5px 0px 5px 0px ;
   background-image:url(/pix/b_rhc_link_on.gif) ;
   background-position:top ;
   background-repeat:no-repeat ;
   text-align:left ;
   font-weight:bold ;
   color:#cc0000 ;
}

.b_rhc_link_off_2 {
   float : left ; 
   width : 200px ;
   height : 16px ;
   margin : 10px 0px 0px 0px ;
   padding : 5px 0px 5px 0px ;
   background-image:url(/pix/b_rhc_link.gif) ;
   background-position:top ;
   background-repeat:no-repeat ;
   text-align:left ;
   font-weight:bold ;
   color:#FFFFFF ;
   font-size:13px;
}

.b_rhc_link_2 {
   float : left ; 
   width : 200px ;
   height : 16px ;
   margin : 10px 0px 0px 0px ;
   padding : 5px 0px 5px 0px ;
   background-image:url(/pix/b_rhc_link.gif) ;
   background-position:top ;
   background-repeat:no-repeat ;
   CURSOR           : pointer ;
   text-align:left ;
   font-weight:bold ;
   color:#FFFFFF ;
   font-size:13px;
}

.b_rhc_link_on_2 {
   float : left ; 
   width : 200px ;
   height : 16px ;
   margin : 10px 0px 0px 0px ;
   padding : 5px 0px 5px 0px ;
   background-image:url(/pix/b_rhc_link_on.gif) ;
   background-position:top ;
   background-repeat:no-repeat ;
   CURSOR           : pointer ;
   text-align:left ;
   font-weight:bold ;
   color:#666666 ;
   font-size:13px;
}

.b_rhc_link_on2_2 {
   float : left ; 
   width : 200px ;
   height : 16px ;
   margin : 10px 0px 0px 0px ;
   padding : 5px 0px 5px 0px ;
   background-image:url(/pix/b_rhc_link_on.gif) ;
   background-position:top ;
   background-repeat:no-repeat ;
   text-align:left ;
   font-weight:bold ;
   color:#cc0000 ;
   font-size:13px;
}

.rhc_img {
   width : 200px ;
   margin : 10px 0px 10px 0px ;
   padding : 0px 0px 0px 0px ;
   text-align:center ;
   font-weight:bold ;
   color:#FFFFFF ;
}


.subtitle {
	width : 490px ;
	float : left ;
	color : #333333;
   font-size : 14px ;
   line-height : 1.2em ;
	background-color :#ffffff ;
	background-image:url(/pix/bg_line.gif) ;
	background-position:bottom ;
	background-repeat:no-repeat ;
	text-align : left ;
    padding : 0px 0px 5px 0px ;
    margin : 15px 0px 15px 0px ;
	font-weight:bold ;
}


.topix_GrayBack {
	float  : left;
	width  : 730px;
	border-left  : solid 1px #cccccc;
	border-right : solid 1px #cccccc;
	color : #ffffff;
	background-color : #333333;
	padding-top: 5px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
}