/*
========================================
屋形船　スタイルシート
========================================*/

h1,h2,h3,h4,h5,h6,h7
{margin:0;padding:0;font-size:100%;font-weight:bold;line-height:100%;}
p{margin:0;padding:0;}
form{margin:0px;padding:0px;}
input{margin:0px;padding:0px;}
/* img, div, input, a { behavior: url("/lib/css/iepngfix.htc") }*/
img{border:0px solid;}
hr{display:none;}

body{
	background:url(../img/bk.gif) #f1f1f1;
	color:#000000;
	margin:0;
	padding:10px 0 10px;
	text-align:center;
	font-size:100%;
	line-height:120%;
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
#subwin{
	background:url(../img/sub_bk.gif) #f1f1f1;
}

#subwrapper{
margin:0 auto 30px;
padding:0 10px 0;
}
.w600{width:600px;}
.w700{width:700px;}
.w710{width:710px;}
.w800{width:800px;}


#wrapper{
background:url(../img/fr_bk.gif) repeat-y;
width:1010px;
margin:0 auto 30px;
padding:0 0 0;
}
#wrapper .in{
background:url(../img/fr_t.gif) no-repeat;
padding:4px 5px 0;
}
#wrapper .end{
background:url(../img/fr_b.gif) no-repeat bottom;
height:6px;font-size:0px;
}

/*■ サブヘッダー
---------------------------------------------------------- */
#subhd{
	background:url(../img/subhd_t.gif) repeat-x;
height:27px;
}
#subhd_l{
	background:url(../img/subhd_t_l.gif) no-repeat;
	font-size:0;line-height:0;
	width:10px;height:27px;
	float:left;
}
#subhd_r{
	background:url(../img/subhd_t_r.gif) no-repeat;
	font-size:0;line-height:0;
	width:10px;height:27px;
	float:right;

}


#subft{
	background:url(../img/subft_b.gif) repeat-x;
	height:30px;
}
#subft_l{
	background:url(../img/subft_b_l.gif) no-repeat;
	font-size:0;line-height:0;
	width:10px;height:30px;
	float:left;
}
#subft_r{
	background:url(../img/subft_b_r.gif) no-repeat;
	font-size:0;line-height:0;
	width:10px;height:30px;
	float:right;

}

#sub_fr_l{
	background:url(../img/sub_fr_l.gif) repeat-y;
}

#sub_fr_r{
	background:url(../img/sub_fr_r.gif) repeat-y right #fffbd7;
}
#subft .tojiru{
	margin-top:4px;
}
#subft_copyright{padding:10px 0 5px;font-size:75%;color:#000000;}

/*■ ヘッダー
---------------------------------------------------------- */
#hd{
	width:1000px;
	margin:0 auto;
	position:relative;
	text-align:left;
}
#hd_in{padding:0 10px;border-top:1px solid #cccccc;}
#hd_logoArea{height:92px;position:relative;}
/*#hd_marquee{margin:1px;background:url(../img/hd_marquee_bk.gif) repeat-x;padding:7px 10px 0px;font-size:80%;line-height:1.1em;height:20px;}*/
#hd_logo{background:url(../img/hd_logo.gif) no-repeat;width:500px;height:70px;position:absolute;left:10px;top:15px;}
#hd_logo h2 a{display:block;width:500px;height:60px;}
#hd_logo span{display:none;}
#hd_snv{font-size:80%;line-height:1.1em;height:20px;text-align:right;padding:70px 0 0;}

#hd_nv{width:980px;height:36px;position:relative;background:url(../img/hd_nv.gif) no-repeat;}

#hd_nv {list-style:none;margin:0;padding:0;}
#hd_nv li{margin:0;padding:0;height:36px;display:inline;}
#hd_nv li span{display:none;}
#hd_nv li a{height:36px;display:block;position:absolute;}
#hd_nv #hd_nv_map a{width:158px;background:url(../img/hd_nv.gif) no-repeat -6px 0px;top:0px;left:6px;}
#hd_nv #hd_nv_map a:hover{background-position:-6px -36px;}
#hd_nv #hd_nv_map_s a{width:158px;background:url(../img/hd_nv.gif) no-repeat -6px 0px;top:0px;left:6px;background-position-y:-36px;}

#hd_nv #hd_nv_event a{width:120px;background:url(../img/hd_nv.gif) no-repeat -173px 0px;top:0px;left:173px;}
#hd_nv #hd_nv_event a:hover{background-position:-173px -36px;}
#hd_nv #hd_nv_event_s a{width:120px;background:url(../img/hd_nv.gif) no-repeat -173px 0px;top:0px;left:173px;background-position-y:-36px;}
#hd_nv #hd_nv_group div{width:146px;background:url(../img/hd_nv.gif) no-repeat -728px 0px;top:0px;left:728px;}

