/* all */

body,h1,h2,h3,h4,h5,h6,p,ul,li {
margin: 0;
padding: 0;}

body {
background-color:#3D3D36;}
img {
border:0;}
a { color: #DCA33C;}


a:visited {
    color: #DCA33C;
    text-decoration: underline;
    border: 1px solid #333; }

a:hover {
    color: #DCA33C;
    text-decoration: underline;
    border: 1px solid #DCA33C; }

/* TopMain */
.topMain {
    background-color:#262626;
    float: left;
    overflow: hidden;
}

.topMain p {
    margin:10px 5px 5px 5px;
    color:#aaa;
}

.topMain h3 {
    margin:5px;
    color:#ddd;
    margin-top:10px;}


.topContents li {
    float: left;
    list-style:none;}

.topContents a :hover  {
    margin: -1px;
    border: solid 1px #DCA33C;}

.topContents a:visited {
    border: 1px solid #666; }

/* TopInfo */

.topMainInfo {
margin:10px 0 10px 10px;
overflow: hidden;}

.topMainInfo li {
list-style:disc;
color:#aaa;}

.topMainInfo p {
color:#000000;
margin-bottom:10px;}

/* twitter */

#topTitleTwitter {
margin:20px;}

/* footer */

#back{
text-align:center;
font-size:11px;}

#footer {
clear:both;
width:100%;
height:30px;
background-image:url(_img/rj_bg_footer.png);
background-repeat:repeat-x;
color: #cccccc;
}

#footer img {
border:0;}

#footer a {
text-decoration: none;
color: #DCA33C;}

#footer a:hover {
text-decoration: none;
color: #DCA33C;
}


/*--------------------------------------------------------------
## x >= 700px
--------------------------------------------------------------*/
@media screen and (min-width: 768px) {

#top {
width:100%;
}

.topContents li {
width: 90%;
margin:0 0 40px 30px;}

.topMain {
width: 100%;
margin-bottom:40px;}

.topMainInfo ul {
padding-left:30px;}

.topMainInfo li {
padding:0 0 25px 0;
font-size:25px;}

.topMainInfo p {
font-size:25px;
line-height:30px;}

.topMain p {
font-size:25px;
line-height:30px;}

.topContents h2 {
font-size:40px;
padding:60px 20px 40px 20px;
color:#ffffff;
line-height:40px;}

.topMain h3 {
font-size:25px;
line-height:40px;}

#topTitleTwitter iframe{
min-height: 600px !important;
}

#topTitleTwitter a {
width: 80%;
height: 750px;
margin:15px;}

#footer {
font-size:12pt;
letter-spacing:2pt;}

.footer_logo {
text-align: center;
width: 100%;
}

.footer_logo img {
width: 320px;
}

.footer_copy {
width: 100%;
float:left;
text-align:center;
}


}


/*--------------------------------------------------------------
## x >= 1080px
--------------------------------------------------------------*/
@media screen and (min-width: 1080px) {

#top {
margin:0 auto 0;
width:1080px;
}

.topContents li {
width: 330px;
margin:15px;}

.topMain {
width: 330px;;
margin:15px;}

.topMainInfo ul {
padding-left:10px;}

.topMainInfo li {
padding:0 0 5px 0;
font-size:12px;}

.topMainInfo p {
font-size:12px;
line-height:14px;}

.topMain p {
font-size:12px;
line-height:15px;}

.topMain h3 {
font-size:14px;
line-height:15px;}

.topContents h2 {
font-size:18px;
padding:30px 10px 20px 10px;
color:#ffffff;
line-height:15px;}


#topTitleTwitter {
width: 330px;
height: 600px;
}

#footer {
font-size:10px;
letter-spacing:3pt;}

.footer_logo {
float:left;
text-align:left;
width:200px;
}

.footer_logo img {
width: 100%;
}

.footer_copy {
float:left;
text-align:right;
width:80%;
padding-top:5px;
}