@charset "Shift_JIS"; /*---------------------------------------------------------------- Style Setting Author : con Site : http://www.condors.jp/ Date : 2008/06 ----------------------------------------------------------------*/ /*================================================================ 1 : Basic Setting ================================================================*/ /*======== 1-1 : Universal Selector ========*/ *{ margin:0; padding:0; } /*======== 1-2 : ========*/ body{ color:#F0FFFF; font-size:75%; line-height:1.5; text-align:center; background:#000000; background-image:url(img/1200n-800bk.jpg); background-repeat:repeat-x } /*======== 1-3 : Block Level ========*/ h1,h2,div,p,ul,ol,li{ font-size:100%; text-align:left; } h7{ font-size:80%; text-align:left; color:#FOFOFO; } h4{ font-size:150%; text-align:left; } /*IE6*/ * html h1, * html h2, * html div{ height:1px; } /*======== 1-5 : ========*/ a:link{ color:#FFFFFF; text-decoration:none; } a:visited{ color:#F0FFFF; text-decoration:none; } a:hover{ color:#9999CC; text-decoration:underline; } a:active{ color:#CC0000; text-decoration:underline; } /*======== 1-6 :

========*/ hr{ display:none; } /*================================================================ 2 : Layout Setting ================================================================*/ /*======== 2-1 : div#wrapper ========*/ div#wrapper{ background:#000; width:800px; margin:0 auto; } /*======== 2-2 : div#Header ========*/ div#Header{ background:#000000; width:800px; } div#Header div#up h1{ text-indent:-5000px; width:800px; height:290px; margin:0 0 0px 0; float:left; background-image:url(img/top900-250.jpg); } div#Header div#up p{ text-align:center; padding-bottom:20px; text-indent: -5000px } div#Header div#up2{ background:#000000; width:800px; height:25px; } div#title{ width:180px; height:auto; float:left } div#news{ width:600px; height:20px; line-height:100%; background:#000; margin:0px 0 5px 0px; float:right; } div#news p { float:left; } div#news p span { color:#A7A8AA; } div#news p a { text-decoration:none; } /*======== 2-3 : div#column ========*/ div#column{ background:#000000; width:585px; padding-top:0px; background-image:url(img/800-180bk.gif); background-repeat: repeat-y; float:left; } div#up1{ background:#000000; width:580px; height:autopx; padding-top:5px; float:right; } div#col1{ background:#8B0017; background:url('img/botbase2.jpg') no-repeat; width:280px; height:315px; margin:0 10px 10px 0px; padding-bottom:10px; float:left; } div#col1 h2{ background:url('img/col1.jpg') no-repeat; background-color:#000000; width:280px; height:20px; text-indent:-5000px; float:left; margin-bottom:5px; padding:0 10px; } div#col1 p{ margin:0 5px 5px 5px; } div#col2{ background:#743817; background:url('img/katsu-ishi.jpg') no-repeat; width:280px; height:315px; margin:0 0px 10px 0px; padding-bottom:10px; float:right; } div#col2 h2{ background:url('img/col2.jpg') no-repeat; background-color:#000000; width:280px; height:20px; text-indent:-5000px; float:left; margin-bottom:5px; padding:0; } div#col2 p{ margin:0 5px 5px 5px; } div#down1{ background:#000000; width:600px; height:250px; padding-top:10px; float:right; } div#col3{ background:#FF9999; background:url('img/gen300.jpg') no-repeat; width:280px; height:240px; margin:0 10px 5px 0px; padding-bottom:5px; float:left; } div#col3 h2{ background:url('img/col3.jpg') no-repeat; background-color:#000000; width:280px; height:20px; text-indent:-5000px; float:left; margin-bottom:5px; padding:0 5px; } div#col3 p{ margin:0 5px 5px 5px; } div#col4{ background:#FF9999; background:url('img/kyoto250.jpg') no-repeat; width:280px; height:240px; margin:0 0px 5px 0px; padding-bottom:10px; float:right; } div#col4 h2{ background:url('img/col4.jpg') no-repeat; background-color:#000000; width:280px; height:20px; text-indent:-5000px; float:left; margin-bottom:5px; padding:0; } div#col4 p{ margin:0 5px 5px 5px; } /*======== 3-1 : div#menu ========*/ div#menu{ background:#1c1c1c; width:180px; float:left; margin:10px 0px 0 10px; } div#menu h2{ background:url('img/latest.jpg') no-repeat; width:180px; height:20px; text-indent:-5000px; float:left; padding:0 0px 0px 0px; margin:0px 0 5px 0px; } ul#navi{ padding:0; margin:0; } ul#navi{ padding:0; margin:0px; list-style-type:none; text-indent:-9000px; } ul#navi li a{ display:block; width:180px; height:22px; border:none; background-image:url(img/menu450.jpg); } ul#navi li#home a{ background-position:0px 0px; } ul#navi li#home a:hover{ background-position:-180px 0px; } ul#navi li#what a{ background-position:0px -22px; } ul#navi li#what a:hover{ background-position:-180px -22px; } ul#navi li#media a{ background-position:0px -44px; } ul#navi li#media a:hover{ background-position:-180px -44px; } ul#navi li#about a{ background-position:0px -66px; } ul#navi li#about a:hover{ background-position:-180px -66px; } ul#navi li#member a{ background-position:0px -88px; } ul#navi li#member a:hover{ background-position:-180px -88px; } ul#navi li#archives a{ background-position:0px -110px; } ul#navi li#archives a:hover{ background-position:-180px -110px; } ul#navi li#the a{ background-position:0px -132px; } ul#navi li#the a:hover{ background-position:-180px -132px; } ul#navi li#bbs a{ background-position:0px -154px; } ul#navi li#bbs a:hover{ background-position:-180px -154px; } ul#navi li#blogs a{ background-position:0px -176px; } ul#navi li#blogs a:hover{ background-position:0px -176px; } ul#navi li#ryo a{ background-position:0px -198px; } ul#navi li#ryo a:hover{ background-position:-180px -198px; } ul#navi li#katsu a{ background-position:0px -220px; } ul#navi li#katsu a:hover{ background-position:-180px -220px; } ul#navi li#ishi a{ background-position:0px -242px; } ul#navi li#ishi a:hover{ background-position:-180px -242px; } ul#navi li#con a{ background-position:0px -264px; } ul#navi li#con a:hover{ background-position:-180px -264px; } ul#navi li#yoshi a{ background-position:0px -286px; } ul#navi li#yoshi a:hover{ background-position:-180px -286px; } ul#navi li#aota a{ background-position:0px -308px; } ul#navi li#aota a:hover{ background-position:-180px -308px; } ul#navi li#workshop a{ background-position:0px -330px; } ul#navi li#workshop a:hover{ background-position:-180px -330px; } ul#navi li#shop a{ background-position:0px -352px; } ul#navi li#shop a:hover{ background-position:-180px -352px; } ul#navi li#mensoul a{ background-position:0px -374px; } ul#navi li#mensoul a:hover{ background-position:-180px -374px; } ul#navi li#goods a{ background-position:0px -396px; } ul#navi li#goods a:hover{ background-position:-180px -396px; } ul#navi li#contact a{ background-position:0px -418px; } ul#navi li#contact a:hover{ background-position:-180px -418px; } /*======== 2-6 : div#Footer ========*/ div#Footer{ font-size:80%; background:#000000; width:800px; clear:both; } div#Footer ul{ text-align:center; background-image:url(img/20-800bk.jpg); padding:0px 0; margin:0 0 5px 0; list-style:none; } div#Footer ul li{ margin:0 5px; display:inline; } div#Footer p{ text-align:center; padding:0px 0; } /*======== div#media========*/ @import "common.css"; @import "media_common.css"; h3.page-title-img { font-weight:bold; vertical-align:bottom; } h3.page-title-img img { margin-right:50px; vertical-align:middle; } table.media-data-all { border-collapse:collapse; margin:5px 0 10px 5px; width:570px; } *html table.media-data-all { /*IE6用のハック*/ border-collapse:collapse; margin:5px 0 10px 2px; width:565px; /*通常指定の1／2で指定*/ } table.media-data-all td { border-bottom:1px dotted #CCCCCC; line-height:120%; padding:10px 0; vertical-align:middle; } table.media-data-all td.media-cat { padding-left:7px; width:30px; } *table.media-data-all td.media-cat { padding-left:3px; width:30px; } table.media-data-all td.media-date { width:65px; } table.media-data-all td.media-title { width:305px; } *table.media-data-all td.media-title { /*IE6用のハック*/ width:295px; } table.media-data-all td.media-time { padding-left:5px; width:85px; } table.media-data-all td.media-type { width:70px; } table.media-data-all td.media-type p { font-size:10px; margin-left:5px; padding:2px 0; text-align:center; width:50px; } table.media-data-all td.media-type p.type-1 { background:#FFCC66 none repeat scroll 0 0; color:#FFFFFF; } table.media-data-all td.media-type p.type-2 { background:#FF0000 none repeat scroll 0 0; color:#FFFFFF; }