@charset "utf-8";   
/*************************************************
 リセット
*************************************************/
body, div, h1 ,h2, h3, h4, h5, h6, p, blockquote, 
dl, dt, dd, ul, ol, li, pre, form, fieldset, input, texarea, table, th, tr, td, address {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th { text-align: left; }

ul, ol { list-style: none; }

img { border: 0; }

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, 
q:after { content: ''; }


/*************************************************
 全体の基本設定
*************************************************/

/* ブログ全体の基本指定 */
body {
	background: url(//kasuarashi.3rin.net/File/bg.jpg) right bottom no-repeat fixed #FFF; /* 背景画像と色の指定 */
	color: #555;                   /* 文字の基本色 */
	font-size: 85%;                /* 12px 文字の基本サイズ original 75%*/
	line-height: 1.5;              /* 行間 */
    font-family: "Tempus Sans ITC","Klee One", "Noto Serif TC", "Hiragino Kaku Gothic Pro", Meiryo, Verdana, "MS UI Gothic", "microsoft jhenghei", sans-serif;  /* フォント */
	text-align: center;
}

/* 画像の基本指定 
-----------------------------------------------*/
img { margin: 2px; }

/* 絵文字の基本指定 */
img.emoji { margin: 0 1px; }

/* テーブルの基本設定 
------------------------------------------------*/
table { margin: 0 auto; }  /* 中央寄せ */

td, th { text-align: center; }

/* フォームの基本指定 
------------------------------------------------*/
textarea, input {
	padding: 2px;
	border: solid 1px #CCC;
	font-family: "Palatino Linotype", Meiryo, Verdana,"ＭＳ ＵＩゴシック", MS UI Gothic, sans-serif;
}

input { font-size: 109%; }  /* 13px */

textarea { font-size: 125%; }  /* 15px */


/*************************************************
 見出し
*************************************************/

/* ブログのタイトル 
------------------------------------------------*/
h1 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 184%;           /* 22px */
}

/* IE6 */
* html h1 { font-weight: bold; }

/* IE7 */
*:first-child+html h1 {
	font-family: Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold; 
}
                             
/* 記事のタイトル 
------------------------------------------------*/
h2 {
	font-size: 134%;
	font-weight: bold;
}                              /* 16px */


/* コメント、トラックバック、コメント編集の見出し 
------------------------------------------------*/
h3 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 125%;
	font-weight: bold;
	font-style:italic;
}                              /* 15px */


/* その他の見出し
------------------------------------------------*/
/* コメント、コメントレス、トラックバック、プラグイン */
h4 {
	font-size: 110%;
	font-weight: bold;}        /* 13px */

h5,h6 {
	font-size: 100%;
	font-weight: bold;
}                              /* 12px */


/*************************************************
  リンク
*************************************************/

/* リンクの基本設定 
------------------------------------------------*/
a { text-decoration: none; }

