@charset "utf-8"; /* ------------------------------------------ browser style clear ------------------------------------------*/ * { margin: 0; padding: 0; /*background: transparent;*/ } html { height: 100%; overflow-y: scroll; } ul,li,dl,dt,dd{ list-style:none; } img{ vertical-align: top; } a img{ border: none; } a{ text-decoration: underline; } a:link{ color: #0000ff; } a:visited{ color: #0000ff; } a:hover{ color: #0000ff; text-decoration: none; } a:active{ color: #0000ff; } body { background-color: #ffffff; text-align: center; font-family: Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"MS Pゴシック",sans-serif; color: #333333; font-size: 13px; *font-size: small; *font: x-small; font-style: normal; font-weight: normal; line-height: 1.5; height: 100%; } h2,h3,h4,h5,h6 { font-size: 100%; } h1 { font-size: 100%; color: #FFFFFF; } p { margin: 0 0 1em 0; } /* ------------------------------------------ wireframe ------------------------------------------*/ div#container { margin: 0 auto; width: 900px; height: 100%; text-align: left; } div#header { background: #ffffff url(img/bg_header.jpg) no-repeat left bottom; padding: 15px 0px 0px 0px; margin: 0px 0px 0px 0px; } body.mainPage div#wrapper, body.independentPage div#wrapper { /*padding: 30px 0;*/ clear: both; margin: 0 0 0 0; background: #ffffff url(img/bg_maincontent_separated.gif) repeat-y left top; } body.mainPage div#wrapperInner, body.independentPage div#wrapperInner { /*background: transparent url(img/bg_maincontent_separated_bo.gif) no-repeat left bottom;*/ padding: 20px; } body.searchPage div#wrapper, body.entryListPage div#wrapper { /*padding: 30px 0;*/ clear: both; margin: 5px 0 0 0; background: #ffffff url(img/bg_maincontent.gif) no-repeat left top; } body.searchPage div#wrapperInner, body.entryListPage div#wrapperInner { background: transparent url(img/bg_maincontent_bottom.gif) no-repeat left bottom; padding: 20px 0; } body.mainPage div#mainContent, body.independentPage div#mainContent { float: left; width: 640px; } div#tagSearch { float: right; width: 194px; } div#menu { float: right; width: 180px !important; width: 194px; padding: 0 0 0 14px; } div#footer { background: #595959 url(img/bg_footer.jpg) no-repeat; /*background-color:#9EC96F;*/ margin: 5px 0 0 0; /*border-left: 1px solid #999999; */ border-right: 1px solid #999999; border-bottom: 5px solid #595959; padding: 10px 20px 10px 20px; } /*div#footerInner1 { background-color:#595959; padding: 20px 20px 30px 20px; }*/ /*div#container div#footer > div#footerInner { min-height:20px; }*/ * html div#footer, * html div#footerInner { width: 100%; /*height:100px;*/ } /* ------------------------------------------ main page ------------------------------------------*/ body.mainPage div#container div#mainContent div#categorySearch { background: #ffffff url(img/bg_top_menu.gif) no-repeat left 30px; } body.mainPage div#container div#mainContent div#categorySearch div#tshirts, body.mainPage div#container div#mainContent div#categorySearch div#longT, body.mainPage div#container div#mainContent div#categorySearch div#hoodie { float: left; width: 200px; } body.mainPage div#container div#mainContent div#categorySearch div#tshirts, body.mainPage div#container div#mainContent div#categorySearch div#longT { margin: 0 20px 0 0; } body.mainPage div#container div#mainContent div#categorySearch div#categorySearchInner { background: transparent url(img/bg_top_menu_bottom.gif) no-repeat left bottom; padding: 0 0 10px 0; } body.mainPage div#container div#mainContent div#categorySearch div#tshirts p, body.mainPage div#container div#mainContent div#categorySearch div#longT p, body.mainPage div#container div#mainContent div#categorySearch div#hoodie p, body.mainPage div#container div#mainContent div#categorySearch div#tshirts ul, body.mainPage div#container div#mainContent div#categorySearch div#longT ul, body.mainPage div#container div#mainContent div#categorySearch div#hoodie ul { width: 180px; margin: 10px 0 0 10px; } body.mainPage div#container div#mainContent div#categorySearch div#tshirts ul li { background: transparent url(img/list_mark_t_shirts.gif) no-repeat left 5px; padding: 0 0 0 15px; } body.mainPage div#container div#mainContent div#categorySearch div#longT ul li { background: transparent url(img/list_mark_long_t.gif) no-repeat left 5px; padding: 0 0 0 15px; } body.mainPage div#container div#mainContent div#categorySearch div#hoodie ul li { background: transparent url(img/list_mark_hoodie.gif) no-repeat left 5px; padding: 0 0 0 15px; } body.mainPage div#container div#tagSearch ul#tags { background: #ffffff url(img/bg_sidemenu.gif) no-repeat left bottom; margin: 0 0 0 14px; padding: 0 0 14px 0; } body.mainPage div#container div#tagSearch ul#tags li { background: transparent url(img/list_mark_tag.gif) no-repeat left 5px; margin: 0 14px 0.5em 14px; padding: 0 0 0 33px; } body.mainPage div#container div#newArrival { background: #ffffff url(img/bg_top_new_arrival.gif) no-repeat left bottom; margin: 5px 0 0 0; } body.mainPage div#container div#newArrival div.newArrivalDetail { float: left; width: 140px; padding: 0 10px; margin: 5px 0 10px 0; } body.mainPage div#container div#newArrival div.newArrivalDetail h3, body.mainPage div#container div#newArrival div.newArrivalDetail p { margin: 0; line-height: 1.2; } /* ------------------------------------------ main page 応用編追加分 ------------------------------------------*/ body.mainPage div#container div#tagSearch ul#sale { background: #ffffff url(img/bg_sidemenu.gif) no-repeat left bottom; margin: 0 0 10px 14px; padding: 0 0 14px 0; } body.mainPage div#container div#tagSearch ul#sale li { background: transparent url(img/list_mark_sale.gif) no-repeat left 3px; margin: 0 14px; padding: 0 0 0 30px; } /* ------------------------------------------ search page and entry list page ------------------------------------------*/ body.searchPage div#container div#h1Wrapper, body.entryListPage div#container div#h1Wrapper { background: #006600 url(img/bg_h1_list.gif) no-repeat left top; margin: 0 20px; } body.searchPage div#container div#h1Wrapper h1, body.entryListPage div#container div#h1Wrapper h1 { background: transparent url(img/bg_h1_list_bottom.gif) no-repeat left bottom; padding: 15px 15px 15px 100px; color: #ffffff; font-weight: bold; } body.searchPage div#container div#wrapper div.goodsDetail, body.entryListPage div#container div#wrapper div.goodsDetail { float: left; width: 140px !important; width: 180px; padding: 0 20px; margin: 20px 0 0 0; } body.searchPage div#container div#wrapper div.sixth, body.entryListPage div#container div#wrapper div.sixth { clear: left; } body.searchPage div#container div#wrapper div.goodsDetail p, body.entryListPage div#container div#wrapper div.goodsDetail p { margin: 0; } /* ------------------------------------------ independent pages ------------------------------------------*/ body.independentPage div#container div#menu div#tshirts ul, body.independentPage div#container div#menu div#longT ul, body.independentPage div#container div#menu div#hoodie ul { background: #ffffff url(img/bg_sidemenu.gif) no-repeat left bottom; padding: 0 0 14px 0; margin: 0 0 10px 0; } body.independentPage div#container div#menu div#tshirts ul li { background: transparent url(img/list_mark_t_shirts.gif) no-repeat left 5px; padding: 0 0 0 15px; margin: 0 0 0 10px; } body.independentPage div#container div#menu div#longT ul li { background: transparent url(img/list_mark_long_t.gif) no-repeat left 5px; padding: 0 0 0 15px; margin: 0 0 0 10px; } body.independentPage div#container div#menu div#hoodie ul li { background: transparent url(img/list_mark_hoodie.gif) no-repeat left 5px; padding: 0 0 0 15px; margin: 0 0 0 10px; } body.independentPage div#container div#mainContent p#goodsPhoto { float: left; width: 400px; margin: 10px 0 0 0; } body.independentPage div#container div#mainContent div#goodsDetail { float: right; width: 220px; margin: 10px 0 0 0; } body.independentPage div#container div#mainContent div#goodsDetail p.enteryTags, body.independentPage div#container div#mainContent div#goodsDetail p.price { border-top: 1px solid #999999; padding: 1em 0 0 0; font-weight: bold; } body.independentPage div#container div#mainContent div#h1Wrapper { background: #ffffff url(img/bg_h1_entry.gif) no-repeat left top; } body.independentPage div#container div#mainContent div#h1Wrapper h1 { background: transparent url(img/bg_h1_entry_bottom.gif) no-repeat left bottom; padding: 15px 15px 15px 100px; color: #ffffff; font-weight: bold; } div#topicPath { font-size: 10px; *font-size: x-small; *font: xx-small; margin: 0 0 15px 0; } body.entryListPage div#topicPath { font-size: 10px; *font-size: x-small; *font: xx-small; margin: 0 0 15px 20px; } /* ------------------------------------------ independent pages 応用編追加分 ------------------------------------------*/ body.independentPage div#container div#mainContent div#tshirtsTitle { background: #ffd300 url(img/bg_h1_entry_t-shirts.gif) no-repeat left top; } body.independentPage div#container div#mainContent div#tshirtsTitle h1 { background: transparent url(img/bg_h1_entry_t-shirts_bottom.gif) no-repeat left bottom; padding: 15px 15px 15px 100px; color: #ffffff; font-weight: bold; } body.independentPage div#container div#mainContent div#longtTitle { background: #0098cb url(img/bg_h1_entry_long_t.gif) no-repeat left top; } body.independentPage div#container div#mainContent div#longtTitle h1 { background: transparent url(img/bg_h1_entry_long_t_bottom.gif) no-repeat left bottom; padding: 15px 15px 15px 100px; color: #ffffff; font-weight: bold; } body.independentPage div#container div#mainContent div#hoodieTitle { background: #7d1799 url(img/bg_h1_entry_hoodie.gif) no-repeat left top; } body.independentPage div#container div#mainContent div#hoodieTitle h1 { background: transparent url(img/bg_h1_entry_hoodie_bottom.gif) no-repeat left bottom; padding: 15px 15px 15px 100px; color: #ffffff; font-weight: bold; } /* ------------------------------------------ common ------------------------------------------*/ div#container div#header p { font-size: 10px; *font-size: x-small; *font: xx-small; letter-spacing: 0.3em; color: #666666; margin: 0 0 5em 0; } div#container div#header p#logo { margin: 0; } div#footer p { margin: 0; font-size: 10px; *font-size: x-small; *font: xx-small; text-align: right; } div#footer p, div#footer p a { color: #595959; } /* ------------------------------------------ top_page / 最新情報 ------------------------------------------*/ .top-info { width:640px;background: url(img/new.jpg) no-repeat; margin-top:0px; } dl.top-info2 { padding:0px 0px 35px 0px ; } dt.top-info3 { margin:0px 0px 0px 0px; padding:10px 0px 5px 20px; color:#FFFFFF } .photo { background: #ffffff url(img/h1.jpg) no-repeat; margin:0px 0px 0px 0px; padding:7px 0px 10px 20px; color:#FFFFFF } .photo2 { float:left; margin:0px 0px 0px 0px; padding:0px 3px 10px 3px } .blog1 { background: #ffffff url(img/h2.jpg) no-repeat; margin:0px 0px 0px 0px; padding: 7px 0px 15px 30px; color: #FFFFFF; letter-spacing: 3pt; font-weight: bold; font-size: 16px; } .calendar { font-size:12px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px } .calendar2 { font-size:10px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px } h3.title { background: #ffffff url(img/title.jpg) no-repeat; margin:10px 0px 5px 0px; padding:5px 0px 5px 10px; color:#FFFFFF letter-spacing: 3pt; font-weight: bold; } ul.navi1 { margin:0px; padding:0px; float:left; } li.navi2 { margin:0px; padding:0px; float:left; } .navi2 a:hover, { opacity: 0.7; /* Opera・Safari */ -moz-opacity:0.7; /* Firefox */ filter: alpha(opacity=70); /* IE */ zoom: 1; /* IE */ }