@charset "shift_jis";

/*▼▼▼▼▼▼▼▼▼▼ ページ全般設定 ▼▼▼▼▼▼▼▼▼▼*/

html{
 height: 100%;
}
 
body {
	height: 100%;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 100%;
	line-height: 2;
	color: #333333;
	/*background-color: #cc9966;*/
	background-image: url(./image/materials/back03.gif);
	margin: 0px;
	padding: 0px;
	text-align: center;
}


h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}


/*===== リンク（全般）設定 =====*/
a {
	color: #0066cc;	/*文字色*/
}

a:hover {
	text-decoration: none;	/*カーソルオーバー時の文字色*/
	color: #FF2A00;
}

/*===== h1タグ設定（HPの最上段に入っているテキスト =====*/
h1 {
	width: 700px;
	font-size: 12px;	/*文字サイズ*/
	color:#ee3300;
	margin-right: auto;
	margin-left: auto;
	text-align: right;	/*右寄せ*/
}

/*===== h2 見出しタグ設定（主にメインコンテンツの見出し）=====*/
h2 {
	font-size: 110%;
	color: #ffffff;								/* 文字色 */
	background-image: url(image/materials/header_back01.gif);	/* 背景画像 */
	background-repeat: repeat-x;				/* 背景画像をリピートする設定 */
	/*background-position: right bottom;		/* 背景画像を右下に配置する設定 */
	padding: 1px 10px 1px 10px;					/* 余白：上、右、下、左 */
	text-align: center;							/* 中央寄せ */
}
/*----- h2 スタイルセレクタClass -----*/
.h2style01 {
	color: #222222;								/* 文字色 */
	border-bottom: solid 5px #ff9900;			/* 枠線下 */
	border-left: solid 20px #ff9900;			/* 枠線左ブロック */
	background-image: url(image/materials/header_back03.gif);	/* 背景画像 */
	/*background-color: #ffffff;					/* 背景色＝白 */
	text-align: left;							/* 文字左寄せ */
	
}
.h2style02 {
	color: #222222;								/* 文字色 */
	/*border-bottom: solid 5px #ff9900;			/* 枠線下 */
	/*border-left: solid 20px #ff9900;			/* 枠線左ブロック */
	background-image: url(image/materials/header_back03.gif);	/* 背景画像 */
	/*background-color: #ffffff;					/* 背景色＝白 */
	text-align: left;							/* 文字左寄せ */
	
}
.h2style03 {
	color: #222222;								/* 文字色 */
	border-bottom: solid 3px red;				/* 枠線下 */
	border-left: solid 28px red;				/* 枠線左ブロック */
	background-image: none;						/* Background Image は使わない */
	background-color: #ffffff;					/* 背景色＝白 */
	text-align: left;							/* 文字左寄せ */
	
}


/*===== h3 見出しタグ設定（主にサイドメニューの見出し）=====*/
h3 {
	font-size: 110%;
	color: #ffffff;								/* 文字色 */
	background-image: url(image/materials/header_back02.gif);	/* 背景画像 */
	background-repeat: repeat-x;				/* 背景画像をリピートする設定 */
	/*background-position: right bottom;		/* 背景画像を右下に配置する設定 */
	padding: 1px 10px 1px 10px;					/* 余白：上、右、下、左 */
	text-align: center;							/* 中央寄せ */
}

/*▲▲▲▲▲▲▲▲▲▲ ページ全般設定 ▲▲▲▲▲▲▲▲▲▲*/


/*▼▼▼▼▼▼▼▼▼▼ コンテンツ全体 ▼▼▼▼▼▼▼▼▼▼*/
#contents {
	width: 800px;
	
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	/*background-color: #cccccc;	/*背景色*/
	background-image: url(image/materials/back01.gif);
	border: solid 5px #dddddd;
	padding: 1px;				/*余白*/
}
/*▲▲▲▲▲▲▲▲▲▲ コンテンツ全体 ▲▲▲▲▲▲▲▲▲▲*/


/*▼▼▼▼▼▼▼▼▼▼ ヘッダー（タイトル画像が入っているブロック） ▼▼▼▼▼▼▼▼▼▼*/
#header {
	height: 100px;
	width: 100%;
	position: relative;
	margin-bottom: 2px;
}

