@charset "Shift_JIS";
/*===================================================================
	1: General setting
===================================================================*/

*{margin:0; padding:0;}

body{
	padding:0;
	margin:0;
	font-size:small;
	_font-size:x-small;	/*IE*/
	color:#333;
	background:#FFF;
	line-height:1.3em;
	font-family: 'MS PGothic',Verdana, Arial,'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	text-align:center;
	word-break:break-all;
}

div,p,span,a,input,select,textarea,form,ul,ol,li,dl,dt,dd,tr,td,table{font-size:100%;}

/* Link Color*/

a:link{color:#003399; text-decoration:none;}
a:visited{color:#9E62A2; text-decoration:none;}
a:hover{color:#CC2929; text-decoration:underline}
a:active{color:#CC2929; text-decoration:underline}

img , a{border:0;}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-size:1em;
}

strong , em{font-weight:bold; font-style:normal;}

ul , ol{list-style:none;}
hr{display:none;}
address{font-style:normal;}
.clear{clear:both;}
.dispNone{
	display: none;
	/* Hides from IE5-Mac \*/ 
	display: block;
	position: absolute;
	top: -500px;
	left: -2500px;
	font-size: 1px;
	line-height: 100%;
	/*end  Hides from IE5-Mac */
}

.skipNav{
	position:absolute;
	top:0;
	left:0;
}

/* clearfix */
.pkg:after{
	content: "";
	display: block;
	clear: both;
	height: 0.1px;
}

* html .pkg{display: inline-block;}

/* no ie mac \*/
* html .pkg{height: 1%; }
.pkg{display: block; }
/* */


/* padding */
.noPdd{padding:0 !important;}

.pdd5{padding:5px !important;}
.pddT5{padding-top:5px !important;}
.pddR5{padding-right:5px !important;}
.pddB5{padding-bottom:5px !important;}
.pddL5{padding-left:5px !important;}

.pdd10{padding:10px !important;}
.pddT10{padding-top:10px !important;}
.pddR10{padding-right:10px !important;}
.pddB10{padding-bottom:10px !important;}
.pddL10{padding-left:10px !important;}

.pdd20{padding:20px !important;}
.pddT20{padding-top:20px !important;}
.pddR20{padding-right:20px !important;}
.pddB20{padding-bottom:20px !important;}
.pddL20{padding-left:20px !important;}

/* margin */
.noMrg{margin:0 !important;}

.Mrg5{margin:5px !important;}
.MrgT5{margin-top:5px !important;}
.MrgR5{margin-right:5px !important;}
.MrgB5{margin-bottom:5px !important;}
.MrgL5{margin-left:5px !important;}

.Mrg10{margin:10px !important;}
.MrgT10{margin-top:10px !important;}
.MrgR10{margin-right:10px !important;}
.MrgB10{margin-bottom:10px !important;}
.MrgL10{margin-left:10px !important;}

.Mrg20{margin:20px !important;}
.MrgT20{margin-top:20px !important;}
.MrgR20{margin-right:20px !important;}
.MrgB20{margin-bottom:20px !important;}
.MrgL20{margin-left:20px !important;}

/* noBoder */
.noBoder{border:none !important;}

ul li{background:url(../images/li_dot.gif) no-repeat;padding:0 0 5px 6px;}

/* text size */
.txtL{font-size:1.5em;}
.txtS{font-size:0.8em;}
p span.txtS{_line-height:1em;}

.noBld{font-weight:normal;}
.txtRght{text-align:right;}

.newIcon img{vertical-align:inherit; margin-left:3px;}
.imgLine {_border:1px solid #d0b590;}
.imgLine img{padding:1px; border:1px solid #d0b590; _border:1px solid #FFF;}
.new_tpc{margin-right:5px; font-weight:bold;}
.new_tpc img{vertical-align:text-top;}
.hot_tpc{font-weight:bold;}
.hot_tpc img{vertical-align:text-top;}
.more{text-align:right;}
#emergency td.button a,#sexy .idol a,#sexy .adult a,ul li,div#mainContents .inner .introPh form label,#header dl#synWord dd li,#footer .pkg #moreLink span a,#contentsBtm p.pddB5 a,#wthrEdit dl dd span a,#wthrEdit dl dd span span,#TrainInfoEdit dl dd span a,#TrainInfoEdit dl dd span span,.sakura span{zoom:1;}

/* ------------------------------------------------------------ 
	layout setting
 ------------------------------------------------------------ */
div#wrapper{}
div#container{
width:860px;
text-align:left;
margin:17px auto;
}
/*===================================================================
	00: clearfix setting
===================================================================*/
div#mainContents #mainService .box .type2:after,
div#mainContents #mainService .box .type1:after{
	content: "";
	display: block;
	clear: both;
	height: 0.1px;
}
html div#mainContents #mainService .box .type2,
* html div#mainContents #mainService .box .type1{
	display: inline-block;
}
/* no ie mac \*/
html div#mainContents #mainService .box .type2,
* html div#mainContents #mainService .box .type1{
	height: 1%;
}
div#mainContents #mainService .box .type2,
div#mainContents #mainService .box .type1{
	display: block;
}
/* */

