/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME: 	Stylevantage - orange
   TEMPLATE CODE: 	S-0001
   VERSION:          1.0          	
 *******************************************/ 

 /* MODIFIED: J.H
  * INITIAL: 2009-10-16
  * $Id: stylevantage.css,v 1.10 2010/09/05 09:50:03 joe Exp joe $
  */
 
/************** reset style ****************/

/* firefox scrollbar */
html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: scroll;
}

/* image border */
img {
	border: 0;
}

/* table border */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* YUI Fonts CSS v2.5.2 - FIX:IE6 table font */
table {
	font-size: inherit;
	font: 100%;
}

/* YUI Fonts CSS v2.5.2 - FIX:IE 'pre', 'code' font */
pre, code, kbd, samp, tt {
	font-family: monospace;
	*font-size: 100%;
	line-height: 100%;
}

/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* {
	margin: 0; padding: 0;
} 

body {
	margin: 0; padding: 0;
	font: 80%/1.5em  Verdana, 'Trebuchet MS', Arial,
	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,
	"メイリオ", Meirio, "ＭＳ Ｐゴシック", "MS P Gothic",
	Sans-serif;
	background: url(../images/headerbg-orange-h100.gif) repeat-x;
	color: #4D4D4D;	
	text-align: center;		
	background-color: #FFF;	
}

hr.narrow {
	margin: 0;
	padding: 0;
	border: none;
	border-top: 1px #888 solid;
	height: 1px;
}
hr.std {
	margin-top: 0.5em;
	margin-bottom: 0.7em;
	padding: 0;
	border: none;
	border-top: 1px #888 solid;
}


/* table type1 */
table.type1 {
	margin-left: 10px;
	_margin-left: 6px;
	margin-bottom: 1em;
	_margin-bottom: 1em;
	font-size: 97%;
	border: 1px solid #888;
	background-color: #FFF;
	emptyp-cells: show;
}
.type1 caption {
	font-weight: bold;
	text-align: left;
	margin-bottom: 0.3em;
	padding-left: 0.5em;
 	/* padding: 0 0 0 16px; */
  	background: #FAFAFA no-repeat 5px 10px !important; 
	border: 1px solid #f2f2f2; 
	/* border-left: 3px solid #EC981F; */
}
.type1 th {
	padding: 0.2em 0.3em;
}
.type1 td {
	padding: 0.2em 0.3em;
}
.type1 col.head {
	width: 120px;
}

/* links */
a {
	background: inherit;
	color: #EC800F; 
	text-decoration: none;	
}
a:hover {
	background: inherit;
	color: #806B4D;
	text-decoration: underline;	
}

/* headers */
h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #304F66;	
}

h1 { font-size: 1.3em; text-transform: uppercase; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }


#main h1, #rightbar h1, #sidebar h1 {
	padding: 10px 0 5px 5px;
	margin: 0 0 0 10px;
	text-transform: uppercase;
	border-bottom: 1px solid #f2f2f2; 	
}	

/* p, h1, h2, h3, h4 { */
/*	margin: 10px 15px; */
/* } */

p, h1, h2, h3, h4, h5, h6 {
	margin: 6px 9px;
}

ul, ol {
	margin: 5px 15px;
	padding: 0 0 0 15px;	
	/* color: #EC981F; */
	color: #303F60;	
}
ul span, ol span {
	color: #666666;
}

/* listing */
/* dl dt dd { */
/* 	margin: 5px 15px; */
/* 	padding: 0 0 0 15px; */
	/* color: #303F60; */
/* } */

/* horizontal listing */
dl.list1 dt dd {
	clear: left;
	/* float: left; */
}

/* images */
img.float-right {
  margin: 5px 0px 5px 15px;  
  _margin: 2px 0px 2px 7px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
  _margin: 2px 7px 2px 0px;
}
a img {  
  border: 0;
}
a:hover img {  
  border: 0;
}

code, pre {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 3px solid #EC981F;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
 	padding: 0 0 0 32px;  	
  	background: #FAFAFA url(../images/quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 3px solid #EC981F;  
	font-weight: bold; 
}

