/*@import url(<$MTStaticWebPath$>themes-base/blog.css);*/ /*@import url(<$MTStaticWebPath$>themes/minimalist-red/screen.css);*/ *{margin:0; padding:0} body{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;} #container{background:#ECECEC url(../image/main_content_back01.png) repeat-x 0px 205px ; text-align:center;} body.mt-main-index #container{ background:#ECECEC url(../image/main_content_back01.png) repeat-x 0px 356px; } div#all{ width:970px; background:url(./image/main_content_back03.png) repeat-y scroll 1px 0;margin:0 auto; text-align:left;} div#header{} div#contentsarea{background:url(./image/main_content_back02.png) no-repeat center top; padding:20px 0 0 0; overflow:hidden; height:1%;} div#main_column{width:705px; float:left;} div#sub_column{width:265px; float:right;} /******notice****** width relations 2 columns => main+sub=all 3 columns => main+sub=all, main_center+main_sub=main*/ div#end_column{clear:both; background:#999999} div#footer{clear:both} area:hover{ background-color:#036} /****** common ***************************/ div.padding{} body,p,ul,dl,table{font-size:95%; line-height:160%} a img{border:none} .small{font-size: 0.8em; line-height:130%} .notxt {margin-left: -5000px;} .hide {display:none;} .center {text-align:center;} .left {text-align:left;} .right {text-align:right} .f-box{ overflow:hidden; height:1%;} .f-left{float:left; margin-right:10px} .f-right{float:right; margin-left:10px;} .pad5{padding:5px;} .pad10{padding:10px;} .mar5{margin:5px;} .mar10{margin:10px;} .mar-t10{margin-top:10px;} .mar-t20{margin-top:20px;} .mar-t30{margin-top:30px;} .mar-t40{margin-top:40px;} .mar-t50{margin-top:50px;} .mar-b10{margin-bottom:10px;} .mar-b20{margin-bottom:20px;} .mar-b30{margin-bottom:30px;} .mar-b40{margin-bottom:40px;} .mar-b50{margin-bottom:50px;} .clear {clear:both;} /*********************************************/ /****** header ***************************/ /*********************************************/ div.header_banner{height:173px; text-align:center; overflow:hidden; background: #ECECEC url(../image/header-back01.jpg) repeat-x scroll 0 0} .mt-main-index div.header_banner{height:324px; text-align:center; overflow:hidden; background: #ECECEC url(../image/header-back03.jpg) repeat-x scroll 0 0} div.header_list{ height:32px; overflow:hidden; background:url(./image/header-back03.png) repeat-x; } div.header_list ul{ width:950px; margin:0 auto; overflow:hidden;} div.header_list ul li{display: inline; height:32px; float:left;} div.header_list ul li.li1{width:137px; margin:0 0 0 270px; } div.header_list ul li.li2{width:134px} div.header_list ul li.li3{width:88px} div.header_list ul li.li4{width:55px} div.header_list ul li a{display:block; height:32px; float:left; padding-top:32px} div.header_list ul li.li1 a{background:url(./image/header_menu01a.png) no-repeat; width:117px; } div.header_list ul li.li2 a{background:url(./image/header_menu02a.png) no-repeat; width:114px} div.header_list ul li.li3 a{background:url(./image/header_menu03a.png) no-repeat; width:68px} div.header_list ul li.li4 a{background:url(./image/header_menu04a.png) no-repeat; width:55px} div.header_list ul li.li1 a:hover{background:url(./image/header_menu01b.png) no-repeat;} div.header_list ul li.li2 a:hover{background:url(./image/header_menu02b.png) no-repeat;} div.header_list ul li.li3 a:hover{background:url(./image/header_menu03b.png) no-repeat;} div.header_list ul li.li4 a:hover{background:url(./image/header_menu04b.png) no-repeat;} /*********************************************/ /****** main ***************************/ /*********************************************/ /*div#contentsarea .padding_x{background:url(./image/main_content_back03.png) repeat-y}*/ div#main_column{color:#333} div#main_column .padding{margin:0 30px 50px 45px; overflow:hidden;} div#bread{ margin-bottom:20px; font-size:0.9em; color:#9A9A9A } div#bread a{color:#9A9A9A} div#bread a:hover{ color:#4D4D4D } div#bread p{ line-height: 140%; } div#bread span.gt{margin:0 5px} h1{color:#252525; } div.h1_area{margin-bottom:30px; } p.category_description, div.h1_area ul{margin-top:20px} div.h1_area ul{list-style-type:none; margin-bottom:10px} div.h1_area ul li{background:url(./image/icon02.png) no-repeat 0 0.2em; padding-left:20px} div.h1_area ul li a{ color:#E67D28 } div.h1_area ul li a:hover{ color:#E43016 } #main_column p, #main_column h2, #main_column h3, #main_column h4, #main_column table{margin-bottom:20px;} #main_column h2{color:#53A7C5; border-bottom:1px dotted #DAE4E4; font-size:110%} #main_column h3{ font-size:100%;background:#76B0D8 url(image/icon07.gif) no-repeat scroll 9px center; border-bottom:1px solid #496D86; border-right:1px solid #496D86; color:#FFFFFF; font-weight:bold; margin:0 0 10px; padding:3px 5px 3px 24px; } #main_column h4{ background:#DAE4E4; color:#333; font-size:90%; padding:4px 10px } #main_column a{ color:#0066FF;} #main_column a:hover{ color:#FF3300;} #main_column em{ font-style:normal; background-color:#D2EEE6 } #main_column strong{ color:#E15A00;} #main_column ul{ margin:0 0 1em;} #main_column li{ list-style:none; background:url(./image/icon05.gif) no-repeat 0.3em 0.2em; padding:0 0 0 23px; margin:0 0 0.5em; line-height:125%;} div.entry_list_area .section{margin-bottom:30px;border-top:2px solid #EDEDED; padding: 15px 0 0 0;} #main_column h2.entry_list_title, #main_column h1.entry_title{color:#2165C0; margin-bottom:20px; background:url(./image/icon01.png) no-repeat 0 0.2em; padding-left:23px; font-size:160%;line-height:115%; border:none;} #main_column h2.entry_list_title a{color:#2165C0; text-decoration:none;} #main_column h2.entry_list_title a:hover{color:#6392D2} .entry-more-link{background:url(./image/icon06.gif) no-repeat 0.3em 0.5em; padding:0 0 0 23px; margin:1em 0 0 0;} .colum_box01_01 {background:transparent url(./image/colum_box01_01.png) repeat scroll 0 0;padding:10px 0 0;} .colum_box01_02 {background:transparent url(./image/colum_box01_03.png) repeat scroll center bottom;padding:0 0 10px;} .colum_box01_03 {background:transparent url(./image/colum_box01_02.png) repeat scroll 0 0;padding:15px 10px;} /*トップページコンテンツ*/ #main_column h2.topfunc{ border:none;} #main_column .topfunc{ clear:both;} #main_column .topfuncimg{ float:left;margin:0 -466px 0 0;} #main_column .topfunc h3{ margin:0 0 5px 163px; border-bottom:none; border-right:none; background:none; padding:0 0 0 0;} #main_column .topfunc h4{margin:0 0 15px 163px; color:#407AC8; font-size:15px; background:none; padding:0 0 0 10px; line-height:110%;} #main_column .topfunc p{margin:0 0 15px 173px} /*ユーザー様の声 カテゴリー・エントリーページでの見栄えも兼用*/ #uservice .photos { margin:0 auto 1em auto;} #uservice .photos a {background-color:#F7F7F7; padding:3px;border:solid 1px #CCC; margin:0 8px 0 0; overflow:hidden; height:1%; display: inline-block;} #uservice .photos a:hover{background-color:#ffffff; border-color:#eee} #main_column h2.entry_list_title.uvtitle, #main_column h1.entry_title.uvtitle, #uservice .uvtitle{ background: #76B0D8 url(none); margin: 0px; padding: 8px 8px 5px 8px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px dotted #ddd; border-left: 1px solid #ddd; color:#fff;font-size:1.3em; } #uservice .uvname{ background: #f9f9f9 url(none); margin: 0 0 1em; padding: 2px 8px 5px 8px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; font-size:0.85em; text-align:right; font-weight:normal; color:#666; } #main_column h2.entry_list_title.uvtitle a{ color:#FFF;} /*ユーザー向けサービス*/ #user_service ul { width:100%; height:1%; overflow:hidden; _zoom: 1; margin:0 0 0 -7px;} #user_service ul li{ list-style:none; padding:0 0 0 0; margin:0 0 7px 7px; background:none; overflow:hidden; height:171px; float:left;display:block;} #user_service ul li a{ width:149px; height:171px;background:transparent url(./image/topcontent24.png) no-repeat; display:block; float:left; overflow:hidden;} #user_service ul li a span{ display:none;} /*上段*/ #user_service ul li.tsuushin a{background-position:-2px 0px;} #user_service ul li.shizai a{ background-position:-159px 0px;} #user_service ul li.kodutsumi a{background-position:-316px 0px;} #user_service ul li.user a{background-position:-473px 0px;} #user_service ul li.tsuushin a:hover{background-position:-2px -360px;} #user_service ul li.shizai a:hover{ background-position:-159px -360px;} #user_service ul li.kodutsumi a:hover{background-position:-316px -360px;} #user_service ul li.user a:hover{background-position:-473px -360px;} /*下段*/ #user_service ul li.heiten a{background-position:-2px -182px;} #user_service ul li.shouzai a{background-position:-159px -182px;} #user_service ul li.yunyuu a{background-position:-316px -182px;} #user_service ul li.recycle a{background-position:-473px -182px;} #user_service ul li.heiten a:hover{background-position:-2px -542px;} #user_service ul li.shouzai a:hover{background-position:-159px -542px;} #user_service ul li.yunyuu a:hover{background-position:-316px -542px;} #user_service ul li.recycle a:hover{background-position:-473px -542px;} /****** table (toiawase etc.) **********/ #law-table{} #law-table td{padding:5px; border:1px solid #eee} #law-table colgroup {} /*主にPDFファイルをキャプチャした画像を載せる用*/ .sb-center{ background-color:#F7F7F7; text-align:center; padding:10px;border:solid 1px #CCC; } .sb-center a{ } /*記事下トライアル申込ボタン*/ #main_column .trial{} #main_column .trial a{ width:556px; height:75px; background:url(./image/trial02.png) no-repeat -6px -4px; display:block; margin:0 auto;} #main_column .trial a:hover{ background-position:-6px -82px;} /*********************************************/ /****** side ***************************/ /*********************************************/ div#sub_column .padding{margin:0 35px 30px 0;} div#sub_column .section{background:#F6F6F6; margin-bottom:15px; padding:15px} /*サイドバートライアル*/ div#sub_column .trial{ border:#E1E1E1 1px solid; background:#FFF; padding:7px; margin:0 0 15px;} div#sub_column .trial a{ width:214px; height:147px; display:block; background:url(./image/trial01.png) 0 0 no-repeat;} div#sub_column .trial a:hover{ background:url(./image/trial01.png) 0 -148px no-repeat;} div#sub_column .trial a span{ margin-left:-5000px;} div#sub_column .section h2{line-height:100%; margin-bottom:10px} div#sub_column .section ul {list-style-type:none} div#sub_column .section ul li{width:200px; overflow:hidden} div#sub_column .section ul li.set1, div#sub_column .section ul li.set2, div#sub_column .section ul li.set3, div#sub_column .section ul li.set5{background:url(./image/side_menu_line01.gif) repeat-x bottom; padding-bottom:10px; margin-bottom:8px} div#sub_column .section ul li a{display:block; width:200px; height:71px; padding-left:200px; float:left; overflow:hidden;} div#sub_column .section.main ul li.set1 a{ background:url(./image/side_menu_item_all01.png) 0px 0px no-repeat; } div#sub_column .section.main ul li.set2 a{background:url(./image/side_menu_item_all01.png) 0px -71px no-repeat;} div#sub_column .section.main ul li.set3 a{background:url(./image/side_menu_item_all01.png) 0px -142px no-repeat;} div#sub_column .section.main ul li.set4 a{background:url(./image/side_menu_item_all01.png) 0px -213px no-repeat;} div#sub_column .section.option ul li.set1 a{background:url(./image/side_menu_item_all01.png) 0px -284px no-repeat;} div#sub_column .section.option ul li.set2 a{background:url(./image/side_menu_item_all01.png) 0px -355px no-repeat;} div#sub_column .section.option ul li.set3 a{background:url(./image/side_menu_item_all01.png) 0px -426px no-repeat;} div#sub_column .section.option ul li.set4 a{background:url(./image/side_menu_item_all01.png) 0px -497px no-repeat;} div#sub_column .section.option ul li.set5 a{background:url(./image/side_menu_item_all01.png) 0px -568px no-repeat;} div#sub_column .section.main ul li.set1 a:hover{background:url(./image/side_menu_item_all01.png) -200px 0px no-repeat;} div#sub_column .section.main ul li.set2 a:hover{background:url(./image/side_menu_item_all01.png) -200px -71px no-repeat;} div#sub_column .section.main ul li.set3 a:hover{background:url(./image/side_menu_item_all01.png) -200px -142px no-repeat;} div#sub_column .section.main ul li.set4 a:hover{background:url(./image/side_menu_item_all01.png) -200px -213px no-repeat;} div#sub_column .section.option ul li.set1 a:hover{background:url(./image/side_menu_item_all01.png) -200px -284px no-repeat;} div#sub_column .section.option ul li.set2 a:hover{background:url(./image/side_menu_item_all01.png) -200px -355px no-repeat;} div#sub_column .section.option ul li.set3 a:hover{background:url(./image/side_menu_item_all01.png) -200px -426px no-repeat;} div#sub_column .section.option ul li.set4 a:hover{background:url(./image/side_menu_item_all01.png) -200px -497px no-repeat;} div#sub_column .section.option ul li.set5 a:hover{background:url(./image/side_menu_item_all01.png) -200px -568px no-repeat;} /*サポートFAQカテゴリでの表示*/ .support_faq_box{background:#F6F6F6; margin-bottom:15px; padding:15px} .support_faq_box h2{ font-size:1em; color:#666; border-left: 5px solid #EABF1F; padding:0 0 0 5px; line-height:120%; margin:0 0 10px;} .sfbt{background:url(./image/icon05.gif)0px 5px no-repeat; padding:0 0 0 15px; margin:0 0 10px; display:block;} .support_faq_box li{ background:url(./image/icon06.gif)0px 5px no-repeat; padding:0 0 0 15px; list-style:none; line-height:120%; margin:0 0 10px; font-size:0.95em;} .support_faq_box a{color:#2165C0} .support_faq_box a:hover{color:#6392D2} /*********************************************/ /****** footer ***************************/ /*********************************************/ div#footer{background:url(./image/footer_back01.png) repeat-x #6499E0; color:white; text-align:center; } div#footer .wrap{background:url(./image/footer_back02.png) repeat-x center bottom;} div#footer .padding{ margin:0 auto; width:970px; text-align:left; } #footer .lists_area{padding:40px 0 0 0; overflow:hidden;} #footer .lists_area a{color:white; text-decoration:none} #footer .lists_area a:hover{ color:#FDEA02; text-decoration:underline } /*floats*/ #footer .lists_area ul{ list-style-type:none;} #footer .lists_area ul li{float:left;} #footer .lists_area ul li ul li{float:left;} /*margins and paddings*/ #footer .lists_area ul{} #footer .lists_area ul li{margin-left:15px; padding: 0 10px 40px 25px;} #footer .lists_area ul li ul{margin-top:5px} #footer .lists_area ul li ul li ul{margin-top:0px} #footer .lists_area ul li ul li{margin:0; padding: 0 10px} #footer .lists_area p.entry{padding-left:10px} /*icons*/ #footer .lists_area ul li{background:url(./image/icon03.png) no-repeat;} #footer .lists_area ul li ul li{background:url(./image/icon04.png) no-repeat 0 0.3em;} #footer .lists_area p.entry{background:url(./image/whitedot.gif) no-repeat 0 0.3em;} /*fonts*/ #footer .lists_area ul{font-size:0.9em} #footer .lists_area ul li{font-weight:bold} #footer .lists_area ul li ul li{font-weight:normal} /******* Change this "width" to 215px if display 3 categories. **********/ #footer .lists_area ul li{ width: 185px} /********************************************************************************/ .footer_nodisp{display:none} div.copyrights{text-align:center; clear:both; padding:15px 0 10px; } div.copyrights #editon{position: relative; top: 8px;} .------------_Edit_------------ { } #editTopMenu{ width:100%; text-align:center;} .edit{ background: #EEE; font-size:0.9em; padding:7px 5px; display:none; text-align: center; border: 1px solid #999999; line-height:110%; } p.edit{ margin:0 0 1em 0;} .edit a, #editoff{ color:#06F; text-decoration:underline; } .edit a:hover, #editoff:hover{ color:#F30 }