html,
body {
	margin:0;
	padding:0;
	height:100%;
	background-color:#ffffff;
	background-image:url(../../links/images/background.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color:#000000;
}

A:link        {TEXT-DECORATION: none; color: #ec1c24;}
A:active      {TEXT-DECORATION: none; color: #ec1c24;}
A:visited     {TEXT-DECORATION: none; color: #ec1c24;}
A:hover       {TEXT-DECORATION: underline; color: #ec1c24;}


 /* Text Styles */ 


h1{
	font-family: Arial, Helvetica, sans-serif;
	color: #ec1c24;
	font-weight:bold;
	font-size: 20px;
	line-height: 25px;
	text-transform: uppercase;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #ec1c24;
	font-size: 14px;
	line-height: 8px;
	text-transform: uppercase;
	font-weight: bold;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	line-height: 8px;
	text-transform: uppercase;
	font-weight: bold;
}

h4{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #333333;
	font-size: 14px;
	font-weight:bold;
}

h5{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #000000;
	font-size: 14px;
}

h6{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
}

h7{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #666666;
}

hr {
    height:1px;
}


 /* Layout Styles */ 

#logo 
{
   float:right;
   margin-right:30px;
   margin-top:15px;
}

#action_bar {width:286px; height:52px; margin:10px 10px 10px 10px;}
#action_follow {float:left;}
#action_twitter {float:left;}
#action_facebook {float:left;}
#action_listen {float:left;}

.footer_title {
    font-weight: normal;
    font-size: 10px;
    color:#ffffff;
}
.footer_text 
{
    font-weight: normal;
    font-size: 10px;
    color:#d9d1c1;
}  

#feature
{
    width:960px;
    height:290px; 
    background-color:#000;
    margin:auto;
    z-index:300;
}

#container 
{
   z-index:30;
   min-height:100%;
   position:relative;
   height:100%;
   width:100%;

}
#container_mid
{
    position:relative;
    z-index:-10;
    width:980px;
    height:200px;
    background: url(../../links/images/background_black_bottom.png) no-repeat;
}

#content
{
    position:relative;
    width:980px;
    margin: 0 auto;
}

#content_subpage
{
    position:relative;
    width:980px;
    margin: 0 auto;
	background-image:url(../../links/images/background_mid.jpg); 
	background-position:bottom; 
	background-repeat:no-repeat;
}

#content_main
{
	padding-top:20px;
	padding-bottom:20px;
	margin-left:250px;
	margin-right:60px;
	min-height: 350px;
}

#content_blog
{
	padding-top:20px;
	padding-bottom:20px;
	margin-left:250px;
	min-height: 350px;
	width: 470px;
}

#container_body
{
    width:960px;
    margin: 0px auto;
    min-height:800px; 
}

#container_mainback
{
    position:absolute;
    z-index:1;
    top:147px;
    min-height:800px;
    width:100%;
        
}

#main
{
    width:900px;
    min-height:800px;
    margin: 0 auto;
}

#mainback
{
    width:900px;
    min-height:800px;
    margin: 0 auto;
    background-image:url(../../links/images/background_main.jpg);
    background-repeat:no-repeat;
}

#container_footer {
   position:relative;
   bottom:0;
   width:100%;
   height:140px;  
}
#footer
{
	width:980px;
	margin: 0 auto;
	height:145px;
	background-image:url(../../links/images/background_bottom.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:20px;
	clear: both;
}
#footer_nav {float:left; width:550px; padding:10px; color:#555555;}
#footer_nav a {text-decoration:none; color:#555555;}
#footer_address {
	float:left;
	width:185px;
	padding:10px;
	color:#555555;
	font-size: 11px;
	line-height: 12px;
}
#footer_contact {
	float:left;
	padding:10px 20px 10px 0;
	color:#555555;
	font-size: 11px;
	line-height: 12px;
}
#giveonline {
	float:left;
	padding:0px;
}
#footer_contact a {text-decoration:none; color:#555555;}
#antistatic{
	float:right;
	color:#555555;
	margin-right:10px;
	font-size: 11px;
}

A.antistatic:link        {TEXT-DECORATION: none; color: #555555;}
A.antistatic:active      {TEXT-DECORATION: none; color: #555555;}
A.antistatic:visited     {TEXT-DECORATION: none; color: #555555;}
A.antistatic:hover       {TEXT-DECORATION: underline; color: #ec1c24;}


#black_top
{
    width:980px;
    height:190px;
    background: url(../../links/images/background_black_top.png) no-repeat;
    position:absolute;
    left:0;
    top:60px;
    z-index:-5;
}

#black_top_inner
{
	width:980px;
	height:207px;
	position:absolute;
	left:0;
	top:60px;
	z-index:-5;
	background-image: url(../images/background_black_top_sp.png);
	background-repeat: no-repeat;
}

#banner_sp
{
	margin-left:10px;
	margin-top:20px;
    z-index:;
}




#body_main          {width:850px;}
#body_main_left     {width:130px;}
#body_main_right    {width:790px;}

#main_body          {width:850px;}
#main_body_left     {width:145px; padding-left:100px; padding-top:45px;}
#main_body_right    {width:580px;}


 /* Navigation Styles */ 


#nav_top
{   
   width:960px; 
}

#nav
{
    margin-top:80px;
    margin-left:20px;
    float:left;
    
}

#nav_01				{width: 56px; height: 10px; background: url(../../links/images/nav/nav_on_01.gif) no-repeat; position: relative; white-space: nowrap; display: block; margin: 0; padding: 0; float:left;}
#nav_01 a			{width: 56px; height: 10px; display: block;}
#nav_01 a:hover img	{visibility:hidden}
#nav_01 img			{width: 56px; height: 10px; border: 0;}
#nav_01 span        {position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px; cursor: pointer; text-align: center;}

#nav_02				{width: 119px; height: 10px; background: url(../../links/images/nav/nav_on_02.gif) no-repeat; position: relative; white-space: nowrap; display: block; margin: 0; padding: 0; float:left;}
#nav_02 a			{width: 119px; height: 10px; display: block;}
#nav_02 a:hover img	{visibility:hidden}
#nav_02 img			{width: 119px; height: 10px; border: 0;}
#nav_02 span        {position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px; cursor: pointer; text-align: center;}

#nav_03				{width: 116px; height: 10px; background: url(../../links/images/nav/nav_on_03.gif) no-repeat; position: relative; white-space: nowrap; display: block; margin: 0; padding: 0; float:left;}
#nav_03 a			{width: 116px; height: 10px; display: block;}
#nav_03 a:hover img	{visibility:hidden}
#nav_03 img			{width: 116px; height: 10px; border: 0;}
#nav_03 span        {position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px; cursor: pointer; text-align: center;}

#nav_04				{width: 112px; height: 10px; background: url(../../links/images/nav/nav_on_04.gif) no-repeat; position: relative; white-space: nowrap; display: block; margin: 0; padding: 0; float:left;}
#nav_04 a			{width: 112px; height: 10px; display: block;}
#nav_04 a:hover img	{visibility:hidden}
#nav_04 img			{width: 112px; height: 10px; border: 0;}
#nav_04 span        {position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px; cursor: pointer; text-align: center;}

#nav_05				{width: 125px; height: 10px; background: url(../../links/images/nav/nav_on_05.gif) no-repeat; position: relative; white-space: nowrap; display: block; margin: 0; padding: 0; float:left;}
#nav_05 a			{width: 125px; height: 10px; display: block;}
#nav_05 a:hover img	{visibility:hidden}
#nav_05 img			{width: 125px; height: 10px; border: 0;}
#nav_05 span        {position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px; cursor: pointer; text-align: center;}

#nav_06 			{width: 73px; height: 10px; background: url(../../links/images/nav/nav_on_06.gif) no-repeat; position: relative; white-space: nowrap; display: block; margin: 0; padding: 0; float:left;}
#nav_06 a			{width: 73px; height: 10px; display: block;}
#nav_06 a:hover img	{visibility:hidden}
#nav_06 img			{width: 73px; height: 10px; border: 0;}
#nav_06 span        {position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px; cursor: pointer; text-align: center;}



 /* Homepage Sub Navigation Styles */ 


#subnav {padding-top:350px;margin-left:25px;}

#subnav_01				{width: 175px; height: 120px; background: url(../../links/images/nav/subnav_on_01.gif) no-repeat; position: relative; white-space: nowrap; display: block; margin: 5px; padding: 0px; float:left;}
#subnav_01 a			{width: 175px; height: 120px; display: block;}
#subnav_01 a:hover img	{visibility:hidden}
#subnav_01 img			{width: 175px; height: 120px; border: 0;}
#subnav_01 span         {position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px; cursor: pointer; text-align: center;}

#subnav_02				{width: 175px; height: 120px; background: url(../../links/images/nav/subnav_on_02.gif) no-repeat; position: relative; white-space: nowrap; display: block; margin: 5px; padding: 0; float:left;}
#subnav_02 a			{width: 175px; height: 120px; display: block;}
#subnav_02 a:hover img	{visibility:hidden}
#subnav_02 img			{width: 175px; height: 120px; border: 0;}
#subnav_02 span         {position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px; cursor: pointer; text-align: center;}

#subnav_03				{width: 175px; height: 120px; background: url(../../links/images/nav/subnav_on_03.gif) no-repeat; position: relative; white-space: nowrap; display: block; margin: 5px; padding: 0; float:left;}
#subnav_03 a			{width: 175px; height: 120px; display: block;}
#subnav_03 a:hover img	{visibility:hidden}
#subnav_03 img			{width: 175px; height: 120px; border: 0;}
#subnav_03 span         {position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px; cursor: pointer; text-align: center;}

#subnav_04				{width: 175px; height: 120px; background: url(../../links/images/nav/subnav_on_04.gif) no-repeat; position: relative; white-space: nowrap; display: block; margin: 5px; padding: 0; float:left;}
#subnav_04 a			{width: 175px; height: 120px; display: block;}
#subnav_04 a:hover img	{visibility:hidden}
#subnav_04 img			{width: 175px; height: 120px; border: 0;}
#subnav_04 span         {position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px; cursor: pointer; text-align: center;}

#subnav_05				{width: 175px; height: 120px; background: url(../../links/images/nav/subnav_on_05.gif) no-repeat; position: relative; white-space: nowrap; display: block; margin: 5px; padding: 0; float:left;}
#subnav_05 a			{width: 175px; height: 120px; display: block;}
#subnav_05 a:hover img	{visibility:hidden}
#subnav_05 img			{width: 175px; height: 120px; border: 0;}
#subnav_05 span         {position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px; cursor: pointer; text-align: center;}



#container_mid_content{width:100%; height:170px;}
#container_mid_content_left{width:500px;height:100%;float:left;padding-left:60px; margin-top:10px; color:#444444;line-height:18px; font-size:10px;padding-right:10px;} 
#container_mid_content_right{width:340px;height:150px;float:left; padding:10px 0px 0px 20px;} 
#container_mid_content_right h1 {color:#cbb677; font-size:27px;}

#container_bottom_content {
	width:980px;
	min-height:140px;
	margin:0;
	padding:20px 0 5px 0;
	background-image:url(../../links/images/background_mid.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	float: left;
}
#container_bottom_content_left{float:left;  width:450px;}
#container_bottom_content_left_main{float:left;margin-left:50px; margin-top:0px; width:600px;}
#container_bottom_content_left.content {
	float:left;
	line-height:18px;
	font-size:12px;
	margin-left: 15px;
}
#container_bottom_content_left_text_main {line-height:24px; font-size:12px;}
#container_bottom_content_left_text_main h1 {font-size:28px; font-family:Georgia; font-weight:normal; color:#004a64;}

#container_bottom_content_right{float:left;  width:450px; padding:0px 0px 0px 10px;} 
#container_bottom_content_right_main{float:left; padding:0px; margin-left:-30px;} 
#container_bottom_content_right.content {
	float:left;
	line-height:18px;
	font-size:12px;
}

.teaser{
	border-color:#CCCCCC;
	border-width:5px;
	float:left;
	margin-right:15px;
	margin-bottom: 10px;
} 

.subnav {color:#999999;}
.subnav li {list-style:none; font-size:14px; height:30px;}
.subnav li a {color:#999999; text-decoration:none;}
.subnav li a:hover {color:#cbb677; text-decoration:none;}

.subnav_main {color:#999999; margin-top:70px}
.subnav_main li {list-style:none; font-size:14px; height:30px;}
.subnav_main li a {color:#999999; text-decoration:none;}
.subnav_main li a:hover {color:#cbb677; text-decoration:none;}


/*  JQuery Banner Slideshow
  set the width and height to match your images 
*/
 
#slideshow {
    position:relative;
    top:45px;
    left:0px;
}
 
#slideshow A {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
 
#slideshow A.active {
    z-index:10;
    opacity:1.0;
}
 
#slideshow A.last-active {
    z-index:9;
}

#headline
{
    position:absolute;
    left:20px;
    top:105px;
    z-index:90;
}

#midmain
{
    margin-top:200px;
}


 /* Subpage Subnavication Style */ 


#subnav_midmain
{
    width:200px;
    height:300px;
    position:absolute;
    left:10px;
    top:265px;
    background-image:url(../../links/images/subnav_back.png);
    background-position:right;
    background-repeat:no-repeat;
}

#subnav_midmain ul li
{
    height:42px;
    list-style-type:none;
    font-size:15px;
    text-align:right;
    margin-right:30px;
    width:180px;
}

#subnav_midmain ul li a
{
        color:#b5b5b5;
        margin-right:10px;
        display: block;
	    padding: 15px 40px 15px 0px;
		TEXT-DECORATION: none;
}

#subnav_midmain ul li a:hover
{
        color:#ec1c24;
        background-image:url(../../links/images/pointer.png);
        background-repeat:no-repeat;
        background-position:right;
        TEXT-DECORATION: none;
}

#subnav_midmain ul 
{
    margin-top:25px;
    margin-right:0px;
}


#content_midmain
{
    width:700px;
    float:right;
    margin-right:20px;
    margin-bottom:20px;
}

/* Subpage Subnavication Style */ 


#right_column
{
	width:200px;
	min-height:300px;
	position:absolute;
	top:265px;
	background-image:url(../../links/images/subnav_back_right.png);
	background-position:left;
	background-repeat:no-repeat;
	left: 750px;
}

#right_column ul li
{
    list-style-type:none;
    font-size:12px;
    text-align:left;
    width:180px;
}

#right_column ul li a
{
        color:#b5b5b5;
 		TEXT-DECORATION: none;
}

#right_column ul li a:hover
{
        color:#ec1c24;
        TEXT-DECORATION: none;
}

#right_column ul 
{
    margin-top:25px;
    margin-right:0px;
}


 /* Image Styles */ 
 
 .subpage_banner {
	padding:10px;
	background:#d0d0d0;
}
 
.image-right {
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	float:right;
}

.image-left {
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}

.image-R {
	margin-left:15px;
	padding:5px;
	background:#d0d0d0;
	border:0px solid #d0d0d0;
	float:right;
}

.image-L {
	margin-right:15px;
	padding:5px;
	background-color:#d0d0d0;
	border:0px solid #d0d0d0;
	float:Left;
}


 /* Form Styles */ 


.textfield {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #ffffff;
	padding: 3px;
	border-top: 5px solid #EFEFEF;
	border-bottom: 5px solid #EFEFEF;
	border-right: 5px solid #EFEFEF;
	border-left: 5px solid #EFEFEF;
	width: 500px;
	margin-top: 7px;
}

.selectfield {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #ffffff;
	margin-top: 8px;
}
