/*

	Theme Name: Archives-inc_sbf_v1
	Description: このテーマはNPO法人　空知文化工房専用デザインとして2010年03月に製作しました。
	Version: 1.0
	Author: 株式会社アーカイブス　Masaki Sukeyasu
	Author URI: http://www.archives-inc.com/
	Tags: 

	CSS、XHTML、デザインはGPLライセンスとしてリリースしています。
	http://www.opensource.org/licenses/gpl-license.php

*/



* {
	list-style:none;
	margin:0;
	padding:0;
}

/************************************************
*	Hyperlinks							*
************************************************/

a {
	outline:0;
}

a, a:visited {
	color: #000000;
	text-decoration: none;
}
	
a:hover {
	text-decoration: underline;
}

.boder_dot01 {
	border-bottom: 1px dotted #000000;
	}

/************************************************
*	Heading 							*
************************************************/

h1 {
	font:3.2em "Century gothic",verdana,Arial,sans-serif;
}
h1 a {
	position:absolute;
	width:300px;
	height:30px;
	left:40px;
	top:15px;
	font-weight:700;
	text-decoration:none;
	color:#cf2d00;
}

/************************************************
*	Span class							*
************************************************/

/************************************************
*	Body								*
************************************************/

body, input, select, textarea {
	font-family:verdana,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Arial,Helvetica,sans-serif;
}

body {
	background:none repeat scroll 0 0 #F9F9F9;
	font-size:14px;
	color: #000000;
	margin: 0px auto 0px;
	padding: 0px;
}

img {
	border:0;
	float:left;
	padding:3px;
	border: 1px solid #dfdfdf;
}

#wrapper {
	width:1000px;
	padding-top:8px;
	background:url(./images/top2.png) no-repeat;
	margin:10px auto 0;
}

/************************************************
*	Header  								*
************************************************/

#masthead {
	width:1000px;
	background:url(./images/main_bg2.png) repeat-y;
	position:relative;
}

#masthead_title {
	width:950px;
	height:100px;
	background:url(./images/main_title01.png) no-repeat;
	position:relative;
	padding: 0px 25px 0px 25px;
	z-index: 2;
}

#masthead p {
	position:relative;
	top:62px;
	left:50px;
	color:#35044c;
	text-transform:uppercase;
	margin:0;
	font-size:11px;
}

/************************************************
*	Header  - Page Navbar				*
************************************************/

#masthead ul {
	float:right;
	margin:60px 25px 0px 0px;
	position:relative;
	z-index:2;
}

#masthead ul li a {
	color:#424242;
	text-decoration:none;
	display:block;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	padding:10px 10px 10px;
}

#masthead ul li {
	border-right:1px dotted #dfdfdf;
}

#masthead ul li a:hover,div#masthead ul li.current_page_item {
	background:url(./images/mainhead_ul_bg01.gif) bottom repeat-x;
}

/************************************************
*	Header  - Banner image				*
************************************************/

#masthead_image {
	width:950px;
	height:250px;
	clear:both;
	position:relative;
	z-index:1;
	padding: 0px 25px 10px 25px;
}

/************************************************
*	 Header  - breadcrumb
************************************************/

#breadcrumb {
	font-size: 12px;
	width:1000px;
	background:url(./images/main_bg2.png) repeat-y;
	height: 26px;
	margin: 0px 0px 0px 0px;
	padding: 4px 25px 0px 25px;
}

#breadcrumb .icon01 {
	padding: 2px 5px 0px 0px;
	float: left;
	border:0;
}

/************************************************
*	Content								* 
************************************************/

#content {
	width:1000px;
	background:url(./images/main_bg2.png) repeat-y;
}

/* Main Content */

#main {
	width:650px;
	float:left;
	text-align:justify;
	padding:10px 25px 25px;
}

/* Main header on single pages */
h2.header {
	color:#cf2d00;
	font-size:24px;
	line-height:1;
	border-bottom:1px solid #e7e7e7;
	position:relative;
	margin:0 0 5px;
	padding:18px 0 0;
}

