@charset 'UTF-8';

/* 基本指定マージンオールクリア */
:link,:visited {
text-decoration:none;
}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td,iframe {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:bold;
}

table {
border-spacing:0;
}
fieldset,img,abbr,acronym {
border:0;
} 
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption {
text-align : center ;
}
th {
text-align:left;
}
q:before,q:after {
content:'';
}
a {
text-decoration:underline;
outline:none;
}

hr {
border:0;
height:1px;
background-color:#000;
color:#000;
}
a img,:link img,:visited img {
border:none;
}
address {
font-style:normal;
}


/* 基本指定-2 */

* {
border: 0;
margin: 0;
padding: 0;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color: #333333;
font-weight: normal;
line-height: 150%;
text-decoration: none;
}

a:link,
a:visited,
a:active {
text-decoration: none;
color: #3333FF;
}

a:hover {
color: #FF0000;
}

strong	{
color: #FF0033;
}

/* ページ背景設定 */
body	{
background-color: #EAEAEA;
background-image: url(http://railf.jp/img/bg_common.gif) ;
background-position: center center;
background-repeat: repeat-y;
}

/* コンテナ設定 */
#container {
width: 955px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
text-align: left;
}

/* ヘッダ設定 200810改訂 */
#headarea {
position: relative;
height: 100px;
padding: 0px;
margin: 0px;
background-color: #DDE6EB ;
background-image: url(http://railf.jp/img/2008/common_header.gif) ;
background-repeat: no-repeat ;
}

/* RailFロゴ設定 200810改訂 */
#railf-Logo1 a	{
position: absolute;
top: 25px;
left:15px;
width: 130px;
height: 50px;
display:block;
text-indent: -9999px;
}

/* 最上部広告設定 */
#top468 {
position: absolute;
margin: 5px 0px 0px 243px ;
}


/* ナビ設定 200810改訂 */
#globalheader {
height: 25px;
margin: 0px 0px 20px 0px ;
padding: 0px;
color : #FFFFFF ;
background: #333333;
background-image: url(http://www.railfan.ne.jp/koyusha/img/globalnavi.gif) ;
}

#globalnav	{
position: relative ;
margin: 0px ;
padding: 0px;
width: 955px ;
height: 25px ;
}

#globalnav em	{
float: left;
list-style: none;
text-indent: -9999px;
}

#globalnav a	{
position: relative ;
display: block;
width: 101px;
height: 25px;
background-image: url(http://www.railfan.ne.jp/koyusha/img/globalnavi.gif) ;
background-repeat: no-repeat;
background-position: left bottom;
}

#gn-railf a	{
margin: 0px 0px 0px 23px ;
background-position: -23px 0;
}
#gn-railf a:hover	{background-position: -23px -40px;}
#gn-railf a:active	{background-position: -23px -80px;}

#gn-magazine a	{
background-position: -124px 0;
}
#gn-magazine a:hover	{background-position: -124px -40px;}
#gn-magazine a:active	{background-position: -124px -80px;}
#globalheader.magazine #globalnav em#gn-magazine a { background-position: -124px -120px }

#gn-enquete a	{
background-position: -225px 0;
}
#gn-enquete a:hover	{background-position: -225px -40px;}
#gn-enquete a:active	{background-position: -225px -80px;}
#globalheader.enquete #globalnav em#gn-enquete a { background-position: -225px -120px }

#gn-photocon a	{
background-position: -326px 0;
}
#gn-photocon a:hover	{background-position: -326px -40px;}
#gn-photocon a:active	{background-position: -326px -80px;}
#globalheader.photocon #globalnav em#gn-photocon a { background-position: -326px -120px }

#gn-toukou a	{
background-position: -427px 0;
}
#gn-toukou a:hover	{background-position: -427px -40px;}
#gn-toukou a:active	{background-position: -427px -80px;}
#globalheader.toukou #globalnav em#gn-toukou a { background-position: -427px -120px }

#gn-car a	{
background-position: -528px 0;
}
#gn-car a:hover	{background-position: -528px -40px;}
#gn-car a:active	{background-position: -528px -80px;}
#globalheader.car #globalnav em#gn-car a { background-position: -528px -120px }

#gn-news a	{
background-position: -629px 0;
}
#gn-news a:hover	{background-position: -629px -40px;}
#gn-news a:active	{background-position: -629px -80px;}
#globalheader.news #globalnav em#gn-news a { background-position: -629px -120px }

