@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%;
	/*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: 30%;
}

body.double div#utilities dl {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
}

/*--------------------------------------*/

*{  margin:0;
	padding:0;
	line-height: 1.5;
	font-size:100%;
	font-weight:normal;
	font-style: normal;
}

body {
	font-family: "Trebuchet MS", "Arial, Helvetica", "ＭＳ Ｐゴシック", "sans-serif";
	text-align: center;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	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;}

.clear{clear:both;}

strong{font-weight:bold;}

em{font-style:italic;}

u{text-decoration: underline;}

blockquote {
	margin-left: 40px;
	padding: 0.6em 20px;
	border: 3px solid #eee;
	color: #666;
	background-color: #f5f5f5;
}

blockquote * {
	margin: 0!important;
	border: none!important;
	color: #666;
}

blockquote[title]:before {
	margin-bottom: 0.6em;
	display: block;
	content: "引用: "attr(title); 
	color: #000;
}

blockquote[cite]:after {
	padding: 0.8em 20px;
	display: block; 
	content: "引用元: "attr(cite);
	color: #333;
	text-align: right;
}

cite {
	display: block;
	color: #333;
	text-align: right;
}

code {
	font-family: "Osaka－等幅", monospace;
}

kbd {
	border: 1px solid #ccc;
	padding: 0 0.3em; 
	background-color: #f5f5f5;
	font-family: "Osaka－等幅", monospace;
	text-transform: uppercase;
}

del {
	color: #ccc;
	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: #F00;}

span.blue{color: #36C;}

span.small{font-size: 80%;}

span.medium{font-size: 100%;}

span.large{font-size: 130%;}

p.right{text-align:right;}

p.center{text-align:center;}

#rap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 750px;
	height:100%;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

#content{
	margin: 0 auto;
	padding: 0;
	width :750px;
	position: relative;
	text-align:left;
	clear:both;
}

/*======================================

	1-9.Forms Module
	
=======================================*/

form {
	margin: 0; 
	padding: 1px 0; 
}

form dl,
form p {
	margin: 0.5em 20px;
}

fieldset {
	padding: 0;
	border: 1px solid #ddd;
}

legend {
	margin: 0 1em;
	padding: 0 10px;
}

input,
textarea {
	margin: 0;
	padding: 1px 0.2em;
	border: 1px solid #bbb;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3",  sans-serif;
	background: #f5f5f5;
}

input:hover,
textarea:hover {
	border: 1px solid #999;
}

input:focus,
textarea:focus {
	border: 1px solid #000;
}

textarea {
	padding: 0.4em 8px;
}

input.inputField {

}

input.submit {
	border-color: #fff;
	color: #fff;
	background-color: #01b0f0;
	font: bold 85%;
	text-transform: uppercase;
}

input.submit:hover {
	background-color: #000;
}

input.radio {
	background-color: transparent;
	background-image: none;
	border: none;
}

/*======================================

	div#header
	
=======================================*/

div#header {
	margin: 0 auto;
	padding: 0;
	height:170px;
	width: 750px;
}

