@charset "utf-8";
/*  
Theme Name: wp.Vicuna
Theme URI: http://wp.vicuna.jp/
Description: <a href="http://en.wp.vicuna.jp">wp.Vicuna</a> Structure Template + <a href="http://en.wp.vicuna.jp/skin/">Skin</a>
Version: 1.5.7
Author: wu
*/

/*======================================

	4-2. [Sngle column]
	Style for body class="single"
	
=======================================*/

body.single ul#flip1 {
	margin: 1em 10px;
	position: absolute;
	right: 0;
	top: 0;
}

body.single div#main p.topicPath {
	margin-right: 7em;
}

/*--------------------------------------
	4-2-1. div#utilities
---------------------------------------*/

body.single div#utilities {
	margin-top: 1em;
	padding: 1.2em 0;
}

body.single div#utilities dl {

}

body.single div#utilities dl dt {
	margin: 0 10px 0;
}

body.single div#utilities dl dd {
	margin: 0 10px 1em;
}

body.single div#utilities dl dd ul {
	margin: 0;
}

body.single div#utilities dl dd dt {
	margn: 0;
	padding: 0 0 0.3em 0;
}

body.single div#utilities dl dd dd {
	border: none;
	background-image: none;
}

/* navi */
body.single #utilities dl.navi {
	margin-left: 1%;
	_padding-left: 5px;
	float: left;
	width: 320px;
	display: inline;
}

body.single #utilities dl.navi dt {

}

/* others */

body.single #utilities dl.others {
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-right: 1%;
	float: right;
	clear: right;
	width: 49%;
	display: inline; /* for IE6 */
}

/*======================================

	4-3. [Double column] body.double 
	Style for body class="double"
	[←★→]マークのついた指定を反転させることでカラムの位置入れ替えが可能
	
=======================================*/

/*--------------------------------------
	4-3-1. div#main
---------------------------------------*/

body.double div#main {
	float: left; /* [←★→] */
	width: 69.5%;

}

/* Main Column Border -------------------------
本文とサイドバーを線で区切るための処理です。
ブラウザ間の差異を埋めています。
IE7が普及するまで辛抱強くいきます。
----------------------------------------------*/

body.double div#main {
	/*border-right: 1px solid #eee;  [←★→] */
	/*border-bottom: 1px solid #eee; */
	margin-right: -1px; /* [←★→] */
}

/*--------------------------------------
	4-3-2. div#utilities
---------------------------------------*/

body.double div#utilities {
	float: right; /* [←★→] */
	clear: right; /* [←★→] */
	width: 30.5%;
}

body.double div#utilities dl {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
}

/*--------------------------------------*/

*{  margin:0;
	padding:0;
	line-height: 1.5;
}

html{
	background:#BECDDC;
	height:100%;
}

body {
	font:13px "Trebuchet MS", "Arial, Helvetica", "ＭＳ Ｐゴシック", "sans-serif";
	text-align: center; /* Centering for IE6 */
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
}

a {color: #495865;}

a img {border: none;}

a:hover {color: #6F6F6F;}

img.alignright,div.alignright{float:right;}

img.alignleft,div.alignleft{float:left;}

div.centered{text-align:center;margin:0 auto;clear:both;}

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) ";
}

div#body {
	position:relative;
	margin: 0 auto;
	padding: 0;
	width: 750px;
	min-height: 100%;
	background:#FFF;
}

* html div#body{height:100%;}

body > #body {height:auto;}

div#content{
	margin: 0 auto;
	padding-bottom:90px;
	width :750px;
	text-align:left;
}

body.mainIndex div#content{
	padding-bottom:10px;
}

div#content:after {
	content: "";
	display: block;
	clear: both;
}

/*======================================

	div#header
	
=======================================*/

div#header {
	margin: 0 auto;
	padding: 0;
	height:109px;
	width: 750px;
}

div#header table{
	border-collapse:collapse;
	width: 750px;
	height:70px;
	margin:0;
}

div#header table th{
	background:url(http://www.imizu-jc.com/img/header-title.jpg) no-repeat top left;
	width: 450px;
}

div#header table th span{display:none;}

