@charset "utf-8";

/*-------------------------------------------------------------------------
css Information

Site URL:     http://wwww.aloha7.co.jp/
File name:    style_new.css
Summary:      all styles
Created:      2008-03-17
Last update:  2008-04-18

Order of description


  


-------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
     __Default style clear
-------------------------------------------------------------------------*/
html, body {
    margin: 0;
    padding: 0;
	
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:90%;
}
 
h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, dl, address, img {
    margin: 0;
    padding: 0;
}

.img_maring {
    font-size:0px;
}


/*-----------------------------------------------------------------------
     __container
-------------------------------------------------------------------------*/

#container {
    width:950px;
    margin:0 auto;
	padding:0;
}


/*-----------------------------------------------------------------------
     __header
-------------------------------------------------------------------------*/
h1 {
display:block;
	height:27px;
	margin:0;
	padding:0;
	background-image:url(../img-new/h1_bg.gif);
	color:#333333;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:80%;
	font-weight:normal;
	line-height:27px;
	text-indent:170px;
}

h1 a {
	color:#333333;
	text-decoration: none;
}

#header_img{
    position:relative;
	height:84px;
	background-image:url(../img-new/header_bg.jpg);

}

#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:37px;
	height:34px;
	z-index:1;
}

#header_bt {
    width:945px;
	margin:0px;
	padding:15px 5px 0 0;
	position:relative;
}

#header_bt ul{
	position:absolute;
	top:0px;
	right:5px;
	margin-top:10px;
	}

#header_bt li {
    float:left;
    margin:0;
    padding:0;
	list-style:none;
}

#tForm {
	clear:both;
	text-align:right;
	margin: 23px 5px 0 0;
}

*html #tForm {
	margin: 38px 5px 0 0;
}

*:first-child+html #tForm{
	margin:38px 5px 0 0;
}

h2 {
	margin:0;
	padding:0;
	color:#333333;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:80%;
	font-weight:normal;
	line-height:23px;
	text-indent:15px;
}

#HeaderBanner{
    overflow:hidden;
    width:940px;
	height:200px;
	margin:5px auto 5px auto;
	padding:0;
}

#HeaderBannerLeft{
    float:left;
    width:260px;
	height:200px;
}

#HeaderBannerRight{
    float:right;
    width:680px;
	height:200px;
}

#HeaderBannerRight img{
    float:left;
    width:170px;
}

/*-----------------------------------------------------------------------
     __Contents
-------------------------------------------------------------------------*/

/*  __Search
-------------------------------------------------------------------------*/


#main{
	float:left;
	width:744px;
	background-image:url(../img-new/contents_bg.gif);
}

#SearchMain{
	width:744px;
	height: 375px;
	background-image: url(../img-new/search_main_bg.gif);
		background-repeat: no-repeat;

}

#SearchMainHead{
	width:744px;
	height:76px;
	background-image: url(../img-new/search_1.jpg);
		background-repeat: no-repeat;

}
#SearchMainHead p{
    text-align:right;
    width:710px;
	padding-top:35px;
}

#SearchSub{
	width:701px;
	height:320px;
	margin:0 auto;
	padding:0;
	overflow: hidden;
}

#SearchMenu{
    overflow:hidden;
    width:701px;

}

#SearchSub p{
	margin:0;
	padding:0;
}

.SearchBT_Left{
    float:left;
	width:350px;
	
}

.SearchBT_Right{
    float:right;
	width:351px;
	
}

.SearchT_new{
	width:701px;
	height:427px;
	margin:0;
	background-image: url(../img-new/search_aloha_plan_bg.gif);
	background-repeat: no-repeat;
	
}

.SearchT_right_new{
	width:701px;
	height:427px;
	margin:0;
	background-image: url(../img-new/search_free_bg.gif);
	background-repeat: no-repeat;
}

#SearchT{
	width:701px;
	height:427px;
	margin:0;
	background-image: url(../img-new/search_aloha_plan_bg.gif);
	background-repeat: no-repeat;
	
}

#SearchT_right{
	width:701px;
	height:427px;
	margin:0;
	background-image: url(../img-new/search_free_bg.gif);
	background-repeat: no-repeat;
}



