@charset "UTF-8";

/* ====== each article ====== */
body#article #main .section01, body#article #main .section03 { background: url(/imgs/kimochi/balloon_left.gif) no-repeat right top; margin-top: 27px; padding-top: 16px; }
body#article #main .section02, body#article #main .section04 { background: url(/imgs/kimochi/balloon_right.gif) no-repeat; margin-top: 27px; padding-top: 16px; }
body#article #main .section02r, body#article #main .section04r { background: url(/imgs/kimochi/balloon_right.gif) no-repeat; margin-top: 27px; padding-top: 16px; }
body#article #main .section01 { margin-top: 1em; }
body#article #main p { margin-bottom: 1em; }
body#article #main p.catch { color:#e28400; font-size: 117%; font-weight: bold; line-height: 1.3; }
body#article #main .section01 .icon, body#article #main .section03 .icon { float: left; margin-top: 50px; width: 100px; }
body#article #main .section02 .icon, body#article #main .section04 .icon { float: right; margin-top: 50px; text-align: right; width: 100px; }
body#article #main .section02r .icon, body#article #main .section04r .icon { float: right; margin-top: 50px; text-align: right; width: 100px; }
body#article #main .section01 p, body#article #main .section03 p { margin-left: 129px; width: 422px; }
body#article #main .section02 p, body#article #main .section04 p { margin-left: 20px; width: 422px; }
body#article #main .section02r p, body#article #main .section04r p { padding:0px 30px 0px 0px; width: 180px; float:right; }
body#article #main .scene { display: block; float: right; margin: 5px 10px; }
body#article #main .section02 .scene, body#article #main .section04 .scene { float: left; }
body#article #main .section02r .scene, body#article #main .section04r .scene { float: left; }

body#article #main .wideImgCntL{ margin:0px 0px 20px 20px !important;}
body#article #main .wideImgCntR{ margin:0px 20px 20px 0px !important;}

body#article #main .annotation{font-size:80%; color:#993333;}

body#article #main .scene img.bottomMargin{margin-bottom:20px;}

body#article #main .bottom { background: url(/imgs/kimochi/balloon_bottom.gif) no-repeat left bottom; clear: both; height: 10px; }
body#article #main .section01 .bottom, body#article #main .section03 .bottom { background-position: right bottom; }
body#article #main h2 { background: url(/imgs/kimochi/icon_leaf.gif) no-repeat; color:#e28400; font-size: 134%; line-height: 1.2; margin-top: 24px; padding: 0 0 8px 23px; text-indent: 0; }

body#article #main .hr { background: url(/imgs/article_line_left.gif) repeat-x; height: 25px; margin-top: 10px; }
body#article #main .btns { padding-top: 10px; }
body#article #main .btns li.clear { width: 561px; }
body#article #main .btns li.next { float: right; margin-left: 20px; }
body#article #main .btns li.prev { float: left; margin-right: 10px; }
body#article #main .btns li.index { float: left; margin-right: 50px; }
body#article #main .btns li.next a, body#article #main .btns li.prev a, body#article #main .btns li.index a { background: url(/imgs/icon_btn01.gif) repeat-x 0 2px; padding: 2px 18px 5px; }
body#article #main .btns li.next a { padding-right: 0; }
body#article #main .btns li.prev a, body#article #main .btns li.index a { background-image: url(/imgs/icon_btn03.gif); }
body#article #main .btns li.next a:hover, body#article #main .btns li.next a:focus, body#article #main .btns li.prev a:hover, body#article #main .btns li.prev a:focus, body#article #main .btns li.index a:hover, body#article #main .btns li.index a:focus { background-position: 600px 2px; }



/* ====== toppage ====== */
body#kimochi #description img { display: block; float: right; margin-top: 15px; width: 142px; }
body#kimochi #description p { float: left; margin-bottom: 0.5em; width: 415px; }
body#kimochi #description p.intro { font-size: 117%; margin-top: 15px; }
body#kimochi #description a { background: url(/imgs/icon_btn01.gif) no-repeat 0 2px; display: block; line-height: 1.2; margin-top: 0.5em; padding: 2px 1em 5px 18px; }
body#kimochi #description a:hover, body#kimochi #description a:focus { background-position: -600px 2px; }

