@charset "utf-8";
/*
Theme Name: オレンジ黄色バージョン
Theme URI: http://www.ysstaff.co.jp/
Description: 北海道の地域貢献活動支援事業を紹介するブログ用テンプレート
Version: 1.0.0
Author: Y's STAFF
Author URI: http://www.ysstaff.co.jp/

CSS:Yumiko Ito PHP:Yumiko Yokoyama
*/

/* Import stylesheets and hide from IE/Mac \*/
@import "lib/compressed.css";
/* End import/hide */

/* Start stylesheet
-------------------------------------------------------------- */
body { background-image: url(images/bg/body_bk.gif) ; }
a { color: #000; text-decoration: none; }
h2 {
	font-weight: normal;
	margin: 0 0 10px 0;
}

/* Header styles
-------------------------------------------------------------- */
#header {padding: 0 0 0 0;}
#header #logo { height: 140px; }

/* Header styles-sec
-------------------------------------------------------------- */
#secheader {padding: 0 0 0 0;height: 100px;}
#secheader #logo { height: 100px; }

/* Search
-------------------------------------------------------------- */

#search_menu {margin:5px 0 5px 0;}
#search_menu #search { padding: 3px 5px 10px 13px;}

/* Home page columns
-------------------------------------------------------------- */

#home_content { margin: 10px 0; }

/* latest post */

#latest_post {padding: 0px;margin: 0 0 15px 0; border-left:1px #CCC solid; border-right:1px #CCC solid; border-bottom: #99CC66 4px solid;}
#latest_post2 {padding: 0px;margin: 0 0 15px 0; border-left:1px #CCC solid; border-right:1px #CCC solid; border-bottom:#FF9933 4px solid; }

#latest_post h3 { background-image:none;	padding: 0 0 5px 0; margin: 0 0 5px 0;}
#latest_post2 h3 { background-image:none;	padding: 0 0 5px 0; margin: 0 0 5px 0;}

#latest_post ul{margin: 10px 5px 10px 5px; }
#latest_post2 ul{margin: 10px 5px 10px 5px; }

#latest_post li{
	background-image: url(images/bg/mark_og.gif);
	background-repeat:no-repeat;
	padding: 0 0 0 18px;
	margin: 5px 0 5px 0;
	list-style-type:none;
	background-position: 0 5px;
	line-height: 1.5;
}

#latest_post2 li{
	background-image: url(images/bg/mark_og.gif);
	background-repeat:no-repeat;
	padding: 0 0 0 18px;
	margin: 5px 0 5px 0;
	list-style-type:none;
	background-position: 0 5px;
	line-height: 1.5;
}

#latest_post li a{ color:#333333; text-decoration:underline;}
#latest_post2 li a{ color:#333333; text-decoration:underline;}
#latest_post li a:hover{ color:#999999; }
#latest_post2 li a:hover{ color:#999999; }
/*#latest_post li a:visited{color: #996600;}
#latest_post2 li a:visited{color: #996600;}*/

/* asides */