#SearchConTable{
	background-color:#ffffff;
	width: 650px;
	margin-top: 10px;
	_margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20;
	margin-left: auto;
	clear: both;
}

#SearchConTable td{
	background-color:#ffe9bc;
}

.SearchConTable{
	background-color:#ffffff;
	width: 650px;
	margin-top: 10px;
	_margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20;
	margin-left: auto;
	clear: both;
}

.SearchConTable td{
	background-color:#ffe9bc;
}

.SearchConT_set {
    overflow:hidden;
}

.SearchConT_img {
	float:left;
	margin: 3px 5px  3px 5px;
	width: 70px;
}

.SearchConT_list{
	border:1px solid #fdd7a1;
	background-color:#FFFFFF;
	margin-left: 0px;
	padding: 5px;
	height: 15px;
}
.SearchConT_list2{
	overflow:hidden;
	border:1px solid #fdd7a1;
	background-color:#FFFFFF;
	margin-left: 0px;
	padding: 5px;
	float: left;
	width: 555px;
	_width: 550px;
}
.SearchConT_list2 li{
	margin:0;
	padding-left:5px;
	list-style:none;
	display: block;
	float: left;
}

.SearchConT_list li{
	float:left;
	margin:0;
	padding-left:5px;
	list-style:none;
	display: block;
}

.SearchCon_map{
	float:left;
	margin:0;
	padding:0px;
	width:256px;
}
.SearchConT_list3 li{
    float:left;
	list-style:none;
	margin:0;
    padding-left:5px;
}

/*  __information
-------------------------------------------------------------------------*/
.BoxBG{
   width:726px;
   padding-left:10px;
   background-color:#e9e9e9;
}

#info{
    width:736px;
}

#infoBox{
	width:724px;
	;
	border:1px solid #dcdcdc;
	background-image: url(../img-new/info_bg.gif);
	padding: 10px 0 10px 0;
}

.info_p{
	margin:0 auto;
	background-color:#e9e9e9;
	font-size:100%;
	font-weight:bold;
	width:675px;
	padding: 5px 5px 5px 10px;
}

.info_box{
	width:668px;
	background-color: #FFFFFF;
	padding:10px;
	border:1px solid #e9e9e9;
	margin: 0 auto;
}

.info_box_t1{
	color:#FF0000;
	font-size:100%;
	margin-bottom: 5px;
}
.info_box_t2{
    color: #666666;
    font-size:90%;
	line-height:135%;
}
.info_box_t3{
	text-align:right;
	color: #666699;
	font-size:90%;
	margin: 5px;
	;
}
.img_t{
   vertical-align: bottom;
}

/*  __guide
-------------------------------------------------------------------------*/
#guideBox{
	width:714px;
	border:1px solid #dcdcdc;
	background-image: url(../img-new/guide_bg.gif);
	padding: 10px 0 10px 0;
	font-size:90%;
}
.guide_img{
   float:left;
   width:80px;
}
.guide_list{
   float:left;
   width:155px;
}

.guide_list li{
    margin-left:5px;
    margin-bottom:5px;
    padding-left:10px;
    padding-right:5px;
    list-style:none;
    background:url(../img-new/guide_list_icon.gif) no-repeat ;
    min-height:6px;

}

*html .guide_list li{
	height:6px;
}

.guide_list li a{
    font-size:90%;
    list-style:none;
	color: #7d7d7d;
	text-align:left;
	line-height:130%;

}