div#header table{
	border-collapse:collapse;
	height:135px;
	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:35px;
}
ul#header-menu a span{display:none;} 
li.btn1{width:90px;}
li.btn1 a{background: url(http://blog.exe.jp/~mizukami/img/header-btn1_r.gif);}
li.btn1 a:hover{background: url(http://blog.exe.jp/~mizukami/img/header-btn1_r.gif) 0px -35px;}
li.btn2{width:130px;}
li.btn2 a{background: url(http://blog.exe.jp/~mizukami/img/header-btn2_r.gif);}
li.btn2 a:hover{background: url(http://blog.exe.jp/~mizukami/img/header-btn2_r.gif) 0px -35px;}
li.btn3{width:140px;}
li.btn3 a{background: url(http://blog.exe.jp/~mizukami/img/header-btn3_r.gif);}
li.btn3 a:hover{background: url(http://blog.exe.jp/~mizukami/img/header-btn3_r.gif) 0px -35px;}
li.btn4{width:120px;}
li.btn4 a{background: url(http://blog.exe.jp/~mizukami/img/header-btn4_r.gif);}
li.btn4 a:hover{background: url(http://blog.exe.jp/~mizukami/img/header-btn4_r.gif) 0px -35px;}
li.btn5{width:130px;}
li.btn5 a{background: url(http://blog.exe.jp/~mizukami/img/header-btn5_r.gif);}
li.btn5 a:hover{background: url(http://blog.exe.jp/~mizukami/img/header-btn5_r.gif) 0px -35px;}

/* 本文
-----------------------------*/

h1 {
	margin: 0.5em 0 0 6.2em;
	padding: 0;
	text-align:left;
}

div.entry div.textBody,div.entry div.textBody img {
	margin: 0;
	padding: 0;
	text-align:left;
}

/*--------------------------------------
	本文内のリンクされた画像
---------------------------------------*/

div.textBody a img {
	border: 2px solid #FFF;
}

div.textBody a:hover img {
	border: 2px solid #CCC;
}

div.entry div.textBody h2 {
	margin:0.5em 0 0 4.8em;
	font:bold 17px "ＭＳ Ｐゴシック", "Osaka";
}

div.entry div.textBody h3 {
	padding-left:1.2em;
	margin:1.8em 0 0.2em 4em;
	background:url(http://blog.exe.jp/~mizukami/img/list.gif) 0px 4px no-repeat;
	font:bold 15px "ＭＳ Ｐゴシック", "Osaka";
	color:#6E4114;
}

div.entry div.textBody h3 strong {
	font:normal 13px "ＭＳ Ｐゴシック", "Osaka";
	color:#F00;
}

div.entry div.textBody h4 {
	margin:0.5em 0 0.2em 6.2em;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	color:#8F0C0B;
}
div.entry div.textBody h5 {
	margin:0.5em 0 0.1em 5.2em;
	font:15px "ＭＳ Ｐゴシック", "Osaka";
}

div.entry div.textBody p {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	margin:0.5em 1em 0 6.2em;
}

div.entry div.textBody dl,
div.entry div.textBody ul,
div.entry div.textBody ol {
	margin-left: 7.3em;
}

div.entry div.textBody ul li{
	list-style: outside url(none) disc;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
}

/* index */

div#flash{
	width:100%;
	margin:1em auto;
	text-align:center;
}
div#flash object,div#flash object embed{
	width:480px;
	height:300px;
}

div#photodiv {
	width:100%;
	margin:1em auto;
	background: no-repeat top center;
	text-align:center;
}

p#header-img{
	overflow:hidden;
	display:block;
	margin:0 auto;
	width:480px;
	height:300px;
}
p#header-img img{
	margin:0;
	width:480px;
	height:300px;
}

/*div.cf_element {
	width:100%;
	height:300px;
	text-align:center;
}
div.cf_element img{
	margin:0 auto;
}*/

h2.news{
	clear:both;
	width:480px;
	margin:0 auto;
	text-align:left;
	border-left:1px solid #A59B8C;
}
h2.news img{margin:0.2em 0 0 0.2em;}
div#main iframe{
	border-left:1px solid #A59B8C;
	border-bottom:1px solid #A59B8C;
}

/* Profile */

table.profile{
	border-collapse:separate;
	margin:0.5em 0 0 6em;
}
table.profile th{
	text-align:left;
	padding-right:0.5em;
	vertical-align: top;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
}
table.profile td{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	padding-bottom:0.2em;
}
body#entry2 div.entry div.textBody div{
	margin-right:1em;
	width:210px;
}
table.kyoshitsu{
	border-collapse:separate;
	margin-left:6em;
}
table.kyoshitsu caption{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	text-align:left;
	margin-left:6em;
}
table.kyoshitsu th{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	text-align:left;
}
table.kyoshitsu td{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	padding:0 0.8em;
	text-align:center;
}

/* Gallary */

div.hanga-menu{
	font:12px "ＭＳ Ｐゴシック", "Osaka";
	text-align:right;
	width:700px;
	margin-top:0.5em;
}
table.gallary{
	border-collapse:separate;
	margin:0.5em 0 0 6em;
	width:600px;
}
table.gallary td{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	vertical-align:top;
	text-align:center;
	padding:0 0.2em;
	width:148px;
}
table.gallary td img{
	border:1px solid #666;
}

div.gallary{
	margin:0.5em 0 0 6em;
	width:620px;
}
div.gallary dl{
	margin:0!important;
	text-align:center;
	float:left;
	width:155px;
}
div.gallary dl dt{
	width:145px;
}
div.gallary dl dt img{
	border:1px solid #666;
}
div.gallary dl dd{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	width:145px;
}

/* Goods */

table.shop{
	border-collapse:separate;
	margin:0 0 0 6em;
}
table.shop caption{
	text-align:left;
	font:16px "ＭＳ Ｐゴシック", "Osaka";
	margin:0 0 0 5em;
}
table.shop caption a{font-size:13px;}
table.shop th{font-family: "ＭＳ Ｐゴシック", "Osaka";}
table.shop td{font-family: "ＭＳ Ｐゴシック", "Osaka";padding-left:0.5em;}

/* Contact */

div.entry div.textBody div.wpcf7 {
	margin:1em 0 1em 6.2em;
	width:420px;
}
div.entry div.textBody div.wpcf7 p{margin:0;}
div.entry div.textBody div.wpcf7 label{
	display:block;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
}
div.entry div.textBody div.wpcf7 textarea{
	width:420px;
	height:100px;
}
div.entry div.textBody div.wpcf7 div.submit{
	margin:0.8em 0 0 0;
	text-align:right;
	width:420px;
}

/*--------------------------------------
	div.entry
---------------------------------------*/

div.entry {
	margin: 0 0 0.8em 0;
	padding: 1px 0;
	clear:both;
}

/* 日付・カテゴリ 
-----------------------------*/

div.entry ul.info {
	margin-top: 0.4em;
	margin-bottom: 0.2em;
}

div.entry ul.info li {
	margin: 0.1em 0.5em 0.1em 4.5em;
	display: inline;
}

/* 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;
}

/* return */

p.return{
	margin: 0.5em 0 0;
	text-align: right;
	width:610px;
}

/*======================================

	div#footer
	
=======================================*/

div#footer {
	background: transparent;
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 750px;
	clear:both;
}

div#footer ul.counterize {
	margin: 1.3em 0 0;
	padding: 0 0.8em 0.3em 0;
	border-bottom:1px dashed #6E4114;
	text-align: right;
}

div#footer ul.counterize li {
	font: 12px "ＭＳ Ｐゴシック", "Osaka";
	margin: 0 0 0 6px;
	display: inline;
	color:#2D1E05;
}

div#footer ul.support {
	padding:0;
	margin: 0.3em 0.7em 0;
	text-align: right;
}

div#footer ul.support li {
	margin: 0 0 0 6px;
	display: inline;
	font-size: 85%;
	color: #fff;
}

div#footer ul.support li a {
	color: #999;
	text-decoration: none;
}

div#footer li.template a {

}

div#footer address {
	margin: 0;	
	padding:0 0.2em 0.5em 0;
	text-align: right;
	color: #999;
}

/*--------------------------------------
	clearFix改
---------------------------------------*/

ul#globalNavi,
div#utilities,
.textBody,
ul.flip {
	_height: 1px;
	min-height: 1px;
}

ul#globalNavi:after,
div#utilities:after,
.textBody:after,
ul.flip:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* for MacIE5 \*//*/
ul#globalNavi,
div#utilities,
.textBody,
ul.flip {
	height: auto;
	overflow: hidden;
}