@charset "shift_jis";
/*
----------------------------------------------------------------------------------

http://www.harenchi.co.jp/tokyo/

Cascading Style Sheet --- basic.css
First Write   : 30May.Fev.2007 (katada) Ver1.0

Powered By Japana Lesurue Network

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

/*------------------------------------------------------------#cover*/
#mainCont #mainBody{
background:url(../images/cover/101210cover.jpg) no-repeat;
}
/*------------------------------------------------------------------*/

*{
margin:0;
padding:0;
list-style:none;
color:#444;
}
img{
border:none;
margin:0;
padding:0;
}
h1,h2,h3,h4{
margin:0;
padding:0;
}

a{
color:#00A4F9;
text-decoration:none;
outline-width:0;
outline:none;
}
a:hover{
color:#F10000;
}
a:focus{
outline:none;
}
.toTop a{
width:41px;
height:13px;
display:block;
background:url(../images/top.gif) no-repeat;
text-indent:-9999px;
float:right;
margin:0 10px 0px 0;
}
body{
margin:0;
font-size:12px;
font-family:Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Verdana,"‚l‚r ‚oƒSƒVƒbƒN",san-selif;
text-align:center;
}
.clear{
clear:both;
width:1px;
height:0px;
visibility:hidden;
overflow:hidden;
}

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

.container
.cont
 
----------------------------------------------------------------------------------
*/
.container{
width:740px;
text-align:left;
margin:0 auto;
position:relative;
}
.cont{
padding:0 0 10px 0;
clear:both;
}
.cont h3{
height:20px;
font-size:12px;
color:#fff;
text-indent:8px;
line-height:180%;
letter-spacing:1px;
margin:0 0 5px 0;
font-weight:normal;
}
/*----------------------------------------------------------------------------------

#header

----------------------------------------------------------------------------------*/
#header{
background:url(../images/header.jpg) repeat-x;
margin:49px 0 0 0;
height:100px;
overflow:hidden;
border-bottom:1px solid #0170DB;
}
#header h1 a{
background:url(../images/logo.jpg) no-repeat;
display:block;
text-indent:-9999px;
width:72px;
height:99px;
float:left;
margin:0 10px 0 0;
}
#header h2{
background:url(../images/h2.gif) no-repeat;
width:475px;
height:18px;
text-indent:-9999px;
background-position:left top;
float:left;
margin:10px 0 10px 0;
border-bottom:1px solid #fff;
padding:0 0 5px 0;
}
#header p{
float:left;
width:480px;
color:#fff;
font-size:10px;
line-height:110%;
}
#header #searchBtn{
position:absolute;
top:71px;
right:0px;
}
#header #searchBtn a{
background:url(../images/search.jpg) no-repeat;
width:153px;
height:30px;
display:block;
background-position:top left;
padding:8px 0 0 10px;
}
/*----------------------------------------------------------------------------------

#searchArea

----------------------------------------------------------------------------------*/
#searchArea{
background:url(../images/searchArea.jpg);
height:270px;
border-bottom:1px solid #0170DB;
color:#fff;
padding:15px 0 5px 0;
display:none;
}
#searchArea .form{
width:350px;
float:left;
color:#fff;
margin:0 9px 0 9px;
overflow:hidden;
display:inline;
}
#searchArea .form h3{
width:350px;
height:23px;
background:url(../images/search_icon.jpg) no-repeat;
padding:0 0 0 20px;
color:#fff;
font-weight:normal;
font-size:12px;
margin:0 0 10px 0;
line-height:150%;
}
#searchArea .form table{
width:340px;
}
#searchArea .form th{
width:160px;
border-bottom:1px dashed #fff;
padding:3px;
color:#fff;
font-weight:normal;
}
#searchArea .form td{
border-bottom:1px dashed #fff;
padding:3px;
}
#searchArea .form select{
width:170px;
}
#searchArea .form td span{
color:#fff;
}
#searchArea h3{
color:#fff;
font-weight:normal;
}
#searchArea .form dl dt{
color:#fff;
}
#searchArea .form .submit{
float:right;
margin:7px 10px 0 0;
}
#searchArea .searchClose a{
position:absolute;
right:0px;
top:240px;
width:43px;
height:19px;
padding:0 0 0 16px;
line-height:150%;
display:block;
color:#fff;
font-size:12px;
background:url(../images/search_close.gif) no-repeat;
}
#searchArea .searchClose a:hover{
color:#CC0000;
}

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

#mainCont

----------------------------------------------------------------------------------*/
#mainCont{
}

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

#mainBody

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

#mainCont #mainBody{
background-position:top center;
margin:0;
padding:0;
overflow:hidden;
_float:left;
text-align:left;
}