/*===== トップページのみの高さ変更設定 =====*/
#header_top {
	height: 400px;
	padding: 20px;
}
/*▲▲▲▲▲▲▲▲▲▲ ヘッダー ▲▲▲▲▲▲▲▲▲▲*/


/*▼▼▼▼▼▼▼▼▼▼ ページメインコンテンツ ▼▼▼▼▼▼▼▼▼▼*/
#main {
	width: 638px;
	float: right;
	margin-top: 2px;
	padding: 1px;
	background-image: url(image/materials/back01.gif);
	/*background-color: #00cc00;		/*背景色*/
}

/*===== 段落タグ設定 =====*/
#main p {
	padding: 4px 20px 0px;
}

/*===== 画像全般設定 =====*/
#main img {
	margin: 2px;
}

/*===== 通常記事掲載用枠01 =====*/
#main #article01 {
	width: 638px;
	margin-top: 2px;
	margin-bottom: 8px;
	padding: 1px;
	color: #444444;					/* 文字色 */
	text-align: left;
	font-size: 100%;
	float: left;
}

/*===== 通常記事掲載用枠02 =====*/
#main #article02 {
	font-size:12pt;					/* フォントサイズ固定 */
	line-height: 30px;				/* 行間固定 */
	width: 638px;
	margin-top: 2px;
	margin-bottom: 8px;
	padding: 1px;
	color: #444444;					/* 文字色 */
	text-align: left;
	float: left;
}


/*===== 囲み文字用書式１ =====*/
#main #box01 {
	font-size: 100%;
	font-weight:bold;				/* 太字 */
	/* color: #ffffff;				/* 文字色 */
	background-color: #ffffcc;		/* 背景色 */
	border: solid 1px #444444;		/* 枠線 */
	padding: 0px 8px 0px;			/* 余白 */
	margin: 10px 10px 2px 10px;
}
/*===== 囲み文字用書式２ =====*/
#box02 {
	color: #ffffff;					/* 文字色 */
	width: auto;
	text-align:center;
	font-size: 120%;
	font-weight:bold;				/* 太字 */
	background-color: #33CC99;		/* 背景色 */
	border: solid 2px #006633;		/* 枠線 */
	padding: 0px 8px 0px 4px;		/* 余白 */
	margin: 10px 10px 2px 10px;
}
#box02 a {
	color: #ffffff;
}
#box02 a:hover {
	color: #ff0000;
	border: solid 1px #ff0000;
}

/*===== 囲み文字用書式３ =====*/
#box03 {
	position: relative;
	float: left;
	color: #222222;					/* 文字色 */
	text-align:center;
	font-size: 100%;
	font-weight:bold;				/* 太字 */
	padding: 0px 1px 0px 1px;		/* 余白 */
	margin: 0px 2px 0px 2px;
}
#box03 a {
	color: #444444;
}
#box03 a:hover {
	color: #ff0000;
	border: solid 1px #ff0000;
}



/*===== 段落タグ設定 =====*/
#main p {
	padding: 0px 20px 0px;
}


#main #profile img {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	border: solid 2px #aaaaaa;
}

#main #centering {
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


/*===== google map 設定 =====*/
#main #googlemap {
	border: solid 1px #aaaaaa;
	margin: 10px 10px 10px 10px;
}

/*===== フォトギャラリー設定 =====*/
#main ul.gallery {
	list-style-type: none;
	width: 600px;
}

#main ul.gallery li {
	float: left;
	background-color: #ffffcc;
	text-align: center;
	margin: 0px 5px 15px 5px;
	padding: 3px;
	border: 1px dotted #cccccc;
}

#main ul.gallery li img {
	margin-right: 3px
}

#main ul.gallery li div {
	width: 180px;
}

/*
#main img {
	float: left;
	margin-left: 6px;
	border:solid 2px;
}
*/

/*===== 新着情報設定 =====*/
#news {
	font-style: italic;
}

#news table {
	width: 640px;
}

#news td.date{
	width: 100px;
	padding:4px;
	text-align: center;
	border-bottom:dotted 1px #000000;
}

#news td.report {
	width: 540px;
	padding:4px;
	text-align: left;
	border-bottom:dotted 1px #000000;
}

/*▲▲▲▲▲▲▲▲▲▲ ページメインコンテンツ ▲▲▲▲▲▲▲▲▲▲*/