#main h2.header a {
	color:#cf2d00;
	text-decoration:none;
	text-transform:uppercase;
	font-size: 22px;
	font-weight:700;
	font-family:"Century gothic",verdana,Arial,sans-serif;
}

h2.header span {
	position:relative;
	background:#FFF;
	padding-right:10px;
	bottom:7px;
}

/************************************************
*	Content	- POST						* 
************************************************/

#main .postheader {
	background:url(./images/post_h2_bg01.png) no-repeat;
	padding: 10px 10px 0px 10px;
}

#main .postheader p {
	padding: 0px 0px;
	margin:0px;
}

#main .postheader h3 {
	left bottom transparent;
	font-size:16px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #e7e7e7;
}
#main .postheader  a {
	color:#FF781C;
}

#main .postheader_cat {
	background:url(./images/post_main_bg01.png) repeat-y;
	font-size:10px;
	text-align: right;
	padding: 5px 10px 10px 10px;
}
#main .postheader_cat  a{
	color:#FF781C;
}

#main .postentry{
	background:url(./images/post_main_bg01.png) repeat-y;
	padding: 10px 10px;
}

#main .postentry img{
	float:none;
	padding:0px;
	border: 0px solid #dfdfdf;
}

#main .postfooter{
	height:10px;
	background:url(./images/post_footer_bg01.png) bottom no-repeat;
	padding: 0px 0px;
}

/* Secondary headline above comments and comment form */
div#main h3 {
color:#cf2d00;
margin:15px 0 5px;
}

div#main p {
color:#24314a;
line-height:2;
font-size:12px;
margin:10px 0;
}



div#main a {
color:#0a6804;
text-decoration:none;

}


.article {
margin-bottom:20px;
}
.article img{
margin:2px 12px 2px 2px;
}


.article blockquote {
border-left:1px dotted #390363;
background:#d6dee0;
margin:0 15px;
line-height:50%;
color:#4b474f;
padding:1px 15px;
}

.article ul,.article ol {
font-size:1.2em;
color:#3e0d55;
margin-left:15px;
}

.article ul li {
padding-left:15px;
background:url(./images/square.png) 0 center no-repeat;
margin:5px 0;
}

.article ol {
margin-left:30px;
}

.article ol li {
list-style:decimal;
margin:10px 0;
}

.article ol li ol {
font-size:1em;
margin-left:15px;
}

#main p.byline {
color:#459804;
text-align:right;
font-size:11px;

}

ul.article_footer {
text-align:right;
background:url(images/form_bg.jpg) repeat-x top left;
border:1px solid #DADADA;
line-height:1.5;
border-width:1px;
margin:10px 0;
padding:5px 10px;
}

ul.article_footer li {
font-size:0.9em;
display:inline;
background:none;
border-left:1px solid #DADADA;
margin-left:5px;
padding-left:10px;
}

ul.article_footer li.first {
border-left:0;
}
/************************************************
*	Content	- Pages						* 
************************************************/
#pages {
	width:650px;
	border:0;
	margin: 0px;
	padding: 0px;
	color:#24314a;
	font-size:12px;
	line-height:2;
}

#pages ul li {
	list-style: square;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 5px;
}

#pages ol li {
	list-style: disc;
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
}

#pages img {
	border:0;
	margin: 0px;
	padding: 0px;
}

#pages .pages_header  {
	width:650px;
	height:45px;
	border:0;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px;
}

#pages .pages_content {
	width:610px;
	border:1px solid #DADADA;
	margin: 5px 0px 0px 0px;
	padding: 20px;
}

#pages .pages_content_gray {
	width:570px;
	background:#eeeeee;
	border:1px solid #DADADA;
	margin: 25px 0px 0px 0px;
	padding: 20px;
}

#pages .pages_content_h1 {
	width:610px;
	height:22px;
	margin: 25px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom:1px dotted #DADADA;
	clear:both;

}
#pages .img_full {
	width:610px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	clear:both;
}

#pages .img_2col_left {
	width:300px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float:left;
}
#pages .img_2col_right {
	width:300px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float:right;
}
#pages .img_2col_right2 {
	width:300px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float:right;
}



/************************************************
*	 secondary 
************************************************/

