#menus *{font-size:10px;letter-spacing:1px;} .odd {vertical-align:middle;font-size:10px;width:100%;height:25px;background:#FFFFFF;line-height:150%;letter-spacing:1px;} .even{vertical-align:middle;font-size:10px;width:100%;height:25px;background:#EFEFFF;line-height:150%;letter-spacing:1px;} .odd img{margin-top:5px;} .even img{margin-top:5px;} div#commentarea{width:635px;margin-bottom:5px;} div#commentarea .user1{padding:3px;font-size:10px;line-height:140%;letter-spacing:1px;width:310px;float:left;text-align:left;border-right:1px solid #999999;} div#commentarea .user2{padding:3px;font-size:10px;line-height:140%;letter-spacing:1px;width:310px;float:right;text-align:left;} /* ----------------------- DEFAULT SETTING ------------------------ */ /*div#base div{letter-spacing:1px;line-height:125%;border:1px solid #DDDDDD;position:relative;} */ #data {width:900px;} #data .center_t{width:862px;} #data .center_c2{z-Index:1;} .garage_submenu{width:100%;} .garage_submenu *{font-size:10px;letter-spacing:1px;line-height:125%;} .garage_submenu .top{width:235px;height:20px;background:url('../../images/garage/top/test.gif');background-repeat:no-repeat;} .garage_submenu .middle{width:235px;background:url('../../images/garage/top/test3.gif');} .garage_submenu .middle .detail{} .garage_submenu .bottom{width:235px;height:20px;background:url('../../images/garage/top/test2.gif');background-repeat:no-repeat;} .admintitle{padding-top:5px;padding-bottom:3px;} /* */ /* MENU-ITEMS */ div#menuitems {margin:3px 0px 3px 0px;} div#menuitems {width:100%;border:0px;list-style-type:none;list-style-position:inherit;margin-left:1px;} div#menuitems li{width:150px;height:23px;border:0px solid #CCCCCC;list-style-type:none;margin:0px 0px 0px -1px;font-size:10px;letter-spacing:1px;} div#menuitems a {width:100%;display:block;height:23px;vertical-align:middle;text-align:center;text-decoration:none;position:relative;background:#FFFFFF;border:1px solid #CCCCCC;padding:0px 0px 0px 0px;} div#menuitems a:link{} div#menuitems a:visited{} div#menuitems a:hover{background:#4DA9D5;} /* MENU-ITEMS2 */ div#menuitems2 {margin:3px 0px 3px 0px;} div#menuitems2 {width:100%;border:0px;list-style-type:none;list-style-position:inherit;margin-left:1px;} div#menuitems2 li{width:200px;height:23px;border:0px solid #CCCCCC;list-style-type:none;margin:-1px 0px 0px 0px;font-size:10px;letter-spacing:1px;} div#menuitems2 a {width:100%;display:block;height:23px;vertical-align:middle;text-align:left;text-decoration:none;position:relative;background:#FFFFFF;border:1px solid #CCCCCC;padding:4px 0px 0px 3px;color:#336699;} div#menuitems2 a:link{color:#336699;} div#menuitems2 a:visited{color:#336699;} div#menuitems2 a:hover{color:#336699;background:#ECECEC;} div#menuitems2 .menuitem2{position:absolute;top:3px;left:5px;} /* page_menu */ div#page_menu {margin:5px 0px 15px 0px;} div#page_menu {width:100%;border:0px;list-style-type:none;list-style-position:inherit;margin-left:1px;} div#page_menu li{width:20px;height:17px;border:0px solid #CCCCCC;list-style-type:none;margin:0px 4px 0px 0px;font-size:10px;letter-spacing:1px;float:left;} div#page_menu a {font-size:11px;font-weight:bold;color:#336699;width:20px;display:block;height:17px;vertical-align:middle;text-align:center;text-decoration:none;position:relative;background:#FFFFFF;border:1px solid #CCCCCC;padding:0px 0px 0px 0px;} div#page_menu a:link{color:#336699;} div#page_menu a:visited{color:#336699;} div#page_menu a:hover{color:#336699;background:#ECECEC;} /* ------------------------- BASIC STYLE3 ------------------------- */ /* DISPLAY LAYAOUT */ div#area1{width:100%;} div#area2{width:100%;height:100%;} div#area3{width:100%;height:100%;margin-top:0px;} div#area4{width:100%;clear:both;} /* USERNAME */ div#area2 .username{width:98%;font-size:14px;font-weight:bold;border:1px solid #CCCCCC;padding:2px;margin-bottom:3px;} .commentdiv{text-align:center;font-weight:bold;width:16px;height:16px;background:url('../images/garage/mini/comment2.gif');background-repeat:no-repeat;} /* ------------------------- TOP PAGE ------------------------- */ #main-table #main .center #toppage {width:100%;} #main-table #main .center #toppage div{border:0px solid #FFCCCC;} #main-table #main .center #toppage #carimage {width:40%;float:left;margin-bottom:4px;padding-top:3px;} #main-table #main .center #toppage #profiles {width:59%;float:right;margin-bottom:4px;} #main-table #main .center #toppage #frends {width:40%;height:400px;float:left;margin-bottom:4px;clear:both;} #main-table #main .center #toppage #partsarea{width:59%;float:right;margin-bottom:4px;} #main-table #main .center #toppage #diyarea {width:59%;float:right;margin-bottom:4px;} /* #main-table #main .center #toppage #carimage img{width:95%;} #main-table #main .center #toppage #carimage .carmsg{width:95%;font-size:10px;text-align:left;line-height:150%;margin-top:5px;} #main-table #main .center #toppage #profiles .profile{width:100%;border:0px;margin-top:5px;} #main-table #main .center #toppage #profiles .profile td{line-height:165%;font-size:10px;padding:5px;} */ #main-table #main .center #toppage #partsarea #partsitems {width:100%;border:0px;margin-top:5px;} #main-table #main .center #toppage #partsarea #partsitems td{line-height:165%;padding:3px;} #main-table #main .center #toppage #partsarea .parts_midashi{font-size:12px;font-weight:bold;margin-top:5px;letter-spacing:1px;} #main-table #main .center #toppage #diyarea #diyitems {width:100%;border:0px;margin-top:5px;} #main-table #main .center #toppage #diyarea #diyitems td{line-height:165%;padding:3px;} #main-table #main .center #toppage #diyarea .diy_midashi{font-size:12px;font-weight:bold;margin-top:5px;letter-spacing:1px;} /* ------------------------- PARTSVIEW ------------------------- */ div#area3 #partsview {width:100%;} div#area3 #partsview div{border:0px;} div#area3 #partsview #partsitems {width:610px;border-right:1px solid #CCCCCC;float:left;} div#area3 #partsview #partsitems {width:100%;border:0px;margin-top:5px;} div#area3 #partsview #partsitems td{line-height:165%;font-size:10px;padding:5px;} div#area2 #partscategorys{margin-left:3px;clear:both;margin-bottom:5px;} div#area2 #partscategorys .categorytitle{font-weight:bold;margin:5px 0px 3px 0px;} div#area2 #partscategorys .category{float:left;width:190px;line-height:150%;padding-left:5px;height:20px;} /*------------------------- DIY VIEW --------------------------------*/ div.imageview {float:left;width:140px;} div.imageview img{width:135px;} div.url{width:100px;word-break:break-all;} /*------------------------- PAGE INFO --------------------------------*/ div#page-navi{clear:both;} /*------------------------- DIV ENTRY --------------------------------*/ #diybase{width:100%;} #diybase .title{text-align:left;font-size:22px;margin-bottom:5px;padding-top:5px;font-weight:bold;background:#CCCCFF;border-bottom:2px solid #6699CC;} #diybase .headmsg{font-size:13px;line-height:130%;letter-spacing:1px;} #diybase .footmsg{font-size:13px;line-height:130%;letter-spacing:1px;margin-top:10px;} #diybase .items{padding-bottom:5px;margin-top:10px;border-bottom:1px solid #EFEFEF;} #diybase .images{width:410px;float:left;margin-right:5px;text-align:center;vertical-align:middle;} /*#diybase .infoimg{width:390px;float:left;margin-right:5px;text-align:center;vertical-align:middle;} #diybase .infoimg img{width:380px;} */ #diybase .msg{width:100%;text-align:left;font-size:13px;line-height:140%;letter-spacing:1px;} #diybase textarea{font-size:11px;} #diybase .comment{width:100%;height:220px;} #diybase > .comment{width:175px;height:220px;} #diybase .imgtext{width:300px}*/ /*------------------------- DIV ENTRY --------------------------------*/ #smallimage{font-size:10px;} #smallimage .s_image {float:left;width:40px;text-align:center;padding:2px;} #smallimage .s_image img{width:42px;cursor:pointer;} #smallimage .pageno {width:25px;} #submenu .minimenu{float:left;width:40px;text-align:center;} #submenu a{font-size:7pt;} /*DD*/ #menus {width:100%;} #menus .header{font-size:11px;letter-spacing:2px;height:22px;border-bottom:2px solid #CC6666;} #menus #menbar{width:100%;} #menus #menbar .photo{width:113px;border:1px solid #CCCCCC;float:left;margin-right:7px;margin-bottom:5px;} #menus #menbar .photo .msg {margin:0px 2px 2px 2px;} #menus .goto {font-size:10px;text-align:right;} #menus .parts{float:left;width:290px;} #menus .diys {float:right:width:290px;} #menus a{letter-spacing:2px;text-decoration:none;} #menus a:link{color:336699;}/*未読*/ #menus a:visited{color:336699;}/*既読*/ #menus a:hover{color:FF3333;text-decoration:underline;}/*アクティブ*/ .end{clear:both;} #diys .header{font-size:11px;letter-spacing:2px;height:22px;border-bottom:2px solid #CC6666;} #garageinfo b{font-size:10px;} #garageinfo u{font-size:10px;} #garageinfo a{font-size:10px;} #garageinfo .msg{font-size:10px;letter-spacing:1px;line-height:180%;} #page-navi{font-size:10px;text-align:center;} #page-navi a{font-size:10px;} /*共通*/ .newentry{text-align:right;letter-spacing:1px;height:21px;} .viewhead{background:#CCCCFF;height:20px;} img{border:0px;} #admin-info{border:1px solid #CCCC66;font-size:10px;padding:5px;padding-bottom:5px;line-height:150%;letter-spacing:1px;background:#FFFFEE;text-align:left;} .garage-title{font-size:16px;font-weight:bold;letter-spacing:1px;} .title-name{font-size:10px;letter-spacing:1px;} /* 見出し用のＣＳＳ*/ #top-title{margin-top:5px;border:1px solid #AFAFAF;height:21px;border-bottom:2px solid #999999;background-image:url('../img/top-title-bg.gif');background-position: -1 -1;background-repeat:no-repeat;} #top-title a{letter-spacing:0px;padding-top:2px;padding-left:13px;width:100%;display:block;height:20px;text-decoration:none;font-weight:bold;color:navy} #top-title > a{padding-left:0px;width:100%;display:block;height:20px;text-decoration:none;} #top-title > a > .mozila{height:20px;width:13px;float:left;} #top-title a:link {} #top-title a:hover {text-decoration:underline;color:#FF6666;} #top-title a:active{} /*サブメニュー用*/ .subwindowarea{padding:5px;border-left:1px solid #CFCFCF;border-right:1px solid #CFCFCF;border-bottom:1px solid #CFCFCF} .subwindowarea div a{letter-spacing:1px;padding-top:2px;padding-left:10px;width:100%;display:block;height:20px;border:1px solid #EFEFEF;text-decoration:none;color:navy} .subwindowarea div > a{padding-left:10px;width:95%;display:block;height:18px;text-decoration:none;} .subwindowarea div a:link {} .subwindowarea div a:hover {background-color:#CCCCEF;} .subwindowarea div a:active{} /*プロフィール画面*/ #profile-table{width:98%;} #profile-table td{vertical-align:top;} #profile-table .image{width:350px} #profile-table .image img{width:330px;} #profile-table .info{} #profile-table .profile{width:100%;} /*個人別のパーツ情報 & コメント書込み時に使用 */ #parts-table{width:100%;border:0px solid #EFEFEF;} #parts-table td{letter-spacing:1px;} #parts-table .title{font-size:15px;font-weight:bold;border-bottom:2px solid #000069;} #parts-table .update{text-align:right;} #parts-table .image{text-align:left;} #parts-table .comment{font-size:14px;line-height:130%;} #parts-table .price{font-size:14px;line-height:130%;font-weight:bold;color:navy;text-align:right;} #parts-table .osusume{font-size:14px;font-weight:bold;text-align:right;} #parts-table .osusumemark{color:#CCCC33;font-size:14px;font-weight:bold;} #parts-for-link-table{width:100%;border:0px solid #EFEFEF;} #parts-for-link-table td{} #parts-for-link-table .header{border-bottom:2px solid #000069;} #parts-for-link-table .linkinfo{} #parts-for-comment-table{width:100%;border:0px solid #EFEFEF;} #parts-for-comment-table td{} #parts-for-comment-table .header{border-bottom:2px solid #000069;} #parts-for-comment-table .action{text-align:right;} #parts-commentarea-table{width:100%;border:0px solid #EFEFEF;} #parts-commentarea-table tr{} #parts-commentarea-table td{vertical-align:top;letter-spacing:1px;} #parts-commentarea-table div{font-size:10px;letter-spacing:1px;} #parts-commentarea-table .comment{width:50%;border-right:1px solid #CFCFCF;border-bottom:1px solid #CFCFCF;} #parts-commentarea-table .return{width:50%;border-bottom:1px solid #CFCFCF;} #parts-commentarea-table .title{font-size:11px;color:navy;} #parts-commentarea-table .commentarea{font-size:11px;} #parts-commentarea-table .user{text-align:right;} #parts-commentarea-table .update{text-align:right;} #parts-commentarea-table .newheader{font-size:14px;font-weight:bold;} #parts-commentarea-table .button{font-size:14px;font-weight:bold;} /*ページ遷移用*/ #page-table{width:100%;} #page-table .prev{width:50%;text-align:left;} #page-table .next{width:50%;text-align:right;} /*管理画面画像一覧*/ #myimage-table{width:100%;} #myimage-table td{} #myimage-table .image{width:100px;vertical-align:middle;tex-align:center;} #myimage-table .info{} #myimage-table .chk{width:60px;} #myimage-table .btn{width:50px;line-height:150%;vertical-align:middle;tex-align:center;} #myimage-table aa{margin-left:5px;margin-top:3px;margin-bottom:3px;line-height:160%;} #myimage-table .imagetitle{width:100%;font-size:11px;} #myimage-table .commentarea{width:100%;height:40px;font-size:11px;letter-spacing:0px;} #myimage-table .comment-table{width:100%;padding:2px;} #myimage-table .comment-table .title{width:35px;vertical-align:top;} #myimage-table .comment-table .input{vertical-align:top;} /*プロフィール*/ #profileinput-table{width:100%;} #profileinput-table td{} #profileinput-table .carimg{width:380px;} #profile-info-table{width:100%;background-color:#CCCCCC;} /*ＤＩＹ*/ #imgdata-table{width:100%;border-bottom:1px solid #EFEFEF;} #imgdata-table td{} #imgdata-table .img{width:380px;vertical-align:top;} #imgdata-table img{width:360px;} #imgdata-table .img img{width:390px;} #imgdata-table .msg{vertical-align:top;} .adddiy{width:200px;height:50px;font-size:15px;} .comment{width:100%} #nenpi-table{background-color:#CCCCCC} #nenpi-table td{font-size:10px;letter-spacing:1px;padding:0px;} #nenpi-table td.head{text-align:center;} #nenpi-table td.foot1{text-align:center;background-color:#333333;color:#FF9933;line-height:1.5em;width:55px;} #nenpi-table td.foot2{text-align:center;background-color:#333333;color:#FF9933;line-height:1.5em;width:55px;} #nenpi-table td.foot3{text-align:center;background-color:#333333;color:#FF9933;line-height:1.5em;width:50px;} #nenpi-table td.foottotal{text-align:center;background-color:#EFEFEF;} #nenpi-table td.onecell{width:30px;height:15px;vertical-align:bottom;text-align:left;font-size:10px;background-color:#EFEFEF;} #nenpi-table td.day {width:60px;height:26px;text-align:center;vertical-align:middle;letter-spacing:0px;background-color:#EFFFEF;} #nenpi-table td.graph {vertical-align:top;position:relative;padding:0px;} div.trip {font-size:0px;line-height:0%;padding:0px;background-color:#CC6666;height:5px;position:relative;top:2px;left:0px;z-Index:1;color:#FFFFFF;} div.jitsutrip{background-color:#6666CC;height:14px;position:relative;top:4px;left:0px;z-Index:2;text-align:right;color:#FFFFFF;} #nenpi-table tr.head{background-color:#66CC66;} #nenpi-table tr.add{background-color:#EEEEFF;} #nenpi-table tr.odd{background-color:#FFFFFF;} #controlpanel{width:90%;} #controlpanel td{font-size:12px;letter-spacing:2px;line-height:1.5em} #controlpanel td.image{width:55px;text-align:center;} #controlpanel td.title{vertical-align:middle;} #controlpanel td.title h1{font-size:15px;letter-spacing:0px;margin:0px;} #controlpanel td.info{color:#339933;} #controlpanel td.menu{} #controlpanel td.menu a{text-decoration:none;color:#336699;} #controlpanel td.menu a:hover{text-decoration:underline;color:#FF3333;} #controlpanel td.menu p{font-size:11px;line-height:1.4em;margin:0px;} .dummyimg{width:38px;height:40px;background-color:#CCCCCC;} #controlpanel ul {margin: 0px;padding: 0px 0px 0px 0px;} #controlpanel li {margin: 0px;padding: 0px 10px 0px 20px;background-repeat: no-repeat;background-position: left center;display: inline;background-image: url(../images/icon_list.gif);letter-spacing: 0.1em;} .outerline{border:1px solid #CCCCCC;margin-top:3px;} .innerline{border:1px solid #CCCCCC;margin:1px;padding:3px;}