/*_________ [0] Initialing Columns _________*/ #three_column { padding:0 0 80px 0; width:960px; line-height:1.4; 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:5px; width:170px; } #main_Col { float:left; padding:0 20px; width:530px; } #three_column #extra_Col { float:right; padding:5px; width:200px; } #footerBlock { clear:both; padding:50px 0 0 0; } /*__________ [0-1] Common or Universal Settings __________*/ #main_Col h5 { margin:0 auto; width:530px; border-bottom-style:solid; border-bottom:width:1px; font-size:100%; } /*__________ [1] Settings 4 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 20px 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 h4 { background:url(/element/blog/images/list/tx01_001.gif) no-repeat -1px 0; } #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 h4 { background:url(/element/blog/images/detail/tx01_007.jpg) no-repeat -1px 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 { width:168px; background-color:#fff; margin:1em 0 0 0; } #trabaold_Area h4 { background:url(/element/blog/images/detail/tx01_009.gif) no-repeat -1px 0; } #trabaold_Area ul { padding:5px; } #trabaold_Area li { padding:0 0 5px 8px; font-size:87%; background:url(/element/blog/images/shared/listic01_001.gif) no-repeat left 7px;} #trabaold_Area li a{ font-size:115%; } /*__________ [3] MAIN Column __________*/ #articletitle_Area { line-height:1.2; min-height:43px; height:auto !important; height:43px; } #articletitle_Area h4 { padding:0.5em 0 0 15px; font-size:113%; } #main_Col .itemtitle_Area { padding:0 0 1.53em 0; line-height:1.2; } #main_Col .itemtitle_Area h4 { padding:0.5em 145px 0 15px; width:370px; font-size:113%; } #main_Col .linksguide_List { clear:both; margin:0 auto; padding:0.4em 0 0 0; text-align:center; width:450px;} #main_Col .linksguide_List li { display:inline; margin:0 0.2em; } #main_Col .linksguide_List li b { font-weight:bold; } #main_Col .linksguide_List .newer{ padding:0 0 0 18px; background:url(/element/blog/images/list/ic02_001.gif) no-repeat left center; } #main_Col .linksguide_List .older{ padding:0 13px 0 0; background:url(/element/blog/images/list/ic02_002.gif) no-repeat right center; } #main_Col .linksguide_List li a { font-weight:normal;} #main_Col .linksguide_List span { font-weight:normal; } #main_Col .linksguide_Navi { padding:0 0 0.4em 0; text-align:center; } #main_Col .linksguide_Navi span { color:#c60; } #main_Col .top { padding:0.5em 10px 0.5em 0; width:500px; } #main_Col .bottom { padding:15px 10px 0 0; width:500px; background:url(/element/blog/images/list/ln01_001.gif) repeat-x;} #articleList_Area { word-break:all; margin:0; padding:0 7px 7px 7px; width:512px; background-color:#fff; } #articleList_Area .article_Area { overflow:hidden; position:relative; clear:both; margin:0 auto 20px auto; padding:15px 0px; width:510px; background-color:#fff; } #articleList_Area .article_Area:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } #articleList_Area .pict_List { overflow:hidden; position:relative; margin:10px auto; padding:10px; width:487px; background:url(/element/blog/images/detail/bg03_001.gif) no-repeat; } #articleList_Area .pict_List dt { position:absolute; top:9px; left:9px; padding:5px; width:80px; min-height:20px; height:auto !important; height:20px; border:solid 1px #ccc; background-color:#fff; } #articleList_Area .pict_List dt img{ display:block; margin:0 auto; } #articleList_Area .pict_List dd { padding:0 0 0 100px; width:310px; text-align:left;} #articleList_Area .pict_List dd.pict_name { font-size:113%; font-weight:bold; } #articleList_Area .pict_List dd.pict_area ul{ margin:-1.4em 0 0 4em; width:300px; } #articleList_Area .pict_List dd.pict_theme { margin:0.2em 0; } #articleList_Area .pict_List dd.posted_date { clear:both; display:inline; font-size:87%; } #articleList_Area .pict_List dd.comment { display:inline; padding:0 0 0 0.3em; white-space:nowrap; font-size:87%; } #articleList_Area .pict_List dd.evaluation { display:inline; padding:0 0 0 0.3em; white-space:nowrap; font-size:87%; } #main_Col .article_Summary { clear:both; width:510px; margin:0 0 0.5em 0; padding:0 0 0.5em 0; line-height:1.4; background:url(/element/blog/images/list/ln01_001.gif) repeat-x left bottom #fff; } #main_Col .article_Summary p { margin:0 0 1em 0; } #main_Col .article_Summary dl { clear:both; display:block; margin:0; padding:2em 0 0.3em 0; width:510px; } #main_Col .article_Summary dl:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } #main_Col .article_Summary dt { float:left; padding:0 0.2em 0 0; font-weight:bold; } #main_Col .article_Summary dd { float:left; padding:0; } #main_Col .feedback_List { clear:both; display:block; } #main_Col .feedback_List li { display:inline; padding:0 5px 0 0;} #main_Col .feedback_Area { margin:0 0 1em 0; padding:0; text-align:right; line-height:27px; } #main_Col .feedback_Area img { vertical-align:middle; } #main_Col .pr_Area { clear:both; margin:0 auto 1em auto; width:500px; } #main_Col .pr_Area:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } #main_Col .pr_Area dt{ clear:both; display:block; padding:0 0 0 5px; font-weight:bold; font-size:80%; background-color:#fff;} #main_Col .pr_Area dd.vendor_image { overflow:hidden; float:left; padding:5px; width:116px; text-align:center; } #main_Col .pr_Area dd.vendor_image span { display:inline-block; padding:2px; min-width:10px; width:auto !important; width:10px; max-width:100px; border:solid 1px #ccc; background-color:#fff; } #main_Col .pr_Area dd.vendor_image img{ vertical-align:middle; } #main_Col .pr_Area dd.vendor_name { margin:5px 0 0 131px; font-weight:bold; } #main_Col .pr_Area dd.vendor_text { margin:5px 0 0 131px; } #main_Col .pr_Area dd.text_only { margin:5px 0 5px 5px; } /*__________ RIGHT Column__________*/ #extra_Col h4 { height:36px; text-indent:-9999px; } #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; } #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; }