/*
Theme Name: Step Stage V4
Theme URI: http://stepstage.jp/
Description: Theme for stepstage corporate site.
Version: 0.1
Author: Yuichiro Miyajima
Author URI: http://stepstage.jp/
*/
@charset "UTF-8";

/*------------------------------------------------------------------------------------------------------*/
/**
* ブラウザリセット
*/

/* YUI Brouser Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Correction: margin/padding reset caused too small select boxes. */
option { padding-left: 0.4em; }

/**
* Global fix of the Italics bugs in IE 5.x and IE 6
*
* @bugfix
* @affected   IE 5.x/Win, IE6
* @css-for    IE 5.x/Win, IE6
*/
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }

/* Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
html { height: 100%; margin-bottom: 1px; }
body {
	/* Fix for rounding errors when scaling font sizes in older versions of Opera browser */
	font-size: 100.01%;

	/* Standard values for colors and text alignment */
	color: #000;
	background: #fff;
	text-align: left;
}

/* Clear borders for <fieldset> and <img> elements */
fieldset, img { border: 0 solid; }

/* new standard values for lists, blockquote and cite */
ul, ol, dl { margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote { margin: 0 0 1em 1.5em; }

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

/**
* 基本レイアウト
*
*/

#header { position:relative; }

/* Text Alignment for #topnav content */
#topnav { text-align: right; } 

/* Absolute positioning only within #header */
#header #topnav {
	position:absolute;
	top: 10px;
	right: 10px;
}

/* Backup for correct positioning */
#header, #nav, #main { clear:both; }

/* Preparation for absolute positioning within content columns */
#contents_content, #col2_content, #sidebar_content { position:relative; }

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

/**
* セクション・クリア
*/

/* clearfix method for clearing floats */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* essential for Safari browser !! */
.clearfix { display: block; }

/* overflow method for clearing floats */
.floatbox { overflow:hidden; }

/* IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
#ie_clearing { display: none; }

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

/**
* セクション・サブテンプレート
*/

.subcolumns { width: 100%; overflow:hidden; }

/* alternative class for optional support of old Mozilla/Netscape browers */
.subcolumns_oldgecko { width: 100%; float:left; }

.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

.c25l, .c25r { width: 25%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 50%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 75%; }
.c38l, .c38r { width: 38.2%; }
.c62l, .c62r { width: 61.8%; }

.subc  { padding: 0 0.5em; }
.subcl { padding: 0 1em 0 0; }
.subcr { padding: 0 0 0 1em; }

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

/**
* 隠しエレメント
*
* skip links and hidden content
*/

/* classes for invisible elements in the base layout */
.skip, .hideme, .print {
	position: absolute;
	top: -1000em;
	left: -1000em;
	height: 1px;
	width: 1px;
}

/* make skip links visible when using tab navigation */
.skip:focus, .skip:active {
	position: static;
	top: 0;
	left: 0;
	height: auto;
	width: auto;
}

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

/**
* ナビゲーション・レイアウト
*
*/

/* import screen layout | Screen-Layout einbinden */

#nav 
{
	height:36px;
	margin:0;
	border:0;
}
#nav_main 
{
	margin:0;
	top:0;
}
#nav_main ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#nav_main li 
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
#nav_main a 
{
	width:125px;
	background:#284181 url("images/gnav_bg.gif") no-repeat right top;
	color:#FFFFFF;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	line-height:36px;
	text-align:center;
	padding:0;
	font-size:11;
	font-weight:bold;

}
#nav_main a:hover,#nav_main li.current_page_item a 
{
	background-position:right bottom;
	border-color:;
}

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

