@charset "Shift_JIS";

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

  template: Chiyogami
  design: web*citron
  URI: http://www.webcitron.com/

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

/* YUI */
body{
font:13px/1.231 Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;;*font-size:small;*font:x-small;
}
select,input,button,textarea,button{
font:99% arial,helvetica,clean,sans-serif;
}
table{
font-size:inherit;
font:100%;
}
pre,code,kbd,samp,tt{
font-family:monospace;*font-size:108%;line-height:100%;
}

html {
	overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td	{
	margin: 0;	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var	{
	font-style: normal;
}
table	{
	border-collapse: collapse;	border-spacing: 0;
}
caption, th	{
	text-align: left;
}
q:before ,q:after	{
	content: '';
}
hr, legend	{
	display: none;
}
h1, h2, h3, h4, h5, h6	{
	font-size: 100%;
}
img, abbr, acronym, fieldset	{
	border: 0;
}
li	{
	list-style-type: none;
}/*
p, dd, blockquote	{
	text-align: justify;
	text-justify: inter-ideograph;
}
*/

body{
	background:url(images/001mo.jpg) #fff; /* ★背景画像 */
	background-attachment : fixed;
        color:#77898e;
	padding-bottom:2em;
}
* + html body {
	font-family: "メイリオ","Meiryo";
}

img {
	border:0;
}

a {
	text-decoration:none;
}
a:link {
	color:#77898e;/* ★リンク色 */
}
a:visited {
	color:#77898e;/* ★既リンク色 */
}
a:hover,a:active {
	color:#289CB5;/* ★カーソルが乗った時の色 */
}

em { 
	font-weight:bold;
}
strong { 
	font-weight:bold;
	border-bottom:2px solid #e5eaea;
}

del { 
	text-decoration:line-through;
	color:#666;
}

code {
	color:#a3937c;
}
pre {
	margin:0.2em 1em;
	padding:0.5em;
	background:#f5f5f5;
	font-size:93%;
}

blockquote {
	margin:0.2em 1em;
	padding:0.1em 0;
	border-left:5px solid #f0f7f7;
	color:#7E7363;
	width:90%;
}

cite {
	display:block;
	text-align:right;
}

/* 配置用 */
p.left {
	text-align:left;
}

p.right {
	color:#cca6bf;
        text-align:right;
}

p.center {
	color:#cca6bf;
        text-align:center;
}

/* リスト */

div.entry ul,
div.entry ol {
	margin:0.5em 1.2em;
	padding:0.2em 1.2em;
}

div.entry ul li {
	list-style-type:disc;
}

div.entry ol li {
	list-style-type:decimal;
}

/* CONTENT */

div#content {
	margin:2em auto 0;
	width:750px; /* ★コンテンツの横幅 */
	background:#fff;
      	line-height:1.4;
        
}

/* HEADER */

/* サイトタイトル */
h1#sitename {
	margin:0 1em;
	padding:1em 0;
	font-size:150%;
	letter-spacing:0.3em;
        font-color:#289CB5;
        font-weight:lighter;
	text-align:right;
}

/* 作品名などコンテンツ用タイトル */
h1#pagetitle {
	margin:0.5em 1em;
	padding:0.5em 0;
	font-size:110%;
	font-weight:lighter;
	text-align:center;
}

/* MENU */

ul#menu {
	margin:10;
	padding:0.5em 0;
	text-align:left;
	background:#f3f3f2;
}

ul#menu li {
	margin-left:2em;
	display:inline;
}

ul#menu li img {
		vertical-align:middle;
		margin-right:2px;
}

ul#menu li a:link {
	color:#77898e;
	text-shadow:-1px -1px #fff;
}
ul#menu li a:visited {
	color:#77898e;
	text-shadow:-1px -1px #fff;
}
ul#menu li a:hover,
ul#menu li a:active {
	color:#289CB5;
	text-shadow:1px 1px #fff;
}


/* MAIN */

ul.path {
	margin:0 2em;
	padding:1em 0;
	text-align:right;
}

