@charset "UTF-8";

html, body#index{
	height:100%;
	margin:0;
	padding:0;
	background-color:#d9ebfe;
}
* html body#index div#wrapper {
	height:100%;
	 min-width: 1070px;
  width: auto !important;
  width: 100%;
}
body#index #wrapper {
	width:100%;
	min-width:1070px;
	text-align: center;
	border:none;
	background:url(../../images/bg_sky.jpg) repeat-x center top;
	position:relative;
	min-height: 100%;
}

div#container{
	padding-bottom:370px;
}
/*ie6*/
* html div#container{
	padding-bottom:130px;
}
/*ie7*/
*:first-child+html div#container{
	padding-bottom:130px;
}


body#index #container{
margin:0 auto;
position:relative;
text-align:center;
width:100%;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ヘッダーエリア*/
body#index #header {
	text-align:left;
	width:1070px;
	height:163px;
	margin:0 auto 345px;
	position:relative;
	background:url(../../images/bg_sky_topheader.jpg) center top;
}

/*#logo{
width:1070px;
text-align:center;
margin:0 auto;
}*/
body#index #header h1{
width:493px;
position:absolute;
top:0;
left:0;
}

body#index #search{
width:240px;
position:absolute;
top:78px;
right:70px;
}
form.search-box input.textBox{
width:150px;
margin: 0 4px 0 5px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
グローバルナビ*/
body#index #navi {
	width:926px;
	position:absolute;
	top:131px;
	left:0;
	
}
body#index #navi li {
	float:left;
}
body#index #navi li img {
	margin:0 1px 0 0;
}
body#index #navi li .btn-other {
	margin:0;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
フラッシュエリア*/
body#index #swfbnr {
width:100%;
min-width:1070px;
position:absolute;
top:165px;
left:0;
	clear:both;
	text-align:center;
	margin:0 auto;
}
* html body#index #swfbnr {
	min-width: 1070px;
  width: auto !important;
  width: 100%;
}

#swfmap2{
width:1070px;
text-align:center;
margin:10px auto 0;
}
#swfmap2 img{
margin:0 auto;
text-align:center;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
▼コンテンツ*/


/*バナーエリア*/
body#index #conts{
width:100%;
margin:0 auto;
text-align:center;
}
body#index #recomend {
width:1070px;
margin:0 auto;
text-align:center;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
▼コンテンツ左*/
body#index #cont-left {
width:598px;
float:left;
}

body#index #recomend-newsbnr {
	width:598px;
	float:left;
	padding:0 0 0 74px;
}
body#index #recomend-newsbnr #bnr{
height:102px;
}
body#index #recomend-newsbnr #bnr ul{
background:url(../../../images/bnr_bg.png) no-repeat center top;
width:597px;
height:102px;
display:block;
}
body#index #recomend-newsbnr #bnr li {
	float:left;
}
body#index #recomend-newsbnr #bnr ul img{
margin:3px 0 0 3px;
}

/*ニュースエリア*/
body#index #news {
position:relative;
	clear:both;
	width:598px;
	background:url(../../../images/news_header.png) no-repeat center top;
	padding:10px 0 0 0;
	margin-top:2px;
}
body#index #news-detail {
	width:598px;
	background:url(../../../images/news_footer.png) no-repeat center bottom;
	padding:0 0 20px 0;
}
body#index #news-pakking {
	background:url(../../../images/news_bg.png) repeat-y center top;
	overflow:hidden;
}
body#index #news h2 img {
	margin:10px 0 10px 16px;
}
body#index #news ul {
	width:565px;
	margin:0 0 0 16px;
}
body#index #news-btn{
position:absolute;
top:10px;
right:15px;
}
body#index #news ul li.txt-red{
	color:#ff0000;
}
body#index #news ul li.txt-red a{
	color:#ff0000;
}

