/*==============================================================================*/
/*==============================================================================*/
/*
	「おにぎり☆ぼっくす」用  スタイルシート

	まだまだ勉強中
	他のサイト参考にしまくってるのでヘンな所あるかも
	他の人が参考になるぐらい分かりやすく書くことを目標とする

	・なんか分かった事とか注意点メモ書き
	  →body、aなどは頭に#はいらない
	  →それ以外で自由な変数名で使いたい場合は#をつけて宣言する
	  →名前にハイフンは使えない
*/
/*==============================================================================*/
/*==============================================================================*/


/*------------------------------------------------------------------------------*/
/*
	body部分と、それに関連した場所の設定
*/
/*------------------------------------------------------------------------------*/

body {
	/* 背景の設定 */
	background-color:      #ffffff;			/* 背景色の設定 */
	/* background-image:      url(../_img/MFV2.png);	表示する画像 */
	background-repeat:     no-repeat;		/* 繰り返さずに1つだけ表示 */
	background-position:   left bottom;		/* 右下に表示 */
	background-attachment: fixed;			/* スクロールしない */
	position:relative;
	top:50px;

	/* その他設定 */
	text-align: center; /* ページ全体を中央寄せで表示 */
	font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif; /* フォントを指定 */
}


/* 画像の設定 */
img {
	border:none; /* 画像の枠線を表示しない */
}

/*------------------------------------------------------------------------------*/
/*
	リンクの設定
*/
/*------------------------------------------------------------------------------*/

a:link {
	/* 未訪問 */
	color:#000000;
	text-decoration:underline;
}

a:visited {
	/* 訪問済み */
	color:#000000;
	text-decoration:underline;
}

a:hover {
	/* オンマウス */
	text-decoration:  underline;
	position :        relative;
	color:            #000000;	/* 文字色 */
	background-color: #FFFFFF;	/* リンクの背景色 */
	top:              1px;		/* 下に動く大きさ */
	left:             1px;		/* 右に動く大きさ */
}

a:active {
	/* クリック時 */
	text-decoration:  underline;
	color:            #000000;	/* 文字色 */
	background-color: #e0e0e0;	/* リンクの背景色 */
}


/*------------------------------------------------------------------------------*/
/*
	コンテンツの設定
*/
/*------------------------------------------------------------------------------*/

/*------サイト上部の設定------*/
.bar {
	position:         fixed !important;
	position:         absolute;
	_position:        fixed ;
	top:              0px;
	left:             0;
	width:            100%;
	height:           38px;
	margin:           0 0 50;
	background-color: #ffffff;		/* 背景色 */
	border-bottom:    solid #dedede 1px;
	text-align:       left;			/* 文章左寄せ */

	z-index:          10;			/* 深度の指定 */
	filter:           alpha(opacity=100);	/*-- IE用 --*/
	-moz-opacity:     1;			/*-- 古いFirefox用 --*/
	opacity:          1;			/*-- Chrome, Firefox, Safari, Opera, 等の比較的新しいブラウザ用 --*/

}

/*------main設定 ここに以下4つが入る外の箱みたいなもの------*/
.main {
	text-align: left;
	width:      800px;
	margin:     0 auto;
	padding:    0;
	z-index:    1;			/* 深度の指定 */
}
  