#secondary {
	width:275px;
	float:left;
	padding:0px 25px 20px 0;
}

#secondary .sideheader , .sideheader_new , .sideheader_categories , .sideheader_archives , .sideheader_link , .sideheader_searchform {
	width:275px;
	height:45px;
	padding: 10px 5px 0px 5px;
}

#secondary .sideheader {
	background:url(./images/side_header_bg01.png) top no-repeat;
}

#secondary .sideheader_new {
	background:url(./images/side_header_bg01_new.png) top no-repeat;
}

#secondary .sideheader_categories {
	background:url(./images/side_header_bg01_categories.png) top no-repeat;
}

#secondary .sideheader_archives {
	background:url(./images/side_header_bg01_archives.png) top no-repeat;
}

#secondary .sideheader_link {
	background:url(./images/side_header_bg01_LINK.png) top no-repeat;
}

#secondary .sideheader_searchform{
	background:url(./images/side_header_bg01_searchform.png) top no-repeat;
}

#secondary .sidemain{
	width:255px;
	background:url(./images/side_main_bg01.png) repeat-y;
	padding: 0px 10px;
	text-align: left;
	font-size: 13px;
}

#secondary .sidemain ul{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



ul.arrows_newpost li  {
	background: url(images/arrows05.png) left no-repeat;
	padding: 5px 0px 5px 16px;
	margin: 0px 0px 0px 10px;
	border-bottom: 1px dotted #435760;
}

ul.arrows_categories li  {
	background: url(images/arrows04.png) left no-repeat;
	background-position: 0px 5px;
	padding: 5px 0px 5px 16px;
	margin: 0px 0px 0px 10px;
}

ul.arrows_categories ul.children li {
	padding: 5px 0px 0px 16px;
	margin: 0px 0px 0px 0px;
}

ul.arrows_archives li  {
	background: url(images/arrows06.png) left no-repeat;
	padding: 5px 0px 5px 16px;
	margin: 0px 0px 0px 10px;
	border-bottom: 1px dotted #435760;
}

ul.arrows_link li  {
	background: url(images/arrows07.png) left no-repeat;
	padding: 5px 0px 5px 16px;
	margin: 0px 0px 0px 10px;
	border-bottom: 1px dotted #435760;
}

#secondary .sidefooter{
	width:255px;
	height:15px;
	background:url(./images/side_footer_bg01.png) bottom no-repeat;
	padding: 0px 10px 10px 10px;
}


/*

div#secondary ul#sidebar {
color:#0a6804;
padding-bottom:10px;
border-bottom:1px solid #e7e7e7;
margin:15px 0 20px;
}

div#secondary ul#sidebar li {
font-size:1.2em;
line-height:1.5em;
margin:5px 0;
}
*/


div#secondary p {
line-height:1.5;
color:#666;
margin:5px 0;
}

/* Search input */
form#searchform {
position:relative;
height:20px;
margin-bottom:20px;
}

form#searchform input#s {
top:0;
height:18px;
width:230px;
background:url(./images/form_bg.jpg) repeat-x;
border:1px solid #bcbcbc;
padding:5px;
}

input#search_submit {
position:absolute;
right:0;
}

/************************************************
*	 Footer
************************************************/

#footer_mainend {
	height:8px;
	width:1000px;
	background:url(./images/bottom2.png) no-repeat;
	margin:0 auto;
	padding:0px 0;
}

#footer_header {
	width:1000px;
	height:8px;
	background:url(./images/top2.png) no-repeat;
	margin:0px auto 0;
	padding:0px 0;
}
#footer_main {
	width:950px;
	background:url(./images/main_bg2.png) repeat-y;
	font-size:12px;
	color:#000000;
	margin:0 auto;
	padding:15px 25px 25px  25px;
}

#footer_footer{
	width:1000px;
	height:17px;
	font-size:12px;
	color:#ffffff;
	background:url(./images/footer_bg_green.gif) no-repeat;
	margin:0px auto 0;
	padding:13px 0 0 0;
	text-align:center;
}

ul#footer li {
display:inline;
margin-left:10px;
}

ul#footer li span {
position:absolute;

text-indent:-9999em;
}