/* Marginal areas & page background */
body { background: #4d87c7; padding:0; margin:0;}

/* Layout Alignment | Layout-Ausrichtung */
#page_margins { margin: 0 auto; }

/* Layout Properties | Layout-Eigenschaften */
#page_margins { width: 750px;  min-width: inherit; max-width: none; background: #fff; }
#page {}
#header { line-height:50px; padding: 10px 2em 1em 20px; color: #000; background: #fff url("images/header_bg.gif") repeat-x bottom;}
#topnav { color: #aaa; background: transparent;line-height:1em; }
#nav { overflow:hidden; }
#main { margin: 10px 0; background: #fff; }
#teaser { clear:both; padding: 0 0 10px 0; margin:0; background: #fff url("images/bg_gradation00.gif") repeat-x bottom;}
.entry-meta { margin:0 0 15px 0; padding:0; }
#breadcrumb { padding:3px 20px; margin:0; background:#FFFFFF url("images/bg_gradation01.gif") repeat-x top;}
#banner { width:750px; height:250px; margin:0; padding;0; background-repeat: no-repeat; overflow:hidden;}
#totop { clear:both; padding: 10px; margin:0 20px; text-align:right;background: #fff url("images/hr_end.gif") repeat-x top;}
#footer { clear:both;border-top:solid 1px #4F7BC7; padding: 20px 0 15px 0; color:#999;background:#e3e3e3 url("images/footer_bg.gif") repeat-x top;}


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

/**
* Formatting content container
*
*/

h1#logo {
	width: 200px; height: 30px;
	overflow: hidden; display: block;
	text-indent: -5000px;
	background: transparent url("images/sitelogo.gif") top left no-repeat;
	margin: 0; padding: 0;
}

h1#logo a {
	width: 200px; height: 30px;
	display: block;
}

#contents { float: left; width: 530px}
#sidebar { width: auto; margin: 0 0 0 530px}
#contents_content { padding: 0 20px 0 20px }
#sidebar_content { padding: 0 20px 0  0px }
.page_nav {clear:both; padding:0; margin:0 ;}
/* Section styles */
#footer {
	text-align:center;
	font-size: 100%;
}

#footer ul {
	margin:0;
	padding:0;
	list-style-position:inside;
	list-style-type: none;
	text-align:center;
}
#footer li {
	display:inline;
}

#sidebar h3 {
	font-size: 116.67%; /* 14px */
	color:#fff;
	background:#1F3C7C url("images/sidebar_title.gif") top no-repeat;
	padding:8px 0 5px 20px;
	overflow:hidden;
}
#sidebar .searchform {
	margin:15px 0;
	padding:0;
}
#sidebar .searchform input {
	width:130px;
}
#sidebar .searchform .submit input {
	width:auto;
}
#sidebar ul {
	margin:0;
	padding:0;
}
#sidebar ul li{
	margin:0;
	padding:0;
	line-height:2em;
	list-style:none;
	marker-offset: 2em;
}
#sidebar a{
	padding-left: 15px;
	background-image: url("images/link.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}

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

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

/**
* フォント指定
*
*/

/* 全体指定 */
body {
	font-family: "Lucida Grande", sans-serif;
}
/* IE6には、MSPゴシック */
* html body {
	font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
/* IE7には、メイリオ */
*:first-child+html body { 
	font-family: 'メイリオ', Meiryo, sans-serif;
}

/* reset font size for all elements to standard (16 Pixel) */
html * { font-size: 100.01% }

/* base layout gets standard font size 12px */
body {
	font-size: 75.00%; 
	color: #444;
}

h1,h2,h3,h4,h5,h6 { 
	font-weight:bold; 
	color:#666;
	margin: 0 0 0.25em 0;
}

#contents h2 { font-size: 150%;border-bottom:solid 3px #8598BE; padding:20px 0;clear:both;} /* 18px */
#contents h3 { font-size: 133.33%;color:#fff;background:#20478F url("images/h2_bg.gif") no-repeat left top; padding:8px 0 15px 12px; margin-top:20px;clear:both;} /* 16px */
#contents h4 { font-size: 133.33%;border-left:solid 5px #2270CB;padding:5px 8px; }                        /* 16px */
#contents h5 { font-size: 133.33% }                     /* 16px */
#contents h6 { font-size: 116.67% }                     /* 14px */


#header h1 {
	font-size:2.5em;
	letter-spacing:-2px;
	line-height:65%;
	color:#000;
}

#header span {
	color:#999;
}

#contents h2 a,#contents h2 a:hover {
	color:#284181;
}

p { line-height: 1.5em; margin: 0 0 1em 0; }

/* ### Lists | Listen  #### */

ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em }

dt { font-weight: bold }
dd { margin: 0 0 1em 2em }

/* ### text formatting | Textauszeichnung ### */

cite, blockquote { font-style:italic }
blockquote { margin: 0 0 1em 1.5em }

strong,b { font-weight: bold }
em,i { font-style:italic }

