@charset "utf-8";
/* RONxII WEBSITE MOVIE & PHOTO CSS Document */


/*
=======================================================================
generic
=======================================================================
*/
html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

body {
    margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    padding: 0;
	font-family: 'trebuchet ms', 'verdana', 'helvetica', 'arial', 'MS PGothic', 'ＭＳ Ｐゴシック', "Osaka", 'Hiragino Kaku Gothic Pro', "sans-serif";
	color: #FFFFFF;
	font-size: 14px;
	background-color: #000000;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	line-height: 1.5;
}

strong { color: #481336; }

form { margin: 0em 0em 0em 0em; }

a img { border: 0; }

h2, h3, h4, h5, h6, p, pre, blockquote {
    margin-top: 10px;
    margin-bottom: 10px;
}

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

* html .pkg { display: inline-block; }

/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/*
=======================================================================
layout
=======================================================================
*/
a {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

strong { color: #FFFFFF;}

h1 {
	margin: 0;
	padding: 0;
}


h2 {
	font-size:16px;
	color:#AAAAAA;
	margin:10px;
	font-style:italic;
}

#alpha h3 { font-size:14px; color:#CACACA; margin:10px; padding: 3px 10px; font-style: normal; background: #333333; }


#beta h3 {
	font-size: 18px;
	color:#F5F5F5;
	background: #333333;
	margin:0 5px 10px 5px;
	padding: 5px;
	font-style: normal;
	border: solid 1px #CCCCCC;
	font-family: verdana, helvetica, arial, Meiryo, 'メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, sans-serif;

}

#beta h3 img { margin:10px; }


.font-small { font-size: 10px; font-style: normal; }

li { margin: 10px; }

#alpha p { margin:10px; }


#container {
    position: relative;
	width: 930px;
    text-align: left;
}

#container-inner { position: static; width:100%; margin: 10px; }

#alpha, #beta {
    display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
}

#alpha-inner, #beta-inner { position: static; }

#footer { position: relative; }

#footer-inner { position: static; margin: 10px; }

#alpha {
	width: 180px;
	margin-left: 20px;
}

#alpha-inner {
	width: 158px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:#666666;
	border: 1px solid #CCCCCC;
	background-attachment: scroll;
	background-image: url(/ronron/movie_photo/bg_alpha.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#alpha-inner img {
	margin-left: 10px;
	margin-bottom: 10px;
}

#beta { width: 729px; }

#beta h4 { font-size: 12px; text-align: right; color:#CACACA; margin: 10px 5px; padding: 5px 20px; font-weight: normal; background: #222222; }

#beta-inner {
	width: 710px;
	margin-right: 9px;
	margin-bottom: 5px;
	margin-left: 10px;
}

hr { display:none; }

.hr {
	height: 1px;
	font-size: 0px;
	line-height: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

/* horizontal rule styles - use: <div class="spacer">&nbsp;</div><hr /> */
div.spacer {
	height:1px;
	margin:5px;
}

/* horizontal rule styles - use: <div class="hrdot">&nbsp;</div><hr /> */
div.hrdot {
	height:1px;
	background:url(http://www.swingbox-tokyo.com/ronron/images/dots.gif) center center repeat-x;
	margin:0.5em 0;
}