/*===================================================================
	1: heder setting
===================================================================*/
#header h1{vertical-align:middle;float:left;width:125px;}
#header h1 img{vertical-align:text-bottom;}
#header ul#user{padding:9px 0 0;width:735px;float:right;text-align:right;}
#header li{background:none;} 
#header ul#user li{display:inline;}
#header ul#user li{margin:0 0 0 15px;}
#header ul#user li a{white-space:nowrap;}
#header ul#user li span.item{margin-left:20px;}
/*===================================================================
	2: Srch setting
===================================================================*/
#header #Srch{clear:both;padding:14px 0 0;}


/*-------------------------------------------------------------------
	#search setting
-------------------------------------------------------------------*/
/*
¦ŒŸυƒGƒŠƒAŽό‚θ‚̐ݒθB#contentsBtm‚ΜŒŸυ•”•ͺ‚ΰ‚±‚±‚ŐݒθB
*/
#search{width:860px;padding:20px 0 0;border-top:2px solid #333;}
#SrchForm{
	_float:left;
	_width:540px;
}

/* div.srchInptElmnt */
div#srchInptElmnt{
	display:block; float:left;
}

/* input */
input.srchTxt,
input.srchTrnTxt,
input.srchMpTxt{
	display:block;
	float:left;
	padding:1px 0;
}

/* input.srchDicTxt */
input.srchDicTxt, 
input.srchTxt{
	width:340px;
	margin:0 5px 0 0;
}

/* select.srchDicOpt */
select.srchDicOpt{
	display:block;
	float:left;
	width:140px;
	height:18px;
	padding:1px 0;
	margin:0 10px 0 0;
	position:relative;
	top:1px;
}

/* label.srchTrnTxt */
label.srchTrnTxt{
	display:block;
	float:left;
	margin:0 5px 0 0;
}

/* input.srchTrnTxt */
input.srchTrnTxt{
	width:118px;
	margin:0 5px 0 0;
}

/* label.srchMpTxt */
label.srchMpTxt{
	display:block;
	float:left;
	margin:0 5px 0 0;
}

/* input.srchMpTxt */
input.srchMpTxt{
	width:310px;
	margin:0 5px 0 0;
}

#srchBtn{
	float:left;
	width:115px;
}

/* a.btnSubmit */
a.btnSubmit{
	display:block;
	float:left;
	border:solid 1px #A3A3A3;
	width:112px;
	text-align:center;
	font-size:12px;
}

a.btnSubmit span{
	display:block;
	padding:3px 0;
}

a.btnSubmit:link span,
a.btnSubmit:visited span{
	color:#333;
}

/* a:hover */
a.btnSubmit:hover{display:block; width:112px; text-align:center; text-decoration:none !important;}
a.btnSubmit:hover span{display:block; color:#666; padding:3px 0;}

/* input.btnSubmit */
input.btnSubmit{display:block; float:left; width:112px; text-align:center;}

/*-- #srcHiddenParm -----------------------------------------------*/

#header #search form{
	float:left;
	padding-bottom:5px;
}