div#header table td{
	background:url(http://www.imizu-jc.com/img/header-bg.jpg) no-repeat top right;
	vertical-align:bottom;
	text-align:right;
	width: 300px;
}

div#header table td p{
	font:bold 15px "ＭＳ Ｐゴシック", "Osaka";
	margin:0 0.2em 0.4em 0;
	vertical-align:middle;
	color:#FFF;
}

div#header table td p a{
	color:#FFF;
	text-decoration: none;
}

div#header table td p a:hover{
	color:#FAC81E;
	text-decoration: none;
}

ul#header-menu{
	margin:0;
	width:750px;
	list-style:none;
}

ul#header-menu li{
    list-style:none;
    float:left;
}
ul#header-menu a{
    display:block;
	height:39px;
}
ul#header-menu a span{display:none;} 
li.btn1{width:125px;}
li.btn1 a{background: url(http://www.imizu-jc.com/img/header-btn1_r.gif);}
li.btn1 a:hover{background: url(http://www.imizu-jc.com/img/header-btn1_r.gif) 0px -41px;}
li.btn2{width:125px;}
li.btn2 a{background: url(http://www.imizu-jc.com/img/header-btn2_r.gif);}
li.btn2 a:hover{background: url(http://www.imizu-jc.com/img/header-btn2_r.gif) 0px -41px;}
li.btn3{width:125px;}
li.btn3 a{background: url(http://www.imizu-jc.com/img/header-btn3_r.gif);}
li.btn3 a:hover{background: url(http://www.imizu-jc.com/img/header-btn3_r.gif) 0px -41px;}
li.btn4{width:125px;}
li.btn4 a{background: url(http://www.imizu-jc.com/img/header-btn4_r.gif);}
li.btn4 a:hover{background: url(http://www.imizu-jc.com/img/header-btn4_r.gif) 0px -41px;}
li.btn5{width:125px;}
li.btn5 a{background: url(http://www.imizu-jc.com/img/header-btn5_r.gif);}
li.btn5 a:hover{background: url(http://www.imizu-jc.com/img/header-btn5_r.gif) 0px -41px;}
li.btn6{width:125px;}
li.btn6 a{background: url(http://www.imizu-jc.com/img/header-btn6_r.gif);}
li.btn6 a:hover{background: url(http://www.imizu-jc.com/img/header-btn6_r.gif) 0px -41px;}


/* 本文
-----------------------------*/

h1.title {
	margin:0 0 0.5em;
	width:750px;
	height:45px;
	text-align:left;
	background:url(http://www.imizu-jc.com/img/bar-title.jpg) no-repeat top left;
}

* html body h1.title{vertical-align:middle;}

h1.work-title {
	padding:0 0 0 0.8em;
	width:750px;
	height:45px;
	text-align:left;
	background:url(http://www.imizu-jc.com/img/bar-title.jpg) no-repeat top left;
}

h1.title span{
	padding:0 0 0 1.2em;
	color:#FFF;
	letter-spacing: 0.3em;
	font:bold 17px "ＭＳ Ｐゴシック", "Osaka";
}

h1.work-title span{
	color:#FFF;
	height:45px;
	display:block;
	letter-spacing: 0.2em;
	font:bold 17px "ＭＳ Ｐゴシック", "Osaka";
}

div.entry {
	margin: 0 0 0.8em 0;
	padding: 1px 0;
	clear:both;
}

div.entry div.textBody{
	margin: 0;
	padding: 0;
	text-align:left;
}

div.entry div.textBody img {
	margin: 0;
	padding: 0;
}

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 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	margin:0.5em 2.3em 0;
	text-align:left;
}

div.entry div.textBody ul,
div.entry div.textBody ol {
	margin-left: 4.8em;
}

div.entry div.textBody ul li{
	list-style: outside url(none) disc;
	font-family: "ＭＳ Ｐゴシック", "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;
}

/* index */

dl.info{
	margin-left:0.7em;
	width:490px;
}
dl.aisatsu{
	width:215px;
}
dl.info dt,dl.aisatsu dt{
	margin-top:0.5em;
	height:30px;
}
dl.info dd,dl.aisatsu dd{
	border-width:0px 0px 1px 1px;
	border-color:#999999;
	border-style:solid;
	padding:0 0.2em;
}
dl.info dd table{
	width:480px;
	border-callapse:separate;
}
dl.info dd table th hr{
	height:1px;
	border:0;
	background: #a0a0a0;
}
dl.info dd table td.day{
	width:80px;
}
dl.info dd table td{
	color:#4d4d4d;
	font-size:9pt;
	padding:0.2em;
	vertical-align:top;
}
dl.info dd table td hr{
	height:0;
	border:0;
	margin-top:0.5em;
	border-bottom:1px dashed #a0a0a0;
}
dl.info dd table td a:visited{
	color:#29824d;
	text-decoration:underline;
}
dl.info dd table td a:active{
	color:#3db073;
	text-decoration:underline;
}
dl.info dd table td a:link {
	color:#c00;
	text-decoration:underline;
}
dl.info dd table td a:hover {
	text-decoration:overline underline;
	color:#FFB9B9;
}
dl.aisatsu dd img{float:left;}
dl.aisatsu dd p{
	font:12px "ＭＳ Ｐゴシック", "Osaka";
}
dl.aisatsu dd a{
	clear:both;
	display:block;
	text-align:right;
	marign-top:0.5em;
	font-size:11px;
}
dl.banner{clear:both;margin:0.5em 0.6em;}
dl.banner dt{
	width:200px;
	text-align:center;
}
dl.banner dd{
	width:200px;
	text-align:center;
}
dl.banner dd ul{
	width:200px;
}
dl.banner dd ul li{
	list-style:none;
	padding:0;
}
* html body dl.banner dd ul li{height:35px;}
dl.banner dd ul li a{
	display:block;
	padding:0;
}

/* 射水JCとは？ */

dl.sidemenu dd{
	width:200px;
	background:#E6E6FF;
}
dl.sidemenu dd ul{
	border-bottom:1px solid #5F6EA0;
	border-top:2px solid #5F6EA0;
	width:200px;
}
dl.sidemenu dd ul li{
	font: 13px "ＭＳ Ｐゴシック", "Osaka";
	background:url(http://www.imizu-jc.com/img/yajirushi1.gif) no-repeat 8px 11px;
	border-bottom:1px dashed #5F6EA0;
	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:#bbf url(http://www.imizu-jc.com/img/yajirushi1.gif) no-repeat 8px 11px;
}
dl.sidemenu dd ul li a span{
	color:#000000;
	font:11px "ＭＳ Ｐゴシック", "Osaka";
}

/* profile */

table.profile{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	border-top: 1px solid #888888;
	border-collapse: collapse;
	margin:0 auto;
	width:75%;
}
html>body table.profile tr{
	border-bottom: 1px solid #888888;
}
table.profile th{
	*border-bottom: 1px solid #888888;
	text-align: left;
	font-size: 14px;
	color:#000099;
	width:25%;
	padding:0.5em 1em;
	vertical-align: top;
}
table.profile td{
	*border-bottom: 1px solid #888888;
	text-align: left;
	font-size: 14px;
	padding:0.5em 0;
}

/* 基本資料 */

table.shiryo{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	border-collapse: separate;
	margin:0 auto;
	width:75%;
}

/* link */

table.link{
	width:580px;
	margin:0 0 1em 5em;
	border-collapse:collapse;
	font:13px "ＭＳ Ｐゴシック", "Osaka";
}
table.link caption{
	color:#FFF;
	text-align:left;
	font:bold 13px "ＭＳ Ｐゴシック", "Osaka";
	margin-left:5em;
	padding:0.3em 0.8em;
	background:#789;
}
table.link th{
	width:200px;
	text-align:left;
	padding-left:0.8em;
}

/* blog */

dl.navi,dl.others{width:215px;}
dl.navi dt,dl.others dt{
	height:26px;
	background: url(http://www.imizu-jc.com/img/category-bg.gif) no-repeat;
	color:#FFF;
}
dl.navi dt p,dl.others dt p{padding:0.2em 0 0 1em;}
dl.navi dd,dl.others dd{
	border-style:solid;
	border-color:#7986AE;
	border-width:0px 2px 2px;
	margin-bottom:0.5em;
}
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.4em;
	background:url(http://www.imizu-jc.com/img/yajirushi.gif) no-repeat 13px 5px;
}
dl.others dd p{padding:0.3em 0 0.4em 1em ;}
dl.others dd p img{margin-right:0.5em;}

/* form */

div.wpcf7 div{
	margin:0.5em 0 0 3.5em;
	text-align:left;
}

/*--------------------------------------
	上部 記事ナビ (Newer | Older)
---------------------------------------*/

ul#flip1 {
	margin: 0 0 0 auto;
}

ul#flip1 li {
	margin: 0;
	display: inline;
	font-size: 12px;
	text-transform: lowercase;
}

ul#flip1 li a {
	display: block;
	float: left;
	color: #666666;
	text-decoration: none;
}

ul#flip1 li.newer a {
	text-align: left;
}
* html body ul#flip1 li.newer a {
	margin-right:16em;
}
html>body ul#flip1 li.newer a {
	padding: 0 0 0 1.2em;
	margin-right:20em;
}
ul#flip1 li.older a {
	text-align: left;
	padding: 0 0 0 1.2em;
}

ul#flip1 li a:hover {
	text-decoration: underline;
}

/* 3-3-3-6. Flip Navi 2 (Newer | Older)
-----------------------------*/

#flip2 {
	padding: 0.3em 0;
}

#flip2 li {

}

#flip2 li a {

}

/*--------------------------------------
	div.blog
---------------------------------------*/

div.blog {
	background:#CEDCEB;
	margin: 0 1em 0.8em;
	padding:0.5em 0;
	clear:both;
}

div.blog div.textBody{
	margin: 0.3em 1em 0;
	padding: 0 0 0.5em;
	text-align:left;
	background:#FFF;
}

div.blog div.textBody img {
	margin: 0;
	padding: 0;
}

div.blog div.textBody p {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	margin:0.5em 0 0 2em;
	text-align:left;
}

div.blog div.textBody ul,
div.blog div.textBody ol {
	/*margin-left: 4.8em;*/
}

div.blog div.textBody ul li{
	list-style: outside url(none) disc;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
}

/* 記事見出し
-----------------------------*/

div.blog h2 {
	margin:0 0.5em 0 2em;
	font:14px "ＭＳ Ｐゴシック", "Osaka";
}

div.blog h2 a {
	text-decoration: none;
	color: #000;
}

div.blog h2 a:visited {
	color: #000;
}

div.blog h2 a:hover {
	color: #01b0f0;
}

div.blog h3 {
	margin:0 0.5em 0 1.8em;
	font:14px "ＭＳ Ｐゴシック", "Osaka";
}

/* 日付・カテゴリ 
-----------------------------*/

div.blog ul.info {
	margin: 0.4em 0.5em 0 0;
	text-align:right;
}

div.blog ul.info li {
	margin: 0.1em 0 0.1em 0.5em;
	display: inline;
	font-size:11px;
}

/* Continue Reading (続きを読む)
-----------------------------*/

p.continue {
	margin-bottom: 0;
}

p.continue a {
	padding: 0 0.5em;
	text-decoration: none;
}

p.continue a:hover {
	color: #4B82E6;
	text-decoration: underline overline;
}

/* 3-3-3-5. Reaction
-----------------------------*/

div.entry ul.reaction {
	margin-top: 0;
	padding-top: 0.3em;
	_height: 1px; /* for IE */
}

div.entry ul.reaction li {
	margin: 0 10px 0 0;
	padding-right: 15px;
	display: inline;
}

div.entry ul.reaction li a {

}

/* return */

p.return{
	margin: 0.5em 0.8em 0;
	text-align: right;
}

/*======================================

	1-9.Forms Module
	
=======================================*/

form {
	margin: 1em 30px; 
	padding: 1px 0; 
}

form dl,
form p {
	margin: 0.5em 20px;
}

fieldset {
	padding: 0;
}

legend {
	margin: 0 1em;
	padding: 0 10px;
	background-color: #fff;
}

input,
textarea {
	border-width: 1px;
	border-style: solid;
	margin: 0.5em 10px;
	padding: 1px 0.2em;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3",  sans-serif;
}

input:hover,
textarea:hover {

}

input:focus,
textarea:focus {

}

textarea {
	font-size: 100%;
	padding: 0.4em 8px;
}

input.inputField {

}

input.submit {
	border-color: #fff;
	color: #fff;
	background: #01b0f0;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
}

input.submit:hover {
	background: #000;
}

input.radio {
	background-color: transparent;
	background-image: none;
	border: none;
}

/* 2-3-3-7. Comment Log
-----------------------------*/

div#comments {
	margin:0;
	padding: 0;
}

div#comments h3 {
	margin-right: 0.5em;
	text-align:right;
	font-size:11px;
}

div#comments dl.log {
	margin-left: 2.3em;
}

div#comments dl.log dt {
	margin: 0;
}

div#comments dl.log dt span.name {
	margin-right: 0.5em;
}

div#comments dl.log dt span.date {
	color: #999;

}

div#comments dl.log dd {
	margin: 0 0 0.8em 0;
	border-bottom: 1px solid #eee;
}

div#comments dl.log dd p {
	margin: 0.5em 0 1em;
}

/* 2-3-3-8. Comment Post form
-----------------------------*/

form.post {

}

form.post dl {

}

form.post dl dt {
	margin: 0;
}

form.post dl dd {
	margin-left: 0;
	margint-bottom: 0;
}

form.post dl input {
	margin: 0;
}

form.post textArea {
	margin: 0;
}

form.post div.action {
	margin: 0 0 1em;
}

form.post div.action input.submit {
	margin: 0.4em 0;
}

/* 2-3-3-9. Trackback Log
-----------------------------*/

div#trackback {
	margin: 0 0 0 1.7em;
	padding-bottom:1em;
}

div#trackback h3 {
	margin-right: 0.5em;
	text-align:right;
	font-size:11px;
}

div#trackback dl.log {
	border-left: 5px solid #01b0f0;
}

div#trackback dl.log dt {

}

div#trackback dl.log dd {
	margin: 0;
	padding: 0.4em 0 0;
	border-bottom: 1px solid #eee;
}

/* 2-3-3-10. Trackback Info
-----------------------------*/

div#trackback dl.reference {
	border-left: 5px solid #aaa;
	border-bottom: 1px solid #eee;
	padding:0 0.3em;
	width:90%;
}

div#trackback dl.reference .URL {
	padding:0;
	margin:0.2em 0;
	color: #01b0f0;
}

/*======================================

	div#footer
	
=======================================*/

div#footer {
	width: 750px;
    position:absolute;
	margin: 0;
	padding: 0;
    bottom:0;
	left:0;
}

