body {
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:90%;
	color:black;
	background-color:white;
	margin:0 auto;	

}

/* --- 全体的な設定 ---*/
/* リンクはアンダーライン無し、マウスオーバーで色反転*/
a:link {
	text-decoration:none;
	color:#0000a8;
	}
a:visited {color:#530096;}

a:hover { color: white; }
a:hover { background-color:#3355ff; }


/* ヘッダ設定 */
header {
	width:956px;
	margin:0 auto;
}


/* フッタ設定 */
footer {
	width:956px;
	margin:0 auto;
}


#footercolor {
 background-color:#1c1f7f;
	color:white;
	font-size:small;
}


/* img  borderは常に 0*/
img{
	border:0;
}


/* 見出しの装飾設定 */

h1{font-size:20px;}

h2{font-size:16px; font-weight:normal} /*ボールドなし*/


h3{
	font-size: 15px;
	max-width: 100%;
	color: white;
	text-align:left;
	background-color: #3355ff; /* 青帯反転 */
}

h4{font-size: 15px; /* h4はいたって普通 */
	text-align:left;
	color:black;
}

h5{
	font-size:14px;
	max-width: 100%;
	text-align:left;
	color:white;
	background-color:#3355ff; /* h5も青帯反転 */
}


/* table */
table{font-size :14px;}


table.wakucolorw {
border-collapse: collapse;
}

table.wakucolorw,
table.wakucolorw th,
table.wakucolorw td {
border: 1px #ffffff solid;
}


.tabletitle {
	color:white;
	background-color:#3355ff;
	text-align:left;
	font-weight: bold;
}	


/* コンテナ設定　 */

/*上に空白18px*/
.margintop18 {
	margin-top:18px;
}

/* ギャラリーページ用　上に空白20と中央寄せ */
#illustkeisai {
margin-top:20px;
text-align: center;
}

/* 冒頭のタイトル名は青反転白文字 */
#illustkeisai h1 {
	 background-color:#3355ff;
	 color:white;
}


/* ヘッダ 幅956px 高さ150px マージンauto 背景色は白　文字色 ややグレーに近い黒 */
#header{
width:956px;
height:200px;
margin:auto;
background-color: #ffffff;
text-align:left;
text-color:#202020;
position: relative;
}

/* グローバルナビゲーション　幅956px オーバーフローは隠れる */
#grobalnavi{
width:956px;
height:auto;
clear:both;
overflow: hidden;
margin: 0 auto;
}

#grobalnavi ul{
list-style:none;
margin:0;
padding: 0;
}

#grobalnavi ul li{
width:190px;
float:left;
margin-right: 1px;
text-align:center;
}

#grobalnavi ul li a{
display: block;
background-color:#3355ff; /* 帯色　青*/
color:#ffffff;
text-decoration:none;
}


/*ブレッドクランブ用 (index.htmlには未使用) ＊文字小さめ CSSで＞がつくよう設定 */
#wrapper {
width:956px;
margin:0 auto;
overflow:hidden;
}

#breadcrumb { font-size: smaller; }

#breadcrumb ol {
list-style: none;
margin: 0;
padding: 0;
}

#breadcrumb ol li {display: inline; }

#breadcrumb ol li::after {
content: ">";
padding-left: 7px;
}

#breadcrumb ol li:last-child::after { content: none; } /*末尾に＞つけない*/



/* コンテナブロック　大枠 汎用　幅956px */
.gallery_title{
width:956px;
height:auto;
background-color: #ffffff;
text-align:left;
margin : 0 auto; 
}



/* イラスト題名、ヘッダ部 */
#illusttitlehead{
width:956px;
height:auto;
background-color: #ebf5ff;
text-align:left;
margin : 0 auto; 
}



/* コンテナブロック　大枠　汎用　幅976px */
.oowaku {
width: 976px;
overflow: hidden;
	margin:0 auto;
}

.oowaku h1 {
	font-size: 16px;
	max-width: 100%;
	color: white;
	text-align:left;
	background-color: #3355ff; /* 青帯反転 */

}


/* コンテナその1　右用 w345px 背景グデ水色画像あり */
.hidariwaku { /* かつて左側についてたのでhidariはその名残 */
float: left;
width: 345px;
padding: 5px;
max-width: 100%;
background-image: url("img/hidariwakuhaikei.png");
}


/* コンテナその2　左メイン用 w600px 背景白 */
.migiwaku {
float: left;
width: 600px;
padding: 5px;
max-width: 100%;
background-color: white;
}

.newmigiwaku  {
float: left;
width: 780px;
max-width: 100%;
background-color: white;
}


/* migiwaku の中の見出しも青反転白文字 */
.migiwaku h1 {
	font-size:medium;
	 background-color:#3355ff;
	 color:white;
}

/* migiwaku の中の見出し */
.migiwaku h2 {
	font-size:medium;
	 color:black;
}

/* コンテナその3　汎用　幅300px 背景白 */
.wakusono2 {
float: left;
width: 300px;
padding: 5px;
max-width: 100%;
background-color: white;
}


/* コンテナその4　ギャラリーページ用大枠　汎用　幅800px */
.gallery_oowaku {
width: 800px;
overflow: hidden;
}

/* コンテナその5　ギャラリーページ冒頭解説用左メイン　幅446px 背景白 */
.gallery_komidasi_l{
width:446px;
float:left;
max-width:100%;
background-color:white;
}

/* コンテナその6　ギャラリーページ冒頭解説用右　幅350px 背景白 */
.gallery_komidasi_r{
width:350px;
float:left;
max-width:100%;
background-color:white;
}

/* コンテナその6　ギャラリーページ冒頭解説用右　幅350px 背景白 */
.gallery_w320{
width:320px;
float:left;
max-width:100%;
}

.gallery_w320 a:hover {
	color: maroon;
}

/* コンテナその7　ギャラリーページ右サイドバー　幅180px 背景白　右寄せ */
#gallery_column{
width:170px;
float:right;
max-width:100%;
background-color:white;
}

/* ページリンク用枠囲い */
.kakoi{
 style :padding: 5px;
 margin:5px; 
 border:1px solid #aaaaaa;
}

/* 文字サイズミディアム、ボールド、色指定なし */
 .mojimediumbold {
	font-size: medium;
	font-weight: bold;
}

/*文字サイズ小さめ。色指定なし*/
.mojismall {
	font-size:small;
}

/* 文字色　#3355ff その他設定なし */
.color3355ff{
	color:#3355ff;
}

/* 文字色　#写真コメント用オリーブ色 */
.color7c9824{
	color:#7c9824;
}

/* 文字色　#d24931 強調用 */
.colord24931{
	color:#d24931;
}

/* 文字色　#darkred 強調用 */
.colordarkred{
	color:#992222;
}

/* 色設定　*/
.accentcolor {
	color:#b84344;
	font-weight:bold;
	background-color::white;
}

.backblue {
 width:100%;
 background-color:#3355ff;
 color:white;
}


/* クリア*/
.clearboth {
	clear:both;
}