#header #srcHiddenParm{
	height:1px;
}

#header #search label.srchTrnTxt,
#header #search label.srchMpTxt{
	line-height:1.5em;
	margin-top:2px;
}

/*-- end #srcHiddenParm -------------------------------------------*/

/*-- #SrchOptn ----------------------------------------------------*/

#header #SrchOptn{
	float:right;
	width:335px;
	_width:280px;
	text-align:right;
}

#header #SrchOptn span{
	margin-left:15px;
}

/*===================================================================
	3: synWord setting
===================================================================*/

#header dl#synWord{
clear:both;
padding:10px 0 15px;
border-bottom:2px solid #333;
}

#header dl#synWord dt{float:left;font-weight:bold;margin:0 10px 0 0;}
#header dl#synWord dd li{
	display:inline;
	margin-right:5px;
	white-space:nowrap;
	*white-space:normal;
}

#header dl#synWord dd li span{	vertical-align:top;}

/*===================================================================
	1: contents setting
===================================================================*/
#contents{margin-bottom:15px;}
/*-- .nwTpcks -----------------------------------------------------*/
#nwTpcks{margin:3px 0 15px;}
#nwTpcks ul{text-align:center;padding:5px 0;}
#nwTpcks li.first{ margin-left:0;}
#nwTpcks li{display:inline;background-position:0 -2px;*background-position:0 1px;_background-position:0 1px;line-height:1.45; margin-left:17px;*margin-left:21px;}
#nwTpcks li.icon{_background-position:0 -1px;}
#nwTpcks li p{white-space:nowrap;display:inline;}
#nwTpcks li p, x:-moz-broken{display:inline-block;}
html>/**/body #nwTpcks li p{display:inline-block\9 ;}
html:\66irst-child #nwTpcks li p,html:not(:only-child:only-child) #nwTpcks li p{display:inline-table; vertical-align:top;}/*safari2*//*safari3*/
html:\66irst-child #nwTpcks li,
html:not(:only-child:only-child) #nwTpcks li{vertical-align:top;}/*safari2*//*safari3*/

#nwTpcks li p{*display:inline;}

#nwTpcks li img{margin:0 3px 0 0;}
#nwTpcks li img{margin:1px 0 3px 4px; vertical-align:middle;}

/*-- end .nwTpcks -------------------------------------------------*/
/*===================================================================
	2: mainNavi setting
===================================================================*/
#mainNavi{float:left;width:170px;margin:0 20px 0 0;}
#mainNavi .unit{margin:0 0 20px;}
#mainNavi .unit div{border-bottom:1px dotted #ccc;padding:5px 0;}
#mainNavi h2{font-size:1.12em;line-height:1.3em;border-bottom:1px solid #333;margin:0 0 8px;}
#mainNavi h3{line-height:1.5em;margin:5 0 1px;padding:0 0 2px;}

#mainNavi h4{
line-height:1.5em;
margin:0 0 3px;
padding:5px 0 2px;
font-weight:bold;
}

#join{margin:0 0 20px 0;}
#join div{border-bottom:1px dotted #ccc;padding:5px 0;}
#join div.noPdd{padding:0 0 5px !important;}
#join div p{padding:0 0 5px;}
#mNvMenu li{padding:0 0 5px;background:none;}
#mNvMenu p{border-top:1px dotted #ccc;padding:5px 0;}

/*===================================================================
	3: mainContents setting
===================================================================*/
#mainContents{float:left;width:450px;margin:0;}
#mainContents h2{line-height:1.3em;font-size:1.12em;border-bottom:1px solid #333;margin:0 0 8px;}
#mainContents h3{font-size:1.1em;padding:0 0 5px;}