#gn-event a	{
background-position: -730px 0;
}
#gn-event a:hover	{background-position: -730px -40px;}
#gn-event a:active	{background-position: -730px -80px;}
#globalheader.event #globalnav em#gn-event a { background-position: -730px -120px }

#gn-special a	{
background-position: -831px 0;
}
#gn-special a:hover	{background-position: -831px -40px;}
#gn-special a:active	{background-position: -831px -80px;}
#globalheader.special #globalnav em#gn-special a { background-position: -831px -120px }

/* メイン第一階層設定 */
#left-box	{
width: 735px;
float: left;
padding-bottom: 15px;
margin: 0px;
}

#right-box	{
width: 200px;
float: right;
padding-bottom: 15px;
margin-right: 20px;
}

#left-box h1{
margin-left: 20px;
font-size: 1.5em;
font-weight:bold;
}

#left-box p{
margin-left: 20px;
}

/* アンケート488設定 */
#enquetebanner488{
margin : 0px 0px 20px 123px;
padding : 0px;
}
#qr488{
margin : 0px 0px 20px 233px;
padding : 0px;
}

/* ボックス555 */
table.leftcover {
width: 535px;
margin-top: 100px;
margin-left: 20px;
float: left;
text-align: center;
}

#topcover	{
margin-top: 20px;
margin-bottom: 20px;
margin-left: 10px;
}

/* ボックスの配置 */
.box300	{
width: 290px;
margin-left : 20px ;
float: left;
}

/* 右メニュー背景設定*/
.rightmenu-content	{
padding-bottom: 10px;
margin-bottom: 20px;
}

.rightmenu-car {
background-color: #EAEAEA ;
background-image: url(http://railf.jp/img/link/link_car.gif) ;
background-position: left bottom ;
}
.rightmenu-news {
background-color: #EAEAEA ;
background-image: url(http://railf.jp/img/link/link_news.gif) ;
background-position: left bottom ;
}

.rightmenu-event {
background-color: #EAEAEA ;
background-image: url(http://railf.jp/img/link/link_event.gif) ;
background-position: left bottom ;
}

/* 右メニュータイトル設定*/
h3 {
padding: 5px 0px 5px 15px ;
color: #FFFFFF;
font-size: 0.85em;
background-color: #333333;
background-position: 0 50% ;
background-repeat: no-repeat ;
}

h3.rightmenu-car-header{
background-image: url(http://railf.jp/img/title/car.gif) ;
}

h3.rightmenu-news-header{
background-image: url(http://railf.jp/img/title/news.gif) ;
}

h3.rightmenu-event-header{
background-image: url(http://railf.jp/img/title/event.gif) ;
}

/* 右メニュー共通設定*/
.rightmenu-content ul	{
margin-bottom: 10px;
padding: 5px 10px 10px 15px ;
font-size: 0.75em;
}

.rightmenu-content li a{
display: block;
margin-top: 3px;
color: #333333;
border-bottom: 1px dashed #333333;
}

.rightmenu-content li a:hover{
color: #000000;
border-bottom: 1px solid #333333;
}

/* 広告設定*/
#adspace	{
clear: both;
height: 110px;
padding: 0px;
margin-bottom: 20px;
}

/* ボックスの配置 */
.ad-left	{
float: left;
width: 555px;
}

.ad-left img	{
margin: 0px 0px 0px 55px;
}

.ad-right {
float: right;
width: 380px;
}

.ad-right img	{
margin: 0px 0px 0px 90px;
}


/* 広告設定*/
.adspace	{
clear: both;
padding-top: 20px;
background-image: url(http://www.railfan.ne.jp/koyusha/img/rail.gif) ;
background-repeat: repeat-x ;
background-position: top ;
}

.adspace table	{
 width: 915px;
margin:0px 0px 20px 20px ;
}

.adspace td {
text-align: center;
}


#center-menu {
clear: both;
}

#footer {
clear: both;
}

/* フッタ文字設定 */
.footerinfo {
padding: 10px ;
text-align: center;
font-size: 0.75em;
background-image: url(http://www.railfan.ne.jp/koyusha/img/rail.gif) ;
background-repeat: repeat-x ;
background-position: top ;
}
