/*_________ [0] Initialing Columns _________*/ #three_column { line-height:1.4; padding:0 0 80px 0; width:960px; font-family:arial, helvetica, Hiragino Kaku Gothic ProN,'ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif; background-repeat:repeat-y; } #three_column:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } #sub_Col { float:left; padding:20px 5px 5px 5px; width:170px;background:url(/element/blog/images/shared/bg01_001.gif) no-repeat top left; } #main_Col { float:left; padding:0 20px; width:530px; } #three_column #extra_Col{ float:right; padding:20px 5px 5px 5px; width:200px; background:url(/element/blog/images/shared/bg01_002.gif) no-repeat left top } #footerBlock { clear:both; padding:50px 0 0 0; } /*__________ [0-1] Common or Universal Settings __________*/ #main_Col h5 { clear:both; margin:2em auto 0 auto; width:530px; font-size:100%; } #main_Col form h5 { margin:0 auto; } /*__________ [1] Header Area __________*/ #information_Area { margin:0 auto 10px auto; width:900px; background:url(/element/blog/images/detail/bg04_001.gif) no-repeat; } #information_Area p { padding:7px 15px; width:870px; line-height:1.3; background:url(/element/blog/images/detail/bg04_002.gif) no-repeat left bottom; } #information_Area p span { display:block; width:870px; font-weight:bold; color:#f00; } #information_Area p.check span { padding:0 0 0 32px; background:url(/element/blog/images/detail/ic03_001.gif) no-repeat left 3px; } #information_Area p.info span { padding:0 0 0 42px; background:url(/element/blog/images/detail/ic03_002.gif) no-repeat left 3px; } #admin_Area { margin:-5px auto 7px auto; width:960px; text-align:right; } #header_Col { position:relative; overflow:hidden; margin:0 auto 10px auto; padding:0 10px 0 20px; width:930px; height:159px; font-size:90%; font-family:arial, helvetica, Hiragino Kaku Gothic ProN,'ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif; background-repeat:repeat-y; } #header_Col h3 { margin:55px 0 0 0; width:680px; font-weight:bold; font-size:200%; line-height:1.1; } #header_Col p { margin:0.2em 0 0 0; width:680px; } #header_Col form { margin:0; padding:0;} #header_Col dl { position:absolute; overflow:hidden; top:10px; right:10px; padding:5px; width:227px; min-height:124px; height:auto !important; height:124px; background-color:#fff; } #header_Col dt{ display:block; margin:0 0 4px 0; width:227px; } #header_Col img { margin:0 auto; display:block; background-color:#333; color:#fff; vertical-align:middle; } #header_Col dd{ width:227px;} #header_Col dd.vendor_name { margin:0 0 4px 0; font-weight:bold; text-align:center; } #header_Col dd.vendor_caption { font-size:87%; line-height:1.3; letter-spacing:-1px;} .moveup { clear:both; padding:2em 0 0 0; text-align:right;} /*__________ [2] LEFT Column __________*/ #sub_Col h4 { height:36px; text-indent:-999em; } #profile_Area { width:168px; background-color:#fff; } #profile_Area p { margin:5px auto; padding:2px; min-width:10px; width:auto !important; width:10px; max-width:154px; border:solid 1px #ccc; text-align:center; background-color:#fff; } #profile_Area p img { display:block; margin:0 auto; } #profile_Area dl { padding:10px 5px 0 5px; font-size:87%; } #profile_Area dt { clear:both; float:left; display:inline; font-weight:bold; } #profile_Area dd { word-break:break-all; padding:0 0 3px 0; } #profile_Area dd.agt_nam, #profile_Area dd.agt_nam_e, #profile_Area dd.areanam, #profile_Area dd.introduction_data { clear:both; } #calendar_Area { width:168px; background-color:#fff; } #calendar_Area div { margin:5px auto; padding:2px; width:150px; border:solid 1px #ccc; text-align:center; background-color:#fff; } #calendar_Area div img { display:block; margin:0 auto; } #calendar_Area table { border-collapse:collapse; border:solid 0px #fff; background-color:#fff; } #calendar_Area th, #calendar_Area td { border:solid 0px #fff; background-color:#fff; } #archiveold_Area { width:168px; background-color:#fff; } #archiveold_Area { margin:1em 0 0 0; } #archiveold_Area ul { padding:5px; } #archiveold_Area li { padding:0 0 5px 8px; background:url(/element/blog/images/shared/listic01_001.gif) no-repeat left 7px; } #trabaold_Area { margin:1em 0 0 0; width:168px; background-color:#fff; } #trabaold_Area ul { padding:5px; width:158px; } #trabaold_Area li { padding:0 0 5px 8px; width:150px; word-wrap:break-word; font-size:80%; background:url(/element/blog/images/shared/listic01_001.gif) no-repeat left 7px;} #trabaold_Area li a { font-size:120%; } /*__________ [3] MAIN Column __________*/ #itemtitle_Area { padding:0 0 1.53em 0; line-height:1.2; } #itemtitle_Area h4 { padding:0.5em 145px 0 15px; width:370px; font-size:130%; } #itemtitle_Area span.posted_date { display:block; margin:-1.3em 0 0 0; padding:0 15px 0 0; width:515px; text-align:right; } #article_Area { overflow:hidden; margin:0 0 5px 0; padding:0 7px; width:512px; background-color:#fff; } #pict_List { overflow:hidden; position:relative; margin:10px auto; padding:10px; width:487px; min-height:82px; height:auto !important; height:82px; background:url(/element/blog/images/detail/bg03_001.gif) no-repeat; } #pict_List dt { position:absolute; top:9px; left:9px; padding:5px; width:80px; min-height:50px; height:auto !important; height:50px; border:solid 1px #ccc; background-color:#fff; } #pict_List dt img{ display:block; margin:0 auto; } #pict_List dd { margin:0 0 0 100px; width:310px;} #pict_List dd.pict_name { font-size:113%; font-weight:bold; } #pict_List dd.pict_area ul{ margin:-1.4em 0 0 3.5em; width:300px; } #pict_List dd.pict_theme { margin:0.2em 0 0 100px; } #pict_List dd.pict_theme ul{ margin:-1.4em 0 0 3.5em; width:300px; } #pict_List dd.pict_theme li{ display:inline; } #pict_List dd.pict_areaB { margin:0; } #pict_List dd.pict_themeB { margin:0.2em 0 0 0; } #article_Summary { clear:both; width:510px; padding:0 0 1em 0; line-height:1.4; } #article_Summary p { margin:0 0 1em 0; } #article_Summary dl { clear:both; padding:3em 0 0 0; } #article_Summary dt { display:inline; } #article_Summary dd { display:inline; padding:0 3px;} #feedback_List { display:inline; float:left; } #feedback_List li { display:inline; padding:0 5px 0 0;} #feedback_Area { float:right; margin:0 0 2em 0; padding:0; text-align:right; } #pr_Area { clear:both; margin:0 auto; padding:1em 0 5px 0; width:490px; background:url(/element/blog/images/detail/ln01_001.gif) repeat-x left bottom; } #pr_Area:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } #pr_Area dt{ clear:both; display:block; margin:0 0 5px 0; padding:0 0 1px 0; font-weight:bold; font-size:87%; background:url(/element/blog/images/detail/ln01_001.gif) repeat-x left bottom; } #pr_Area dd.vendor_image { float:left; overflow:hidden; padding:0 5px; width:110px; text-align:center; } /* #pr_Area dd.vendor_image { float:left; width:110px; text-align:center; } */ #pr_Area dd.vendor_image img{ display:block; margin:0 auto; } #pr_Area dd.vendor_name { margin:5px 0 0 120px; font-weight:bold; } #pr_Area dd.vendor_text { margin:5px 0 0 120px; } #pr_Area dd.text_only { margin:5px 0 0 5px; } #main_Col #errMsg { margin:0.5em auto; padding:10px; width:490px; background-color:#FEE3E8; } #main_Col #errMsg li{ color:#f00; font-weight:bold;} #comment { clear:both; margin:0 auto; padding:0.8em 0 2em 0; width:510px; text-align:right; } #comment li { word-break:break-all; margin:0.5em 0 0.3em 0; padding:0 0 0.2em 0; width:510px; line-height:1.2; background:url(/element/blog/images/detail/ln01_001.gif) repeat-x left bottom; text-align:left; } #comment li:after { content:','; display:block; clear:both; height:0; visibility:hidden; } #comment span { display:block; float:right; margin:0.2em 0 0 0; font-size:87%; } #main_Col form { margin:2em auto; width:530px; } #commentForm_List { clear:both; margin:0 auto; padding:5px 0 0 0; width:510px; } #commentForm_List dt { clear:both; float:left; margin:0 0 0.5em 0; padding:3px 3px 6px; width:150px; background-color:#ccc; } #commentForm_List dt b { font-size:87%; font-weight:normal; } #commentForm_List dt span{ padding:0 0 0 0.3em; color:#f00; } #commentForm_List dd { float:right; margin:3px 0 0.5em 0; width:340px; line-height:1.0; } #commentForm_List dd span { display:block; color:red; font-size:87%; letter-spacing:-0.1em;padding-top:3px; } #main_Col form .txt { width:270px; } #main_Col form .btn { display:block; clear:both; margin:0 0 0 180px; width:6em; } #main_Col form #recital { clear:both; margin:0 0 0.2em 0; width:530px; } #main_Col form #recital li { margin:0 0 0 180px; width:350px; } #main_Col form #recital li a { letter-spacing:-1px; } #main_Col form #recital li.notice { font-size:80%; color:red; } #main_Col .centered { text-align:center; } #main_Col .centered input { margin:0 10px; font-weight:bold; font-family:arial, helvetica, Hiragino Kaku Gothic ProN,'ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif; } #main_Col .archiveNav_List { clear:both; background:#fff;height:20px;padding:0;width:530px } #main_Col .archiveNav_List li { width:255px; text-align:center; } #main_Col .archiveNav_List li#prev { float:left; } #main_Col .archiveNav_List li#next { float:right; } #main_Col .archiveNav_List li#prev a { padding:0 0 0 14px; background:url(/element/shared/images/burette/ar05_f002.gif) no-repeat left center; } #main_Col .archiveNav_List li#next a { padding:0 14px 0 0; background:url(/element/shared/images/burette/ar05_f001.gif) no-repeat right center; } #main_Col #url_sum { margin:0.1em auto 1.5em auto; width:510px; } #trackback_List { margin:0.7em auto 0 auto; width:510px; } #trackback_List dt { margin:0 0 0.3em 0; line-height:1.0; } #trackback_List dt a { margin:0 0.2em 0 0; font-weight:bold; } #trackback_List dd.summary{ } #trackback_List dd.info { margin:0 0 0.7em 0; padding:0 0 2px 0; font-size:87%; text-align:right; background:url(/element/blog/images/detail/ln01_001.gif) repeat-x left bottom; } /*__________ RIGHT Column__________*/ #extra_Col h4 { height:36px; text-indent:-999em; } #archive_Area, #theme_Area, #country_Area, #comment_Area { margin:0 auto; word-break:break-all; width:188px; background-color:#fff; } #archive_Area ul { padding:5px; } #archive_Area li { padding:0 0 10px 8px; background:url(/element/blog/images/shared/listic01_001.gif) no-repeat left 7px; word-wrap:break-word; } #archive_Area li em { font-weight:bold; } #archive_Area p { padding:5px; text-align:right; font-size:87%; } #theme_Area { margin:1em auto 0 auto; } #theme_Area ul { padding:5px; } #theme_Area li { padding:0 0 5px 8px; background:url(/element/blog/images/shared/listic01_001.gif) no-repeat left 7px; } #theme_Area li em { font-weight:bold; } #country_Area { margin:1em auto 0 auto; } #country_Area dl { margin:0 auto; padding:5px 0; width:178px; } #country_Area dt { padding:0.4em 3px 0 8px; width:170px; font-weight:bold; background:url(/element/blog/images/shared/listic01_001.gif) no-repeat left 0.8em; } #country_Area dd { padding:0 0 0 8px; width:170px; } #country_Area dd em { font-weight:bold; } #comment_Area { margin:1em auto 0 auto; } #comment_Area ul { padding:5px; } #comment_Area li { padding:0 0 6px 8px; font-size:87%; background:url(/element/blog/images/shared/listic01_001.gif) no-repeat left 7px;} #comment_Area li a{ font-size:115%; } #comment_Area p { padding:5px; text-align:right; font-size:87%; } #comment_Area li em { font-weight:bold; } #contentMenu_Nav { margin-top: 10px; }