@charset "UTF-8";

/*基本フォント*/
* {
	font-family:"Hiragino Kaku Gothic Pro","Osaka" !important;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
}

/**/
* {
	color:#111;
	font-size:100%;
	line-height:1.5em;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	margin:0;
	padding:0;

	background:none;
}
body, td, div, p, li {
	font-size:14px;
}
body, td, div {
	text-align:left;
	vertical-align:top;
}
div {
	width:auto;
}
img {
	border:0;
	vertical-align:bottom;
}
a { text-decoration:none }
.transparent, .transparent:hover { background-color:transparent; }
h1 {font-size:2em }
h2 {font-size:1.6em }
h3 {font-size:1.3em }
h4 {font-size:1.15em }
h5 {font-size:1.08em }
h6 {font-size:1em }
h1,h2,h3,h4,h5,h6 {
	line-height:1.5em;
	font-weight:bold;
	padding:0.2em 0;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { font-weight:bold; }

p {
	line-height:1.5em;
	text-indent:1em;
}
.indent, .indent p { text-indent:1em }
.noindent, .noindent p { text-indent:0em }
.clear, .clear-all, .clear-both, span.clear br { clear:both; }
.clear-left {clear:left; }
.clear-right {clear:right; }

.float-left {float:left; }
.float-right {float:right; }
.align-left {text-align:left; }
.align-right {text-align:right; }
.align-center {text-align:center; }
.valign-top {vertical-align:top; }
.valign-middle {vertical-align:middle; }
.valign-bottom {vertical-align:bottom; }
.center { margin-left:auto; margin-right:auto; }
.margin0 { margin:0 }
.padding0 { padding:0 }
.border0 { border:0 }

big, .big { font-size:1.4em; line-height:1em; }
small, .small { font-size:0.8em; line-height:1em; }
em {
	font-weight:bold;
	font-style:normal;
}
strong {
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
	font-size:1.25em;
	line-height:1em;
}
sup { vertical-align:0.4em }
sub { vertical-align:-0.1em }
del { font-style:normal; text-decoration:line-through; }
ins { font-style:normal; text-decoration:underline; }
address {}
blockquote {
	margin:0.5em 2em;
	padding:0.5em 1em;
}
q {
	font-style:normal;
	quotes: "「" "」" "『" "』";
	margin:0 0.25em;
	padding:0 0.25em;
}
q:befor { content:open-quote }
q:after { content:close-quote }
cite { font-style:normal }
dl { margin:0 5px 0 10px }
dl,dt,dd { line-height:1.4em }
dt { font-weight:bold }
dd { text-indent:1em }
dl,ul,ol,form {
	margin-top:0px;
	margin-bottom:0px;
}
ul { padding:0 }
ul ul { padding-left:1em }
li {
	list-style: inside;
}
pre {}
code {}
var {}
samp {}
kbd {}
abbr {}
acronym {}
button {}

form {}
textarea {}
input {}
select {}

.hide, .none { display:none; visibility:hidden }
.only-print { display:none; visibility:hidden }

/*色々なサイズ*/
div.col2 { width:328px; margin:2px; }
div.col3 { width:210px; margin:2px; }
div.col4 { width:160px; margin:2px; }
div.col5 { width:126px; margin:2px; }

img.dsc { width:600px; height:450px; margin:2px; }
.vdsc { width:450px; height:600px; margin:2px; }
.wide { width:600px; height:338px; margin:2px; }
.vwide { width:338px; height:600px; margin:2px; }
.square { width:600px; height:600px; margin:2px; }
img.sc { width:600px; height:400px; margin:2px; }
.vsc { width:400px; height:600px; margin:2px; }
.dsck { width:600px; height:491px; margin:2px; }
.vdsck { width:491px; height:600px; margin:2px; }

.col2 .dsc, img.dsc.col2 { width:300px; height:225px; }
.col2 .vdsc,  .vdsc.col2 { width:225px; height:300px; }
.col2 .wide,  .wide.col2 { width:300px; height:169px; }
.col2 .vwide,  .vwide.col2 { width:169px; height:300px; }
.col2 .square,  .square.col2 { width:300px; height:300px; }
.col2 .sc, img.sc.col2 { width:300px; height:200px; }
.col2 .vsc,  .vsc.col2 { width:200px; height:300px; }
.col2 .dsck, .dsck.col2 { width:300px; height:245px; }
.col2 .vdsck,  .vdsck.col2 { width:245px; height:300px; }

.col3 .dsc, img.dsc.col3 { width:200px; height:150px; }
.col3 .vdsc,  .vdsc.col3 { width:150px; height:200px; }
.col3 .wide,  .wide.col3 { width:200px; height:112px; }
.col3 .vwide,  .vwide.col3 { width:112px; height:200px; }
.col3 .square,  .square.col3 { width:200px; height:200px; }
.col3 .sc, img.sc.col3 { width:200px; height:132px; }
.col3 .vsc,  .vsc.col3 { width:132px; height:200px; }
.col3 .dsck, .dsck.col3 { width:200px; height:164px; }
.col3 .vdsck,  .vdsck.col3 { width:164px; height:200px; }

.col3 .vdscw,  .vdscw.col3 { width:200px; height:267px; }
.col3 .vwidew,  .vwidew.col3 { width:200px; height:357px; }
.col3 .vscw,  .vscw.col3 { width:200px; height:303px; }

.col4 .dsc, img.dsc.col4 { width:150px; height:112px; }
.col4 .vdsc, .vdsc.col4 { width:112px; height:150px; }
.col4 .wide, .wide.col4 { width:150px; height:84px; }
.col4 .vwide, .vwide.col4 { width:84px; height:150px; }
.col4 .square, .square.col4 { width:150px; height:150px; }
.col4 .sc, img.sc.col4 { width:150px; height:100px; }
.col4 .vsc, .vsc.col4 { width:100px; height:150px; }
.col4 .dsck, .dsck.col4 { width:150px; height:123px; }
.col4 .vdsck, .vdsck.col4 { width:123px; height:150px; }

.col5 .dsc, img.dsc.col5 { width:112px; height:84px; }
.col5 .vdsc, .vdsc.col5 { width:84px; height:112px; }
.col5 .wide, .wide.col5 { width:112px; height:64px; }
.col5 .vwide, .vwide.col5 { width:64px; height:112px; }
.col5 .square, .square.col5 { width:112px; height:112px; }
.col5 .sc, img.sc.col5 { width:112px; height:75px; }
.col5 .vsc, .vsc.col5 { width:75px; height:112px; }
.col5 .dsck, .dsck.col5 { width:112px; height:92px; }
.col5 .vdsck, .vdsck.col5 { width:92px; height:112px; }

.col2.image, .col3.image, .col4.image, .col5.image { text-align:left }
.image p { text-align:left;  }
.image .title, .image .description, .image .date, .image .data {
	font-size:0.8em;
	line-height:1.1em;
	text-indent:0;
}
.image .title { font-size:0.9em; font-weight:bold; }
a.image { display:block; }

.photo { border:6px #fff solid; outline:1px #ccc solid; }
.col2 .photo, .photo.col2 { border-width:5px; }
.col3 .photo, .photo.col3 { border-width:4px; }
.col4 .photo, .photo.col4 { border-width:3px; }
.col5 .photo, .photo.col5 { border-width:2px; }

a img:hover, a:hover img { outline:1px #77c solid; }
a .photo:hover, a:hover .photo { border-color:#77c; }

/*その他フォント*/
.handwritten {
	font-family:"みかちゃん-p",mikachan-p,"みかちゃん_o-p",mikachan_o-p,"みかちゃん",mikachan;
}

/*カラー*/
a:link { color:#915 }
a:visited { color:#a37 }
a:active {}
a:hover { color:#fd0 }
a:hover { background:#108 }

h1, h2, h3, h4, h5, h6 { color:#223 }
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {
	color:#435;
}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	color:#335;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color:#fd0;
}

.url, .url wbr { color:#eee; overflow:auto; word-break:break-all; }
.url a:link, .url a:visited, .url a:link wbr, .url a:visited wbr { color:#915; overflow:auto; word-break:break-all; }
.url a:hover, .url a:hover wbr { color:#fd0 }
.url, .url a, .url wbr, .url a wbr  { line-height:1.1em; padding:1px; margin:0 }

cite a:hover, a:hover cite, q a:hover, a:hover q {
	color:#ff0; background:#282;
}
