@charset "utf-8";
/* RONxII OFFICIAL WEBSITE 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: verdana, helvetica, arial, Meiryo, 'メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
	color: #220919;
	font-size: 12px;
	background-color: #220919;
}

strong { color: #481336; }

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

a img { border: 0; }

h2, h3, h4, h5, h6, address { font-weight: normal; }

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; }
/* */

a { color: #C73493; text-decoration: none; }

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

em { color: #900; font-style: normal; font-weight: bold; }


/*
=======================================================================
page layout setting
=======================================================================
*/
body { text-align: center; } /* center on ie */

#container {
    position: relative;
    margin: 0 auto; /* center on everything else */
    width: 850px;
    text-align: left;
}

#container-inner { position: static; width: auto; }

#header { position: relative; width: 100%; }

#header-inner { position: static; }

#pagebody { position: relative; width: 100%; }

#pagebody-inner { position: static; }

#pagebody-top, #pagebody-bottom { position: relative; width: 100%; }

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

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

#footer { position: relative; }

#footer-inner { position: static; }


/*
=======================================================================
box setting
=======================================================================
*/
body { min-width: 850px; }

#header {
	background-attachment: scroll;
	background-image: url(http://www.swingbox-tokyo.com/ronron/images/header3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 180px;
}

#pagebody-top,
#pagebody-bottom {
    font-size: 0;
	line-height: 0;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
}

#pagebody-top { height: 11px; background-image: url(http://www.swingbox-tokyo.com/ronron/images/bg_pbody_top.jpg); }

#pagebody-bottom { height: 14px; background-image: url(http://www.swingbox-tokyo.com/ronron/images/bg_pbody_bottom.jpg); }

#pagebody {
	background-attachment: scroll;
	background-image: url(http://www.swingbox-tokyo.com/ronron/images/bg_pbody_cotents.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#pagebody-inner {
	width: 790px;
	margin-right: 30px;
	margin-left: 30px;
	padding-bottom: 20px;
}

#alpha,
#gamma {
    width: 550px;
	background-attachment: scroll;
	background-image: url(http://www.swingbox-tokyo.com/ronron/images/bg_alpha.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#alpha-inner {
    width: 475px;
	margin-left: 75px;
}

#beta { width: 230px; }

#beta-inner {
	width: 215px;
	margin-right: 5px;
	margin-left: 10px;
}

#gamma { width: 785px; }


#gamma-inner {
    width: 690px;
	margin-left: 75px;
	margin-right: 20px;
}

#footer {
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 170%;
	margin-right: 55px;
	margin-left: 55px;
	padding-bottom: 5px;
}


/*
=======================================================================
header
=======================================================================
*/
#header .home {
	display: block;
	height: 70px;
	width: 125px;
	margin: 0px 0px 0px 670px;
	text-decoration: none;
}

#header .margin {
	display: block;
	height: 45px;
	width: 100%;
}

#header .menu {
	display: block;
	margin-left: 155px;
	margin-right: 35px;
	margin-bottom: 0px;
	margin-top: 0px;
	vertical-align: top;
	font-family: 'verdana', 'helvetica', 'MS PGothic', "Osaka", "sans-serif";
}

#header ul {
	list-style : none;
	padding: 0;
	margin: 0;
}

#header li {
	float: left;
	margin: 0 14px 0 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 12px;
    line-height: 1.4;
}

#header li a {
	color: #FFFFFF;
	text-decoration: none;
}

#header li a:hover {
	color: #F7DBEC;
	text-decoration: underline;
}


/*
=======================================================================
personalized background
=======================================================================
*/
#pagebody-inner {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right top;
}