/*twitter*/
body#index #twitter {
position:relative;
	clear:both;
	width:598px;
	background:url(../../../images/news_header.png) no-repeat center top;
	padding:10px 0 0 0;
	margin-top:1px;
}


body#index #twitter-detail {
	width:598px;
	background:url(../../../images/news_footer.png) no-repeat center bottom;
	padding:0 0 20px 0;
}
body#index #twitter-pakking {
width:598px;
	background:url(../../../images/news_bg.png) repeat-y center top;
	overflow:hidden;
}
body#index #twitter h2 img {
	margin:9px 0 12px 14px;
}

/*twitter detail
-------------------------------------------*/
#juitterContainer{height:215px;
width:560px;
overflow: auto;
margin:0 auto;} 
/*ie6*/
* html #juitterContainer{height:208px;
width:560px;
overflow: auto;
clear:both;
margin:0 0 5px 15px;
}
/*ie7*/
*+html #juitterContainer{height:214px;
width:560px;
overflow: auto;
clear:both;
margin:0 0 5px 15px;
}
/*ie8*/
#juitterContainer{height:219px\9;
width:560px;
overflow: auto;
margin:0 auto;} 

/*Juitter container*/
#juitterContainer .twittList{width:530px;margin:0;padding:0;} /* UL that will contain the list of tweets */
* html #juitterContainer .twittList{width:530px;margin:0;} /* UL that will contain the list of tweets */
/* Bellow the list of tweets "<li>" */
#juitterContainer .twittLI{list-style:none;background:#d9e8e6;margin:0;padding:5px;clear:both;}
* html #juitterContainer .twittLI{ width:530px;list-style:none;background:#d9e8e6;padding:5px; clear:both;}
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em}
#juitterContainer .twittList A{color:#006600;} /*Links inside the tweets list */
/* Bellow the CSS for the avatar image  */
#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin:0 5px 0px 0px;padding:2px;width:48px;height:48px;}
* html #juitterContainer .juitterAvatar{float:left;border:none;background:#FFF;margin:0;padding:0;}
#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/
#juitterContainer .extLink{} /*CSS for the external links*/
#juitterContainer .hashLink{} /*CSS for the hash links*/
/* clearfix */
#juitterContainer .twittLI:after{clear: both;height: 0;visibility: hidden;display: block;content: ".";}
#juitterContainer .twittLI{display: inline-block;}
* html #juitterContainer .twittLI{height: 1%;}
#juitterContainer .twittLI{width:530px;margin:0 0 5px 0;display: block;}







/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
▼コンテンツ右*/
body#index #cont-right {
width:324px;
float:right;
padding:0 0px 0 0;
margin:0 69px 0 0;
display:inline;
}

/*バナー*/
body#index #sidebnr {
width:324px;
height:205px;
margin:3px 0 0 0;
}
body#index #sidebnr .sidebnr0{
	float:left;
	margin:0 0 0 5px;
}
body#index #sidebnr .sidebnr1{
background:url(../../../images/bnr_bg_s.jpg) no-repeat center top;
width:324px;
margin:10px 0 0 0;
padding:0px 0 0 2px;
float:left;
}
body#index #sidebnr .sidebnr1 ul li{
	float:left;
	padding-left:3px;
}
body#index #sidebnr .sidebnr2{
	float:left;
	margin:5px 0 0 0;
}
body#index #sidebnr .sidebnr2 img {
margin:3px 0 8px 6px;
}

/*フォームエリア*/
body#index #form-wrapper {
	width:324px;
	background: url(../../../images/form_header.png) no-repeat center top;
	padding:19px 0 0 0;
	float:left;
}
body#index #form-conts {
	width:324px;
	background:url(../../../images/form_footer.png) no-repeat center bottom;
	padding:0 0 18px 0;
}
body#index #form-conts form {
	background:url(../../../images/form_bg.png) repeat-y center top;
	margin:0px;
}
body#index #form-conts form #form-box{
width:293px;
padding:0 0 0 28px;
margin:0;
}
body#index #form-conts form table{
margin:0 0 10px 0;
padding:0px;
}
body#index #form-conts form td{
color:#FFFFFF;
margin:0px;
padding:0px;
}
body#index select.select01 {
	width:122px;
	height:20px;
}
body#index select.select02 {
	width:72px;
	height:20px;
}

