﻿@charset "utf-8";
/*  
Theme Name: wp.Vicuna
Theme URI: http://wp.vicuna.jp/
Description: <a href="http://wp.vicuna.jp">wp.Vicuna</a> Structure Template + <a href="http://wp.vicuna.jp/skin/">Skin</a>
Version: 1.4
Author: wu
*/

/*======================================

	3-2. [Sngle column]
	bodyにclass="single"がついた時のレイアウト
	
=======================================*/

body.single ul#flip1 {
	position: absolute;
	right: 0;
	top: 0;
}

body.single div#main{
	margin: 0 auto;
	padding: 0;
	width :750px;
	position: relative;
	text-align:center;
}

body.single div#content p.topicPath {
	text-align:left;
	font-size: 11px;
	padding-left:3.4em;
}

/*--------------------------------------
	3-2-1. div#utilities
---------------------------------------*/

body.single div#utilities {
	margin-top: 1em;
}

body.single div#utilities dl.navi {
	margin-top: 0;
	display: inline; /* for WinIE */
	float: left;
	width: 320px;
}

body.single div#utilities dl.others {
	margin-top: 0;
	margin-left: 360px;
	padding-left: 10px;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

/*======================================

	3-3. [Double column] body.double 
	bodyにclass="double"がついた時のレイアウト
	[←★→]マークのついた指定を反転させることでカラムの位置入れ替えが可能
	
=======================================*/

body.double div#content p.topicPath {
	text-align:left;
	font-size: 11px;
	padding-left:3.4em;
}

/*--------------------------------------
	3-3-1. div#main
---------------------------------------*/

body.double div#main {
	float: left; /* [←★→] */
	width: 70.5%;
	/*border-right: 1px solid #eee;  [←★→] */
	/*margin-right: -1px;  [←★→] */
	/*border-bottom: 1px solid #eee; */
}

/*--------------------------------------
	3-3-2. div#utilities
---------------------------------------*/

body.double div#utilities {
	padding-top: 0;
	float: right; /* [←★→] */
	clear: right; /* [←★→] */
	width: 29.5%;
}

body.double div#utilities dl {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
}

/*--------------------------------------*/

*{  margin:0;
	padding:0;
	line-height: 1.5;
	/* font-size:100%; */
}

body {
	font-family: "Trebuchet MS", "Arial, Helvetica", "ＭＳ Ｐゴシック", "sans-serif";
	text-align: center;
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
}