#hd_nv #hd_nv_group a{width:146px;background:url(../img/hd_nv.gif) no-repeat -728px 0px;top:0px;left:728px;}
#hd_nv #hd_nv_group a:hover{background-position:-728px -36px;}
#hd_nv #hd_nv_group_s a{width:146px;background:url(../img/hd_nv.gif) no-repeat -728px 0px;top:0px;left:728px;background-position-y:-36px;}
#hd_nv #hd_nv_beginner a{width:91px;background:url(../img/hd_nv.gif) no-repeat -883px 0px;top:0px;left:883px;}
#hd_nv #hd_nv_beginner a:hover{background-position:-883px -36px;}
#hd_nv #hd_nv_beginner_s a{width:91px;background:url(../img/hd_nv.gif) no-repeat -883px 0px;top:0px;left:883px;background-position-y:-36px;}

#hd_nv #hd_nv_release a{width:61px;background:url(../img/hd_nv.gif) no-repeat -658px 0px;top:0px;left:658px;}
#hd_nv #hd_nv_release a:hover{background-position:-658px -36px;}
#hd_nv #hd_nv_release_s a{width:61px;background:url(../img/hd_nv.gif) no-repeat -658px 0px;top:0px;left:658px;background-position-y:-36px;}

/*■ フッター
---------------------------------------------------------- */
#ft{width:980px;margin:30px auto 0;position:relative;}
#ft_nv{font-size:80%;padding:10px 0 5px;line-height:110%;border-top:1px solid #aea593;}
#ft_snv{font-size:80%;padding:0 0 10px;line-height:110%;}
#ft_totop {text-align:right;}
#ft_totop a{background:url(../img/ft_totop.gif) no-repeat left;padding:2px 0px 2px 12px;font-size:80%;}
#ft_copyright{padding:5px 0 5px;font-size:75%;color:#666666;border-top:1px solid #aea593;}


#ft_nv a:link,#ft_snv a:link{ text-decoration:underline; color:#af7c15;}
#ft_nv a:visited,#ft_snv a:visited{ text-decoration:underline; color:#af7c15;}
#ft_nv a:hover,#ft_snv a:hover{ text-decoration:none; color:#af7c15;}
#ft_nv a:active,#ft_snv a:active{ text-decoration:underline; color:#af7c15;}

/*■ コンテンツ
---------------------------------------------------------- */
#contents{width:980px;margin:0 auto;position:relative;text-align:left;}
#path{
	padding:7px 0 0;
	margin:0 0 17px 3px;
	color:#555555;
	font-size:75%;
}
/*
#path a:link{ text-decoration:underline; color:#666666;}
#path a:visited{ text-decoration:underline; color:#666666;}
#path a:hover{ text-decoration:none; color:#333333;}
#path a:active{ text-decoration:underline; color:#666666;}
*/



/*■ 見出しテキスト
---------------------------------------------------------- */




/*■ リンクテキスト
---------------------------------------------------------- */
a:link{ text-decoration:underline; color:#1d8b9d;}
a:visited{ text-decoration:underline; color:#1d8b9d;}
a:hover{ text-decoration:none; color:#1d8b9d;}
a:active{ text-decoration:underline; color:#1d8b9d;}

.pagetop {background:url(../img/pagetop_arrow.gif) no-repeat 0px 2px;padding:0 0 0 10px; }
.arr{background:url(../img/link_arrow.gif) no-repeat 0px 2px;padding:0 0 0 10px;}


/*■ 基本テキスト
---------------------------------------------------------- */
.t18{ font-size:18px; line-height:22px;}
.t18l{ font-size:18px; line-height:18px;}
.t18h{ font-size: 18px; line-height:26px;}

.t16{ font-size:16px; line-height:20px;}
.t16l{ font-size:16px; line-height:16px;}
.t16h{ font-size: 16px; line-height:24px;}

.t14{ font-size:14px; line-height:18px;}
.t14l{ font-size:14px; line-height:14px;}
.t14h{ font-size: 14px; line-height:22px;}

.t12{ font-size:12px; line-height:16px;}
.t12l{ font-size:12px;  line-height:12px;}
.t12h{ font-size: 12px; line-height:20px;}

.t10{ font-size: 10px; line-height:14px;}
.t10l{ font-size: 10px; line-height:10px;}
.t10h{ font-size: 10px; line-height:18px;}

.clr{clear:both;line-height:0px;font-size:0px;width:0px;height:0px;}
.alignleft-m { float: left; margin:0 10px 5px 0;}
.alignright-m { float: right; margin:0 0 5px 10px;}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
margin:1px;background:url(../img/hd_marquee_bk.gif) repeat-x;padding:7px 0px 0px;font-size:80%;line-height:1.1em;height:20px;
overflow: hidden; 
white-space:nowrap;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 0px;
width: 998px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 0px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 