/* form elements */
form {
	margin:10px; padding: 10px;
	/* border: 1px solid #70d016; */
	border: 1px solid #DADADA;
	background: #F8F8F8 url(../images/vgrad-gray.gif) repeat-x bottom left; 
}
fieldset {
        margin: 0 0 5px 0;
        padding: 0;
        border: none;
        font-size: 0.9em;
}
legend {
	font: 1.1em Arial, Sans-serif; 
	display: block;
	font-weight: bold;
	border-bottom: 1px #D4D4D4 solid;
	margin-bottom: 10px;
	padding-bottom: 2px;
}
fieldset#std {
	/* border: 1px #DADADA solid; */
	/* border-top: 13px #70d016 solid; */
}
fieldset#std label {
	font: 0.9em Arial, Sans-serif; 
	display: inline;
	font-weight: bold;
	margin: 5px 0 5px 0;
}
fieldset#std span.required {
	font: 1.5em Arial, Sans-serif; 
	color: #D01008;
	display: inline;
	font-weight: bold;
	margin: 2px 3px; 
}


* html legend {
  margin-left: -6px;  /* IE6 FIX: legend */
}
*:first-child+html legend {
  margin-left: -6px;  /* IE7 FIX: legend */
}
label {
	font: 0.9em Arial, Sans-serif; 
	display: block;
	font-weight: bold;
	margin: 5px 0 0 0;
}
input {
	padding: 3px;
	font: normal 1em/1.5em Verdana, sans-serif;
	color:#444;
	display: inline;
}
textarea {
	margin: 0 0 10px 0;
	width:350px;
	padding:4px;
	font: normal 1em/1.5em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#444;
	overflow: auto;
        resize: none;  /* Restrict Chrome */
}
input.button { 
	clear: both;
	float: right;
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 4px; 
	color: #333;	
}
input.inputbox {
        width: 350px;
	padding:4px;
	font: normal 1em/1.5em Verdana, sans-serif;
	border:  1px solid #eee;
}
input.inputbox:focus,
textarea.inputbox:focus {
        color: #61f;
        border: 1px solid #808080;
	background-color: #F8FFF8;
}

/*****************/
/*    Layout     */
/*****************/
#wrap {
	margin: 0 auto;
	width: 820px;
	text-align: left;
	background: #FFF;
}
#content-wrap {
	clear: both;
        position: relative;
	margin: 0; padding: 22px 0 0 0; /* spacing for main */
	width: 820px;
}

/* header */
#header {
	position: absolute;
	margin: 0; padding: 0;
	/* background: url(../images/headerbg-orange.gif) repeat-x 0% 0%; */
	/* background: #4D4D4D; */
	background: #000 url(../images/headerbg-orange-h100.gif) repeat-x;
        width: 820px;
	height: 100px;
	text-align: left;
}
#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 3.0em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -1px;
	color: #CCC;
	text-transform: none;
	/* change the values of top and Left to adjust the position of the logo*/
	/* top: 20px; left:25px; */
}
#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	/* change the values of top and Left to adjust the position of the slogan*/
	top: 40px; left:45px;		
}

/* header quick search */
#header form#qsearch {
	position: absolute;
	top: 5px; right: 0;
        padding: 0; margin: 0;
        border: none;
        background: transparent;
        font-size: 100%/1em;
}
#header form#qsearch p {
        margin: 0; padding: 0;
}
#header form#qsearch input {
        background: transparent;
        background: #383838;
        float: left;
}
#header form#qsearch .tbox {
        margin: 0;
        width: 120px; height: 15px;
        font-size: 95%/1em;
        /* border: 1px solid: #6060A0; */
        border: none;
        color: #B0B0E0;
        display: inline;
        float: left;
}
#header form#qsearch .btn {
        margin: -3px 0 0 0;
        background: transparent;
        border: none;
        width: 33px; height: 23px;
}
/* image for header on the top */
#header #top-image {
	position: absolute;
	background: #000 url(../images/rgb-flare1.jpg) no-repeat;
	top: 0px;
	left: 150px;
	width: 290px;
	height: 90px;
}

#header #top-logo-image {
	position: absolute;
	top: 20px;
	left: -12px;
	width: 200px;
	height: 100px;
	background: transparent url(../images/top-sk-logo1.gif) no-repeat;
}