/* 通常はcate_news.jpg、右コラムに追加情報がある場合はcate_news2～.jpgもしくは新規で白を追加した画像を作成 */
.news { background-image: url(http://www.swingbox-tokyo.com/ronron/images/cate_news13.jpg); }

.works { background-image: url(http://www.swingbox-tokyo.com/ronron/images/cate_works.jpg); }

.live { background-image: url(http://www.swingbox-tokyo.com/ronron/images/cate_live2.jpg); }

.media { background-image: url(http://www.swingbox-tokyo.com/ronron/images/cate_news.jpg); }

.biography { background-image: url(http://www.swingbox-tokyo.com/ronron/images/cate_biography2.jpg); }

.biography_jp { background-image: url(http://www.swingbox-tokyo.com/ronron/images/cate_biography_jp2.jpg); }

.link { background-image: url(http://www.swingbox-tokyo.com/ronron/images/cate_link2.jpg); }

.contact { background-image: url(http://www.swingbox-tokyo.com/ronron/images/cate_contact2.jpg); }

.tokyocollection2008 { background-image: url(http://www.swingbox-tokyo.com/ronron/images/cate_tokyocollection2008.jpg); }

.tokyocollection2010 { background-image: url(http://www.swingbox-tokyo.com/ronron/images/cate_tokyocollection2010.gif); }

.showtime { background-image: url(http://www.swingbox-tokyo.com/ronron/images/cate_showtime.jpg); }

.goods { background-image: url(http://www.swingbox-tokyo.com/ronron/images/cate_goods.jpg); }

#lesson-bottom {
	background-image: url(http://www.swingbox-tokyo.com/ronron/images/cate_lesson-bottom.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right bottom;
	padding-bottom: 260px; /* img height */
}


/*
=======================================================================
contents style
=======================================================================
*/
#pagebody {
	line-height: 150%;
}

h2:first-letter {
	font-size: 30px;
	font-weight: 900;
}

h2 {
	font-size: 24px;
	font-weight: 900;
}

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

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


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

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

hr { display:none; }

#alpha p, #beta p { padding-left: 3px; }

#alpha h3 {
	padding-left: 3px;
	font-size: 18px;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #220919;
	padding-bottom: 5px;
	padding-top: 7px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #220919;
	color: #481336;
	line-height: 160%;
}

#alpha h3 a { color: #481336; text-decoration: none; }

#alpha h3 a:hover { color: #481336; text-decoration: underline; }

#beta h3 {
	padding-left: 3px;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #481336;
}

.blank {
	background-attachment: scroll;
	background-image: url(http://www.swingbox-tokyo.com/ronron/images/blank.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.mailto {
	background-attachment: scroll;
	background-image: url(http://www.swingbox-tokyo.com/ronron/images/mailto.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #8D2667;
}

.icon-plus { background: url(/ronron/images/icon_plus.gif) no-repeat scroll left center; padding-left: 20px; }

.icon-minus { background: url(/ronron/images/icon_minus.gif) no-repeat scroll left center; padding-left: 20px; }

.dottedbox {
	background-color: #FFFFFF;
	border: 1px dotted #220919;
	padding: 10px;
	margin: 4px;
}

.font-small { font-size: x-small; line-height: 140%; }

h2 .font-small { font-size: 12px; }

.highlight {
	color: #FFFFFF;
	background-color: #220919;
	display: inline;
	padding: 4px;
	margin: 4px;
}

h4 .linkarea {
	font-size: 12px;
	float: left;
	text-align: center;
	padding: 10px 15px;
	margin-top: 20px;
	background-color: #220919;
	background-attachment: scroll;
	background-image: url(http://www.swingbox-tokyo.com/ronron/images/bg_linkarea.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	border-top: 1px solid #6A0449;
	border-right: 2px solid #2E011F;
	border-bottom: 2px solid #220919;
	border-left: 1px solid #40022C;
}

h4 .linkarea a { color: #FFFFFF; text-decoration: none; }

h4 .linkarea a:hover { color: #F7DBEC; text-decoration: underline; }

.mailadd {
	font-weight: 900;
	color: #8D2667;
	font-family: 'verdana', 'helvetica', 'MS PGothic', "Osaka", "sans-serif";
	padding-left: 3px;
	font-size: 16px;
}

.mailadd a { text-decoration: none; }

.mailadd a:hover { text-decoration: underline; }

.attention {
	background-color: #220919;
	color: #FFFFFF;
	border: 1px solid #220919;
	padding: 1px;
	font-size: 12px;
	margin-left: 10px;
}

#beta h6 {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #220919;
	padding: 7px 5px 5px;
	margin-bottom: 0;
	font-weight: bold;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #220919;
	background-attachment: scroll;
	background-image: url(http://www.swingbox-tokyo.com/ronron/images/bg_beta_h6.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#beta #contents {
	border: 1px solid #220919;
	background-color: #F2F2F2;
	padding-right: 5px;
	padding-left: 5px;
}

#beta #contents2 {
	border: 1px solid #220919;
	background-color: #E8E8E8;
	padding-right: 5px;
	padding-left: 5px;
}

#alpha .entry { margin-bottom: 4em; }

.entry .scheduletable td {
	padding: 2px 2px 2px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.entry .scheduletable th {
	padding: 2px 5px 2px 5px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}

.entry .scheduletable .tdlast {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

.entry .scheduletable .tdhr {
	background-color: #EBEBEB;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

.entry img { margin: 0 20px 10px 0; float: left; }

.goods-area img { margin: 0 0 10px 0; float: left; }

.entry img.right-20px { margin: 0 20px 10px 0; float: left; }

.entry img.left-20px { margin: 0 0 10px 20px; float: right; }

.entry ul.info-index { margin-top: 0; margin-left: 0; list-style-type: disc; }

.entry ol.info-index { margin-top: 0; margin-left: 10px; }

.entry .info-index li { _margin-bottom: 5px; *+margin-left: 20px; * margin-left: 20px; }

html>/**/body .entry .info-index li { margin-left: -22px; }

.entry .info-index li img { margin: 0 0 0 5px; vertical-align: middle; }

.new {
	display: inline;
	margin: 0 0 0 0.7em;
	padding: 1px 3px 3px;
	border: 1px solid #f4e7ef;
	background: #220919;
	color: #fff;
	font-size: 0.8em;
	font-family: verdana, helvetica, 'MS PGothic', Osaka, sans-serif;
	font-weight: 100;
	vertical-align: top;
	/* <span class="new">New!</span> */
}


/*
=======================================================================
ronron/link.php
=======================================================================
*/
.link ul { padding: 0; list-style-position: outside; list-style-type: square; }

.link li { margin-bottom: 1.7em; }

#linklist {
	font-family: 'MS PGothic', 'ＭＳ Ｐゴシック', "Osaka", 'Hiragino Kaku Gothic Pro', "sans-serif";
	font-size: 12px;
	margin: 0 0 0 1.7em;
}

#linklist a {
	font-family: 'verdana', 'helvetica', 'MS PGothic', "Osaka", "sans-serif";
	font-size: 14px;
	font-weight: bold;
}


/*
=======================================================================
scroll
=======================================================================
*/
#scroll {
	word-break: break-all;/* IE only */
	height: 500px;
	/* no ie mac \*/overflow: auto;/* */
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0;
	padding: 0;
}

#scroll .entry { margin-right: 20px; }


/*
=======================================================================
tdtc
=======================================================================
*/

.tdtc2010 td {
	font-size: 10px;
	margin: 5px;
	padding: 5px;
	border-bottom: dotted 1px #666666;
}

.tdtc2010 td strong { font-size: 13px; }

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

#footer a:hover { text-decoration: underline; }