div.entry {
        marrgin:2em 3em 3em;
	text-align:left;
}

/* アイコン付見出し */
h2 {
	margin:0.5em 0;
	background:url(images/icon_58_10.gif) no-repeat left center;
	padding-left:30px;
	height:30px;
	line-height:30px;
	font-weight:bold;
	clear:both;
}

h3 {
	margin:1em 0.5em;
	font-weight:bold;
	border-bottom:2px solid #ccdddd;
}

div.entry p {
	margin:0.3em 1em;
}

/* 定義リスト */
div.entry dl {
	margin:0.5em;
}

div.entry dl dt {
	padding:0.2em 0;
	font-weight:bold;
}

div.entry dl dd {
	margin-left:0.2em;
	padding:0 0.5em;
	_padding-left:15px;
	border-left:3px solid #e5eaea;
}

/* 定義リスト（横並び） */
div.entry dl.tbl {
	margin:0.5em;
	padding: 0;
}

div.entry dl.tbl dt {
	margin: 0;
	padding: 0.1em 0 0.1em 1em;
	width: 6em;
	float: left;
	text-align:right;
	font-weight:normal;
}
	
div.entry dl.tbl dd {
	margin: 0 0 0 7em;
	padding: 0.1em 1em;
	border-left:none;
}

/* テーブル */
table.onstyle {
	margin: 0.5em 1em;
	border-collapse:collapse;
	border:1px solid #ccc;
}
table.onstyle th {
	padding:0.2em 0.5em;
	border:1px solid #ccc;
	text-align:center;
	background:url(images/bg_border.gif);
}
table.onstyle td {
	padding:0.2em 0.5em;
	border:1px solid #ccc;
	text-align:left;
}

p.pagetop {
	margin:0.5em 2em;
	text-align:right;
	font-size:85%;
}

/* 文章ページ用 */

.text {
	font-size:108%;
	line-height:1.8;
}

.text h1#pagetitle {
	font-size:150%;
	color:#77898e;
        font-weight:bold;
	border-bottom:2px solid #ccdddd;
}

.text p {
	padding:1em 0;
}

/* 画像展示ページ用 */

div.entry p.imgBox {
	margin-bottom:1em;
	text-align:center;
        
}

div.entry ul.navi {
	margin:1.5em 0;
	text-align:center;
}
div.entry ul.navi li {
	padding:0 0.5em;
	display:inline;
}

/* form */

form {
	color:#a0a9ac;
}

input.formtxt,textarea,select {
	margin:0.1em 0.7em 0.1em 0;
	padding:0.2em 0.4em;
	width:200px;
	border-left:1px solid #e5eaea;
	border-top:1px solid #e5eaea;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#333;
	background:#f3f7f7;
}
textarea.formtxt {
	width:380px;
}
.formtxt:hover,
.formtxt:focus {
	border:1px solid #e5eaea;
	background:#fefefe;
}

input.button {
	margin:0.1em;
	width: 80px;
	padding:0.2em 0.4em;
	background:url(images/bg_grd.gif) repeat-x;
	border-left:3px double #e5eaea;
	border-top:3px double #e5eaea;
	border-right:3px double #BBC8CC;
	border-bottom:3px double #BBC8CC;
}
.button:hover,
.button:focus {
	border-left:3px double #BBC8CC;
	border-top:3px double #BBC8CC;
	border-right:3px double #d8eaed;
	border-bottom:3px double #d8eaed;
	background:#F4F5F7;
	color:#808080;
}

/* FOOTER */

div#footer ul {
	margin:0em 1em;
	padding:1em 0 2em;
	text-align:center;
	font-size:85%;
}
div#footer ul li {
	display:inline;
	margin:0.2em 0.5em;
}
div#footer ul li#counter {
	color:#999;
}
div#footer ul li#credit {
	text-align:right;
}
p#credit {
	margin:0em 1em;
	padding:0.5em 0;
	font-family:tahoma,Arial,Verdana,sans-serif;
	font-size:85%;
	text-align:right;
}