body#index select.select03 {
	height:20px;
}

body#index .form-online {
	float:right;
	margin:5px 15px 0 0;
}
.flyt-btn{
margin: 0 0 0 0;
}


/*イイネランキング*/
body#index #iine {
position:relative;
	clear:both;
	width:317px;
	background:url(../../../images/ranking_header.png) no-repeat center top;
	padding:10px 0 0 0;
	margin:3px 0px 0px 7px;
}


body#index #iine #iine-detail {
	width:317px;
	background:url(../../../images/ranking_footer.png) no-repeat center bottom;
	padding:0 0 15px 0;
}
body#index #iine #iine-detail #iine-pakking {
	background:url(../../../images/ranking_bg.jpg) repeat-y center top;
	overflow:hidden;
}
body#index #iine #iine-detail #iine-pakking h2 img {
	margin:10px 0 10px 16px;
}
body#index #iine #iine-detail #iine-pakking #rankingtoha{
width:317px;
margin:0 0 10px 0;
padding:0 0 7px 0;
background:url(../../images/detail_line.gif)  no-repeat center bottom;
}
body#index #iine #iine-detail #iine-pakking #rankingtoha img{
margin:0 0 0 20px;
}
body#index #iine #iine-detail #iine-pakking #ranking-area{
width:300px;
margin:0 auto 0;
padding:0 0 0 0;
position:relative;
height:142px;
overflow:auto;
}
* html body#index #iine #iine-detail #iine-pakking #ranking-area{
width:289px;
margin:0px 0 0 15px;
padding:0 0 0 0;
position:relative;
height:142px;
overflow:auto;
}
body#index #iine #iine-detail #iine-pakking #ranking-area .rank{
width:270px;
padding:0px 0 2px 0;
margin:0px auto 12px auto;
border-bottom:#d9e8e6 1px solid;
position:relative;
}

body#index #iine #iine-detail #iine-pakking #ranking-area .rank:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

body#index #iine #iine-detail #iine-pakking #ranking-area .rank .number{
width:40px;
float:left;
}

body#index #iine #iine-detail #iine-pakking #ranking-area .rank .hikouki{
position:absolute;
bottom:0;
right:0;
}


.switchHat{
position:absolute;
bottom:0px;
right:16px;
margin:22px 0 3px 0;
display:none;
}

.switchHat #rank-btn{
position:relative;
bottom:0px;
right:0px;
display:none;
}

.switchHat #rank-btn-close{
display:none;
position:relative;
bottom:0px;
right:0px;
display:none;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
フッターエリア*/

body#index #footer-all{
/*position:absolute;
left:0;
bottom:0;*/
height:115px;
width:100%;
text-align:center;
}
body#index #footer {
width:1070px;
padding:40px 0 10px 0;
margin:0 auto;
}
body#index #footer #footer-btn{
width:990px;
margin:0 0 30px 73px;
text-align:center;
}/*
* html body#index #footer #footer-btn{
margin:0 0 10px 73px;
}
body#index #footer-bottom{
width:100%;
background:#00655a;
height:50px;
bottom:0;
padding:0;
text-align:center;
}
body#index #footer-bottom-conts{
width:1070px;
margin:0 auto;
}
body#index #footer-navi{
padding:15px 0 0 0;
text-align:center;
}
body#index #footer-navi span{
margin:10px 0 0 0;
padding:0px 6px 0 6px;
border-left: 1px solid #ffffff;
}
body#index #footer-navi .border-no{
border:none;
}
body#index #footer-navi span a{
color:#ffffff;
}
body#index #footer-navi span a:hover{
color:#dddddd;
}*/