.guide_list li  a:link {color: #7d7d7d;text-decoration: underline;}
.guide_list li  a:visited {color: #7d7d7d;text-decoration: underline;}
.guide_list li  a:active {color: #7d7d7d;text-decoration: underline;}
.guide_list li  a:hover {color: #7d7d7d;text-decoration: underline; background-color: #BBE8E2}

/*  __special
-------------------------------------------------------------------------*/
#specialBox{
    overflow:hidden;
	width:716px;
	border:1px solid #dcdcdc;
	background-image: url(../img-new/special_bg.gif);
	padding: 10px 0 10px 8px;;
}
.spSet{
    overflow:hidden;
	float:left;
	margin:0 0 0 5px;
	padding:0 0 5px 0;
	width:345px;
	border:1px solid #cdcdcd;
	background-color: #FFFFFF;
}
.spSet h3{
	background-color:#85A8C5;
	padding:4px;
	font-size:95%;
	color:#FFFFFF;
	font-weight: normal;
}
.sp_img{
	float:left;
	width:137px;
	margin: 5px 5px 25px;
	
}
.sp_p{
   margin:10px 10px 10px 10px;
   color:#666666;
   font-size:90%;
   line-height:140%;
}

.sp_d{
   margin:10px 10px 0 0;
   font-size:90%;
   line-height:140%;
   text-align:right;
}


.sp_list{
   float:left;
   width:345px;
}

.sp_list li{
    list-style:none;
}

.sp_list li a{
    font-size:90%;
    list-style:none;
	color: #7d7d7d;
	text-align:left;
	background:url(../img-new/sp_list_icon.gif) no-repeat ;
    padding-left:10px;
	margin-left:5px;
	line-height:180%;

}


.sp_list li  a:link {color: #7d7d7d;text-decoration: underline;}
.sp_list li  a:visited {color: #7d7d7d;text-decoration: underline;}
.sp_list li  a:active {color: #7d7d7d;text-decoration: underline;}
.sp_list li  a:hover {color: #7d7d7d;text-decoration: underline; background-color: #B9C8EA}

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

.sp_list2 li a{

    font-size:85%;
    list-style:none;
	color: #7d7d7d;
	text-align:left;
	background:url(../img-new/sp_list_icon.gif) no-repeat ;
    padding-left:7px;
	margin-left:3px;
	line-height:180%;
}


.sp_list2 li  a:link {color: #7d7d7d;text-decoration: underline;}
.sp_list2 li  a:visited {color: #7d7d7d;text-decoration: underline;}
.sp_list2 li  a:active {color: #7d7d7d;text-decoration: underline;}
.sp_list2 li  a:hover {color: #7d7d7d;text-decoration: underline; background-color: #B9C8EA}


/*  __newplan
-------------------------------------------------------------------------*/
#npBox{
    overflow:hidden;
	width:716px;
	border:1px solid #dcdcdc;
	background-image: url(../img-new/newplan_bg.gif);
	padding: 10px 0 10px 8px;
}
.npSet{
    overflow:hidden;
	margin:0 0 0 5px;
	padding:0 0 10px 0;
	width:695px;
	border:1px solid #cdcdcd;
	background-color: #FFFFFF;
}
.npSet h3{
	background-color:#89d1d7;
	margin-bottom:5px;
	padding:4px;
	font-size:95%;
	color:#FFFFFF;
	font-weight: normal;
}
.np_img{
	float:left;
	width:137px;
	margin:0 5px 0 5px;
	
}
.np_p{
   margin:10px 5px 10px 10px;
   color:#666666;
   font-size:90%;
   line-height:140%;
}

.np_d{
   margin:10px 10px 0 0;
   font-size:90%;
   line-height:140%;
   text-align:right;
}








/*  __realtime
-------------------------------------------------------------------------*/
#realtimeBox{
    overflow:hidden;
	width:716px;
	border:1px solid #dcdcdc;
	background-image: url(../img-new/realtime_bg.gif);
	padding: 10px 0 10px 8px;;
}

.realSet{
    overflow:hidden;
	float:left;
	margin:0 0 0 5px;
	padding:0 0 5px 0;
	width:345px;
	border:1px solid #cdcdcd;
	background-color: #FFFFFF;
}
.realSet h3{
	background-color:#C48CAD;
	padding:4px;
	font-size:90%;
	color:#FFFFFF;
	font-weight: normal;
}


.listLeft li{
    white-space:nowrap;
    list-style:none;
    float:left;
	padding-left:5px;
	text-indent:10px;
}

.listLeft li a{
    font-size:90%;
    color: #676767;
}

/*  __185 banner
-------------------------------------------------------------------------*/
.ContentsBanner{
    overflow:hidden;
    padding:5px 0 10px 0;
    margin:0;
	background-color:#FFFFFF;
	width:744px;
}

.ContentsBanner ul{
	list-style:none;
	margin:0;
	padding:0;
	}

.ContentsBanner li{
	float:left;
	margin-right: 5px;
	margin-bottom:2px;
}




/*-----------------------------------------------------------------------
     __Right_Contents
-------------------------------------------------------------------------*/

/*  __rightNavi
-------------------------------------------------------------------------*/

#right{
    width:206px;
	float:right;
	background-image:url(../img-new/right_bg.gif);

}

#right h3{
    margin:0 auto;
    width:190px;
	background-image: url(../img-new/top_new4_20.jpg);
	
	color:#666666;
	font-size:90%;
	line-height:28px;
	text-indent:25px;

}

.rightSet{
    margin:0 auto 10px auto;
    width:190px;
}

.rightBox{
    margin:0 auto;
	padding:5px 0 5px 0;
    width:188px;
	border:1px solid #dcdcdc;
	text-align:center;
}

.rightShadow{
    vertical-align: top;
}


/*  __Blog
-------------------------------------------------------------------------*/
.blogUp{
	background-image:url(../img-new/up_bg.gif);
	line-height:12px;
	text-align:right;
	color:#666666;
	font-size:10px;
	padding-right: 5px;
}
.blogtitle{
background-color:#b4b4c3;
	line-height:20px;
	text-align:left;
	color:#fff;
	font-size:10px;
	padding-left: 5px;
}
.blogBox{
    margin:0 auto;
	padding:0;
    width:188px;
	border:1px solid #dcdcdc;
	border-bottom:4px solid #b4b4c3;
	text-align:center;
}

.blogBox img{
    float:left;
	margin:10px 0 0 4px;
}

.blogBoxP{
	margin:10px 4px 0 4px;
	line-height:145%;
	color: #666666;
	font-size: 80%;
}
.blogDe a{
    width:108px;
    display:block;
    background-color:#b4b4c3;
    margin:10px 0 0 80px;
	padding:4px 0 0 0;
	font-size: 80%;
	text-align:center;
	vertical-align:bottom;
}  

.blogDe  a:link {color: #fff;text-decoration: underline; background-color:#b4b4c3;}
.blogDe  a:visited {color: #fff;text-decoration: underline; background-color:#b4b4c3;}
.blogDe  a:active {color: #fff;text-decoration: underline; background-color:#b4b4c3;}
.blogDe  a:hover {color: #003366;text-decoration: underline; background-color:#b4b4c3;}


/*  __sport
-------------------------------------------------------------------------*/

.sport li {
    list-style:none;

}
.sport li a{
    list-style:none;
	color: #7d7d7d;
	font-size:80%;
	text-align:left;
	line-height:180%;
	background:url(../img-new/saport_list_icon.gif) no-repeat 1em .0em;
    padding-left:20px;
    display:block;
    list-style:none;
	width:168px;
}


.sport li  a:link {color: #7d7d7d;text-decoration: underline;}
.sport li  a:visited {color: #7d7d7d;text-decoration: underline;}
.sport li  a:active {color: #7d7d7d;text-decoration: underline;}
.sport li  a:hover {color: #fff;text-decoration: underline; background-color: #999999}



/*  __banner
-------------------------------------------------------------------------*/

#banner{
	text-align:center;
	background-color: #FFFFFF;
}
#banner img{
   margin:2px 0 4px 0;
}


/*-----------------------------------------------------------------------
     __Footer
-------------------------------------------------------------------------*/

/*  __footer
-------------------------------------------------------------------------*/

#footer{
    clear:both;
	margin-top:15px;
	background-color:#f7f7f7;

}

#footerTop{
    height:8px;
    background-image:url(../img-new/footer_bg1.gif);
}

#footerBox{
	overflow:hidden;
	width:950px;
	margin: 0 auto;
	padding-bottom:15px;
	background:url(../img-new/footer_img.gif) no-repeat 48em .0em;
}

.footerLogo{
	float:left;
	margin: 10px 15px 0 15px;
}
.footerP{
    float:left;
    width:750px;
	margin:20px 0 0 10px;
	color: #666666;
	font-size:80%;
	line-height:150%;
}
.footerList{
    list-style:none;
}

.footerList li{
    float:left;
	color: #666666;
	font-size:80%;
	padding-left:10px;
}

.footerList li a{
	padding-left:10px;
    list-style:none;
	color: #666666;
	background:url(../img-new/footer_list_icon.gif) no-repeat;
}


.footerList li  a:link {color: #666666;text-decoration: underline;}
.footerList li  a:visited {color: #666666;text-decoration: underline;}
.footerList li  a:active {color: #666666;text-decoration: underline;}
.footerList li  a:hover {color: #fff;text-decoration: underline; background-color: #999999}


.footerBanner{
	list-style:none;
	clear: both;
	margin: 10px auto 10px auto;
	width: 450px;
	padding: 10px 0 10px 0;
}
.footerBanner li{
	float:left;
	padding-left:10px;
	list-style: none;
}



#footer hr{
    width:950px;
    height:1px;
    color:#CCCCCC;
}

/*-----------------------------------------------------------------------
     __font
-------------------------------------------------------------------------*/
.color1 {
   margin:0 5px 0 0;
   text-align: right;
}

.color1  a:link {color: #4f9ed7;text-decoration: underline;}
.color1  a:visited {color: #4f9ed7;text-decoration: underline;}
.color1  a:active {color: #4f9ed7;text-decoration: underline;}
.color1  a:hover {color: #666666;text-decoration: underline;}

.color2 {
   margin:0 5px 0 0;
   text-align: right;
}

.color2  a:link {color: #e1458e;text-decoration: underline;}
.color2  a:visited {color: #e1458e;text-decoration: underline;}
.color2  a:active {color: #e1458e;text-decoration: underline;}
.color2  a:hover {color: #666666;text-decoration: underline;}

.color3 {
   color:#df4286;
   font-size:100%;
}

.color4 {
   color: #FF0000;
   font-size:150%;
   font-weight:bold;
}

/*-----------------------------------------------------------------------
     チェックボックス
-------------------------------------------------------------------------*/

.sele li label{
	padding:0 0 0 20px;
	margin-right:5px;
	width:65px;
	display:block;
	line-height:150%;
	background:url(../img-new/radio.gif) no-repeat left top;
	background-position:0 0px;
	cursor:pointer;
}
.sele li label.normal{
	background:url(../img-new/radio.gif) no-repeat left top;
	background-position:0 0px;}
.sele li label.fc{
	background:url(../img-new/radio_o.gif) no-repeat left top;
	background-position:0 0px;}

.sele li input,#search table td .check{
	position:absolute;
	top:-1000em;
	left:-1000em;
}



/*----------textBannerArea------------------*/

#textBannerArea{
	margin:0 5px 10px;
 	padding:5px;
 	border:solid 1px #ddd;
 	background:#efefef;
	}

#textBannerArea ul{
	list-style-type:none;
	}

#textBannerArea li{
	display:inline-block;
	float:left;
	margin-right:10px;
	padding-left:12px;
	/*width:270px;*/
	background:url(../imgre/ic_textbanner.gif) no-repeat 0 3px;
	}




.clearFix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}


*html .clearFix{
	height:1%;
	}


*:first-child+html .clearFix{
	height:1%;
	}



/*----------2009 03 09 追加　アドランティスバナーエリア------------------*/

.pr01 .floatL{
	float:left;
	width:360px;
	}

.pr01 .floatR{
	float:right;
	width:360px;
	}

.pr01,
.pr02{
	margin:5px 5px 0 0;
	}
	
.pr02 ul{
	list-style:none;
	}

.pr02 .floatL{
	float:left;
	width:360px;
	}

.pr02 .floatR{
	float:left;
	width:360px;
	}

.pr02 iframe{
	width:350px;
	}


.pr04{
	background-color:#fff;
	text-align:center;
	}
.pr04 p{
	margin:0 0 5px;
	}

/*#container{
	border:solid 1px;
	}

#main{
	border:solid 1px;
	}*/