body#kimochi #main .nayami { background: url(/imgs/kimochi/nayami_bg.gif) repeat-y; margin-top: 1em; width: 571px; }
body#kimochi #main .nayami div { float: left; width: 410px; }
body#kimochi #main .nayami .button { float: right; padding-top: 25px; width: 160px; }
body#kimochi #main .nayami .top, body#kimochi #main .nayami .bottom { float: none; height: 17px; width: 571px; }
body#kimochi #main .nayami .bottom { clear: both; font-size: 17px; line-height: 17px; }
body#kimochi #main .nayami .top img { vertical-align: top; }
body#kimochi #main .nayami .bottom img { vertical-align: bottom; }
body#kimochi #main .nayami h2 { background-image: url(/imgs/icon_flower.gif); margin-left: 20px; width: 250px; }
body#kimochi #main .nayami p { background: url(/imgs/kimochi/nayami_pic01.gif) no-repeat 0 2px; margin: 0 0 0 18px; padding-left: 115px; }

body#kimochi #backnumber { background: url(/imgs/article_line_left.gif) repeat-x; margin-top: 10px; padding-top: 35px; }
body#kimochi #backnumber div { float: left; margin-top: 10px; width: 275px; }
body#kimochi #backnumber .cat { float: right; }
body#kimochi #backnumber h2 { height: 48px; margin: 0 0 0 15px; overflow: hidden; padding: 0; width: 255px; }
body#kimochi #backnumber .cat h2 { margin: 0 15px 0 0; }
body#kimochi #backnumber h2 a { background: url(/imgs/kimochi/btns.gif); display:block; height: 100%; text-indent: -9999px; width: 100%; }
body#kimochi #backnumber h2 a:hover, body#kimochi #backnumber h2 a:focus { background-position: 255px 0; }
body#kimochi #backnumber .cat h2 a { background-position: 0 48px; }
body#kimochi #backnumber .cat h2 a:hover, body#kimochi #backnumber .cat h2 a:focus { background-position: 255px 48px; }
body#kimochi #backnumber ul { margin: 15px 0 0 15px; width: auto; }
body#kimochi #backnumber .cat ul { margin: 15px 15px 0 0; }
body#kimochi #backnumber li { line-height: 1.2; padding: 0 0 0.5em 18px; text-indent: -18px; }
body#kimochi #backnumber li a { background: url(/imgs/icon_btn01.gif) no-repeat 0 2px; padding: 2px 0 8px 18px; }
body#kimochi #backnumber li a:hover, body#kimochi #backnumber li a:focus { background-position: -600px 2px; }

body#kimochi #backnumber li.newBg { line-height: 1.2; padding: 0 0 0.5em 18px; text-indent: -18px; }
body#kimochi #backnumber li.newBg a { background: url(/imgs/icon_btn01new.gif) no-repeat 0 2px; padding: 2px 0 8px 37px; }
body#kimochi #backnumber li.newBg a:hover, body#kimochi #backnumber li.newBg a:focus { background-position: -600px 2px; }

body#kimochi #backnumber li img { margin-right: 4px; vertical-align: top; }

body#kimochi #backnumber p { line-height: 1.2; margin: 2em 0 0 55px; }
body#kimochi #backnumber .cat p { margin: 2em 15px 0 40px; }
body#kimochi #backnumber p a { background: url(/imgs/icon_btn04.gif) no-repeat 0 2px; padding: 2px 0 5px 18px; padding-left: 18px; }
body#kimochi #backnumber p a:hover, body#kimochi #backnumber p a:focus { background-position: -600px 2px; }



/* ====== profile ====== */
body#profile #main h2 { width: auto; }
body#profile #main .portrait { float: right; height: 223px; text-align: right; width: 228px; }
body#profile #main div { padding-bottom: 24px; }
body#profile #main div h2, body#profile #main div h3, body#profile #main div p { margin-bottom: 0.5em; }
body#profile #main div h3 { color: #e28400; font-size: 134%; padding-top: 5px; }
body#profile #main .section01 { margin-top: 27px; min-height: 242px; }
body#profile #main p.link { line-height: 1.1; }
body#profile #main p.link a { background: url(/imgs/icon_btn01.gif) no-repeat 0 2px; padding: 2px 1em 5px 18px; }
body#profile #main p.link a:hover, body#profile #main p.link a:focus { background-position: -600px 2px; }