#naviArea{
padding:10px 0 0px 0;
margin:0 0 0px 0;
}
#naviArea ul{
width:160px;
height:270px;
padding:15px 0 0 10px;
background:url(../images/navi_bg.png) no-repeat;
float:left;
margin:0 0 5px 0;
}
* html #naviArea ul{
behavior: expression(IEPNGFIX.fix(this));
width:155px;
}
#mainCont #mainBody #naviArea li{
font-size:12px;
width:140px;
height:27px;
border-bottom:1px solid #ccc;
color:#f10000;
font-weight:normal;
line-height:190%;
letter-spacing:1px;
margin:0;
padding:0;
text-indent:8px;
}
#mainCont #mainBody #naviArea li a{
font-size:12px;
width:130px;
height:27px;
display:block;
font-weight:normal;
letter-spacing:1px;
text-indent:8px;
}
#mainCont #mainBody #naviArea li a:hover{
border-left:2px solid #F10000;
}

.eventBana a{
display:block;
width:150px;
height:150px;
position:absolute;
top:145px;
left:180px;
background:url(../kikaku/0808_stamp/top_bana.png) no-repeat;
z-index:5;
text-indent:-9999px;
}
.proflink a{
display:block;
width:150px;
height:150px;
position:absolute;
top:10px;
left:180px;
z-index:5;
text-indent:-9999px;
}
* html .eventBana a{
behavior: expression(IEPNGFIX.fix(this));
}

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

#eventArea

--------------------------------------------------------------------------*/
#mainCont #mainBody #topEventBtn{
position:absolute;
top:270px;
right:0;
overflow:hidden;
}
#mainCont #topEventBtn a{
width:150px;
height:20px;
display:block;
overflow:hidden;
background-position:top left;
padding:10px 0 0 10px;
background:url(../images/event_btn.png) no-repeat;
}

#mainCont #eventArea{
background:url(../images/eventArea.jpg);
border-top:1px solid #ccc;
padding:0;
margin:0;
overflow:hidden;
display:none;
line-height:130%;
_float:left;
}
#mainCont #eventArea .container{
padding:0;
margin:0 auto 0;
}
#mainCont #eventArea .eventHead{
background:url(../images/eventHead.jpg) repeat-x;
height:24px;
background-position:top;
}
#mainCont #eventArea .eventFoot{
background:url(../images/eventFoot.jpg) repeat-x;
height:30px;
overflow:hidden;
display:block;
background-position:top;
}
#mainCont #eventArea .event{
width:345px;
float:left;
margin:0 8px;
overflow:hidden;
}
#mainCont #eventArea .event h3{
background:url(../images/event_h3.jpg) no-repeat;
width:330px;
height:30px;
color:#0F9DFE;
font-weight:normal;
font-size:12px;
text-indent:10px;
line-height:160%;
clear:both;
padding:0 0 0 17px;
margin:0 0 0px 0;
overflow:hidden;
}
#mainCont #eventArea .event dt{
background:url(../images/event_dt.gif) no-repeat;
background-position:bottom left;
color:#555;
padding:2px 0;
margin:0 0 5px 0;
height:16px;
clear:both;
font-size:11px;
overflow:hidden;
}
#mainCont #eventArea .event dd{
text-align:right;
width:260px;
margin:0;
padding:3px;
height:60px;
border:1px solid #ccc;
overflow:hidden;
float:right;
background:#fff;
margin:0 0 3px 0;
display:inline;
}
#mainCont #eventArea .event dd img{
}

#mainCont #eventArea .eventClose{
width:65px;
height:19px;
padding:0 0 0 22px;
line-height:150%;
display:block;
color:#fff;
font-size:12px;
background:url(../images/event_close.gif) no-repeat;
float:right;
margin:5px 0px 0 0;
overflow:hidden;
}
/*-------------------------------------------------------------------------

#footArea

-------------------------------------------------------------------------*/
#footArea{
background:#E1E1E1 url(../images/footArea.jpg) repeat-x;
padding:20px 0 15px 0;
overflow:hidden;
margin:0;
_float:left;
}
/*--------------------------------------------------

.leftCont

--------------------------------------------------*/
#footArea .leftCont{
width:155px;
float:left;
margin:0 14px 0 0;
}
#footArea .leftCont h3{
background:url(../images/side_h3.gif) no-repeat;
width:155px;
height:20px;
}
#footArea .leftCont .qr{
background:url(../images/qr.jpg) no-repeat;
width:155px;
height:50px;
padding:110px 0 0 2px;
}
#footArea .leftCont .qr input{
font-size:11px;
}
#footArea .leftCont .qr select{
font-size:11px;
}
#footArea .leftCont .recBana li a{
background:url(../images/rec.jpg) no-repeat;
width:155px;
height:26px;
display:block;
padding:9px 0 0 0px;
text-align:center;
margin:0 0 7px 0;
}
#footArea .leftCont .blogs{margin-bottom:10px;}
/*--------------------------------------------------

.centerCont

--------------------------------------------------*/
#footArea .centerCont{
width:400px;
float:left;
margin:0 14px 0 0;
display:inline;
}
#footArea .centerCont h3{
background:url(../images/center_h3.jpg) no-repeat;
width:400px;
}
#footArea .centerCont h4{
background:url(../images/center_h4.gif) no-repeat;
width:400px;
background-position:bottom;
padding:2px 0;
color:#00A4F9;
font-weight:normal;
position:relative;
clear:both;
margin:4px 0;
font-size:12px;
}
#footArea .centerCont h4 span{
position:absolute;
top:3px;
right:0;
font-size:11px;
}
/*----------------------------------

.#tokyo

-----------------------------------*/
#footArea .centerCont .cont{
float:left;
}