/*▼▼▼▼▼▼▼▼▼▼ ページメインコンテンツ（作品詳細ページ） ▼▼▼▼▼▼▼▼▼▼*/
#main_detail01 {
	width: 800px;
	float: right;
	margin-top: 1px;
	padding: 1px;
	background-image: url(image/materials/back01.gif);
	/*background-color: #00cc00;		/*背景色*/
}

/*===== h2見出しタグ設定 =====*/
#main_detail01 h2 {
	font-size: 100%;
	color: #FFFFFF;							/*文字色*/
	background-color: #123456;				/*背景色*/
	background-image: url(images/h2bg.gif);	/*背景画像（右側に入っている小さな画像）*/
	background-repeat: no-repeat;			/*背景画像をリピートしない設定*/
	background-position: right bottom;		/*背景画像を右下に配置する設定*/
	padding: 10px 80px 10px 10px;			/*左から上、右、下、左の余白の数値*/
}

/*===== 段落タグ設定 =====*/
#main_detail01 p {
	padding: 0.5em 10px 1em;	/*左から上、左右、下の余白の数値*/
}
/*▲▲▲▲▲▲▲▲▲▲ ページメインコンテンツ（作品詳細） ▲▲▲▲▲▲▲▲▲▲*/


/*▼▼▼▼▼▼▼▼▼▼ サイドメニュー ▼▼▼▼▼▼▼▼▼▼*/

/*===== サイドバー全体設定 =====*/
#side {
	float: left;  
	width: 156px;
	margin-top: 1px;
	padding: 2px;
	text-align: center;
	font-size:12pt;		/*メニューのみフォントサイズ固定*/
	background-image: url(image/materials/back02.gif);
}

/*===== ページメニュー設定 =====*/
/* 段落タグ設定 */
#side #menu p {
	padding-top: 0.5em;
	padding-bottom: 1em;
}

#side #menu ul {
	list-style-type: none;
	padding: 2px;
	margin-top: 2px;
	margin-bottom: 20px;
}

#side #menu li {
	margin-top: 8px;
	text-align: center;
}


/*===== ページメニュー リンク設定 =====*/
#side #menu a {
	color: #ffffff;	/*文字色*/
	background-image: url(image/materials/button01off.gif);
	display: block;
	width: 150px;
	height: 30px;
	text-align: center;
}
#side #menu a:hover {
	color: #ff0000;		/*文字色*/
	/*background-color: d1bcd3;*/
	background-image: url(image/materials/button01on.gif);
	border-color: #dbe7e7;
}

/*===== 現在のページを示す為の設定 =====*/
#side #menu #selected01 a,
#side #menu #selected01 a:hover {
	color: #ff0000;				/*文字色*/
	background-image: url(image/materials/button01sel.gif);
}

/*===== 外部リンクメニュー設定 =====*/
#side #link ul{
	list-style-type: none;
	padding: 4px;
	margin-top: 2px;
	margin-bottom: 20px;
}

#side #link li.blog {
	margin-top: 8px;
	padding: 1px;
}

#side #link li.facebook {
	margin-top: 8px;
	padding: 16px;
}

/*===== blogアイコン リンク設定 =====*/
#side #link li.blog a {
	background-image: url(image/blog_link.gif);
	display: block;
	width: 150px;
	height:100px;
}
#side #link li.blog a:hover {
	background-image: url(image/blog_link_on.gif);
}

/*===== facebookアイコン リンク設定 =====*/
#side #link li.facebook a {
	background-image: url(image/facebook_link.jpg);
	display: block;
	width: 118px;
	height:109px;
}
#side #link li.facebook a:hover {
	background-image: url(image/facebook_link_on.jpg);
}

/*▲▲▲▲▲▲▲▲▲▲ サイドメニュー ▲▲▲▲▲▲▲▲▲▲*/


/*▼▼▼▼▼▼▼▼▼▼ フッター ▼▼▼▼▼▼▼▼▼▼*/
#footer {
	clear: both;
	width: 800px;
	background-image: url(image/materials/header_back02.gif);	/* 背景画像 */
	background-repeat: repeat-x;				/* 背景画像をリピートする設定 */
}

#footer address {
	font-family: Arial;
	font-size: 80%;
	font-style: normal;
	text-align: center;
}
/*▲▲▲▲▲▲▲▲▲▲ フッター ▲▲▲▲▲▲▲▲▲▲*/