body#profile #main .close { padding-top: 20px; text-align: center; }
body#profile #main .noscript { text-align: center; }



/* ====== form ====== */
body#kimochiform #main h2, body#kimochicomplete #main h2 { margin-top: 15px; }
body#kimochiform #main .intro, body#kimochicomplete #main .intro { font-size: 117%; font-weight: bold; margin-bottom: 0.6em; }
body#kimochicomplete #main .intro { color: #e28400; font-size: 134%; text-align: center; }
body#kimochicomplete #main .caution { margin: 0 72px 0 78px; padding-left: 1em; text-indent: -1em; }
body#kimochiform #main .pic { float: right; margin-left: 10px; }
body#kimochicomplete #main .pic { margin: 15px 0 15px 180px; }
body#kimochiform #main form { margin-top: 25px; }
body#kimochiform #main table { margin-left: 15px; width: 541px; }
body#kimochiform #main th, body#kimochiform #main td { border-bottom: 1px dotted #fca223; padding: 8px 4px; text-align: left; vertical-align: top; }
body#kimochiform #main .q1 th, body#kimochiform #main .q1 td { border-top: 1px dotted #fca223; }
body#kimochiform #main .q4 input { margin-right: 4px; }
body#kimochiform #main .q5 textarea { width: 400px; }
body#kimochiform #main .button, body#kimochicomplete #main .button { margin-top: 10px; text-align: center; }
body#kimochiform #main .button input { background: url(/imgs/btn_send.gif) no-repeat; border: none; cursor: pointer; display: block; height: 22px; margin: auto; overflow: hidden; text-indent: -9999px; width: 75px; }

p.error { color: #eb2f4e; font-size: 100%; padding-top: 0.2em; font-weight:bold;}
p.error:before { color: #eb2f4e; content: "※"; }


/* ====== tab ====== */
body#kimochi #tabContent {margin:20px 0px 0px 0px; width:571px; padding:0px 0px 0px 0px; color:#bf541a;}

body#kimochi #tabContent a{color:#bf541a; text-decoration:none; font-weight:normal}
body#kimochi #tabContent a:hover{color:#bf541a; text-decoration:underline; font-weight:normal;}

body#kimochi #tabContent #tabBtntopLine{ background-image:url(../imgs/kimochi/kimochi_tabbtn_topline.gif); background-position:bottom; background-repeat:no-repeat;}

body#kimochi #tabContent #tabIndex { margin-left:30px;}
body#kimochi #tabContent #tabIndex li{float:left; width:128px; font-size: 14px; line-height:16px; text-align:center; list-style-type:none; cursor:pointer; display:block; background-image:url(/imgs/kimochi/kimochi_tabbtn.gif); background-position:0px 0px; font-weight: bold;}
body#kimochi #tabContent #tabIndex li .txtBox{width:118px; padding:8px 5px 3px 5px; display:block; cursor:pointer;}
body#kimochi #tabContent #tabIndex .close{text-decoration:none; background-position:128px 0px;}
body#kimochi #tabContent #tabIndex .close .txtBox{padding:8px 5px 1px 5px;}
body#kimochi #tabContent #tabIndex .open{text-decoration:none; font-weight:bold; background-position:0px 0px;}
body#kimochi #tabContent #tabIndex .open .txtBox{width:118px; padding:6px 5px 5px 5px; display:block;}
body#kimochi #tabContent #tabIndex .tabSmall{ letter-spacing:-1px;}
body#kimochi #tabContent #tabBoxIndex{font-size:100%; line-height:150%; background-color:#ffffff; clear:both; margin:0px 0px 0px 0px; padding:15px 50px 1px; background-image:url(/imgs/kimochi/kimochi_tabbg.gif); background-position:0px 0px; background-repeat:no-repeat;}
body#kimochi #tabContent .boxEnd{clear:both; background-image:url(/imgs/kimochi/kimochi_tabbg_bottom.gif); background-position:0px 0px; background-repeat:no-repeat; width:571px; height:15px;}
body#kimochi #tabContent #tabBoxIndex .tabBox li{color:#999999;}


/* ====== hrDeco ====== */
body#kimochi .hrDeco { background: url(/imgs/article_line_left.gif) repeat-x; margin-top:20px; padding-top:35px; }