/*
---------------------------------------------------
 COMMON STYLE SHEET // for GRAFFITI (C)2004

 Script Name: style.css

                          Designed by Tatsuo TAMURA
                          yoidore@yoidoretenshi.com
                       http://www.yoidoretenshi.com
---------------------------------------------------
*/

/*
--------------------
Tag:
--------------------
*/
body    { font-size: 12px; color: #666; text-align: center; margin: 10px 20px 0 20px; padding: 0; background-color: #929292; }
table   { font-size: 12px; }
a       { color: #FFFFFF; text-decoration: none; }
a.this  { color: #FFCC00; }
a:hover { color: #FF0000; text-decoration: underline; }


/*
--------------------
Style:
--------------------
*/
.color1  { color: #FFCC00; }	/*PageTitle*/
.color2  { color: #CCCCCC; }	/*SubTitle*/
.color3  { color: #FFCC00; }	/*Navi-ThisMonth*/
.color4  { color: #B2E8FF; }	/*Navi-SAT*/
.color5  { color: #66CCFF; }	/*Navi-SUN*/
.color6  { color: #333333; }	/*DATE, WEEKDAY*/
.color7  { color: #777777; }	/*PHOTO*/
.color8  { color: #333333; }	/*NOW PRINTING*/
.color9  { color: #777777; }	/*NOW BOOKING*/
.color10 { color: #0066FF; }	/*TITLE*/
.color11 { color: #000000; }	/*ARTISTS*/
.color12 { color: #444444; }	/*Detail*/
.color13 { color: #CC0000; }	/*Release Date*/
.color14 { color: #FF0000; }	/*Now On Sale*/
.color15 { color: #333333; }	/*Copy*/
.bg-color1  { background-image: url(/graffiti/img/texture_gray.jpg); }	/*ShadowTop, Contents*/
.bg-color2  { /*background-color: #333333;*/ }	/*Title*/
.bg-color3  { background-image: url(/graffiti/img/texture_gray.jpg); }	/*Schedule*/
.bg-color4  { /*background-color: #333333;*/ }	/*Navi-Month*/
.bg-color5  { /*background-color: #333333;*/ }	/*Navi-Days*/
.bg-color6  { background-color: #FFFFFF; }	/*WEEKDAY*/
.bg-color7  { background-color: #E5F2FF; }	/*SAT*/
.bg-color8  { background-color: #B4E9FF; }	/*SUN*/
.bg-color9  { background-color: #111111; }	/*PHOTO, NOW PRINTING*/
.bg-color10 { background-color: #FF0000; }	/*(TITLE)*/
.bg-color11 { background-color: #FF0000; }	/*(ARTISTS)*/
.bg-color12 { background-color: #EEEEEE; }	/*(Detail)*/
.bg-color13 { background-color: #CCCCCC; }	/*(Release Date)*/
.bg-color14 { /*background-color: #FFCC00;*/ }	/*Now On Sale*/
.bg-color15 { background-color: #929292; }	/*Copy*/


/*
--------------------
Layout:
--------------------
*/
.ContentsBody, .ContentsHeader, .ContentsFooter { margin: 0 auto; padding: 0; }
.Contents      { margin: 0 16px 10px 16px ; padding: 0; }
.float-clear   { clear: left; display: block; }

.ShadowCorner  { width: 10px; height: 10px; }
.ShadowCorner1 { width: 10px; height: 10px; background-image: url(/graffiti/img/shadow_top_left_gray4px.gif); }
.ShadowCorner2 { width: 10px; height: 10px; background-image: url(/graffiti/img/shadow_top_right_gray4px.gif); }
.ShadowCorner3 { width: 10px; height: 10px; background-image: url(/graffiti/img/shadow_bottom_left_gray4px.gif); }
.ShadowCorner4 { width: 10px; height: 10px; background-image: url(/graffiti/img/shadow_bottom_right_gray4px.gif); }
.ShadowTop     { height: 10px; }
.ShadowLeft    { width: 10px; background-image: url(/graffiti/img/shadow_left_gray4px.gif); }
.ShadowRight   { width: 10px; background-image: url(/graffiti/img/shadow_right_gray4px.gif); }
.ShadowBottom  { background-image: url(/graffiti/img/shadow_bottom_center_gray.gif); }

.MainMenu { text-align: right; vertical-align: bottom; margin: 0 4px 10px 4px; padding: 0; background: #929292 url(/graffiti/img/title_main.gif) no-repeat; }
.MenuContents { margin: 0; padding: 20px 10px 10px 10px; }
.MenuContents a { color: white; }
.MenuContents a.this { color: #FFCC00; }
.MenuContents a:hover { color: #FF0000; }
.MenuContents img { margin-left: 10px; }

.Title    { text-align: left; margin: 0; padding: 0; }
.Title h1 { font-weight: bold; margin: 0; padding: 0; border-bottom: 1px solid #8993A3; }
.Title h3 { font-weight: normal; margin: 0; padding: 0; }

.Navi     { margin: 5px 0 10px 0; padding: 0; }
.Navi ul  { margin: 0; padding: 0; }
.Navi li  { margin: 3px; padding: 0; display: inline; list-style: none; }
.Navi .Days { text-align: center; margin: 10px 0 10px 0; padding: 0; }
.Caption  { margin: 0; padding: 0; }
.Photo2   { margin: 6px 0 0 0; padding: 0; }
.Detail   { margin: 0; padding: 0; }
.Detail ul { margin: 0 0 0 10px; padding: 0; }
.Detail li { margin: 0; padding: 0; list-style: none; }
.Detail li ul { margin: 10px 0 0 14px; padding: 0; }
.Anchor { vertical-align: bottom; }
.Win    { width: 20px; }
.Dummy  { text-align: center; font-weight: bold; }
.Copy   { margin: 20px 0 0 0; padding: 10px; border-top: 1px solid #333333; }


#Schedule a { color: #999; } #Schedule a:hover { color: #F00; }
#Schedule td, #Schedule th { border-bottom: 1px solid #333333; }


/*List*/
.List { margin: 20px; padding: 0; }
.List dl { margin: 0; padding: 0; }
.List dt { margin: 0; paddign: 0; }
.List dd { margin: 0; paddign: 0; }


/*Link*/
.Link { margin: 0; padding: 0; }
.Link td { white-space: nowrap; }
.Link ul { margin: 0; padding: 0; list-style: none; }
.Link li { margin: 0; padding: 0; }
.uline   { border-bottom: 1px solid #444; }

h2 { font-size: 16px; margin: 0 20px 0 0; padding: 0 0 0 5px; border-left: 5px solid #39F; }
h3 { font-size: 14px; margin: 5px 0 0 0; padding: 0; }
h4 { font-size: 12px; margin: 0; padding: 0; }


.SettingButton { text-align: right; margin: 0 5px 5px 0; padding: 0; }
.SettingForm   { margin: 10px 0 10px 0; padding: 10px; }


.margin10v  { margin: 10px 0 0 0; }
.margin20v  { margin: 20px 0 0 0; }
.margin10hr { margin: 0 10px 0 0; }
.margin20hr { margin: 0 20px 0 0; }
.margin10hl { margin: 0 0 0 10px; }
.margin20hl { margin: 0 0 0 20px; }