a {color: #495865;}

a img {border: none;}

a:hover {color: #6F6F6F;}

strong{font-weight:bold;}

em{font-style:italic;}

u{text-decoration: underline;}

del {
	color: #bbb;
	text-decoration: line-through;
}

del[datetime]:before {
	content: " ( "attr(datetime)"\00524a\009664) ";
}

ins {
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}

ins[datetime]:before {
	content: " ( "attr(datetime)"\004fee\006b63) ";
}

span.red{color: #C00;}

span.blue{color: #36C;}

p.right{text-align:right;}

#rap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 750px;
	height:100%;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#content{
	margin: 0 auto;
	padding: 0;
	width :750px;
	position: relative;
	text-align:left;
	clear:both;
}

/*======================================

	div#header
	
=======================================*/

div#header {
	margin: 0 auto;
	padding: 0;
	height:130px;
	width: 750px;
}

div#header table{
	border-collapse:collapse;
	width: 750px;
}

ul#header-menu{
	margin:0;
	width:750px;
	list-style:none;
}
html>/**/body ul#header-menu{
	position: relative;
	top:-5px;
	padding:0;
}
ul#header-menu li{
    list-style:none;
    float:left;
}
ul#header-menu a{
    display:block;
	height:30px;
}
ul#header-menu a span{display:none;} 
li.btn1{width:150px;}
li.btn1 a{background: url(http://www.oyabejc.com/2008/img/header-btn1_r.gif);}
li.btn1 a:hover{background: url(http://www.oyabejc.com/2008/img/header-btn1_r.gif) 0px -31px;}
li.btn2{width:150px;}
li.btn2 a{background: url(http://www.oyabejc.com/2008/img/header-btn2_r.gif);}
li.btn2 a:hover{background: url(http://www.oyabejc.com/2008/img/header-btn2_r.gif) 0px -31px;}
li.btn3{width:150px;}
li.btn3 a{background: url(http://www.oyabejc.com/2008/img/header-btn3_r.gif);}
li.btn3 a:hover{background: url(http://www.oyabejc.com/2008/img/header-btn3_r.gif) 0px -31px;}
li.btn4{width:150px;}
li.btn4 a{background: url(http://www.oyabejc.com/2008/img/header-btn4_r.gif);}
li.btn4 a:hover{background: url(http://www.oyabejc.com/2008/img/header-btn4_r.gif) 0px -31px;}
li.btn5{width:150px;}
li.btn5 a{background: url(http://www.oyabejc.com/2008/img/header-btn5_r.gif);}
li.btn5 a:hover{background: url(http://www.oyabejc.com/2008/img/header-btn5_r.gif) 0px -31px;}

/* 本文
-----------------------------*/

h1 {
	margin: 0;
	padding:0;
	width:750px;
	height:42px;
	text-align:left;
	background:url(http://www.oyabejc.com/2008/img/bar.gif) no-repeat top center;
}

h1 span{
	display:block;
	color:#3C3C3C;
	font:bold 17px "ＭＳ Ｐゴシック", "Osaka";
	padding:0.5em 0 0 2.7em;
}

body.single div.entry div.textBody{
	margin: 0;
	padding: 0 1.8em;
	text-align:left;
}

body.double div.entry div.textBody{
	margin: 0;
	padding: 0;
	text-align:left;
}

div.entry div.textBody img {
	margin: 0;
	padding: 0;
}

div.entry div.textBody h2{
	text-align:left;
	padding:0 0 0.2em 0.8em;
	background:url(http://www.oyabejc.com/2008/img/bar-title.gif) no-repeat center left;
}

body.single div.entry div.textBody h2{
	margin:0 0 0.2em 0;
}
body.double div.entry div.textBody h2{
	margin:0 0 0.2em 1.2em;
}

div.entry div.textBody h2 span{
	font:bold 16px "ＭＳ Ｐゴシック", "Osaka";
	color:#333;
}

div.entry div.textBody h3 {
	margin:0.3em 0 0.2em 1.9em;
	font:bold 15px "ＭＳ Ｐゴシック", "Osaka";
	vertical-align:middle;
	color:#333333;
}

div.entry div.textBody h3 img{
	vertical-align:middle;
	margin-right:0.5em;
}

div.entry div.textBody h4 {
	margin:0.5em 0 0.2em 3.1em;
	font:bold 15px "ＭＳ Ｐゴシック", "Osaka";
	color:#8F0C0B;
}

div.entry div.textBody h5 {
	margin:0.5em 0 0.1em 3.1em;
	font:15px "ＭＳ Ｐゴシック", "Osaka";
}

div.entry div.textBody p {
	margin:0.5em 0.5em 0 1.8em;
}

body.single div.entry div.textBody ul,
body.single div.entry div.textBody ol {
	margin-left:2em; 
	text-align:left;
}
body.double div.entry div.textBody ul,
body.double div.entry div.textBody ol {
	margin-left:3.8em; 
	text-align:left;
}

div.entry div.textBody ul li{
	list-style: outside url(none) disc;
	font:13px "ＭＳ Ｐゴシック", "Osaka";
}

table.pdf{
	border-collapse:collapse;
	margin-left:3.5em;
}
table.pdf th{
	border-width:0;
	vertical-align: top;
}
* html body table.pdf td{
	font-size: 9px;
}
*:first-child+html body table.pdf td{
	font-size: 9px;
}
html>/**/body table.pdf td{
	font-size: 10px;
}
img.btn{margin:0 auto;text-align:center;}

/* index */

div#main table.index{
	border-collapse:collapse;
	margin:0.5em auto;
}
div#main table.index thead th,
div#main table.index thead td{
	vertical-align:top;
	text-align:left;
}
div#main table.index thead th dl{
	margin-right:0.6em;
	width:430px;
}
div#main table.index thead th dl dt,
div#main table.index thead td dl dt,
div#main table.index tbody td dl dt{
	margin:0;
	padding:0;
	height:38px;
}
div#main table.index thead th ul.banner-img{
	margin:0 0 0.5em;
	width:270px;
	list-style:none;
}
div#main table.index thead th ul.banner-img li img{
	border:1px solid #AAA;
}
div#main table.index thead td ul.banner{
	margin:0 0 0.5em;
	width:270px;
	list-style:none;
}
div#main table.index thead td ul.banner li{
	background: url(http://www.oyabejc.com/2008/img/bar-top-bg.gif);
	width:270px;
	height:38px;
}
div#main table.index thead td ul.banner li a{
	font:bold 16px/38px "ＭＳ Ｐゴシック", "Osaka";
	text-decoration:none;
	padding-left:1.8em;
	display:block;
}
div#main table.index thead td dl dt.space{
	margin:0;
	padding:0 0 0.5em;
}
* html body div#main table.index thead th dl dd,
* html body div#main table.index thead td dl dd,
* html body div#main table.index tbody td dl dd{
	position: relative;
	padding:0;
	top:-4px;
}
div#main table.index thead th dl dd,
div#main table.index thead td dl dd,
div#main table.index tbody td dl dd{
	border-width:0px 1px 1px;
	border-color:#999999;
	border-style:solid;
	margin:0 0 0.5em;
}
div#main table.index thead th dl dd iframe{width:427px;height:210px;}
div#main table.index thead td dl dd iframe{width:267px;height:80px;}
div#main table.index thead td dl dd ul{padding:0 0 0.3em 2em;}
div#main table.index thead td dl dd ul li{
	background:url(http://www.oyabejc.com/2008/img/yajirushi2.gif) no-repeat 0px 7px;
	list-style:none url(none) inside;
	font: 13px "ＭＳ Ｐゴシック", "Osaka";
}
html>/**/body div#main table.index thead td dl dd ul li{padding-left:1em;}
div#main table.index tbody td{padding-top:0.3em;}
div#main table.index tbody td dl{width:710px;}

/* 小矢部JCとは？ */

dl.sidemenu dd{
	width:200px;
	background: url(http://www.oyabejc.com/2008/img/sidemenu-bg.gif) repeat;
}
dl.sidemenu dd ul{
	border-top:2px solid #FF9B00;
	width:200px;
}
dl.sidemenu dd ul li{
	font: 13px "ＭＳ Ｐゴシック", "Osaka";
	background:url(http://www.oyabejc.com/2008/img/yajirushi.gif) 8px 11px no-repeat;
	border-bottom:2px solid #FF9B00;
	list-style:none;
}
dl.sidemenu dd ul li a{
	color:#000000;
	padding:0.5em 0.5em 0.5em 2em;
	display:block;
}
dl.sidemenu dd ul li a:hover{
	color:#000000;
	background:#FFFAC3 url(http://www.oyabejc.com/2008/img/yajirushi.gif) no-repeat 8px 11px;
}
dl.sidemenu dd ul li a span{
	color:#000000;
	font:11px "ＭＳ Ｐゴシック", "Osaka";
}

/* 事業報告 */

dl.navi{width:200px;}
dl.others{width:200px;border-bottom:1px solid #FF9B00;}
dl.navi dt,
dl.others dt{
	height:25px;
	border-style:solid;
	border-color:#FF9B00;
	border-width:2px 1px 0px;
	background: url(http://www.oyabejc.com/2008/img/category-bg.gif) no-repeat;
}
dl.navi dt p,
dl.others dt p{
	padding:0.2em 0 0 1em;
	font:bold 13px "ＭＳ Ｐゴシック", "Osaka";
}
dl.navi dd,
dl.others dd{
	border-right:1px solid #FF9B00;
	border-left:1px solid #FF9B00;
}
dl.navi dd ul,
dl.others dd ul{
	padding:0.2em 0 0.5em;
}
dl.navi dd ul li,
dl.others dd ul li{
	list-style:none;
	padding-left:2.5em;
	font: 13px "ＭＳ Ｐゴシック", "Osaka";
}

* html body dl.navi dd ul li,
* html body dl.others dd ul li{
	background:url(http://www.oyabejc.com/2008/img/yajirushi.gif) no-repeat 15px 8px;
}

*:first-child+html body dl.navi dd ul li,
*:first-child+html body dl.others dd ul li{
	background:url(http://www.oyabejc.com/2008/img/yajirushi.gif) no-repeat 15px 8px;
}

html>/**/body dl.navi dd ul li,
html>/**/body dl.others dd ul li{
	background:url(http://www.oyabejc.com/2008/img/yajirushi.gif) no-repeat 15px 4px;
}

dl.others dd p{padding:0.3em 0 0.5em 1em ;}

dl.others dd p img{margin-right:0.5em;}

/* 新入会員募集 */

div#main table.invite{
	border-collapse:separate;
	margin:0.5em auto 0 1.2em;
}
div#main table.invite td{
	font: 13px "ＭＳ Ｐゴシック", "Osaka";
}

/* form */

div.wpcf7 div{
	font: 13px "ＭＳ Ｐゴシック", "Osaka";
	margin:0.5em 0 0 3.5em;
	text-align:left;
}


/*--------------------------------------
	上部 記事ナビ (Newer | Older)
---------------------------------------*/

ul#flip1 {
	margin: 0;
}

ul#flip1 li {
	margin: 0;
	display: inline;
	font: 12px "ＭＳ Ｐゴシック", "Osaka";
	text-transform: lowercase;
}

ul#flip1 li a {
	display: block;
	float: left;
	color: #666;
	text-decoration: none;
}

ul#flip1 li.newer a {
	text-align: left;
	padding: 0 0 0 2.5em;
	margin-right:16em;
}
ul#flip1 li.older a {
	text-align: left;
	padding: 0 0 0 2.5em;
}

ul#flip1 li a:hover {
	text-decoration: underline;
}

/*--------------------------------------
	div.work
---------------------------------------*/
div.work {
	margin: 0 0 0.8em 0;
	padding: 1px 0;
	clear:both;
}

/* 記事見出し
-----------------------------*/

div.section h2 {
	margin:0 0.5em 0 2em;
	padding:0 0 0.8em 1.5em;
	border-bottom:1px dashed #CCCCCC;
	font:14px "ＭＳ Ｐゴシック", "Osaka";
}

div.section h2 a {
	text-decoration: none;
	color: #000;
}

div.section h2 a:visited {
	color: #000;
}

div.section h2 a:hover {
	color: #01b0f0;
}

div.work h3 {
	margin:0 0.5em 0 3.2em;
	border-bottom:0px dashed #CCCCCC;
	font:bold 15px "ＭＳ Ｐゴシック", "Osaka";
}

div.work div.textBody p {
	font: 13px/19px "ＭＳ Ｐゴシック", "Osaka";
	margin:0.8em 0.5em 0 2.3em;
	text-align:left;
}

div.work div.textBody table{
	border-collapse:separate;
	margin:0.8em auto 0 2em;
	width:480px;
}
div.work div.textBody table th{
	vertical-align:top;
	text-align:center;
}
div.work div.textBody table td{
	padding-bottom:1em;
	font: 13px "ＭＳ Ｐゴシック", "Osaka";
	vertical-align:top;
}

/* 日付・カテゴリ 
-----------------------------*/

div.work ul.info,
div.section ul.info {
	margin: 0.2em 0;
	padding-left:3em;
}

* html body div.work ul.info,
* html body div.section ul.info {
	background:url(http://www.oyabejc.com/2008/img/yajirushi2.gif) no-repeat 30px 2px;
}

*:first-child+html body div.work ul.info,
*:first-child+html body div.section ul.info {
	background:url(http://www.oyabejc.com/2008/img/yajirushi2.gif) no-repeat 30px 2px;
}

html>/**/body div.work ul.info,
html>/**/body div.section ul.info {
	background:url(http://www.oyabejc.com/2008/img/yajirushi2.gif) no-repeat 30px 9px;
}

div.work ul.info li,
div.section ul.info li {
	font:13px "ＭＳ Ｐゴシック", "Osaka";
	padding: 0 0.8em 0 0;
	display: inline;
}

/* Continue Reading (続きを読む)
-----------------------------*/

p.continue {
	margin-bottom: 0;
	font:12px "ＭＳ Ｐゴシック", "Osaka";
}

p.continue a {
	padding: 0 0.5em;
	text-decoration: none;
}

p.continue a:hover {
	color: #4B82E6;
	text-decoration: underline overline;
}

/* return */

p.return{
	font:12px "ＭＳ Ｐゴシック", "Osaka";
	margin: 0.5em 0.8em 0;
	text-align: right;
}

/* ページナビ */

div.tablenav {
	color:#495865;
	background:white;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}

a.page-numbers,div.tablenav .current {
	color:#495865;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
}

a.page-numbers:hover {
	color:white;
	background:#FF9B00;
}

div.tablenav .current {
	color:white;
	background:#FF9B00;
	border-color:#FF9B00;
	font-weight:bold:
}

div.tablenav .next,div.tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:smaller;
	font-weight:bold;
}

div.tablenav .next:hover,div.tablenav .prev:hover{
	color:#6F6F6F;
	background:#FFF;
}


/*======================================

	div#footer
	
=======================================*/

div#footer {
	background: transparent;
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 750px;
	clear:both;
}

div#footer,div#footer ul{text-align: right;}

div#footer ul.counterize {
	width:350px;
	padding:0 0 0 0.3em;
	margin: 1.3em 0.7em 0 auto;
	border-bottom:1px dashed #999;
}

div#footer ul.counterize li {
	font: 12px "ＭＳ Ｐゴシック", "Osaka";
	margin: 0 0 0 6px;
	display: inline;
	color: #666;
}

div#footer ul.support {
	padding:0;
	margin: 0 0.7em;
}

div#footer ul.support li {
	margin: 0 0 0 6px;
	display: inline;
	font: 12px "ＭＳ Ｐゴシック", "Osaka";
	color: #999;
}

div#footer ul.support li a {
	color: #999;
	text-decoration: none;
}

div#footer li.template a {

}

div#footer address {
	margin: 0;	
	padding:0 0.5em 0.5em 0;
	font: 12px "ＭＳ Ｐゴシック", "Osaka";
	text-align: right;
	color: #999;
}
