@charset "utf-8";

* {font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic",Osaka,sans-serif; margin:0; padding:0;}
html { font-size:12px !important; *font-size:75% !important; }
/*\*/ a { overflow: hidden; }/**/

form { margin:0px; }
.menu_frame select { width:88%; }
.page a { text-align: center; padding: 3px; line-height:1.5; }
.page .now { padding: 5px; font-weight:bold; }
.entry .contents { line-height:1.5; }
.entry .contents img { margin: 5px 0; }
#profile .link_blog { font-size: 14px; }
#fortune { padding-bottom:15px; }
#message .contents:after, .entry .contents:after, #profile .contents:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#message .contents, .entry .contents, #profile .contents { display: inline-table; }
/* Hides from IE-mac \*/
* html #message .contents, * html .entry .contents, * html #profile .contents { height: 1%; }
#message .contents, .entry .contents, #profile .contents { display: block; }
/* End hide from IE-mac */

/* comment_show */
#comment_show { width:338px; margin:0px auto; padding:0px;}
#comment_show h4 { margin:10px 10px 0px; padding:0px 0px 0px 20px; font-size:12px; background:url(//stat100.ameba.jp/p_skin/cmn/img/ico_commentshow.gif) no-repeat 0px 2px; }
/* add:2006.07.11 */
#comment_show ul { width:338px; margin:0px; padding:0px; }
#comment_show p { margin:0px 10px 10px; padding:0px; }
#comment_show input#commentbutton { width:140px; margin-right:6px; margin-bottom:6px; padding:0px; }

body {text-align:center;}
#frame { width: 800px; margin:0 auto; text-align:left; }
#wrap { width: 800px; }
#sub_main { width:100%; overflow:hidden; }
#sub_a, #sub_b, #main { overflow:hidden; word-break:break-all; }
#sub_a { color:#666666; }
#sub_b { color:#666666; }
img { border: 0; }
blockquote { margin:12px 0; padding:10px; border:2px dotted #D4D4D4; }
pre { margin:0; padding:0; }
a { text-decoration: none; color:#0066CC; }
a:visited { text-decoration: none; color:#996699; }
a:hover { text-decoration: underline; color:#FF3366; }
input, textarea { }
p { margin: 0; padding: 0; }
.menu_frame ul, .menu_frame li, .menu_frame dl, .menu_frame dt, .menu_frame dd, #comment_module ul, #comment_module li, #trackback ul, #trackback li, #reader_list ul, #reader_list li, #favorite_list ul, #favorite_list li, #bookmark_list ul, #bookmark_list li { margin: 0; padding: 0; list-style-type:none; }
.menu_title, .mainMenu ul, .mainMenu dl, .mainMenu p, .list, .link_blog, #archives select, #theme_list select, #search form { margin-left: 6px; margin-right: 6px; }
.menu_title{ background-repeat: no-repeat!important; text-indent: -9999em; font-size:1px; }

p.list, p.link_blog { padding-top: 5px; }
#frame:after, #wrap:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#frame, #wrap { display: inline-block; min-height: 1%; }
/* Hides from IE-mac \*/
* html #frame, * html #wrap{ height: 1%; }
#frame, #wrap{ display: block; }
/* End hide from IE-mac */

/*■■■■■■■■■■■ ヘッダー ■■■■■■■■■■■■*/
div#header {}
div#header h1 {margin:0; padding:0; font-size:1px; font-weight: bold; line-height:1.2; }
div#header h1 a {display:block; text-indent:-9999em;}
div#header h2 {margin:0px; padding:0; font-size:1.0em; font-weight: normal; line-height:1.2; }
/*■■■ヘッダー内ナビゲーション*/

div#userNaviArea { position: absolute; top: -9999px; }
div#userNaviArea a#userNickName { float:left; padding:0; font-size:1em; }
div#userNaviArea a { font-weight:bold; }
ul#navigationList { margin:0; padding:0; list-style-type:none; }
ul#navigationList li { float:left; margin:0; padding:0; }
ul#navigationList li.lastItem { border:none; }

/*■■■■■■■■■■ メインコラム ■■■■■■■■■■■*/

/*■■■メインコラム＿メッセージボード*/
#message { margin-bottom:20px; }
#message .contents { padding:0; }
/*■■■メインコラム＿記事*/
.entry { margin-bottom: 40px; }
.entry .entry_head { height:16px; }
.entry .theme { display:block; padding:0 0 5px 0; }
.entry .date { display:block; margin:0; padding: 1px 0px; }
.entry .name { display:block; float:right; margin:2px 0 0 0; padding:0; font-size:0.85em; }
.entry h3.title { clear:both; margin:0 0 8px 0; padding:3px 5px; font-size:1.5em; font-weight: bold; line-height:1.1; }
.entry .contents { margin:15px 0 15px 0; line-height: 1.5; }
/* CSS3のみ */
.contents img[src*="blog"]{vertical-align:middle;}
.contents img[src*="emoji"]{vertical-align:middle;}
.contents img[src*="common_style"]{vertical-align:middle;}

*:first-child+html .entry .contents img {}
.entry .foot { padding-top: 5px; font-size:0.85em; text-align: right; }

/*■■■メインコラム＿記事 下部広告*/
#footer_ad { margin:20px auto 10px auto; text-align: center; }

/*■■■メインコラム＿ページ送り*/
.page { margin:0 auto 14px auto; padding:7px 0 0; font-size:0.85em; text-align: center; }

/*■■■メインコラム＿トラックバック*/
#trackback { margin:15px 0 0; padding:0; border-top:3px double #7E8984; line-height: 1.5; }
#trackback h3.title { margin: 0px; padding:7px 0 8px 0; background:none; font-size:1.17em; }
#trackback .label { font-weight: bold; }
#trackback p.tr_URL { margin-bottom: 16px; padding:0 0 8px 0; border-bottom:1px dotted #7E8984; }
#trackback ul { margin:8px 0 18px 0; padding:0 0 8px 0; border-bottom:1px dotted #7E8984; }

/*■■■メインコラム＿コメント*/
#comment_module { border-top:3px double #7E8984; line-height: 1.5; }
#comment_module h3.title { margin: 0px; padding:7px 0 8px 0; background:none; font-size:1.17em; }
#comment_module p.list { margin: 0px 0px 10px 0px; padding: 0px; font-size:0.85em; }
#comment_module .comment_body { margin: 0; padding:0 0 10px 0; }
#comment_module .each_comment { margin: 0; padding:0 0 20px 0; }
#comment_module .comment_footer { margin:0; padding:0; border-top:1px dotted #7E8984; }
#comment_module .error { margin-top: 20px; padding-bottom: 10px; color:#FF0000; }
#comment_module .label { font-weight: bold; }
#comment_module form ul { width: 340px; margin:0 auto; }
#comment_module form li { display: block; width: 340px; margin-bottom: 5px; }
#comment_module li.lastItem { display: block; width: 330px; margin-bottom: 5px; text-align: right; }
#comment_module .button { margin-left: 5px; width: 80px; font-size:0.91em; }

/*■■■メインコラム＿読者一覧■*/
#reader_list h3.title { margin: 0px; padding:7px 0 8px 0; background:none; font-size:1.17em; }
#reader_list li { margin:0; padding:8px 0; border-bottom: 1px dotted #7E8984; }
#reader_list .reader_blog { display:block; margin-top:2px; }

/*■■■メインコラム＿お気に入りブログ一覧*/
#favorite_list h3.title { margin:0; padding:0 0 5px 0; background:none; font-size:1.17em; }
#favorite_list ul { }
#favorite_list li { margin: 0; padding:8px 0; border-bottom: 1px dotted #7E8984; }
#favorite_list .favorite_blog { display:block; margin-top:2px; }
#favorite_list .favorite_theme { display:block; margin-top:2px; }

/*■■■メインコラム＿ブックマーク一覧*/
#bookmark_list h3.title { margin: 0px; padding:7px 0 8px 0; background:none; font-size:1.17em; }
#bookmark_list ul { }
#bookmark_list li { margin-bottom: 4px; padding:4px 0; border-bottom: 1px dotted #7E8984 }

/*■■■メインコラム＿最新記事一覧*/
#recent_entries_list h3.title { margin: 0px; padding:7px 0 8px 0; background:none; font-size:1.17em; }
#recent_entries_list li { margin:0; padding:8px 0; border-bottom: 1px dotted #7E8984; }

/*■■■サイド＿サイドA,B共通項目*/
.list { }
h4.menu_title { margin:0 0 10px 0; padding:3px 6px; color: #333333; font-size:1.17em; font-weight: bold; }
div.mainMenu { margin:0 0 30px 0; padding:0; font-size:0.91em; line-height: 1.3; }
div.menu_frame { }
/*■■■サイド＿ランキング*/
#ranking .menu_frame { line-height: 1.4; }
#ranking .rank_ttl { font-size:1.2em; font-weight:bold; }
#ranking .menu_frame img { vertical-align:bottom; }
/*■■■サイド＿プロフィール*/
#profile p { display: block; }
#profile #new_profile { }
#new_profile #ameNaviArea li{font-size:10px!important;}
/*■■■サイド＿ブログの読者*/
#reader dl { margin-bottom: 7px; }
#reader dd { }
#reader ul { margin:5px 5px 0 5px; padding:8px 0 0 0; border-top:1px dotted #7E8984; }
#reader li { }
#reader p { display: inline; }
/*■■■サイド＿カレンダー*/
#calendar { }
#calendar .menu_title { }
#calendar table { width: 168px; font-size:0.91em; line-height:1.3; }
#calendar caption { padding:5px 0px; }
#calendar caption a { padding:0px 5px; }
#calendar .sun { }
#calendar .sat { }
#calendar td, #calendar th { padding:0px; text-align:center; }
#calendar td a { font-weight:bold; text-decoration: underline; }

/*■■■サイド＿テーマ*/
#theme_list {}

/*■■■サイド＿最近の記事一覧*/
#recent_entries {}

/*■■■サイド＿アーカイブ*/
#archives {}

/*■■■サイド＿検索*/
#search form { margin:0 7px; }
#search .searchbox { width: 100px; }
#search .searchbtn { width: 40px; }

/*■■■サイド＿お気に入りブログ*/
#favorite { }

/*■■■サイド＿ブックマーク*/
#bookmark { }

/*■■■サイド＿最近のコメント*/
#ecent_comment { }

/*■■■サイド＿ランキング*/
#ranking .rank_ttl { display: block; }
#ranking .rank { display: block; padding:0 3px 0 3px; }
#ranking a { }
#ranking img { margin-left: 5px; }
#ranking .rank_all, #ranking .rank_genre { margin-bottom: 8px; }

/*■■■サイド＿アメブロ推奨枠*/
#ameblo { padding-top: 7px; font-size:0.85em; text-align: center; }
#ameblo p { padding:0 7px 7px 7px; line-height: 1.25; text-align: left; }
#ameblo li { display: block; margin-bottom: 5px; }

/*■■■サイド＿RSS*/
#rss { margin: -3px auto 0 auto; padding-bottom:16px; border: none; background-image: none; text-align: center; }

/*■■■サイド＿プラグイン*/
.plugin { margin-bottom:15px; text-align: center; }

/*■■■エントリーした＿PR*/
.genAnch{ _height:60px!important;}
#gadBox{ _height:auto!important;}
#themeBox{ _height:auto!important;}

/*■■■■■■■■■■■ フッター ■■■■■■■■■■■■*/
div#footerArea { margin:0; padding:12px 8px 25px 0; text-align:right; }


/*------------------------------------------------------
2009/12/20
http://ameblo.jp/ruri-kiyohara/

--------------------------------------------------------*/


a:link { color: #660000; text-decoration: underline; }
a:visited { color: #660000; text-decoration: underline; }
a:hover { color: #FF3300; text-decoration: none; }

/*Bodyの背景*/
body { background: url() repeat-x 0px 24px #EBE8C5; }
#frame { background:url() repeat-y center top #F19975; width:820px; margin:0 auto;}
#wrap { width:800px; margin:0 auto; }
#subFrame { background:url(http://ameblo.alpichan.com/data/ruri-kiyohara/header.png) no-repeat center 0px; }
#overHeader { }
#header { height:400px; padding:0; }
#header h1 { padding:0!important; }
#header h1 a { height:340px; }
#header h2 { display:none; }

/*各カラムの設定*/
#main { float: left; width: 440px; margin:0; padding:0 0 0 10px; color:#222; }
#sub_a { float: left; z-index: 1; width:170px; margin:0; padding: 0; color:#222; }
#sub_b { float: right; z-index: 2; width:170px; margin:0; padding:0; color:#222; }

.entry { margin:10px 0px; position:relative; background:url(http://ameblo.alpichan.com/data/ruri-kiyohara/ent_head.png) no-repeat 0px 0px; }
.entry_head { margin:0; padding:0; height:40px!important; position:relative; }
.entry .date { font-size:12px; position:absolute; top:15px; left:0px; text-align:right; width:420px; }
.entry h3.title { padding:20px 10px 10px 40px; margin:0; font-size:14px; color:#CC6600!important; background:url(http://ameblo.alpichan.com/data/ruri-kiyohara/ent_h3.png) no-repeat 10px 2px; }
.entry .theme { position:absolute; top:15px; left:10px;}
.entry .name { display:none; }
.entry .contents { margin:0; padding:0; background: url(http://ameblo.alpichan.com/data/ruri-kiyohara/ent_main.png) repeat-y 0px bottom; }
.entry .subContents { margin:0; padding:10px 10px 10px; background: url(http://ameblo.alpichan.com/data/ruri-kiyohara/ent_food.png) no-repeat 0px bottom; min-height:100px; }
.entry .foot { padding: 5px 10px 10px 10px; height:30px; text-align:right; background: url() no-repeat 0px top; font-weight: bold; }

#themeBox { padding-top:10px!important; }
#comment_module,#trackback { border-top:none; }
#comment_module .list,#trackback p { margin:0 20px!important; padding:0; background: url() no-repeat; }
#comment_module,#trackback,#reader_list,#recent_entries_list,#favorite_list,#bookmark_list { padding:10px 0;}
#comment_module h3.title,#trackback h3.title,#reader_list h3.title,#recent_entries_list h3.title,#favorite_list h3.title,#bookmark_list h3.title { text-indent:-9999em; font-size:1px; height:35px; border-top:none; }
#comment_module h3.title { background:url(http://ameblo.alpichan.com/data/ruri-kiyohara/title_comment.png) no-repeat center center; }
#reader_list h3.title { background:url(http://ameblo.alpichan.com/data/ruri-kiyohara/title_reader.png) no-repeat center center; }
#recent_entries_list h3.title { background:url(http://ameblo.alpichan.com/data/ruri-kiyohara/title_ent.png) no-repeat center center; }
#favorite_list h3.title { background:url(http://ameblo.alpichan.com/data/ruri-kiyohara/title_fav.png) no-repeat center center; }
#bookmark_list h3.title { background:url(http://ameblo.alpichan.com/data/ruri-kiyohara/title_book.png) no-repeat center center; }
#comment_show { border-color:#993300; border-style:solid; border-width:2px; }
/*!important*/

.each_comment { background: url() no-repeat center 0px; }
.each_comment .label { margin:0 10px; padding:5px 0; background: url() no-repeat; }
.each_comment .comment_body { margin:0 10px!important; padding:0; background: url() repeat-y; }
#comment_module .comment_footer { margin:0 10px; padding:0; background: url() no-repeat; text-align:right; }
.menu_title { height: 40px; background-position: 0 bottom; }

/* ----------------------- menu_element_background ----------------------- */
#defaultAd .menu_title { margin-top: -9999px; position: absolute; left: 0px; top: 0px; }
/*#defaultAd .menu_title {background-image: url(http://ameblo.alpichan.com/data/ruri-kiyohara/st_pr.png);}*/
#archives .menu_title { background-image: url(http://ameblo.alpichan.com/data/ruri-kiyohara/st_arc.png); }
#bookmark .menu_title { background-image: url(http://ameblo.alpichan.com/data/ruri-kiyohara/st_book.png); }
#calendar .menu_title { background-image: url(http://ameblo.alpichan.com/data/ruri-kiyohara/st_cal.png); }
#favorite .menu_title { background-image: url(http://ameblo.alpichan.com/data/ruri-kiyohara/st_fav.png); }
#profile .menu_title { background-image: url(http://ameblo.alpichan.com/data/ruri-kiyohara/st_prof.png); }
#ranking .menu_title { background-image: url(http://ameblo.alpichan.com/data/ruri-kiyohara/st_rank.png); }
#reader .menu_title { background-image: url(http://ameblo.alpichan.com/data/ruri-kiyohara/st_rea.png); }
#recent_comment .menu_title { background-image: url(http://ameblo.alpichan.com/data/ruri-kiyohara/st_comm.png); }
#recent_entries .menu_title { background-image: url(http://ameblo.alpichan.com/data/ruri-kiyohara/st_ent.png); }
#search .menu_title { background-image: url(http://ameblo.alpichan.com/data/ruri-kiyohara/st_sea.png); }
#theme_list .menu_title { background-image: url(http://ameblo.alpichan.com/data/ruri-kiyohara/st_the.png); }

/*
.mainMenu{ background:url(http://ameblo.alpichan.com/data/ruri-kiyohara/mM.png) repeat-y 0 0;}
.menu_frame{background:url(http://ameblo.alpichan.com/data/ruri-kiyohara/mf.png) no-repeat 0 bottom; padding-bottom:5px;}
#rss.mainMenu,#ameblo.mainMenu,#rss .menu_frame,#ameblo .menu_frame,#freespace.mainMenu,#freespace .menu_frame{ background:none!important;}
*/

#message { padding:0px; margin:0px; background:url(http://ameblo.alpichan.com/data/ruri-kiyohara/msb_main.png) repeat-y center 0; min-height:10px; }
#message .contents { padding:45px 0 0px; margin:0px; background:url(http://ameblo.alpichan.com/data/ruri-kiyohara/msb_head.png) no-repeat center 0; }
#message .subContents { padding:0 10px 30px; margin:0px; background:url(http://ameblo.alpichan.com/data/ruri-kiyohara/msb_food.png) no-repeat center bottom; min-height:10px; }

#calendar table { text-align:center; margin:0 auto; }

#readerList dt a{ text-indent:-9999em; display:block; width:152px; height:30px; background-image:url(//stat.ameba.jp/p_skin/basic_ad/img/btn_reader.gif); background-repeat:no-repeat; margin-bottom:5px;}
#readerList dt a:hover{ background-position:0 bottom;}
#btn_blog { text-indent:-9999em; display:block; width:152px; height:30px; background-image:url(//stat.ameba.jp/p_skin/basic_ad/img/btn_blog.gif); background-repeat:no-repeat; }
#btn_blog:hover { background-position:0 bottom; } /**/
div#footerArea { display:none; }

/*#theme_list .menu_frame li,#archives .menu_frame li,#recent_entries .menu_frame li,#favorite .menu_frame li,#recent_comment .menu_frame li{ background:url(http://ameblo.alpichan.com/data/ruri-kiyohara/list.png) no-repeat 0 3px; padding-left:10px;}*/


/*-------------------  次へ　ボタンCSS -----------------*/
.page { margin:7px auto 10px; text-align:center; height:2qpx; padding-top:3px; }
.page a { padding:0; }
.articlePaging,
.topPaging { margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom: 10px; width:400px; height:22px; position:relative; text-align:center; }
.articlePaging a.firstPage,
.topPaging a.firstPage { background:url(http://ameblo.alpichan.com/data/ruri-kiyohara/btn_back_pink.png) top left no-repeat; display:block; width:25px; height:22px; text-indent:-40000px; position:absolute; top:0; left:0; }
.articlePaging a.previousPage,
.topPaging a.previousPage { background:url(http://ameblo.alpichan.com/data/ruri-kiyohara/btn_prv_pink.png) top left no-repeat; display:block; width:100px; height:22px; text-indent:-40000px; position:absolute; top:0; left:27px; }
.articlePaging a.nextPage,
.topPaging a.nextPage { background:url(http://ameblo.alpichan.com/data/ruri-kiyohara/btn_next_pink.png) top left no-repeat; display:block; width:100px; height:22px; text-indent:-40000px; position:absolute; top:0; right:27px; }
.articlePaging a.lastPage,
.topPaging a.lastPage { background:url(http://ameblo.alpichan.com/data/ruri-kiyohara/btn_fwd_pink.png) top left no-repeat; display:block; width:25px; height:22px; text-indent:-40000px; position:absolute; top:0; right:0; }
.articlePaging a,.articlePaging .now,.topPaging a,.topPaging .now { padding-left:0; padding-right:0; }
.articlePaging a:hover,.topPaging a:hover { background-position:0 -22px; }
.commentPaging { padding-top:20px; }

.plugin{ text-align:left!important;}
.drecomrss_blog_list_item{ font-size:80%; white-space:nowrap;}

/* orignal item css */
#orignal{ position: absolute; left: 50%; top: 364px; height: 50px; width: 820px; margin-left: -410px; background:url(http://ameblo.alpichan.com/data/ruri-kiyohara/navi_off.png) no-repeat center 0;}

#orignal ul{ list-style:none; margin:0; padding:5px 0 0 5px;}
#orignal li{ float:left; font-size:1px; text-indent:-9999em; margin:0!important;}
#orignal li a{ display:block; height:40px; width:135px; background-repeat:no-repeat; background-image:url(http://ameblo.alpichan.com/data/ruri-kiyohara/navi_on.png); margin:0;}
#orignal li a:hover{ background-repeat:repeat;}

#navi01 a{ background-position: 0px 40px;}
#navi02 a{background-position: -135px 40px;}
#navi03 a{background-position: -270px 40px;}
#navi04 a{background-position: -405px 40px;}
#navi05 a{background-position: -540px 40px;}
#navi06 a{background-position: -675px 40px;}
#adJavaScript .HBgColor{background-color:#FFFFFF;}
#adJavaScript .HTitleColor{color:#5B0D44;}
#adJavaScript .HTextColor{color:#333333;}
#adJavaScript .HUrlColor{color:#5B0D44;}
#adJavaScript2 .HBgColor{background-color:#FFFFFF;}
#adJavaScript2 .HTitleColor{color:#5B0D44;}
#adJavaScript2 .HTextColor{color:#333333;}
#adJavaScript2 .HUrlColor{color:#5B0D44;}
#advertising2{
text-align:center;
padding-top:10px;
padding-bottom:5px;
}