.morelink{padding:5px 0 10px;border-top:1px dotted #CCCCCC;}
.morelink ul{width:450px;}
.morelink li{float:left;margin:0;}


/* #mainNews */
#mainNews {}
#mainNews .unit{width:450px;padding:0 0 15px;}
#mainNews .inr ul{float:left;width:225px;padding:0 0 5px;}
#news00 {width:450px;}

/* #disaster */
#disaster{margin-bottom:15px;}
#disaster .disasterNews{float:left;width:225px;padding:0 0 5px 0;}
#disaster #disasterArea {*zoom:1;}


/* #mainService */
#mainService{}
#mainService .unit{padding:0 0 15px;clear:both;}
#mainService ul{padding:0 0 5px;margin:0;}


/* #sexy */
#sexy{margin-bottom:15px;}
#sexy .title{border-bottom:1px solid #000000;line-height:1.5em;margin:0 0 13px;padding:0 0 2px;width:450px;}
#sexy .title h2{border-bottom:none;font-size:1.12em;line-height:1.3;margin:0;padding:0;float:left;}
#sexy .title p{float:right;}
#sexy .module .introPh .txtaR{border-top:1px dotted #CCCCCC;text-align:right;padding-top:5px;}
#sexy .module .introPh .txtaR .idol{padding-right:10px;border-right:1px solid #7D7D7D;}
#sexy .module .introPh .txtaR .adult{padding-left:5px;}
#sexy .inner .introPh p{clear:both;margin-bottom:10px;width:100%;}
#sexy .inner .introPh p img{float:left;margin-right:5px;}



/*===================================================================
	4: contentsBtm setting
===================================================================*/
#contentsBtm{padding:20px 0 0;border-top:2px solid #333;}


/* .btmNav */
.btmNav{padding:0 0 20px;}
.btmNav .sec{border-top:1px dotted #666;padding:12px 0 0;}
.btmNav .first{border-top:none;padding:12px 0 10px;}
.btmNav dl{width:860px;margin:0 0 10px;zoom:1;}
.btmNav dt{width:150px;font-weight:bold;float:left;}
.btmNav dd{overflow:hidden;zoom:1;}
.btmNav ul{width:700px;padding:0;}
.btmNav li{float:left;padding:0;background:none;margin:0 10px 5px 0;}
.btmNav li a{zoom:1;white-space:nowrap;}


/* #btmUtility */
#contentsBtm #btmUtility{padding:10px 0 8px 0;border-top:1px solid #333;border-bottom:1px solid #333;}
#contentsBtm #btmUtility #btmSearch form{float:left;}
#contentsBtm #btmUtility ul{text-align:right;padding:5px 0;}
#contentsBtm #btmUtility #btmSearch li{display:inline;background:none;padding-left:10px;}


/* #about */
#contentsBtm #about{padding:25px 0 10px 0;border-bottom:1px dotted #666;}
#contentsBtm #about ul{width:860px;padding:5px 0;}
#contentsBtm #about li{display:inline;background:none;padding:0;margin:0 10px 0 0;}
#contentsBtm #about li a{white-space:nowrap;}

/*===================================================================
	1: subContents setting
===================================================================*/

/*-------------------------------------------------------------------
	///// setting of common /////
-------------------------------------------------------------------*/

#subContents{float:right;width:200px;}

#subContents h3,
#subContents h4{
font-size:1.12em;
line-height:1.3;
margin-bottom:13px;
border-bottom:1px solid #333;
}

#subContents h4 span.edt{
float:right;
text-align:right;
font-size:0.9em;
font-weight:normal;
}

