@charset "Shift_jis";
/* CSS Document */

/*==============================

/*Reset css

================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	color:#1f1e1e;
}

body{
	font-size:small;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	*font-size:small;
	*font: x-small;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
}

img{
	border:0;
}


ul,ol{list-style-type:none;}

dt{font-weight:bold;}

table {
	border-collapse: collapse; 
	border-spacing: 0;
}

img, input, select, textarea { 
	vertical-align: middle;
}

address{
	font-style:normal;
}

#wrap a:link{color:#1f1e1e;}
#wrap a:hover{color:#666666;text-decoration:none;}
#wrap a:visited{color:#1f1e1e;}



/************************************************************

	default Font

=============================================================

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

************************************************************/

/*==============================

/*Base Layout

================================*/
div#jreast_footer_w ul li{
	font-size:1em;
}

#wrap{
	width:950px;
	background:url(../images/share/bg_texture.png);
}

#wrap-inner{
	padding:20px 3px 0 3px;
	background:url(../images/share/bg_white.gif) repeat-x;
}

#wrap-inner2{
	padding-top:1px;
	background:url(../images/share/bg_line01.png) no-repeat;
}

/* siteFooter
---------------------------------*/
#siteFooter{
	width:950px;
	padding-top:2px;
	background:url(../images/share/bg_line03.png) repeat-x;
	zoom:1;
}

#siteFooter .inner{
	min-height:300px;
	height:auto !important;
	height:300px;
	padding-left:6px;
	padding-bottom:2px;
	background:url(../images/share/bg_line04.png) left bottom repeat-x #000;
	zoom:1;
}

#siteFooter h2{
	background:url(../images/share/bg_favorite_hd.png) 100px top no-repeat;
}

#siteFooter a{color:#fff; text-decoration:none;}
#siteFooter a:hover{text-decoration:underline;}
#siteFooter a p{color:#fff}

#siteFooter #preText{
	margin-left:130px;
	color:#fff;
}

#favoSlider{
	width:790px;
	margin-top:-50px;
	margin-left:130px;
	margin-bottom:50px;
	position:relative;
}

#favoSlider li{
	width:110px;
	margin-right:18px;
	float:left;
}

#favoSlider li img{
	margin-bottom:15px;
}

#favoSlider li p{
	font-size:78%;
}

#favoSlider li p img{
	margin-bottom:0;
	vertical-align:top;
}


#favoSlider li a:hover p img{
	border-bottom:#fff 1px solid;
}



#favoSlider .btn_prev{
	position:absolute;
	left:-40px;
	top:50%;
	margin-top:-15px;
}

#favoSlider .btn_next{
	position:absolute;
	right:-20px;
	top:50%;
	margin-top:-15px;
}

#favoSlider .btn_next a{
	display:block;
	width:30px;
	height:30px;
	background:url(../images/share/bg_btn_nav01.png) no-repeat;
	text-indent:-9999px;
}

#favoSlider .btn_prev a{
	display:block;
	width:30px;
	height:30px;
	background:url(../images/share/bg_btn_nav01.png) 0 -30px no-repeat;
	text-indent:-9999px;
}


/* siteTitle
---------------------------------*/
#siteTitle{
	padding-top:20px;
	height:115px;
}

/* main
---------------------------------*/
#main{
	width:705px;
	float:right;
	margin-bottom:100px;
}

/* side
---------------------------------*/
#side{
	width:200px;
	float:left;
}

#side h2{
	margin-bottom:20px;
	text-align:center;
}

#nav{
	padding-bottom:1px;
	margin-bottom:20px;
	background:url(../images/share/bg_line01.png) left bottom no-repeat;
}

#nav li{
	zoom:1;
}

#nav a{
	display:block;
	width:200px;
	height:50px;
	background:url(../images/share/sideNav_141009.png) no-repeat;
	text-indent:-9999px;
	zoom:1;
}

#nav li.active{
	background:url(../images/share/bg_current.png);
}


#nav .shirakami a{height:130px;}
#nav .asunaro a{background-position:0 -130px;}
#nav .resortfuru a{background-position:0 -180px;}
#nav .minori a{background-position:0 -230px;}
#nav .umineko a{background-position:0 -280px;}
#nav .jipang a{background-position:0 -330px;}
#nav .yamadori a{background-position:0 -380px;}
#nav .uetsu a{background-position:0 -430px;}
#nav .pokemon a{background-position:0 -480px;}
#nav .d51 a{background-position:0 -530px;}
#nav .c57 a{background-position:0 -580px;}
#nav .c61 a{background-position:0 -630px;}
#nav .touhoku a{background-position:0 -680px;}
#nav .galaxysl a{background-position:0 -730px;}
#nav .other a{background-position:0 -780px;}

#nav .shukura a{background:url(../images/share/sideNav_shukura.png) no-repeat;}
#nav .treiyu a{background:url(../images/share/sideNav_treiyu.png) no-repeat;}


/* pagetop
---------------------------------*/
	
#btnTop{
	clear:both;
	text-align:right;	
}
	

/*==============================

/*Common Style

================================*/

/* お気に入りに追加
---------------------------------*/
.favo{
	position:relative;
	zoom:1;
}

.btn_favo{
	text-align:right;
	height:21px;
	overflow:hidden;
}

.stamp{
	width:80px;
	height:80px;
	position:absolute;
	right:5px;
	top:-15px;
	display:none;
}

.favo .stamp{
	display:block;
}

.btn_favo a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:183px;
	height:21px;
	padding-top:21px;
	background:url(../images/share/btn_favorite.png) no-repeat;
}

.favo .btn_favo a{
	background-position:0 -21px;
}


/* margin
---------------------------------*/
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}


.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml100{margin-left:100px !important;}
.ml200{margin-left:200px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}


/* 文字サイズ
---------------------------------*/
.f10{font-size:77%;}
.f12{font-size:92%;}
.f14{font-size:107%;}
.f16{font-size:122%;}
.f18{font-size:136%;}


/* 文字スタイル
---------------------------------*/
.f-b{font-weight:bold;}
.f-n{font-weight:normal;}


/* 文字揃え
---------------------------------*/
.ta-l{text-align:left;}
.ta-c{text-align:center;}
.ta-r{text-align:right;}

/* フロート
---------------------------------*/
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}

.clearfix:after{
	content:"";
	display:block;
	clear:both;
}

.clearfix{
	zoom:1;
}