/* real CSS styles for well behaved browsers */
/* WebWebMarketing.com */

/* import CSS for compliant browsers */
/* ------------------------------------------------------- */


/* stops the nasty horizontal shift with centered layouts in moz etc */
/* html { height: 100%; margin-bottom: 1px; } */

/* overrule basic.css styles */

html, body, branding { margin:0; padding:0;}
body {
	background-image:url(../img/bg_withShadow.png);
	background-position:top center;
	background-repeat:repeat-y; 
	background-color: #BBAE9C;
}

div#container {
	width: 1000px;
	margin:-20px auto;/*上下にすきまができないように */
	padding:0;
	background-color: white;
	background-image: url(../img/Logo.png);
	background-position:top left;
	background-repeat:no-repeat;

}


div#branding { width:100%; height: 206px; display:block;}

#logo h1{
	text-indent: -999em;
	overflow: hidden;
	height: 0;
	margin: 0;
	padding: 0;
}

#nav_main {
	width:100%;
	height: 50px;
	padding-top:150px;
	padding-left:80px;
}


div#content{
	width: 100%;
	padding: 0;
	
}

div#category_oil, div#category_advertising, div#category_bookIllustration { display:block; padding:0 100px;}


div#shortcuts{ 
	display:block;
	float:left;
	background-image:url(../img/bg_subMenu_alpha60.png);
	width: 800px;
	height: 300px;
	margin:100px 0 50px 100px;	
}

div#shortcuts ul li { display:block; font-weight:bold; padding-bottom:10px;}

div#shortcuts ul li, div#shortcuts ul li a {
	padding: 0 10px 10px 20px;
	display:block;
	font-weight:normal;
	font-size:12px;
}


div#shortcuts h3 {
	padding: 30px 0 20px 50px;
}

li.sc_col {
	display:block;
	width: 190px;
	height:190px;
	float:left;
	border-left-color: #333;
	border-left-style: dashed;
	border-left-width: 1px;
	margin:0;
	padding:0 0 0 40px;
}

.sc_col_first {
	display:block;
	width: 150px;
	height:200px;
	float:left;
	padding: 0;
	margin:  0 0 0 100px;
}

div#about_words { width:800px; margin: 20px 0 0 100px;}

div#about_words p { margin-top: 30px; line-height:2;}

div#thankyou_words{ width:800px; height:500; margin: 100px 0 0 100px;}
div#thankyou_words p { font-size:24px; text-align:center; font-weight:bold;}

div#sw_download { width:800px; margin: 20px 0 0 150px;}


div#copyright {
	display:block; 
	width: 100%;
	float:left;
	padding-top:20px;
}

div#copyright p, div#copyright a {
	text-align:center;
	font-size:9px;

}
/*/////////////PODCAST/////////////////*/
#podcast #container #content_main <h2> { color:#C00;}





/********* SITE INFO *****


div#site_info div#shortcut ul li a {
	margin: 0;
	padding: 0;
	cursor: pointer;
	float: left;
}

div#site_info div#poweredBy p, div#site_info div#poweredBy a {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size:9px;
}
/********* SITE INFO END **********/



/*thankyou*/
#thankyou { background-image:url(../img/bg_ouback_800px.jpg); background-repeat:no-repeat; height:500px; margin:0;}	

/*FORM====================================================================*/

#form {
	height:400px;
	float:left;
	margin:100px 250px;
	background-color: #FFF;
	display:block;
}


/* =label/labelspan*/

label { float:left; width:100%;}
label span { float:left; width:30%; text-align:right;}
label, label span {display:block; padding-bottom:.25em;}

/* =input*/

fieldset { width:450px; border:1px solid #999; padding:1em;}
fieldset imput { float: right; /*width: 250px;*/ border: 1px solid #006}
fieldset input:hover {border-color:#999; background-color:#ACCFCC}
fieldset input:active, input:focus { border-color: #006}

fieldset textarea {width:250px; 1px solid #999}
fieldset textarea:hover, textarea:active, textarea:focus { border-color: #999; background-color:#ACCFCC;}


/* =fieldset*/
#contact fieldset {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #BBD1FF;
	overflow: hidden;
}
/* =div*/
form div {margin-bottom:20px; padding: 10px 20px; text-align: center; background:#BBAE9C;/*bottom section bg*/}
	
form div input { padding:0.25em; background-color: #ACCFCC;/*button*/ color: #000; font-weight:bold;}
 
/*FORM END ====================================================================*/ 


/*TYPOGRAPHY///////////////////////////////////*/
body {
	
	font-size: 14px;
	color: #595241;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*background-image:url(../img/bg_withShadow.jpg);*/

}

a {
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	color:#8A0917;/*RED*/

}
a:focus {
}
	
table, thead, tbody, tr, th, td {font-size:1em}

h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

h1 { display:none;}

h2 {
	font-size:18px;
	margin: 0 0 7px 0;
	line-height:1.2;
}

 

h3 {
	font-size:16px;
	color: #5A5D5A;
	margin:0;
	line-height:1.2;
	padding: 7px 7px 0 7px;
}


h4 {
	font-size:14px;
	padding: 7px 7px 0 7px;
	margin: 0;
	font-weight:bold;
}


h5, h6 {
	font-size:12px;
	font-weight:bold;
	padding: 0 7px;
}

p {
	margin:0 0 7.5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #5A5D5A;
	line-height:1.5em;
}

.bold { font-weight:bold;}
.centre { text-align:center;}

/*END OF TYPOGRAPHY///////////////////////////////////*/
 
 
/*error<---I'm not sure what for this*/

div#error { color: #000; font-size:1.1em; font-weight:bold;}

div#error ul li{ 
	list-style-type:none; 
	background-image: url(../img/enroltoday_square.gif); 
	background-repeat:no-repeat; padding-left:12px;
}


/* misc styles */

.hide		{ display: none;}
.nowrap		{ white-space: nowrap;}
.left		{ float:left;}
.right		{ float:right;}
.column		{ margin: 0 15px 15px 0;float: left;}
.last		{ margin: 0 0 20px 0;}
.paddinglast{ padding: 0 0 5px 0;}
.relative	{ position:relative; left:225px;}
.clear		{ clear:both;}
.pagespace  { padding:200px 0;}

.poweredby, poweredby a {font: 9px, #999}

.bottom10px { padding-bottom:10px; display:block;}
.Top50px { margin-top:50px;}