ul.arrow, ul.cat, ul.reccom, ul.email {
	list-style: none;
	font-size: 12px;
	margin: 0;
	line-height: 1.5;
}
ul.arrow li { padding: 0 0 0.5em 12px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; border-left: 5px solid #dadada; }
ul.arrow li a, ul.reccom li a, ul.email li a { color: #003300; }
ul.arrow li a:hover, ul.reccom li a:hover, ul.email li a:hover { color: #999;}





/* category list */

#side_categories { margin: 0 0 0 13px; }

.cat li { padding: 0; margin: 0 0 3px 0; list-style: none;}
.cat li a { display: block; padding: 0; margin: 0 ;}
ul.cat li a:hover { }
ul.cat li ul { }

*html .cat li {padding:0; margin:0; list-style: none;}

.cat-submenu{ margin:10px 0 10px 0;}

.cat-submenu p{
	display: block;
	font-size:12px;
	list-style:none;
	background-image: url(images/bg/mark_g_s.gif);
	background-position: 0px 5px;
	background-repeat:no-repeat;
	margin:0 0 3px 5px;
	padding:0px 2px 0px 13px;
}

.cat-submenu a{
	text-decoration:none;
	color:#333
}

.cat-submenu a:hover{
	text-decoration:underline;
	color:#666;
}

/*.cat-submenu a:visited{
	color: #996600;
}*/





/* ad */

.ad_block { border: 1px solid #dadada; padding: 4px 0; margin: 1em 0 1.2em; text-align: center; }
.ad_block .ad160 { margin: 0 auto; width: 160px; }
.ad_block .ad180 { margin: 0 auto; width: 180px; }
.ad_block .ad250 { margin: 0 auto; width: 250px; }
.ad_block img, .ad_block p img { margin: 0; padding: 0; display: block; }



/* Archive styles
------------------------------------------------------------

#arch_content, #post_content { margin: 10px 20px 0 0; }
.archive_meta { margin: 1.5em 0; border-top: 1px solid #dadada; }
.archive_meta a { color: #666; }
.archive_meta a:hover { color: #003300; }
.archive_feed { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; background: url(images/bg/feedicon12.png) no-repeat 0 8px; color: #666; }
/*mod_fukayama .archive_number { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/bg/info.png) no-repeat 0 8px;  }
.archive_number { padding: 0.5em 0em; margin: 0; color: #666;  }
.archive_email { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/bg/email_author.png) no-repeat 0 9px;  }
.archive_post_block { padding: 0.1em 0 0 0; border-bottom: 1px solid #dadada; margin: 0 0 1.2em 0; }
.archive_post_meta { color: #818181; padding: 0 0 0.6em 0; }
.archive_post_meta a, .post_meta a { color: #003300; }
.archive_post_meta a:hover, .post_meta a:hover { color: #000; text-decoration: underline; }*/

/* Single post styles
-------------------------------------------------------------- */

.post_meta { color: #666; padding: 0.3em 0 1.4em 0; }
.post_meta_tag { color: #666; }
.post_meta p img { margin: 0; padding: 0; float: none; }
.post_meta p { margin: 0 0 0.4em 0; }

#post_content{ margin: 10px 15px 5px 0; }

*html #post_content{ margin: 10px 8px 5px 0; }

#post_content blockquote { width: 486px; }
#post_content blockquote p { }
#post_content p img { margin: 5px 10px 5px 0;padding:0; }
#post_content img.WP-PrintIcon, #post_content img.WP-EmailIcon, #post_content img.posttag { margin: 0 0.3em 0 0;padding: 0.1em 0 0 0; }
#post_content p a, #arch_content p a { color: #003300; }
#post_content p a:hover, #arch_content p a:hover { color: #000; text-decoration: underline; }
/*#post_content p a:visited, #arch_content p a:visited { color:#996600;}*/


/* archives page */

ul.archives, ul.wp-tag-cloud {  margin: 0 0 1.5em 0; list-style: none; list-style-image: url(foo.gif); }
ul.archives li, ul.wp-tag-cloud li { padding: 0 0 0.2em 20px; background: url(images/bg/doc.png) no-repeat 0 2px; }
ul.archives li a, ul.wp-tag-cloud li a { color: #003300; }
ul.archives li a:hover, ul.wp-tag-cloud li a:hover { color: #999; }
/*ul.archives li a:visited, ul.wp-tag-cloud li a:visited{color: #996600;}*/

/* Footer
-------------------------------------------------------------- */

#footer {
	padding: 5px 0 4px 0;
	color: #FFFFFF;
	text-align: center;
	margin-top:10px;
	font-size: 10px;
	background-image: url(images/bg/foot.gif);
	background-repeat: no-repeat;
}

/* Form styles
-------------------------------------------------------------- */

input.search_input {
	width: 160px;
	padding: 2px;
	color: #333333;
	font-weight: bold;
	margin: 3px;
	float: left;
}
input.submit_input {
	height: 24px;
	padding: 0;
	width: 50px;
	margin: 4px 0 5px 3px;
	color: #663300;
	float: left;
}


/*  heading styles */

h2.archive_name, h2.post_name { font-size:16px; font-weight:bold }
h2.post_cat { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; margin: 0 0 1em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #dadada; }
h2.post_comm { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #dadada; background: url(images/bg/stripe.png) repeat; }
h2.post_comm2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #dadada; }



h3.home_featured { background: url(images/bg/dot.png) repeat-x top left; text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.7em 0.7em 0.9em 0.7em; color: #5f9410; letter-spacing: 0.1em; }

h3.archive_title { line-height: 1em; padding: 0 0 5px 0; }
h3.archive_title a { font: bold 1.0em arial, sans-serif; color: #000; letter-spacing: -0.036em; }
h3.archive_title a:hover { color: #fff; background: #966; }

/* miscellaneous */

.none { display: none; }
.border_left { padding-left: 9px; margin-left: 0; border-left: 1px solid #ddd; }
.dot {}
.navigation {
	color: #666666;
	text-align: center;
	margin-top: 10px;
}

.navigation a{color: #003300; text-decoration:underline;}

.navigation a:hover{color: #99CC00; text-decoration:underline;}

.navigation a:visited{color: #996600;}


input.Forms, textarea.Forms { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }
input.buttonem { background: #dadada; float: left; }

/* image caption classes */

.captionleft { float: left; margin: 0; padding: 0; text-align: left; }
.captionright { float: right; margin: 0; padding: 0; text-align: left; }
.captionfull { margin: 0 0 1em 0; padding: 0; text-align: left; }
.captionleft img, .captionright img, .captionfull img { margin: 0; display: block; }
.captionleft p, .captionright p, .captionfull p {margin: 0; line-height: 1.5; padding:5px 0 5px 0;}



#adspace {margin-left: 15px; width:150px;}
#adspace ul {margin: 0;}
#adspace li {
	margin: 0 0 5px 0;
	list-style-type: none;
	border-top: 1px solid #CCC;
	padding: 2px 0 2px 5px;
	border-left: 3px solid #FC6;
}

#adspace li a{ color:#003300;}
#adspace li a:hover { color:#669900; text-decoration:underline;}
/*#adspace li a:visited{color: #996600;}*/

* html adspace {width:150px;}



#home_right{
	margin-left: 15px;
	background-color: #FFFFFF;
}


.headercom{
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
	width: 730px;
	background-image: url(images/bg/top_hed.gif);
	padding: 2px 0 0 0;
	background-repeat: no-repeat;
}

#cate-toppage{ width:500px;}
#cate-toppage ul {margin:0; padding:5px 0 5px 0; }
#cate-toppage li {width:480px; border-bottom:#CCCCCC dotted 1px; padding:8px 0 4px 15px; background-image:url(images/bg/mark_og.gif); background-repeat:no-repeat; background-position: 0 13px; margin:5px 0 5px 0;}

#cate-toppage li a{ color: #336600; }
#cate-toppage li a:hover{ color: #99CC00; text-decoration:underline; }
/*#cate-toppage li a:visited{color: #996600;}*/


.catetopimg{ text-align:center; padding:10px;}

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

.clearfix {
	display: inline-block;
}

/*Hides from IE-mac*/
*html .clearfix {height: 1%;}
.clearfix { display:block;}
/*End hide from IE-mac*/


#search-form{padding:3px 0 10px 13px;}

/* image size */
.imageframe { margin: 0px; padding: 5px; border: 1px solid #ccc; }
.alignleft { float: left;}
.alignright { float: right; }
.centered { margin-left: auto; margin-right: auto; }

#post_content p a{ color: #336600; text-decoration:underline; }
#post_content p a:hover{ color: #666; }