/* blog/common/context.css */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, th, td, form, fieldset {
margin: 0;
padding: 0;
}
.clearfix {
border: 0;
clear: both;
margin: 0;
padding: 0;
_height: 1px;
min-height: 1px;
/**//*/
height: auto;
overflow: hidden;
/**/
}
.clearfix:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
#comment_toolbar_position_marker {
position: absolute;
}
.messageBox.error {
background:#FF0;
color:#f00;
font-weight:bold;
display:inline;
padding:0 3px;
}
.controlBtn {
text-align:center;
padding:12px;
}
.inputBtnOK {
background:#f088af;
border-style:solid;
border-width:1px;
border-color:#ead5e0 #5b0e38 #5b0e38 #ead5e0;
color:#FFFFFF;
font-size:12px;
padding:4px 6px;
text-align:center;
cursor:pointer;
}
.inputBtnNG {
background:#d8d8d8;
border-style:solid;
border-width:1px;
border-color:#e0e0e0 #6b6b6b #6b6b6b #e0e0e0;
color:#666;
font-size:12px;
padding:4px 6px;
text-align:center;
cursor:pointer;
}
.inputBtnDelete {
background:#ef368d;
border-style:solid;
border-width:1px;
border-color:#ead5e0 #5b0e38 #5b0e38 #ead5e0;
color:#FFFFFF;
font-size:12px;
padding:4px 6px;
text-align:center;
cursor:pointer;
}
/* ------------------------------
GMOƒwƒbƒ_[
------------------------------ */
#yaploghead {
z-index:2000;
width:100%;
}
#yaploghead img {
border:0;
}
#yaploghead table,
#yaploghead tr,
#yaploghead td,
#yaploghead form,
#yaploghead input,
#yaploghead select {
margin:0;
padding:0;
font-weight:normal;
}
.yaploghead_bg{
background: #FFF url(/static/img/common/gmohead/media/mediahead_bg.gif) repeat-x;
color:#CCC;
font-size:12px;
}
#yaploghead_logo {
padding:0 6px;
}
#yaploghead_link {
font-size:10px;
font-family:'‚l‚r ‚oƒSƒVƒbƒN',sans-serif !important;
}
#yaploghead_link a {
color:#ff84b1;
font-size:10px;
text-decoration:underline;
font-family:'‚l‚r ‚oƒSƒVƒbƒN',sans-serif !important;
}
#yaploghead_link a:hover {
text-decoration:none;
}
#yaploghead_link img {
vertical-align:middle;
}
#yaploghead_link .pop {
color:#ef368d;
font-size:10px;
}
#yaploghead .yaploghead_input {
border: solid 1px #7F9DB9;
padding:1px;
width:120px;
padding:2px;
}
#yaploghead .yaploghead_select {
padding:1px;
margin-left:1px;
color:#999;
}
#yaploghead .yaploghead_btn {
background:#f088af;
border-style:none;
border-width:1px;
color:#FFFFFF;
font-size:10px;
padding:4px 6px;
margin-left:1px;
text-align:center;
cursor:pointer;
}
/* old */
#yaphead {
z-index:2000;
width:100%;
margin:0;
padding:0;
height:23px;
border-bottom:solid 1px #999;
font-size:10px;
font-family:'‚l‚r ‚oƒSƒVƒbƒN',sans-serif !important;
min-width:900px;
background:#FFF;
overflow:hidden;
}
#yaphead a:link,
#yaphead a:visited,
#yaphead a:hover,
#yaphead a:active {
font-family:'‚l‚r ‚oƒSƒVƒbƒN',sans-serif !important;
color:#fd7f7f;
font-size:10px;
}
#yaphead a:link,
#yaphead a:visited {
text-decoration:none;
}
#yaphead a:hover,
#yaphead a:active {
text-decoration:underline;
}
#yaphead img{
border:0;
}
#yaphead ul,
#yaphead li {
margin:0;
padding:0;
list-style-type:none;
}
#yaphead_logo,
#yaphead_menu,
#yaphead_ads,
#yaphead_menu ul,
#yaphead_menu li {
float:left;
}
#yaphead_logo img {
float:left;
vertical-align:bottom;
}
#yaphead_logo {
margin:2px 0 0 5px !important;
}
#yaphead_logo li.first {
border:0;
}
#yaphead_logo li {
float:left;
padding:0 6px;
}
#yaphead_ads {
background: url(/static/image/emoji/01.gif) no-repeat 3px 4px;
padding:4px 0 3px 20px !important;
}
#yaphead_ads a:link,
#yaphead_ads a:visited,
#yaphead_ads a:hover,
#yaphead_ads a:active {
color:#ef368d;
}
#yaphead_menu ul {
padding-top:4px;
}
#yaphead_menu li {
padding:0 6px;
}
#yaphead_search {
float:right;
margin-top:1px !important;
}
#yaphead_search input {
padding:2px;
}
#yaphead_search a {
font-family: '‚l‚r ‚oƒSƒVƒbƒN',sans-serif !important;
font-weight: normal;
}
#yaphead_search form {
margin:0;
padding:0;
}
#yaphead_keyword{
font-size: 10px;
margin-right: 12px;
text-align: left;
}
.yaphead_input {
border: solid 1px #7F9DB9;
padding:1px;
width:120px;
}
.yaphead_select {
padding:1px;
}
.yaphead_btn {
background: url(/static/img/common/gmohead/yap/yaphead_btn.gif) no-repeat left top;
border: 0;
color: #FFFFFF;
cursor: pointer;
margin: 0;
padding: 0;
height: 20px;
width: 60px;
}
#yaphead_gmoid {
float:right;
margin:4px 1px 0 6px !important;
}
/* ------------------------------
ƒ|ƒCƒ“ƒgŠÒŒ³ƒL[ƒ[ƒh
------------------------------ */
.keywd_ad a:link, .keywd_ad a:visited, .keywd_ad a:active {
font-weight:normal;
text-decoration:none;
border-bottom:1px dashed;
}
.keywd_ad a:hover {
position:relative;
top:1px;
font-weight:normal;
text-decoration:none;
border-bottom:none;
}
/* ------------------------------
middlead
------------------------------ */
.mid_ad_box,
.mid_ad_pr,
.mid_ad_ttl,
.mid_ad_url,
.mid_ad_txt {
font-family:Verdana,'‚l‚r ‚oƒSƒVƒbƒN','ƒqƒ‰ƒMƒmŠÛƒS Pro W4','Hiragino Maru Gothic Pro',Osaka,sans-serif;
}
.mid_ad_box a:link,
.mid_ad_box a:visited,
.mid_ad_box a:hover,
.mid_ad_box a:active {
font-family:Verdana,'‚l‚r ‚oƒSƒVƒbƒN','ƒqƒ‰ƒMƒmŠÛƒS Pro W4','Hiragino Maru Gothic Pro',Osaka,sans-serif;
}
.mid_ad_box a:hover .mid_ad_ttl,
.mid_ad_box a:active .mid_ad_ttl {
font-family:Verdana,'‚l‚r ‚oƒSƒVƒbƒN','ƒqƒ‰ƒMƒmŠÛƒS Pro W4','Hiragino Maru Gothic Pro',Osaka,sans-serif;
text-decoration: underline;
}
.mid_ad_box2 a:hover,
.mid_ad_box2 a:active {
background: #FFF8AB;
}
/* IE6 hack */
* html .mid_ad_box a,
* html .mid_ad_box2 a {
zoom: 1;
}
.mid_ad_boxaid2 .mid_ad_boxaid {
background:none;
}
.mid_ad_box,
.mid_ad_box2 {
line-height:1.5;
margin:0;
padding:6px;
}
.mid_ad_box2 {
background:#FDFDE0;
}
.mid_ad_box a,
.mid_ad_box2 a {
text-decoration:none !important;
}
/* ------------------------------
.mid_ad_box a:hover,
.mid_ad_box2 a:hover,
.mid_ad_box a:active,
.mid_ad_box2 a:active {
background:url(http://static.yaplog.jp/static/img/common/blog/mid_ad_bg.png) repeat 0 0;
}
------------------------------ */
* html .mid_ad_box a:hover,
* html .mid_ad_box2 a:hover,
* html .mid_ad_box a:active,
* html .mid_ad_box2 a:active {
background:none;
text-decoration:none;
zoom:1;
}
.mid_ad_ttl,
.mid_ad_ttl2 {
font-size:14px;
font-weight:bold;
}
.mid_ad_ttl2 {
color:#3366FF;
}
.mid_ad_url,
.mid_ad_url2 {
display:block;
font-size:12px;
text-align:right;
}
.mid_ad_url2 {
color:#009900;
}
.mid_ad_txt,
.mid_ad_txt2 {
display:block;
padding:6px 0;
color:#515151;
font-size:12px;
font-weight:normal;
}
.mid_ad_boxaid,
.mid_ad_boxaid2 {
overflow:hidden;
}
.mid_ad_pr,
.mid_ad_pr2 {
font-size:10px;
padding:6px 6px 2px;
}
.mid_ad_pr2 {
background:#FDFDE0;
}
.mid_ad_pr a,
.mid_ad_pr2 a {
font-weight:normal !important;
}
.mid_ad_pr2 a {
color:#009900;
}
.hover_bg{
margin-top:14px;
}
.hover_bg:hover{
background:url(https://static.yaplog.jp/static/img/common/blog/mid_ad_bg_2.png) repeat 0 0;
}
.hover_bg:hover a{
text-decoration:underline !important;
}
.hover_bg:hover a span{
text-decoration:underline !important;
}
.mid_ad_boxaid .hover_bg:hover a{
text-decoration:underline !important;
}
/* ------------------------------
tadBox
------------------------------ */
.tadBox {
margin: 6px 0 15px 0;
padding: 0;
text-align: right;
}
.tadBox span {
font-size: 9px;
font-weight: normal;
}
.tadBox a {
margin: 0 6px;
}
/* ------------------------------
skin side
------------------------------ */
.side_feed {
line-height:1.6;
margin-top:6px;
margin-bottom:6px;
}
.side_feed_off,
.side_feed_on,
.side_feed_off a,
.side_feed_on a,
.side_feed_ttl,
.side_feed_txt,
.side_feed_url {
font-family: '‚l‚r ‚oƒSƒVƒbƒN', sans-serif !important;
}
.side_feed_off,
.side_feed_on {
cursor:pointer;
padding:2px;
}
.side_feed_off {
text-decoration: none;
}
.side_feed_on {
background: #FDFDE0;
}
.side_feed_on a {
background: none !important;
color: #3366FF !important;
text-decoration: none !important;
}
.side_feed_on .side_feed_txt {
color: #666666;
background: none;
}
.side_feed_pr a{
font-weight:normal !important;
margin-left: 4px;
}
.side_ad_style{
font-family:Verdana,'‚l‚r ‚oƒSƒVƒbƒN','ƒqƒ‰ƒMƒmŠÛƒS Pro W4','Hiragino Maru Gothic Pro',Osaka,sans-serif;
line-height:1.5;
padding:4px;
}
.side_feed_ttl a {
font-size:12px;
font-weight:bold;
}
.side_feed_txt {
font-size:10px;
font-weight:normal;
text-decoration:none;
padding:4px 0;
}
.side_feed_url a{
font-size:10px;
font-weight:normal !important;
}
/* ------------------------------
footer
------------------------------ */
#foot {
font-size:10px;
}
#blgft_link {
padding: 10px 0px 0px 0px;
text-align: right;
font-size: 10px;
}
.blgft_ul {
margin: 0px;
padding: 0px;
}
.blgft_ul li{
display: inline;
padding-left: 8px;
}
.freeml_box {
padding: 0px 0px 10px 0px;
/* start clearfix */
_height: 1px;
min-height: 1px;
/**//*/
height: auto;
overflow: hidden;
/**/
}
.freeml_box:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
/* end clearfix */
}
.freeml_link {
float: right;
margin:7px 0px 0pt 6px;
font-size:10px;
}
.freeml_logo {
float: right;
margin:5px 0pt 0pt;
}
/* ------------------------------
all skin
------------------------------ */
textarea,input,select,option {
font-family: Osaka,'MS P Gothic','‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
}
/* ------------------------------
news
------------------------------ */
.blog_news_head {
_height: 1px;
min-height: 1px;
/**//*/
height: auto;
overflow: hidden;
/**/
}
.blog_news_head:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
.blog_news_logo {
float: left;
}
.blog_news_tab {
padding-top: 5px;
float: right;
}
.blog_news_title {
padding-top: 5px;
font-size: 12px;
}
.blog_news_date {
font-size: 10px;
}
.blog_news_img {
}
.blog_news_copy {
width: 124px;
font-size: 10px;
font-family: '‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
}
.blog_news_copy a:link, .blog_news_copy a:visited, .blog_news_copy a:hover, .blog_news_copy a:active {
font-weight: normal;
font-family: '‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
}
.blog_news_text {
padding: 0 0 0 6px;
font-size: 12px;
line-height: 1.4;
}
.blog_news_connect_box {
list-style:none;
margin: 0;
padding: 0;
}
.blog_news_connect_info {
list-style:none;
margin: 0;
padding: 0;
}
.blog_news_pr {
padding-left: 22px;
font-size: 12px;
font-weight: bold;
background:url(/static/img/common/blog/news_pr.gif) no-repeat 0px 2px;
}
.blog_news_pr a:link, .blog_news_pr a:visited, .blog_news_pr a:hover, .blog_news_pr a:active {
font-weight: normal;
font-family: '‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
}
/* ------------------------------
comment paging
------------------------------ */
.page_comment-box {
text-align: center;
line-height:2;
margin:6px 0;
}
.page_comment-box li{
margin: 0px 3px;
display: inline;
}
/*---
ƒRƒƒ“ƒg“Še‚̉摜”FØ•”•ª
--------------------*/
.yapAuthImgBox {
font-size: 12px;
margin-top: 40px;
}
.yapAuthTit {
font-weight: bold;
}
.yapAuthTit a{
font-weight: normal;
}
#yapAuthImg{
width:200px;
padding:2px 0 4px;
font-size:1px;
}
.yapAuthImgBox .ipt {
font-size: 14px;
font-weight: bold;
letter-spacing: 0.2em;
text-indent: 3px;
width: 5em;
margin:0 2px 0 0;
}
.yapAgreement{
padding:30px 0 8px;
}
#agreementCheck {
margin:0 3px 0 0;
vertical-align:middle;
}
.blog_error {
background: #FFFFCC;
color: #FF0000;
font-weight: bold;
margin: 3px 0;
padding: 3px 6px;
}
#EatCookie{
margin:0 2px 0 12px;
vertical-align:middle;
}
/*---
floatWindow
--------------------*/
#yapFloatWindow{
display:none;
position:absolute;
z-index: 1000;
}
#yapFloatWindow .yapFWindowPosition{
position:relative;
width:420px;
top:-140px;
left:40px;
border:1px solid #333;
background:#fff;
font-size:12px;
}
#yapFloatWindow a:link,
#yapFloatWindow a:visited,
#yapFloatWindow dl dd a:hover{
color: #fff;
text-decoration:none;
font-weight:normal;
text-shadow:none;
}
#yapFloatWindow dl dd a:link,
#yapFloatWindow dl dd a:visited{
color: #1678d2;
text-decoration:none;
font-weight:normal;
text-shadow:none;
}
#yapFloatWindow dl dd a:hover{
color: #ef368d;
text-decoration:underline;
font-weight:normal;
text-shadow:none;
}
#yapFloatWindow a.yapFWindowClose{
position:absolute;
right:8px;
top:9px;
font-size:12px;
font-weight:bold;
font-family: Verdana,Arial,sans-serif;
color: #fff;
text-decoration:none;
line-height:1.2;
}
#yapFloatWindow dl{
padding:6px;
margin:0;
}
#yapFloatWindow dl dt{
padding:3px 6px 2px;
height:16px;
background:#999;
line-height:16px;
color:#fff;
font-weight:bold;
cursor:move;
text-shadow:none;
font-family:"Hiragino Kaku Gothic Pro W3","ƒqƒ‰ƒMƒmŠpƒS Pro W3","MS P Gothic","‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
}
#yapFloatWindow dl dd{
margin:0;
padding:6px 6px 0;
line-height:1.4;
color:#333;
text-shadow:none;
font-family:"Hiragino Kaku Gothic Pro W3","ƒqƒ‰ƒMƒmŠpƒS Pro W3","MS P Gothic","‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
}
/* ------------------------------
recipe
------------------------------ */
.recipeSection {
padding:10px 0;
}
.recipeContact .fst {
float: left;
}
.recipeContact .end {
float: right;
}
.recipeContact .print a {
font-size:10px;
padding:0 3px;
}
.recipeContact .mail a {
font-size:10px;
padding:0 3px;
}
.recipeBasis {
margin: 10px 0;
}
.recipeBasis dl {
padding:3px 0;
}
.recipeBasis dt {
float:left;
font-weight:bold;
}
.recipeBasis dd {
padding-left:6em;
}
.recipeBasis span {
font-weight: bold;
}
.recipeBasisTitle {
font-size: 16px;
font-weight: bold;
}
.recipeBasisImg img {
border:solid 1px #B9B9B9;
}
#recipeQr {
float: right;
font-size: 12px;
margin-top: 20px;
}
.recipeQr .fst img {
background: #FFFFFF;
border: solid 1px #CCCCCC;
padding: 6px;
}
.recipeQr .end {
font-size: 10px;
text-align: center;
}
.recipeData {
float: left;
margin: 0;
}
.recipeData {
margin: 10px 0;
}
.recipeDataTitle {
font-weight: bold;
}
.recipeDataTable {
padding: 6px 0 0 10px;
width: 260px;
}
.recipeDataTable ul {
border-bottom:dashed 2px #E2E2E2;
list-style-type: none;
margin:0;
padding:2px 3px;
}
.recipeDataTable .fst {
float:left;
}
.recipeDataTable .end {
float:right;
}
.recipeOrder {
clear: both;
margin:10px 0;
}
.recipeOrderTitle {
font-weight:bold;
}
.recipeOrder p {
margin:0;
padding:3px 3px 3px 10px;
}
.recipeRecommend {
margin-top:20px;
}
/* ------------------------------
colorƒpƒŒƒbƒg
------------------------------ */
#paletteTools {
position:relative;
}
#emojiPalette {
display:none;
position:absolute;
top:17px;
left:10px;
background:#FFF;
border:solid 1px #000;
z-index:100;
}
#emojiPalette td {
padding:1px;
width:15px;
}
#colorPalette {
display:none;
position:absolute;
top:17px;
left:10px;
background:#000;
width: 320px;
padding: 1px;
z-index:100;
}
#colorPalette #paletteTitle {
width:320px;
height:30px;
background:#FFF;
}
#colorPalette .colorPaletteTable td {
width:10px;
height:10px;
overflow:hidden;
font-size:3px;
}
/* ------------------------------
’Ê•ñƒ{ƒ^ƒ“
------------------------------ */
.blog_report {
font-size: 10px;
font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
font-weight: normal !important;
text-align: right;
margin-top: 6px;
}
.blog_report a {
font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
font-weight: normal !important;
text-decoration: none !important;
}
/* ------------------------------
Twitter
------------------------------ */
.tweetQuote {
list-style-type: none;
line-height:1.4;
word-wrap:break-word;
}
.tweetQuote li {
padding:10px 0 8px;
list-style-type: none;
}
.tweetMain {
display:block;
font-size:14px;
}
.tweetMeta {
display:block;
margin-top:2px;
font-size:11px;
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
zoom:1;
}
.tweetUrl {
background:url(/static/img/common/blog/twitter.gif) no-repeat 0 3px;
padding:3px 3px 3px 20px;
display:block;
}
.tweetReply {
background:url(/static/img/common/blog/twitter.gif) no-repeat 0 0;
padding:0 6px 3px 14px;
font-size:10px;
line-height:20px;
text-align:left;
margin:0;
}
.tweetReplyCnt {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding:0 6px;
background:#ade4ff;
color:#145bd0;
}
/* ------------------------------
shareLinks
------------------------------ */
.shareLinks{
margin:8px 0 2px;
}
.shareLinks li {
float:left;
list-style-type: none
}
.shareLinks li.mixiButton {
width:58px;
height:18px;
margin-right:6px;
margin-top:1px;
}
.shareLinks li.tweetButton {
margin-right:6px;
}
.shareLinks li.googleButton {
width:90px;
overflow:hidden;
}
.shareLinks li.likeButton {
width:90px;
overflow:hidden;
}
/* ------------------------------
ƒtƒŠ[ƒXƒy[ƒX
------------------------------ */
#blogFreeSpace {
padding-bottom:20px;
}
#blogFreeSpace .padd {
background-image: none;
padding-top: 15px;
padding-bottom: 15px;
}
#blogFreeSpace .txt {
background-image: none;
}
/* ------------------------------
2011_06_22@ƒpƒXƒ[ƒhEƒ„ƒvƒ~[!‰{——§ŒÀ
------------------------------ */
.secretEntry{
text-align:center;
}
.secretEntry img{
border:0 !important;
}
/* ------------------------------
ƒtƒH[ƒ€Žü‚è’²®2012_01_05 dei
------------------------------ */
#comment,
.ipt,
.comment_form_text dd input,
.trackbacks_form_text{
padding:4px 0;
}
.comment_form_text dd{
padding-bottom:8px;
}
.trackbacks_form_text{
margin-bottom:4px;
}
.side_mail input,
.side_mail textarea{
margin-bottom:4px;
width:98%;
}
.reader_count li{
margin-top: 0.5em;
text-align: center;
}
/* ------------------------------
‰æ‘œ‰¡•100%Žw’è2014_03_19 takio
------------------------------ */
.padd img{
max-width:100%;
}