/*------ヘッダー部分設定------*/
.header {
	height:   200px;
	margin:   0 0 20;
	padding:  0;
	background-color:      #ffffff;				/* 背景色 */
	background-image:      url(../_img/_header/_DO.png);	/* 表示する画像 */
	background-repeat:     no-repeat;			/* 繰り返さずに1つだけ表示 */
	background-position:   bottom;				/* 右下に表示 */
	opacity:               1;
				/* 透明度 0～1で指定 */


	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;

	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
		-moz-box-shadow: 0px 0px 9px #000000;
		-webkit-box-shadow: 0px 0px 9px #000000;
		box-shadow: 0px 0px 9px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e7ebe3', endColorstr = '#8f8f8f');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e7ebe3', endColorstr = '#8f8f8f')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}


.header a{
	display:  block;
	width:    100%;
	height:   100%;
	opacity:  0;
	/* 透明度 0～1で指定 */
}


/*------右部分設定 メインコンテンツ------*/
.contents_set {
	width:   600px;
	float:   right;
	margin:  0;
	padding: 0;
}

.contents {
	width:   600px;
	margin:  0 0 20;
	padding: 0;

	background-color: #c0c0c0;	/* 背景色 */

	/*-- 半透明にする --*/
	filter:           alpha(opacity=9);	/*-- IE用 --*/
	-moz-opacity:     0.9;			/*-- 古いFirefox用 --*/
	opacity:          0.9;			/*-- Chrome, Firefox, Safari, Opera, 等の比較的新しいブラウザ用 --*/


	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;

	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
		-moz-box-shadow: 0px 0px 9px #000000;
		-webkit-box-shadow: 0px 0px 9px #000000;
		box-shadow: 0px 0px 9px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e7ebe3', endColorstr = '#8f8f8f');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e7ebe3', endColorstr = '#8f8f8f')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
		background-image: -moz-linear-gradient(top, #e7ebe3, #8f8f8f);
		background-image: -ms-linear-gradient(top, #e7ebe3, #8f8f8f);
		background-image: -o-linear-gradient(top, #e7ebe3, #8f8f8f);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#e7ebe3), to(#8f8f8f));
		background-image: -webkit-linear-gradient(top, #fe7ebe3, #8f8f8f);
		background-image: linear-gradient(top, #e7ebe3, #8f8f8f);
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}

/*------左部分設定 サイドバー------*/
.sidebar_set {
	width:   180px;
	float:   left;
	margin:  0;
	padding: 0;

}

.sidebar {
	width:   180px;
	margin:  0 0 20;
	padding: 0;
	background-color: #c0c0c0;	/* 背景色 */

	/*-- 半透明にする --*/
	filter:           alpha(opacity=9);	/*-- IE用 --*/
	-moz-opacity:     0.9;			/*-- 古いFirefox用 --*/
	opacity:          0.9;			/*-- Chrome, Firefox, Safari, Opera, 等の比較的新しいブラウザ用 --*/


	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;

	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
		-moz-box-shadow: 0px 0px 9px #000000;
		-webkit-box-shadow: 0px 0px 9px #000000;
		box-shadow: 0px 0px 9px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e7ebe3', endColorstr = '#8f8f8f');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e7ebe3', endColorstr = '#8f8f8f')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
		background-image: -moz-linear-gradient(top, #e7ebe3, #8f8f8f);
		background-image: -ms-linear-gradient(top, #e7ebe3, #8f8f8f);
		background-image: -o-linear-gradient(top, #e7ebe3, #8f8f8f);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#e7ebe3), to(#8f8f8f));
		background-image: -webkit-linear-gradient(top, #fe7ebe3, #8f8f8f);
		background-image: linear-gradient(top, #e7ebe3, #8f8f8f);
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}


/*------フッター部分設定 カウンター＆クレジット表記------*/
.footer {
	text-align: center;
	clear:      both;
	margin:     0;
	padding:    0.5em 0;
	height:     100px;


}

.footer p {
	background-color: #a0a0a0;	/* 背景色 */

	/*-- 半透明にする --*/
	filter:           alpha(opacity=9);	/*-- IE用 --*/
	-moz-opacity:     0.9;			/*-- 古いFirefox用 --*/
	opacity:          0.7;			/*-- Chrome, Firefox, Safari, Opera, 等の比較的新しいブラウザ用 --*/




	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;

	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
		-moz-box-shadow: 0px 0px 9px #000000;
		-webkit-box-shadow: 0px 0px 9px #000000;
		box-shadow: 0px 0px 9px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e7ebe3', endColorstr = '#8f8f8f');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e7ebe3', endColorstr = '#8f8f8f')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
		background-image: -moz-linear-gradient(top, #e7ebe3, #8f8f8f);
		background-image: -ms-linear-gradient(top, #e7ebe3, #8f8f8f);
		background-image: -o-linear-gradient(top, #e7ebe3, #8f8f8f);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#e7ebe3), to(#8f8f8f));
		background-image: -webkit-linear-gradient(top, #fe7ebe3, #8f8f8f);
		background-image: linear-gradient(top, #e7ebe3, #8f8f8f);
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}

.cright {
	text-align: center;
}

/*------------------------------------------------------------------------------*/
/*
	WEB拍手の設定
*/
/*------------------------------------------------------------------------------*/

#WebClap ul {
	margin:  0;
	padding: 0;
	display: block;
}

#WebClap ul strong {
	display: block;
}

#WebClap ul li {
	padding: .5em 0;
	display: block;
}

#webclapRes {
	color:   #00ff00;
}

/*------------------------------------------------------------------------------*/
/*
	時計の設定

	早い話がTOHO CLOCKもどき
	知らない間にウィジェットが終了してたので適当に再現
*/
/*------------------------------------------------------------------------------*/

#TOHOCLOCK{
	border-collapse: collapse;
	color:            #707070;
	border:           solid 2px;
	padding:          0.1em;
	width:           150;
	height:          120;
}

#TOHOCLOCK td {
	width:           100%;
	height:          100%;
	filter:           alpha(opacity=100);	/*-- IE用 --*/
	-moz-opacity:     1;			/*-- 古いFirefox用 --*/
	opacity:          1;			/*-- Chrome, Firefox, Safari, Opera, 等の比較的新しいブラウザ用 --*/
}

#TOHOCLOCK a {
	//リンクを"display: block;"で透明なブロックとして、その大きさを
	//"width: 100%;"、"height: 100%;"にすることで実現しています。
	display:          block;
	width:            100%;
	height:           100%;

	text-decoration:  none;		/* 文字装飾 */
	color:            #ffffff;
}

#TOHOCLOCK a:hover {
	//カーソルを上に乗せたときの指定
	text-decoration:  none;		/* 文字装飾 */
	color:            #ffffff;	/* 文字色 */
}

#TOHO {
	margin:      0;
	padding:     0;
	font-size:   80%;
	font-weight: bold;
	line-height: 1em;
}

#CLOCK {
	margin:      0;
	padding:     0;
	font-size:   150%;
	line-height: 1em;


}

#time {
	margin:      0;
	padding:     0;
	font-size:   230%;
	font-weight: bold;
	line-height: 1em;
}

#mess {
	margin:      0;
	padding:     0;
	font-size:   70%;
	font-weight: bold;
	line-height: 1em;


}

/*------------------------------------------------------------------------------*/
/*
	右下から出るback to topの設定

	参考元からそのまま引用
	・簡単に設置できるページ内をスムーズにスクロールできるスクリプト
	  http://coliss.com/articles/build-websites/operation/javascript/296.html
	・スクロールするとひょいっと出るトップへ戻るボタン
	  http://www.entanna.com/blog/works/711.html
	・[Я]トップに戻るボタンをjQueryでニュルッと改造する
	  http://rikumalog.com/wordpress/gototop-button.html
*/
/*------------------------------------------------------------------------------*/

div.backtop {
	text-align: right;	/* 文章右寄せ */
	bottom:     10px;
	right:      20px; 	/* 右端からどれだけ離すか */
	z-index:    1500;	/* 深度の設定　前面1500に表示 */
	position:   fixed;
}

div.backtop a {
	background-color: transparent;	/* リンクの背景色 透明にする */
	display:  block;
	padding:  10px;
	margin:   0;
}

/*------------------------------------------------------------------------------*/
/*
	ダンおにページ作品一覧の設定
*/
/*------------------------------------------------------------------------------*/

.DanOni TD {
	color:#ffffff;
}

.DanOni a:link {
	/* 未訪問 */
	color:#8080ff;
	text-decoration:underline;
}

.DanOni a:visited {
	/* 訪問済み */
	color:#ff80ff;
	text-decoration:underline;
}

.DanOni a:hover {
	/* オンマウス */
	text-decoration:  underline;
	position :        relative;
	background-color: #cccccc;	/* リンクの背景色 */
	top:              1px;		/* 下に動く大きさ */
	left:             1px;		/* 右に動く大きさ */
}


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



/* さとりはかわいい #satori_is_cute */

/* Copyright (C) 2013 SugaR-L. All Rights Reserved. */



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

	参考にしたサイトとか

	HTMLタグ/ページ全般タグ - TAG index Webサイト
	http://www.tagindex.com/html_tag/page/index.html

	CSSデザインサンプル
	http://www.css-designsample.com/

	z-index－スタイルシートリファレンス
	http://www.htmq.com/style/z-index.shtml


	OMISSION-0 / goe
	http://gassou-works.rejec.net/

	LabitStation / ふさうさ
	http://fusausa.rejec.net/

	たまおんせん | 魂音泉 OFFICIAL WEB SITE
	http://tamaonsen.com/


	角丸・グラデーション・影を表現するCSS3コードを自動生成してくれるジェネレータ「CSS3 Generator」
	http://20kaido.com/archives/5557265.html

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