body.mainIndex div#footer {
	margin: 0;
	padding: 0;
	width: 750px;
	position:relative;
}

div#footer ul.counterize {
	padding:0 0 0.3em 0;
	margin: 0 0.8em 0 auto;
	text-align: right;
}

div#footer ul.counterize li {
	font: 12px "ＭＳ Ｐゴシック", "Osaka";
	margin: 0 0 0 6px;
	display: inline;
	color: #666;
}

div#footer table{
	width: 750px;
	height:60px;
	background: #37416E;
	border-collapse:collapse;
	font-size:13px;
	padding: 0;
	margin: 0;
}

div#footer table th {
	padding-left:0.5em;
	font-weight:normal;
	text-align:left;
	color: #FFF;
}

div#footer table td ul.support {
	padding:0;
	margin: 0.6em 0.7em 0;
	text-align: right;
}

div#footer table td ul.support li {
	margin: 0 0 0 6px;
	display: inline;
	font-size: 85%;
	color: #FFF;
}

div#footer table td ul.support li a {
	color: #CCC;
	text-decoration: none;
}

div#footer table td li.template a {

}

div#footer table td address {
	margin: 0;	
	padding:0 0.5em 0.5em 0;
	text-align: right;
	color: #FFF;
}


/*--------------------------------------
	clearFix
---------------------------------------*/

div#utilities,
.textBody,
ul.flip,
ul.thumb {
	_height: 1px;
	min-height: 1px;
}

div#utilities:after,
.textBody:after,
ul.flip:after,
ul.thumb:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* for MacIE5 \*//*/
div#utilities,
.textBody,
ul.flip,
ul.thumb {
	height: auto;
	overflow: hidden;
}