.txtRed{color:#ff0000;font-size:80%; line-height:100%;}
.txtRed2{color:#ff0000;font-size:100%; line-height:100%;}
.txtBld{font-weight:bold;}

/* .EditArea */
#subContents .EditArea h5{padding:0 0 5px 0;}
#subContents .EditArea h5 p{display:block;float:left;}
#subContents .EditArea h5 span a{float:right;font-weight:normal;text-align:right; white-space:nowrap;}
#subContents .EditArea h5 .edt{float:left;display:block;font-weight:bold;}
#subContents .EditArea dl,
#subContents .EditArea ul{clear:both;}
#subContents .EditArea dd{margin:0 0 5px;}
#subContents .EditArea .dtl{border-top:1px dotted #666;padding:10px 0;margin:10px 0 0;text-align:center;}
/*-- end setting of common ----------------------------------------*/


/* #subUserCntnts */
#subContents #subUserCntnts .Unit{padding-bottom:5px;}
#subContents #subUserCntnts p{font-weight:bold;width:100%;word-break:break-all;line-height:1.5;}
#subContents #subUserCntnts p.more{font-weight:normal;width:100%;word-break:break-all;}
#subContents #subUserCntnts #sbUC{}

/*-- #subWeather --------------------------------------------------*/

/* #wthrView */
#subWeather dl{margin:5px 0;}
#subWeather .Unit .module dd div{width:65px;float:left;text-align:center;}
#subWeather .high{margin:0 2px;color:#ff0000;font-weight:bold;}
#subWeather .low{margin:0 2px;color:#0065EE;font-weight:bold;}
.keiho{color:#f00;background-color:#fdcccc;padding:0px;margin-right:3px;}
#subWeather .moreInfo a,
#subWeather .moreInfo img{vertical-align:middle;}
#subWeather .moreInfo img{margin-bottom:2px;}
/*-- end #subWeather ----------------------------------------------*/

/*-- #subFortune --------------------------------------------------*/

/* #frtnView */
#subContents #subFortune .Unit dt{
float:left;
padding:0;
width:65px;
text-align:center;
}
#subContents #subFortune .Unit dd{
	margin:0 0 0 65px;
	padding-top:1em;
}
#subContents #subFortune .Unit dd p span{color:#F4773D;}
#subContents #subFortune .Unit #uranai_body{clear:both;}

/* #frtnEdit */
#subContents #frtnEdit ul{*zoom:1;}
#subContents #frtnEdit li{
	float:left;
	background:none;
	width:45%;
	padding-top:3px;
}

#subContents #frtnEdit li p{padding-left:5px;}
#subContents #frtnEdit li p a,
#frtnEdit li p span{display:block;}
#subContents #frtnEdit li p span{font-size:0.8em;}
#subContents #subInfo{margin-bottom:20px;}

/*-- end #subFortune ----------------------------------------------*/

/* #subTrainInfo */
#subContents #subTrainInfo li{background:none;padding:0 0 5px 0;}
#subContents #subTrainInfo .train{text-align:left;font-weight:bold;}

/* #subInfo */
#subInfo .Unit div{margin:0 0 10px;}




/*===================================================================
	1: footer setting
===================================================================*/
#footer{padding:6px 0;margin:1px 0 0 0;}
#footer #footerBnrArea{border-bottom:1px solid #333;padding:9px 0 15px;letter-spacing:0;}
#footer #footerBnrArea span{margin-right:10px;}
#footer .pkg{border-top:1px solid #EEE;width:860px; margin-top:1px; padding:10px 0 30px;}
#footer .pkg #moreLink {float:left;width:427px;}
#footer .pkg #moreLink span{margin-right:10px;}
#footer .pkg address{float:right;width:427px;text-align:right;}
#join h3 a img,
#mNvMenu a img,
.btmNav li a img,
#about li a img,
#moreLink a img{margin-left:3px;}
#moreLink span a{white-space:nowrap;}

/* emergency */
#emergency{margin:0 0 15px;border:solid 2px #CD0000;}
#emergency th,#emergency td{vertical-align:middle;line-height:1.3;}
#emergency th{font-weight:bold;text-align:center;}
#emergency th p{padding:15px;white-space:nowrap;border-right:1px dotted #666;zoom:1;}
#emergency td.text p{padding:0 15px;margin:15px 0;}
#emergency td.button{text-align:center;}
#emergency td.button p{padding:15px;}
#emergency td.button a{color: #333333;display: block;padding: 5px 10px;text-align: center;white-space: nowrap;border: 1px solid #ACACAC;background:url(../images/bg_btn.gif) repeat-x 0 0 #d8d8d8;}

/* .midEmgcy */
.midEmgcy{margin:0 0 15px;border:solid 2px #CD0000;padding:5px 10px;}

/* .msg */
.msg{padding:15px;margin:0 0 15px;border:2px solid #acccde;}
.msg dt{font-weight:bold;margin:0 0 5px;}
.msg dd{letter-spacing:0;}
.msg dd span{margin:0 20px 0 0;}