/* main column */
#main {
	float: left;
	margin-left: 10px;
	padding: 0;
	width: 485px;	
	/* border-left: 1px solid #f2f2f2; */
	border-left: 1px solid #DFDFDF;
	background-color: #FFF;	
}

.post-footer {
	background-color: #F0F0F0;
	padding: 5px; margin-top: 20px;
	font-size: 95%;
	border: 1px solid #f2f2f2;
}
.post-footer .date {
	background: url(../images/clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(../images/comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(../images/page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

/* sideabar */
#sidebar {
	float: left;
	width: 160px;
	margin: 0;	padding: 0; 
	display: inline;	
}
#sidebar ul.links {
	list-style: none;
	text-align: left;
	margin: 0 0 8px 0;	
	padding-right: 0;		
	text-decoration: none;
}
#sidebar ul.links li {
	border-bottom: 1px solid #EFF0F1;
	background: url(../images/arrow.gif) no-repeat 0px 7px;
	padding: 2px 2px 2px 15px;
}

* html body #sidebar ul.links li { height: 1%; }

#sidebar ul.links a {
	font-weight: bold;
	background-image: none;
	text-decoration: none;	
}

/* rightbar */
#rightbar {
	float: right;
	width: 150px;
	padding: 0;	margin: 0;		
}

/* select box 1 (blue-gray) */
.msgbox1-out {
	position: relative;
	margin: 0;
 	padding: 0 1px 1px 1px;  	
	color: #F2F2F2;
	background-color: #303040;
	top: 0; left: 0;
}

.msgbox1-in {
	/* margin: 0 2px 1px 2px; */
	margin: 0;
 	/* padding: 0px 1px 0px 1px; */
	padding-bottom: 1px;
	background-color: #FAFAFA;
}

#rightbar ul.links {
	list-style: none;
	text-align: left;
	margin: 0 0 8px 0;	
	padding-right: 0;		
	text-decoration: none;
}
#rightbar ul.links li {
	border-bottom: 1px solid #EFF0F1;
	background: url(../images/arrow-tri-r.gif) no-repeat 0px 6px;
	padding: 2px 2px 2px 16px;	
}

* html body #rightbar ul.links li { height: 1%; }

#rightbar ul.links a {
	font-size: 90%;
	background-image: none;
	text-decoration: none;	
}

/* footer */
#footer {
	clear: both;
	background: #FFF url(../images/footerbg.gif) repeat-x left top;
	border-top: 1px solid #F2F2F2;
	text-align: center;	
	font-size: 97%;
	height: 50px;	
}
#footer a {
	text-decoration: none;
	/* font-weight: bold; */
}

/* Menu */
#menu {
	clear: both;
	margin: 0; padding: 68px 0 0 0;	/* Menu position */
	font: bold 95%/1.3em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
        color: #FFF;
}
#menu ul {	
	position: relative; 
	/* top: 4px; */
	margin: 0; padding: 0;	
	float: right;
	/* border: 1px solid #808080; */
	background-color: #000;
	border-width: 2px 0 0 0;
	list-style: none;
}
#menu ul li{
	display: inline;
}
#menu ul li a {	
	position: relative;
	display: block;
	float: left;
	color: #FFF;
	padding: 0px 10px;
	text-decoration: none;
        /* border-left: 1px solid #EEE; */
	background: #000 url(../images/menudivide.gif) repeat-y left bottom;
	border-top: 2px solid #101020; 	
}
#menu ul li a:hover {
	color: black;
	background-color: #181818;
	border-top: 2px solid #FF6300;
}
/*
#menu ul li#current a{
	color: #333;
	background-color: #F3F3F3; 
	border-top: 2px solid #FFA600;
}
*/
/* Remain selected tab */
/*
#menu .active ul li a{
	color: #333;
	background-color: #F3F3F3; 
	border-top: 2px solid #FFA600;
}
*/