ul#footer li a {
color:#e28602;
text-decoration:none;
}


ol.commentlist {
margin-top:15px;
color:#555;
}

/* Background color for visitor comments */
ol.commentlist li {
background:#F1F1F1;
margin:10px 0;
padding:10px;
}

/* Background color for Admin comments */
ol.commentlist li.alt {
background:#EBF9FC;
}

textarea#comment {
width:500px;
}

#main p.comment_meta {
float:right;
margin:0;
}

/* Optional popup window (NOTE: popups make for bad UI IMHO) */
body#commentspopup {
background:#FFF;
padding:20px;
}

body#commentspopup a {
color:#666;
}

body#commentspopup h1 a {
position:relative;
top:0;
left:0;
}

body#commentspopup h3 {
color:#555;
}

body#commentspopup p {
color:#555;
margin:10px 0;
}

body#commentspopup textarea {
width:340px;
}

/* Image stuff for 2.6.1 */
.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.alignright {
float:right;
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:10px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}

.wp-caption-dd {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

p.entry_info {
clear:both;
}

div.navigation {
margin:10px 0;
}

/* CSS Magic */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* Hide from IE Mac \*/
.clearfix {
display:block;
}

p,h2,h3,h4,h5,div#author h2 {
font-size:1.2em;
}

div#masthead ul li,.alignleft {
float:left;
}

/********* ARCHIVES Inc Edit Area ***********
*	TABLE CSS							*
************************************************/

table#table-01 {
    border: 0px ;
    border-collapse: collapse;
    border-spacing: 0;
    margin:0px 25px;
}

table#table-01 th {
    padding: 5px;
    text-align: center;
    border-bottom: 1px dotted #435760;
    background: #eeeeee;
}
table#table-01 td {
    padding: 5px;
    border-bottom: 1px dotted #435760;
}

/************************************************/

table#table-02 {
    border: 1px solid #999999;
    border-collapse: collapse;
    border-spacing: 0;
    margin:0px 0px;
}

table#table-02 th {
    padding: 5px;
    text-align: center;
    border: 1px solid #888888;
    background: #eeeeee;
}
table#table-02 td {
    padding: 5px;
    border: 1px solid #888888;
}
table#table-02 td.red {
    padding: 5px;
    border: 1px solid #888888;
    background: #ffccff;
}

table#table-02 td.blue {
    padding: 5px;
    border: 1px solid #888888;
    background: #ccccff;
}

/************************************************/

table#table-03 {
    border: 1px solid #999999;
    border-collapse: collapse;
    border-spacing: 0;
    margin:0px 0px;
}

table#table-03 th {
    padding: 5px 0px;
    text-align: center;
    border: 1px solid #888888;
    background: #eeeeee;
}
table#table-03 td {
    padding: 5px 0px;
    border: 1px solid #888888;
    text-align: center;
}

table#table-03 td.day{
    font-size:11px;
}

table#table-03 td.area {
    padding: 5px 0px;
    border: 1px solid #888888;
}

table#table-03 td.red {
    background: #ffccff;
}

table#table-03 td.blue {
    background: #ccccff;
}

/********* ARCHIVES Inc Edit Area ***********
*	TAB CSS							*
************************************************/

#tabContent, #menuContent {
	width:650px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px ;
}

#tabIndex, #menuIndex {
	margin: 0px;
	padding: 0px;
}


#tabIndex li, #menuIndex li {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	cursor: pointer;
	display: block;
}

#tabIndex .tab, #menuIndex .tab{
  text-decoration: underline;
  color:#0000FF;
	width:54px;
	margin: 0px;
	padding: 0px;
}

#tabIndex .close, #menuIndex .close {
  color:#0000FF;
	width:54px;
	margin: 0px;
	padding: 0px;
}

#tabIndex .open, #menuIndex .open {
  background-color: #DADADA;
	font-weight: bold;
	width:54px;
	margin: 0px;
	padding: 0px;
}


#tabBoxIndex, #menuBoxIndex {
	width:650px;
	border-top:1px dotted #DADADA;
	border-bottom:1px dotted #DADADA;
	margin: 0px;
	padding: 10px 0px;
	clear: both;
}