#footArea .centerCont #tokyo{
display:block;
float:left;
}
#footArea .centerCont #tokyo li{
float:left;
}
#footArea .centerCont #tokyo li a{
background:url(../images/tokyo_navi.jpg) no-repeat;
width:133px;
height:90px;
display:block;
text-indent:-9999px;
}
#footArea .centerCont #tokyo .t1 a{
background-position:0 0;
}
#footArea .centerCont #tokyo .t1 a:hover{
background-position:0 -90px;
}
#footArea .centerCont #tokyo .t2 a{
background-position:-133px -0px;
}
#footArea .centerCont #tokyo .t2 a:hover{
background-position:-133px -90px;
}
#footArea .centerCont #tokyo .t3 a{
background-position:-266px -0px;
}
#footArea .centerCont #tokyo .t3 a:hover{
background-position:-266px -90px;
}

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

.#saitama

-----------------------------------*/
#footArea .centerCont #saitama{
float:left;
}
#footArea .centerCont #saitama li{
float:left;
}
#footArea .centerCont #saitama li a{
background:url(../images/saitama_navi2.jpg) no-repeat;
width:100px;
height:90px;
display:block;
text-indent:-9999px;
}
#footArea .centerCont #saitama .s1 a{
background-position:0 0;
}
#footArea .centerCont #saitama .s1 a:hover{
background-position:0 -90px;
}
#footArea .centerCont #saitama .s2 a{
background-position:-100px -0px;
}
#footArea .centerCont #saitama .s2 a:hover{
background-position:-100px -90px;
}
#footArea .centerCont #saitama .s3 a{
background-position:-200px -0px;
}
#footArea .centerCont #saitama .s3 a:hover{
background-position:-200px -90px;
}
#footArea .centerCont #saitama .s4 a{
background-position:-300px -0px;
}
#footArea .centerCont #saitama .s4 a:hover{
background-position:-300px -90px;
}
/*
#footArea .centerCont #saitama .s1 a{
background-position:0 0;
}
#footArea .centerCont #saitama .s1 a:hover{
background-position:0 -90px;
}
#footArea .centerCont #saitama .s2 a{
background-position:-133px -0px;
}
#footArea .centerCont #saitama .s2 a:hover{
background-position:-133px -90px;
}
#footArea .centerCont #saitama .s3 a{
background-position:-266px -0px;
}
#footArea .centerCont #saitama .s3 a:hover{
background-position:-266px -90px;
}
*/


#footArea .centerCont .regulations{
border-top:1px dashed #aaa;
padding:10px 0 0 0;
}
#footArea .centerCont .regulations li{
width:189px;
height:95px;
font-size:10px;
line-height:120%;
padding:3px;
float:left;
background:url(../images/regulations.gif) no-repeat;
}
#footArea .centerCont .regulations .reg1{
margin:0 10px 0 0;
}

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

.rightCont

--------------------------------------------------*/
#footArea .rightCont{
width:155px;
float:left;
display:inline;
}
#footArea .rightCont h3{
background:url(../images/side_h3.gif) no-repeat;
width:155px;
height:20px;
}
#footArea .rightCont .newface{
border-bottom:1px dashed #aaa;
margin:0 0 6px 0;
padding:0 0 2px 0;
line-height:130%;
}
#footArea .rightCont .newface dl{
float:left;
width:92px;
font-size:10px;
line-height:130%;
margin:0;
padding:0;
}
#footArea .rightCont .newface dl dt a{
color:#0070BC;
}

#footArea .rightCont .newface a img{
border:1px solid #ccc;
float:left
}
#footArea .rightCont .newface a img:hover{
border:1px solid #5DBFFF;
}
#footArea .rightCont .more{
}
#footArea .rightCont .more a{
background:url(../images/newface_more.jpg) no-repeat;
width:96px;
height:18px;
text-indent:-9999px;
display:block;
float:right;
}
#footArea .rightCont .more a:hover{
background-position:bottom;
}


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

#footer

---------------------------------------------------------------------------*/
#footer{
background:#E1E1E1 url(../images/footer.gif) no-repeat;
background-position:top;
width:740px;
padding:1px 0 0 0;
margin:10px 0 0 0;

}


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

#HareHeader

---------------------------------------------------------------------------*/
#HareHeader{
border:solid #333333;
border-width:0px 0px 1px 0px;
background-color:#cccccc;
padding-bottom:3px;
width:100%;
position:relative;
position:absolute;
top:0;
left:0;
}
#HareHeader .hareWrap{
margin:auto;
}

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

#png

-------------------------------------------------------------------------------------*/
* html #mainCont #topEventBtn a{
behavior: expression(IEPNGFIX.fix(this));
}