/* Alignment classes */
.float-left   { float: left;}
.float-right  { float: right; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.align-center { text-align: center;	}
.align-justify { text-align: justify; }

/* display classes */
.clear  { clear: both; }
.block  { display: block; }
.hide   { display: none; }	
.orange { color: #FFA600; }

.lead1 {
	font-size : medium;
	font-weight : bold;
	/* color : black; */
	/* background-color : white; */
	text-align : left;
	letter-spacing : 1px;	/* 文字間隔 */
	padding-left : 0.6em;	/* 左の余白 */
	line-height : 1.3em;	/* 領域（行）の高さ＝フォントの数em倍 */
	border-left-width : 0.6em;	/* 左境界線をマークとして使用 */
	border-left-style : solid;	/* 左境界線（マーク）の種類 */
	border-left-color : #EC981F;	/* 左境界線（マーク）の色 */
	border-bottom-width : 1px;	/* 下境界線 */
	border-bottom-style : solid;	/* 下境界線の種類 */
	border-bottom-color : #808080;	/* 下境界線の色 */
}

.lead2 {
	font-weight : bold;
	text-align : left;
	letter-spacing : 1px;
	line-height : 1.2em;
 	padding: 0 0 0 0.6em;  	
  	background: #FAFAFA no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 3px solid #EC981F;  
	font-weight: none; 
}

.box-contactInfo1 {
	margin: 10px;
	font-weight: none; 
	text-align : left;
	letter-spacing : 1px;
	line-height : 1.2em;
 	padding: 1em 1em 1em 30px; 
  	background: #FAFAFA no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #e8d8f8; 
}

.newshead1 {
	text-align : left;
	margin: 10px;
 	padding: 0 0.3em 0 1em;  	
  	background: #FAFAFA no-repeat 5px 10px !important; 
	border: 1px solid #f2f2f2; 
	/* border-left: 3px solid #EC981F; */
	border-left: 3px solid #CC3216;  
	font-weight: none; 
}

.datetype1 {
	color: #808080;
	margin-top: 2.3em;
	font-size: 80%;
	font-weight: bold;
	text-align: right;
	border-top: 1px solid #f2f2f2;
}

.datetype2 {
	/* color: #CC3216; */
	color: #4D4D4D;
	margin-top: 2.3em;
	font-size: 80%;
	font-weight: bold;
	text-align: left;
}

.msgbox1-title {
	position: relative;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2x;
	color : #F2F2F2;
	text-align : center;
	letter-spacing : 1px;	/* 文字間隔 */
	padding-top : 0.5em;
	padding-left : 0.1em;
	line-height : 1.3em;	/* 領域（行）の高さ＝フォントの数em倍 */
	/* top: 3px; left: 0; */
}

a.rss-bg1 {
	background: url(../images/rss_12x12.png) no-repeat 1px 3px;
	padding: 2px 1px 2px 17px;
}

a.pdf-bg1 {
	line-height : 1.0em;
	background: url(../images/icon-pdf-s.gif) no-repeat 1px -2px;
	padding: 0px 1px 2px 21px;
}

span.left-spacer1 {
	margin-left: 0.1em;
	margin-right: 0;
	text-align : center;
	line-height : 10px;
	padding: 0 0.1em 0.1em 0.5em;  	
	border-left: 2px solid #808080;  
	border-left-style: dotted;
}

span.right-spacer1 {
	margin-left: 0;
	margin-right: 0.2em;
	text-align : center;
	line-height : 10px;
	padding: 0 0.5em 0.1em 0.1em;  	
	border-right: 2px solid #808080;  
	border-right-style: dotted;
}

#footer .bottom-copyright {
	clear: both;
	position: relative;
	text-align: left;
	left: -190px;	top: 0;
}
#footer .bottom-links {
	/* clear: both; */
	position: relative;
	text-align: left;
	left: 263px;	top: 0;
}
#footer .bottom-notice {
	/* clear: both; */
	position: relative;
	text-align: left;
	left: 170px;	top: 2.3em;
}

/* print region control */
@media print{
	#header { display: none; }
	#menu { display: none; }
	#footer { display: none; }
	/* #sidebar { display: none; } */
	#rightbar { display: none; }
}

address {padding-left: 15px;}
div.buttons {padding-top: 10px;}
div.radio_buttons {padding: 8px 0;}