/* 通常のリンク */
a:link { color: #DB7093; }

/* 訪問したリンク */
a:visited { color: #DB7093; }

/* マウスが乗ったときのリンク */
a:hover { text-decoration: underline; }

/* マウスをクリックしたときのリンク */
a:active { text-decoration: underline; }


/* ブログのタイトル 
------------------------------------------------*/
#TopTitle{font-family: 'Meddon', 'Noto Serif TC', 'Meiryo UI', cursive;}
h1#TopTitle a:link, 
h1#TopTitle a:visited { color: #CD6090; }

h1#TopTitle a:hover {
	position: relative;
	top: 2px;
	left: 2px;
	text-decoration: none;
}

/* 記事タイトル 
------------------------------------------------*/
.EntryTitle h2 a:link,
.EntryTitle h2 a:visited { color: #CD6090; }

.EntryTitle h2 a:hover {
	color: #FBB;
	text-decoration: none;
}

/* 記事内リンクと追記リンク 
------------------------------------------------*/
.EntryTextBox a:link, 
.EntryTextBox a:visited { text-decoration: underline; }

.EntryTextBox a:hover { text-decoration: none; }

/* 記事フッター 
------------------------------------------------*/
.EntryFooter a:link { color: #EC81A4; }

/* ページナビ
------------------------------------------------*/
ul.PageLinkBlock li a:link,
ul.PageLinkBlock li a:visited {
	text-decoration: none;
	color: #555;
}

ul.PageLinkBlock li a:hover,
ul.PageLinkBlock li a:active {
	background-color: #E2ADCB;
	text-decoration: none;
	color: #555;
}

ul.PageLinkBlock li .PageLink:link,
ul.PageLinkBlock li .PageLink:visited {
	background-color: transparent;
	border: none;
	color: #DB7093;
}

ul.PageLinkBlock li .PageLink:hover {
	background-color: transparent;
	text-decoration: underline;
	color: #DB7093;
}

/* コメント 
------------------------------------------------*/
div.CommentTextBox a:link,
div.CommentTextBox a:visited {
	color:#666;
	text-decoration: underline;
}

div.CommentTextBox a:hover { color: #AAA; }

/* プラグインリンク 
------------------------------------------------*/
div.PluginInnerBlock a:link,
div.PluginInnerBlock a:visited { color: #CD6090; }

/* プラグインタイトル 
------------------------------------------------*/
h4.PluginTitle a:link,
h4.PluginTitle a:visited { color: #333; }

h4.PluginTitle a:hover {
	color: #555;
	text-decoration: none;
}

/*************************************************
  レイアウト
*************************************************/

/*メインブロック
------------------------------------------------*/
div#mainBlock {
	width: 800px;
	margin: 0 auto 0 3%;    /* 左寄せ　右寄せは 0 3% 0 auto */
	text-align:center;
}

/* コンテンツ（記事やコメント等を包括） 
------------------------------------------------*/
div#Contents {
	float: left;           /* 左寄せ　右寄せにするときはright */
	width: 570px;
	text-align: center;	
}

/*ヘッダー
------------------------------------------------*/
div#TopBlock {
	height: 100px;
	margin-top: 20px;
	text-align: left;
	overflow: hidden;
}

/*エントリーブロック（記事と記事の上の各検索部分）
------------------------------------------------*/
div#EntryBlock {
	clear: left;
	margin: 0 10px 10px;
	border: solid 1px #CCC;
	background-color: #FFF;
}

/* メニュー（プラグイン）
------------------------------------------------*/
div.PluginBlock {
	float: right;          /* 右寄せ　左寄せにするときはleft */
	width: 230px;
	margin: 10px 0 20px;
	filter:alpha(opacity=75); /*IE5、IE5.5、IE6、IE7*/ 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*IE8*/ 
	opacity: .75; /*Opera9.0+、Firefox1.5+、Safari、Chrome*/ 
	color: #333;
}

/* IE6 */
* html div#EntryBlock, * html div.PluginInnerBlock { zoom: 1; }

/*フッター
------------------------------------------------*/
div#FooterBlock {
	margin-top: 25px;
	text-align: center;
}

/* clearfix（削除しないでください）
----------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix { min-height: 1px; }  /* IE7 */

* html .clearfix { height: 1px; }  /* IE6 */


/*************************************************
  ヘッダー
*************************************************/

/*ブログのタイトル */
h1#TopTitle {
	margin: 22px 0 0;
	padding: 0 10px;
}

/*ブログの説明 */
p#TopExplanation {
	padding: 2px 10px;
	color: #999;
}


/*************************************************
  メニュー
*************************************************/

/* 上部メニューとリスト部分の基本指定
------------------------------------------------*/
#nav, #nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	text-align: left;
}

/* 上部メニュー
------------------------------------------------*/

/* 全体指定 */
#nav {
	margin: 0 10px 25px 11px;
	z-index: 10;
}

/* 上部メニューの枠 */
#nav li{
	float: left;
	position: relative;
	margin-left: -1px;
}


/* 上部メニューの中身 */
#nav a{
	display: block;
	height: 18px;
	padding: 3px 5px;
	border-top: solid 1px #CCC;      /* 枠線の指定 */
	border-right: solid 1px #CCC;
	border-left: solid 1px #CCC;
	text-decoration: none;
	background-color: #FFF;
        color: #555;                     /* 文字色 */
}

/* メニューとリストにマウスが乗ったときの背景色 */
#nav a:hover{ background-color: #E2ADCB; }

/* リスト部分
------------------------------------------------*/