pre, code { font-family: monospace; font-size: 1.1em; }

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: .1em dashed #c00;
	cursor: help;
}

/* ### form formatting  ### */
* html form .submit input {padding:0 10px;} //IEのみ適用(スターハック)

/**
* Generic Content Classes
* standard classes for positioning and highlighting
*
* @section content-generic-classes
*/

.note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
.warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

.basic { background: #f7f7f7; border: 1px solid #000; margin: 0; padding: 5px; width: 100%; }
.important { background: #f7f7f7; border: 2px dashed #f00; margin: 0; padding: 5px; text-align: center; width: 100%; }
.code { background: #ccccff; border: 1px dashed #000; margin: 0; padding: 5px; text-align: left; width: 100%; }

.alignleft { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
.alignright { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
.aligncenter { text-align:center; margin: 0.5em auto }
.clearboth {clear:both;}

/**
* External Links
*
* Formatting of hyperlinks
*
*/

a {color: #4D87C7; text-decoration:none;}
a:focus,
a:hover,
a:active {color:#182E7A; text-decoration:underline;}

#topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
#topnav a:focus, 
#topnav a:hover,
#topnav a:active { text-decoration:underline; background-color: transparent;}

#footer a { color: #999; background:transparent; font-weight: bold;}
#footer a:focus, 
#footer a:hover,
#footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}

/**
* Emphasizing external Hyperlinks via CSS
*
* @section             content-external-links
* @app-yaml-default    disabled
*/


#contents a.arrow{
	padding-left: 15px;
	background-image: url("images/link.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}


/**
* Tables | Tabellen
* Generic classes for table-width and design definition
* 
* @section content-tables
*/

table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
table.full { width: 100%; }
table.fixed { table-layout:fixed }

th,td { padding: 0.5em; border:solid 1px #DEDEDE; }
th { background: #eee; color: #333;text-align:center; }

/**
* Miscellaneous | Sonstiges
*
* @section content-misc
*/

hr {
	color: #fff;
	background:transparent;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border:0;
	border-bottom: 1px #eee solid;
}

dl dt {
	clear: left;
	float: left;
	margin: 0 0 0.8em;
	width: 7.5em;
	border-bottom: doted 2px #e0e0e0;
	padding-left: 5px;
	color: #000;
}

dl dd {
	margin-bottom: 0.8em;
	margin-left: 7.5em;
}

dl dt a,dl dd a{
	color: #000;
}

/**
* Information Section
*/


	.alert {
		background: #fff6bf url(images/exclamation.gif) center no-repeat;
		background-position: 15px 50%; /* x-pos y-pos */
		text-align: left;
		padding: 5px 20px 5px 45px !important;
		border-top: 2px solid #ffd324;
		border-bottom: 2px solid #ffd324;
		margin:10px 0 10px 0;
		display:block;
    }

	.inform {
		background: #f8fafc url(images/information.gif) center no-repeat;
		background-position: 15px 50%; /* x-pos y-pos */
		text-align: left;
		padding: 5px 20px 5px 45px !important;
		border-top: 2px solid #b5d4fe;
		border-bottom: 2px solid #b5d4fe;
		margin:10px 0 10px 0;
		display:block;
    }

/**
* Link Button Section
*/

	a.linkbutton{
		background: transparent url(images/linkbutton-left.gif) no-repeat top left;
		display: block;
		float: left;
		font: 13px Arial; /* Change 13px as desired */
		line-height: 19px; /* This value + 4px + 6px (top and bottom padding of SPAN) must equal height of linkbutton background (default is 30px) */
		height: 29px; /* Height of linkbutton background height */
		padding-left: 27px; /* Width of left menu image */
		text-decoration: none;
	}

	a:link.linkbutton, a:visited.linkbutton, a:hover.linkbutton, a:active.linkbutton{
		color: #3D3D3D; /*linkbutton text color*/
	}

	a.linkbutton span{
		background: transparent url(images/linkbutton-right.gif) no-repeat top right;
		display: block;
		padding: 4px 10px 6px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
	}

	a:hover.linkbutton{ /* Hover state CSS */
		text-decoration: underline;
	}

	.linkbuttonwrapper{ 
		overflow: hidden; 
		width: 100%;
		margin-bottom:10px;
	}