/* 全体指定 */
#nav ul{
	margin: 0;
	width: 16em;
	position: absolute;
	display: none;
	top: 26px;
    left: 2px;
}

/* 各リストの中身 */
#nav li ul a{
	width: 16em;
	padding: 4px 1em;
    margin-top: -1px;
	margin-left: -1px;
	height:auto;
	float:left;
	border: solid 1px #CCC;          /* 枠線の指定 */
	background-color: #FEF;          /* 背景色 */
}

/* 記事の日付部分 */ 
#nav ul a span { font-size: 84%; }      /* 文字の大きさ10px */

/* アーカイブの幅 */
#nav ul .Ach { width: 7.5em; }

/* リストの画像 */
#nav ul li img {
	margin: 0;
	vertical-align: top;
}

/* IE6対策 */
* html #nav a { height: auto; }

* html #nav li { margin-left: -1px; }

* html #nav ul {
	top: 2.05em;
	left: 1px;
    border-top: solid 1px #CCC;         /* 上枠線の指定 */
}

* html #nav li ul a { margin-left: 0; }

* html div#EntryBlock { clear: none; }


/*************************************************
  カテゴリー、アーカイブ、キーワード検索ページ
*************************************************/

/* 各検索ブロックの全体指定
------------------------------------------------*/
div#seach {
	padding: 15px 20px;
	text-align: left;
}

/* 各タイトル
------------------------------------------------*/
h4.SearchTitle {
	padding: 4px 5px 0;
	text-align: center;
	border-bottom: solid 3px #FFE3E3;
}

/* 前後のページリンク
------------------------------------------------*/
ul.SearchNavi {
	margin: 8px 0;
	text-align: center;
}

ul.SearchNavi li {
	display: inline;
	font-size: 84%;             /* 10px */
}

/* 各検索ブロックの記事リスト
------------------------------------------------*/
ul.SearchContents {
	margin: 15px 0;
	padding: 10px;
	border: dotted 1px #CCC;
	font-size: 109%;           /* 13px */
}

ul.SearchContents li {
	list-style: inside disc;
}


/*************************************************
  記事上のプラグイン4（記事一覧ページのみ）
*************************************************/

/* プラグイン4のボックス
------------------------------------------------*/
div.Plugin4InnerBlock {
	margin: 20px 20px 10px;
	text-align: left;
}

/* プラグインタイトル */
h4.Plugin4Title {
	margin-bottom: 10px;
	padding-top: 8px;
	border-bottom: solid 3px #FFE3E3;
	text-align: center;
}

/* プラグイン表示部分 */
div.Plugin4Body {
	padding: 0 10px 10px;
	border-bottom: dotted 1px #CCC;
}

/* プラグイン本体 */
div.Plugin4Contents { margin: 10px 0; }


/*************************************************
  記事下のプラグイン5（記事詳細ページのみ）
*************************************************/

/* プラグイン5のボックス
------------------------------------------------*/
div.Plugin5InnerBlock {
	margin: 20px 20px 0;
	text-align: left;
	font-size: 109%;          /* 13px */
}

/* プラグイン本体 */
div.Plugin5Contents { margin: 5px 0; }


/*************************************************
  エントリー（記事ブロック）
*************************************************/

/* 各記事の全体指定
------------------------------------------------*/
div.EntryInnerBlock {
	margin-top: 30px;
	padding: 10px 20px 0;
	text-align: left;
}

/* 記事タイトル
------------------------------------------------*/
ul.EntryTitle {
	padding: 3px 0 8px 50px;
	background: url(//kasuarashi.3rin.net/File/bullet.jpg) left center no-repeat;  /* 画像 */
	color: #CD6090;
}

/* 日付部分 */
ul.EnbtryTitle li .EntryTime {  }

/* 記事文章の入るボックス
------------------------------------------------*/
div.EntryTextBox {
	padding: 7px 0 2px;
	line-height: 1.8;
	font-size: 109%;          /* 13px */
}

/* 記事文章 */
div.EntryText { padding-top: 10px; }

hr.EntryText { 
	border-top: 1px dashed #555;
	border-bottom: 1px solid #555;
	color: #fff;
	background-color: #fff;
	height: 4px;
 }

/* 追記文上部罫線 */
hr.PsText {
	margin: 25px 0 15px;
	height: 1px;
	text-align: center;
	background-color: #ACACAC;
	color: #ABABAB;
	border: none;
}

/* 追記文へのリンク */
p.EntryPsTitle {
	margin: 10px 0 5px;
	text-align: right;
}

/* ランキングバナーや広告が入るところ */
div.TextFooter {
	margin-top: 15px;
    margin-bottom: 2px;
	text-align: left;
}

/* 記事フッター（記事下のリンク部分）*/
ul.EntryFooter {
	padding: 2px 10px 10px;
	height: 55px;
	text-align: right;
	position: relative;
	background: url(//kasuarashi.3rin.net/File/footer.gif) center bottom no-repeat;
}

ul.EntryFooter li { display: inline; }


/* 記事アクセサリー
------------------------------------------------*/

/* 記事内の画像 */
.EntryText img, 
.EntryText a img {
	margin: 2px 4px;
}

/* ランキングバナー用画像 */
.TextFooter img,
.TextFooter a img { margin: 1px; }
	
/* 記事内のリストと定義リスト */
.EntryTextBox ul,
.EntryTextBox ol {
	margin: 1em 0;
	padding-left: 2em;
}

.EntryTextBox ul li { list-style: disc outside;	}

.EntryTextBox ol li { list-style: decimal outside; }

.EntryTextBox dl { margin: 1em 0; }

.EntryTextBox dl dt { font-weight: bold; }

.EntryTextBox dl dd { margin: 0 1em 1em; }

/* 記事内の引用文 */
.EntryTextBox blockquote {
	margin: 1em 0.5em;
	padding: 10px;
	border: dotted 1px #CCC;
	background-color: #FFF0FF;
}

/* 記事内の短い引用文*/
q        { quotes : '"' '"' "'" "'" ; color: #CD69C9; }
q:before { content: open-quote; }
q:after  { content: close-quote; }

/* 拍手 */
.NinjaClap img { vertical-align: middle; }

/* その他のアクセサリー
------------------------------------------------*/
.EntryTextBox p { margin: 1em 0; }

.EntryTextBox em { color: #CD69C9; }

.EntryTextBox pre {
	margin: 1em 0 1em auto;
	padding: 1em;
	border: 3px solid  #DDD;
	font-family: sans-serif;
	width: 92%;
	overflow: auto;
	line-height: 1.2;
}

/* IE6 */
* html pre { overflow: scroll; }

/* IE7 */
*:first-child+html pre { overflow: scroll; }

code {
	font-family: "Lucida Console", Monaco, monospace;
	line-height : 1.2;
}

	
/*************************************************
 ページナビ
*************************************************/

ul.PageLinkBlock { text-align: center; }

ul.PageLinkBlock li { display: inline; }

ul.PageLinkBlock li a {
	margin: 0 2px;
	padding: 3px 4px;
	background-color: #FFF;
	border: solid 1px #CCC;
}


/*************************************************
 コメント
*************************************************/

/*コメントブロックの全体指定
------------------------------------------------*/
div.CommentBlock {
	margin-top: 20px;
	padding: 10px;
	text-align: left;
}

/*コメント見出し
------------------------------------------------*/
h3.CommentMenuTitle{
	margin-bottom: 20px;
	padding: 2px;
	text-align: center;
	border: solid 1px  #CCC;
	color: #333;
	background-color: #C8A3C4;
}

/*コメントボックス
------------------------------------------------*/
div.CommentTextBox{
	margin: 7px 0;
	padding: 10px;
	border: solid 1px #999;
	background-color: #FFE7FF;
	color: #444;
	filter:alpha(opacity=75);
	opacity:0.75;
}

/*コメントのタイトル */
h4.CommentTitle{
	margin: 5px;
	padding-left:5px;
	border-left: solid 20px #AF87B9; 
	color: #333;
}

/*コメント文章部分 */
div.CommentText {
	padding: 10px;
}

/*コメントフッター */
ul.CommentFooter {
	text-align: right;
	padding: 5px 5px 0;
}

ul.CommentFooter li { display: inline; }


/*************************************************
 コメントレス
*************************************************/

/* レスブロックの全体指定
------------------------------------------------*/
div.CommentResBlock {
	margin: 5px 0 10px;
	background-color: #FFF;
	filter:alpha(opacity=75);
	opacity:0.75;
	border: solid 1px #BBB;
	color: #444;
}

/* レスボックス 
------------------------------------------------*/
div.CommentResBox {
	margin: 4px;
	padding: 5px;
}

/* レスタイトル */
h4.CommentResTitle {
	margin: 5px;
	padding-left: 5px;
	border-left: 20px solid #CA8BA7;
	color: #333;
}

/* レス文章部分 */
div.CommentResText { padding: 10px; }

/* レスフッター */
ul.CommentResFooter {
	text-align: right;
	padding: 2px 10px;
}

ul.CommentResFooter li {display: inline; }


/*************************************************
 トラックバックエリア
*************************************************/

/* トラックバックブロックの全体指定 
------------------------------------------------*/
div.TrackbackBlock{
	margin: 20px 0;
	padding: 10px;
	text-align: left;
}

/* トラックバック見出し
----------------------------------------------- */
h3.TrackbackMenuTitle{
	margin-bottom: 20px;
	padding: 2px;
	text-align: center;
	border: solid 1px  #CCC;
	color: #333;
	background-color: #DDBBCB;
}

/* URL見出し */
p.TrackbackURLTitle{
	margin-bottom: 20px;
	text-align: center;
}

/* URL表示部分 */
input#TrackbackURL{ width: 300px; }

/* トラックバックボックス
------------------------------------------------*/
div.TrackbackTextBox{
	margin: 5px 0 10px;
	padding: 5px;
	background-color: #FFF;
	filter:alpha(opacity=75);
	opacity:0.75;
	border: solid 1px #BBB;
}

/* トラックバックタイトル */
h4.TrackbackTitle{
	margin: 5px;
	padding-left: 5px;
	border-left: 20px solid #DFB3C2;
    color: #333;
}

/* トラックバック記事部分 */
div.TrackbackText{
	padding: 10px;
	line-height: 1.4;
}

/* トラックバックフッター */
ul.TrackbackFooter{
	text-align: right;
	padding: 2px 10px;
}

ul.TrackbackFooter li { display: inline; }


/*************************************************
  コメント編集ページ
*************************************************/

/* 編集ブロックの全体指定 
------------------------------------------------*/
div.CommentEditBlock {
	margin-top: 20px;
	padding: 10px;
	text-align: center;
}

/* 編集タイトル 
------------------------------------------------*/
h3.CommentEditTitle {
	margin-bottom: 20px;
	padding: 2px;
	text-align: center;
	border: solid 1px  #CCC;
	color: #333;
	background-color: #C8A3C4;
}


/*************************************************
 フォーム
*************************************************/


/*フォームブロック
------------------------------------------------*/
div.CommentFormBlock{
	margin-bottom:30px;
	padding-left: 70px;
	text-align: left;
}

/* フォーム
-----------------------------------------------*/
dl.Form dt {
	padding:2px 0 0;
	font-weight: bold;
}

dt span { font-weight: normal; }

dd input.CommentForms { width:250px;}

/* コメントを書く部分 */					  
dd textarea {
	width: 400px;
	padding: 2px;
}

/* 絵文字のアイコン */
dd img {
	margin: 0;
	padding: 0;
}

/* 秘密コメントボタン */
input.check {
	border: none;
	background: none;
	margin-right: 0.5em;
	vertical-align: bottom;
}

/* 送信ボタン */
input.btn { background-color: #EEE; }

input.btn:hover { background-color: #E2ADCB; }

/* コメントページに戻るボタン */
input.BackButton { background-color: #EEE; }

input.BackButton:hover { background-color: #E2ADCB; }


/*************************************************
  プラグイン
*************************************************/

/* アドミンブロック 
------------------------------------------------*/
div.AdminBlock {
	margin: 0 10px;
	padding: 10px 0 0;
	text-align: center;
}

/* プラグインブロック
------------------------------------------------*/
div.PluginInnerBlock {
	margin: 0 10px 15px;
	padding: 0 10px;
	border: solid 1px #BBB;
	background-color: #FFF;
	text-align: left;
}

/* プラグインタイトル */
h4.PluginTitle {
	margin-bottom: -1px;
	padding: 10px 5px;
	text-align: center;
	border-bottom: dotted 1px #BBB;
}

/* プラグインの説明 */
div.PluginExplanation {
	margin: 10px 5px;
	line-height: 1.4;
}

/* プラグイン表示部分 */
div.PluginContents {
	padding: 2px 5px;
}

/* プラグイン 
------------------------------------------------*/
/* ブログ内検索 */
div.blogsearch {
	padding: 5px;
	vertical-align: middle;
}

.blogsearch input.box {
	width: 150px;
	margin-bottom: 5px;
}

/* バーコード */
div.qrcode_image {
	padding: 5px;
	text-align: center;
}

/* 各プラグイン共通部分
------------------------------------------------*/
/* プラグイン本体 */
div.plugin_data {
	text-align: left;
	padding: 3px 5px;
}

 /* レスのアイコン */
div.plugin_data .plugin_cm_with_res img {
	margin: 0 3px;
	vertical-align: top;
}

/* プラグインの日付、他 */
div.plugin_data_date { text-align: right; }

/* テキスト左、中央、右寄せ */
.left { text-align: left; }

.center { text-align: center; }

.right { text-align: right; }

/*************************************************
  カレンダー
*************************************************/

/* 日付移動用テーブル（前月、次月へのリンクなど）
------------------------------------------------*/
.CalendarMoveTable {
        padding: 3px;
        width: 98%;
}

/* 日付移動用テーブル、trタグ部分 */
.CalendarMoveTr {
}

/* 日付移動用テーブル内、左側td部分 */
.CalendarPrevTd {
}

/* 日付移動用テーブル内、中央td部分 */
.CalendarNowTd {
}

/* 日付移動用テーブル内、右側td部分 */
.CalendarNextTd {
}

/* カレンダー表示用テーブル
------------------------------------------------*/
.CalendarTable {
        width: 98%;
        padding: 3px;
		border-collapse: separate;
		border-spacing:3px;
}

/* カレンダーテーブル  曜日表示部分デザイン
------------------------------------------------*/

/* 曜日表示部分（trタグ部分）*/
.CalendarWdayTr { background-color: #A83D60; }

/* 曜日表示部分、日曜日のthタグ部分 */
.CalendarWdaySun { color: #FCC; }

/* 曜日表示部分、平日のthタグ部分 */
.CalendarWday { color: #DDD; }

/* 曜日表示部分、土曜日のthタグ部分 */
.CalendarWdaySat { color: #CFF; }


/* カレンダーテーブル  日付表示部分デザイン
------------------------------------------------*/

/* 日付表示部分（trタグ部分）*/
.CalendarTr {  }

/* 日付表示部分、日曜日のtdタグ部分 */
.CalendarTdSun { color: #CA5F82; }

/* 日付表示部分、土曜日のtdタグ部分 */
.CalendarTdSat { color: #ACB3DF; }

/* 日付表示部分、平日曜日のtdタグ部分 */
.CalendarTd {  }

/* 記事が存在する場所の設定 */
.CalendarTdLink { background-color: #EED0EE; }

/* 記事が存在する日付の文字色の設定 */
.CalendarTdLinkFont { font-weight: bold; }

/* scrollbar
------------------------------------------------*/
/*ie適用*/
HTML
{scrollbar-face-color : #F9BAB9; 
 scrollbar-highlight-color : #DB7093; 
 scrollbar-shadow-color : #DB7093;
 scrollbar-3dlight-color: #ffffff;
 scrollbar-arrow-color : #DB7093; 
 scrollbar-track-color: #ffffff;
 scrollbar-darkshadow-color : #ffffff;}
/*Google瀏覽器適用*/
::-webkit-scrollbar  {background:#FFFFFF;}
::-webkit-scrollbar-track  {background:transparent;}
::-webkit-scrollbar-track-piece
{background:#ffffff;
 border:1px dotted #F9BAB9;} 
::-webkit-scrollbar-thumb  
{background:#F9BAB9;
 border:3px double #DB7093;}
::-webkit-scrollbar-thumb,::-webkit-scrollbar-track-piece
{	-moz-border-radius:5px 11px 5px 11px;
	-khtml-border-radius:5px 11px 5px 11px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:11px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:11px;}
::selection { background-color: #E2ADCB;color: #555555; }
::-moz-selection { background-color: #E2ADCB;color: #555555; }