@charset 'utf-8';

html,body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	text-align:center;

}


a:hover{
	color:#5CCC92;
	text-decoration:none;
}


body{
	font-family: Arial , Helvetica , Verdana , 'ヒラギノ角ゴ Pro W3',"メイリオ","MS Pゴシック" ,  sans-serif;
	margin:0px;
	padding:0px;
	background:#ffffff;
	color:#00273F;
	font-size:12px;


}


#wrapper{
	margin:0px auto;
	width:800px;
	text-align:left;
	background:#ffffff;
	color:#4F4D45;
}

/*
#contents{
	margin-top:5px;
	clear:both;
	width:780px;
	background:#cccccc;
}
*/

#contents{
	margin-top:5px;
	padding:0px;
	clear:both;
	width:800px;
}


#footer{
	font-size:11px;
	text-align:center;
	margin-top:30px;
	margin-bottom:10px;
	padding-top:15px;
	padding-bottom:15px;
	width:100%;
	border-top:#cccccc 1px solid;
	clear:both;
}






#header2{
	background:#969696;
	width:100%;
	padding:0px 0px;
	height:100px;
	border-top:4px solid pink;

}


#header3{
	background:url(img/section_header_2.png) repeat-x ;
	width:100%;
	padding:0px 0px;
	height:121px;
	border-top:8px solid black;
}

/*
#header{
/* url(img/head_head.png) no-repeat */
	background:#ffffff;
	width:800px;
	padding:0px 0px;
	height:70px;
}
*/

#header{
	background:#ffffff;
	width:800px;
	padding:0px 0px 0px 0px;
	height:70px;
}


#left{
	margin:0px 0px 0px 0px;
	width:540px;
	float:left;
	text-align:left;
	background:#FFFFFF;
	

}


#right{
	margin:0px 0px 0px 10px;
	width:230px;
	float:right;
	text-align:left;
}


#weather{
	text-align:center;
}


#map{
	height:250px;
	width:100%;
}

#postmap{
	margin:5px 0px 5px 0px;
	height:300px;
	width:100%;
	border:1px solid #cccccc;
}

#maptop{
	margin-top:30px;
	height:200px;
	width:100%;
}



#postcal{
	margin:5px 0px 5px 0px;
	padding:5px;
	height:150px;
	width:100%;
	/*border:2px solid #cccccc;*/
}




#timeline{
	clear:both;
	height:200px;
	width:100%;
}



div#toptitle{

	padding:5px 0px;
	width:100%;
	background:transparent;
	clear:both;
}



h1{
	font-family: Georgia , Helvetica , 'ヒラギノ角ゴ Pro W3',"メイリオ";
	color:#000000;
	text-align:left;
	margin:10px 0px;
	padding:0px;
	font-size:medium;
	float:left;
	font-size:small;

}

h1#nofloat{
	color:#000000;
	text-align:left;
	margin:10px 0px;
	padding:0px;
	font-weight:normal;
	font-size:large;
}

h1#areahimatch , h1#hishimatch , h1#friendhimatch{
	font-family: Georgia , Helvetica , 'ヒラギノ角ゴ Pro W3',"メイリオ";
	color:#000000;
	text-align:left;
	margin:10px 0px;
	padding:0px;
	font-weight:normal;
	font-size:1.20em;
}

#areaname{
	font-family: Georgia , Helvetica , 'ヒラギノ角ゴ Pro W3',"メイリオ";
	font-size:15px;
	font-weight:normal;
	color:#000000;
}



#areachange{
	background:#ffffff;
	color:#000000;
}



/*
#headimg{
	margin:0px;
	padding-top:0px;
	padding-left:0px;
	width:240px;
	height:60px;
}
*/

#headimg{
	float:left;
	width:240px;
	height:60px;
	margin-top:15px;
}



div#topform{
	float:left;
	text-align:left;
}

/*
#topsearch{
	width:800px;
	height:30px;
	margin:5px 0px 5px 0px;
	font-size:x-small;
	text-align:right;
	color:#000000;
	padding-right:10px;
	background:#ffffff;
}
*/

#topsearch{
	width:530px;
	height:30px;
	vertical-align:middle;
	margin:5px 5px;
	font-size:10px;
	float:right;
	text-align:right;
	color:#000000;
	padding-right:10px;
}

h1#webservice{
	background:url(img/h1_ws_09.gif) no-repeat;
	width:300px;
	height:25px;
	text-indent:-9999px;
}


h2{
	margin:0px;
	padding:0px;
	font-size:medium;
	clear:both;
}

h2.resultblogtitle{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 20px;
	background:url(img/icon_himatch.gif) no-repeat transparent;
	z-index:11;

}

h2.resultsongtitle{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 20px;
	background:url(img/icon_uta.gif) no-repeat #ffffff;
}

h2.resulthimatitle{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 20px;
	background:url(img/icon_user.gif) no-repeat #ffffff;
}


h3{
	clear:both;
	background:#ffffff;
	color:#000000;
	margin:10px 0px 0px 0px;
	padding:0px;
	font-size:13px;
	font-weight:normal;

}



h2#centerh{
	background:url(img/img_mainform_01.png) no-repeat;
	color:#ffffff;
	height:10px;
	margin:0px;
	vertical-align:middle;
	padding:0px 3px 0px 0px;
	font-size:1.2em;
	text-indent:-9999px;
}


/*
h3.right{
	background:url(img/images/rightbox_03.png) no-repeat;
	color:#ffffff;
	height:25px;
	margin:0px;
	vertical-align:middle;
	padding:5px 3px 0px 5px;
	font-size:1.2em;
}
*/

h3.right{
	background:url(img/images/rightbox_02.png) no-repeat;
	color:#000000;
	height:16px;
	margin:0px;
	vertical-align:middle;
	padding:3px 3px 0px 5px;
	font-size:small;
}


h3.rightnews{
	background:url(img/images/rightbox_news_01.gif) no-repeat;
	color:#000000;
	height:16px;
	margin:0px;
	vertical-align:middle;
	padding:3px 3px 0px 5px;
	font-size:small;
}
h3.rightpe{
	background:url(img/img_pe_01.png) no-repeat #52972A;
	color:#ffffff;
	height:10px;
	margin:0px;
	vertical-align:middle;
	padding:0px 3px 0px 5px;
	font-size:small;
	text-indent:-9999px;
}

h3.changearea{
	font-size:1.20em;
	margin:0px;
	padding:0px;
	font-weight:bold;
}

h4{
	clear:both;
	margin:10px 0px 0px 0px;
}


h5{
	font-size:small;
	margin:0px 5px 0px 0px;
	padding:5px;
	font-weight:normal;
}

h5 a:link , h5 a:visited{
	text-decoration:none;
	color:#000000;
}


h5 a:hover{
	text-decoration:underline;
	color:#000000;
}


h6{
	font-size:x-small;
	margin:0px;
}

.block{
	margin:0px 0px 5px 0px;
	border:1px solid #EFECE0;
	padding:5px 3px;

}


.himatchblock{
	margin:0px 0px 5px 0px;
	border:1px solid #EFECE0;
	padding:5px 3px;
}


#repblock{
	margin:5px 0px 5px 0px;
	border:1px solid #EFECE0;
	padding:5px 3px;
	clear:both;
}


.repblock{
	margin:5px 0px 5px 0px;
	border:1px solid #EFECE0;
	padding:5px 3px;
	clear:both;
}



div.rightblock{
	margin:0px 0px 5px 0px;
	padding:10px 0px 8px 0px;
	text-align:center;
	background:transparent url(img/images/rightbox_05.png) no-repeat scroll center bottom;

}


div.rightblocknews{
	margin:0px 0px 5px 0px;
	padding:10px 0px 8px 0px;
	text-align:center;
	background:transparent url(img/images/rightbox_news_02.gif) no-repeat scroll center bottom;

}


div.rightblockpe{
	margin:0px 0px 5px 0px;
	padding:10px 0px 8px 0px;
	text-align:center;
	background:transparent url(img/img_pe_02.png) no-repeat scroll center bottom;

}


div.centerblock{
	margin:0px 0px 5px 0px;
	padding:10px 0px 8px 0px;
	text-align:center;
	background:transparent url(img/img_maiform_02.png) no-repeat scroll center bottom;

}


.keepblock{
	margin:0px 0px 5px 0px;
	border:1px solid #FFFB7F;
	padding:5px;
	background:url()#ECFF7F;

}

.keepblock2{
	background:url(img/sec_right_ws_06.gif) no-repeat;
	width:230px;
	color:#ffffff;
	height:280px;
}


.keepblock2 dl dt{
	margin:0px;
	padding:5px 5px 5px 10px;
}


.keepblock2 dl dd{
	margin:0px;
	padding:0px 5px 5px 20px;
}

.keepblock2 a:link{
	color:#ffffff;
}

.keepblock2 a:visited{
	color:#DDDDDD;
	text-decoration:none;
}


.posted{
	text-align:right;
	font-size:x-small;
}


#himablog{
	font-size:x-small;
}


.favbutton{
	float:left;
	text-align:left;
}

.subinfo{
	font-size:11px;
	clear:both;
	color:#969696;
}


.description{
	margin-bottom:30px;
}


.resultblock{
	margin:0px 5px 7px 2px;

}


.resultblock1{
	margin:0px 5px 7px 2px;
	background:#E3FFED;

}

.resultblock2{
	margin:0px 5px 7px 2px;
	background:#FEE3FF;

}

cite{
	font-style:normal;
}


.topusername{
	color:#F7005F;
	font-weight:normal;
	font-size:x-small;
}

.background_red{
	background:red;
}

#search input.iclass{

	font-size:18px;
	border:3px solid #ECF2FF;
	font-weight:bold;


}

#favorite{

	font-size:x-small;
	width:100%;
	max-height:500px;
	height:auto;


}

.favorite{
	padding:3px 0px;
}

.user1{

	background:#E8FFE9;
	color:green;
	font-size:x-small;

}

.user2{

	background:#CFFFC9;
	color:green;
	font-size:x-small;

}

.user3{

	background:#AAFF9B;
	color:green;
	font-size:x-small;

}

.muser1{

	background:#FFEEFA;
	color:red;
	font-size:x-small;

}

.muser2{

	background:#FFEBEB;
	color:red;
	font-size:x-small;

}

.muser3{

	background:#FFD8E8;
	color:red;
	font-size:x-small;

}

div#ad{
	margin-top:15px;
	clear:both;
	left:10px;
	background-color:ffffff;
}

div#ad a:link,div#ad a:visited{
	text-decoration:none;
}


div.adtext a:link , div.adtext a:visited {
	color:#000000;
}

div.adurl a:link , div.adurl a:visited{
	color:#5BA100;
	margin-bottom:10px;
}

div.adurl{
	margin-bottom:10px;
}


.tb{
	width:100%;
	margin:0px;
	padding:0px;
	background:#ffffff;
	border-color:#FFFB7F;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-collapse:collapse;
	cursor:pointer;
}


a.title {
	color:blue;
	text-decoration:none;
	font-weight:bold;
	margin-top:3px;
	font-size:small;
	letter-spacing:-0.1em;
}

a.text{
	color:black;
	text-decoration:none;
	font-size:x-small;
	margin-top:3px;
	margin-bottom:3px;
	line-height:11px;
}

a.url{
	font-size:x-small;
	color:green;
	text-decoration:none;
	padding-right:3px;
	padding-left:3px;
	padding-bottom:3px;
}

.lclick{
	text-decoration:none;
	color:#66cc00;
	font-weight:bold;
	text-align:left;
	font-size:11px;
	background:#ECFF7F;
 	height:15px;

}

.lclick a{
	text-decoration:none;
	color:#66c300;
}

td.tdver{

	padding:5px;

}


.tagstyle1{

	padding:0px 3px;
	font-size:8px;
	color:#00ACC6;
	font-family:'Arial',Sans serif;

}

.tagstyle1 a:link,.tagstyle1 a:visited{

	color:#00ACC6;
	text-decoration:none;

}


.tagstyle2{

	font-family:'Arial',Sans serif;
	padding:0px 3px;
	font-size:9px;
	color:#00ACC6;

}

.tagstyle2 a:link , .tagstyle2 a:visited{

	color:#00ACC6;
	text-decoration:none;

}


.tagstyle3{

	font-family:'Arial',Sans serif;
	padding:0px 3px;
	font-size:11px;
	color:#00ACC6;

}

.tagstyle3 a:link , .tagstyle3 a:visited{

	color:#00ACC6;
	text-decoration:none;

}

.tagstyle4{

	font-family:'Arial',Sans serif;
	padding:0px 3px;
	font-size:15px;
	color:#00ACC6;

}


.tagstyle4 a:link , .tagstyle4 a:visited{

	color:#00ACC6;
	text-decoration:none;

}


.tagstyle5{
	font-family:'Arial',Sans serif;
	padding:0px 3px;
	font-size:18px;
	font-weight:bold;
	color:#00ACC6;
}

.tagstyle5 a:link , .tagstyle5 a:visited{

	color:#00ACC6;
	font-weight:bold;
	text-decoration:none;

}

div#tag{
	text-align:left;
	margin:0;
	font-size:x-small;
	height:auto;
	color:#cccccc;
	line-height:20px;
	padding:5px;
}


.message{
	font-size:0.80em;
	padding:1px 0px;
	margin:0px;
}

div#profile{
	background:#FFFDDA;
	margin:0px 0px 5px 0px;
	padding:5px;
}

form{

	margin:0;
	padding:0;

}

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

li{
	margin:8px 0px;
	padding-left:0px;

}


ul#keep{
	margin:0px;
	padding:0px;
	list-style:none;
}

ul#keep li{
	margin-left:0px;
	padding:3px 0 3px 20px;
	background:url(img/keep.gif) no-repeat 0 0;
}





.comments{
	margin:0px 0px 0px 10px;
	padding:5px 5px 0px 0px;
	width:430px;
	float:right;
	display:block;
	border:#cccccc solid 1px;
	background:#E8FFE9;
	

}


.rhb{
	margin:0px;
	width:230px;
	min-height:40px;
	clear:both;
	margin:3px 0px;
	border-bottom:1px #F7F7F7 solid;
}


.mhimauser{
	margin:0px;
	padding:0px;
	width:35px;
	min-height:50px;
	float:left;
}


.mcomments{
	margin:0px;
	padding:2px;
	width:180px;
	float:right;
	display:block;
	position:relative;
}


.mcomments span.number{
	color:#cccccc;
	font-family: Georgia , Helvetica,Arial, serif;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	line-height:1em;
	overflow:hidden;
	position:absolute;
	right:5px;
	top:12px;
	padding-right:5px;
	z-index:0;
}


div.rhb:hover span.number {
	color:#FF4DA6;
}

.resulthima{
	width:500px;
	height:100px;
	background:blue;
}

.subhima{
	font-size:11px;
	color:#969696;
	text-align:left;
	padding-top:5px;
	padding-bottom:0px;
	padding-right:30px;

	position:relative;
	line-height:15px;
	z-index:10;

}


.subhima a:link , .subhima a:visited{
	color:#888888;
}


div.topborder{
	background:url(img/images/section_comments_1.png) no-repeat #ffffff;
	height:10px;
	margin-bottom:5px;

}


div.bottomborder{
	background:url(img/images/section_comments_2.png) no-repeat;
	height:10px;
	margin-top:5px;

}


#searchform{
	margin:0px;
}


div.topblock{
	margin:0px;
	padding:0px;
	background:#ffffff;
	width:498px;
	border-right:2px solid #F9ED0B;
	border-left:2px solid #F9ED0B;
	border-top:0px;
	height:auto;
}


div.topblock form{
	margin:0px;
	padding:0px 5px;
}

#form5{
	margin:0px;
	padding:30px 0px 0px 20px;
	width:500px;
	background:url(img/section_search.png) no-repeat;
	height:60px;
}



#formmini{
	margin:0px;
	padding:1px 0px 0px 30px;
	width:500px;
	background:url(img/section_search_mini.png) no-repeat;
	height:30px;
}



#formmini2{
	margin:0px;
	padding:6px 0px 0px 30px;
	width:500px;
	background:url(img/section_search.gif) no-repeat;
	height:60px;
}

ul#himalist{
	margin:0px 0px 50px 0px;
	padding:0;
	list-style:none;
}



ul#himalist li.hima0 , ul#himalist li.hima1 , ul#himalist li.hima2 , ul#himalist li.hima4{

	background:#ffffff;
	width:540px;
	margin:0px 0px;
	padding-top:5px;
	padding-bottom:5px;
	min-height:40px;
	border-bottom:1px #F7F7F7 solid;
	clear:both;
	display:block;
}







ul#mhimalist{
	margin:0px 0px 50px 0px;
	padding:0;
	list-style:none;
}







div.hima{

	width:500px;
	padding:0px 0px;
	margin:0px 0px;
	clear:both;
	min-height:40px;
	height:100%;
}


.hima0:after , .hima1:after , .hima2:after , .dreply:after , .hima4:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	background:#faf013;
}


.hima0 , .hima1 , .hima2 , .dreply , .hima4{
	display:inline-block;
	background:#ffffff;
}


.hima5{
	display:inline-block;
	background:#efefef;
}

/*Hides from IE-mac \*/
*html.hima0 , *html.hima1 , *html.hima2  , *html.hima4 , *html.hima5{height:1%;}
.hima0 , .hima1 , .hima2{display:block;}
/*End hide from IE-mac */



}




div.top0{
	background:url(img/images/section_comments_y_1.png) no-repeat;
	height:10px;
	margin-top:5px;

}

div.bottom0{
	clear:both;
	background:url(img/images/section_comments_y_2.png) no-repeat;
	min-height:10px;
	margin-bottom:5px;
	width:500px;
}


div.top1{
	background:url(img/images/section_comments_gr_1.png) no-repeat;
	height:10px;
	margin-top:5px;

}

div.bottom1{
	background:url(img/images/section_comments_gr_2.png) no-repeat;
	height:10px;
	margin-bottom:5px;
	width:500px;
}


.himauserdetail{
	margin:0px;
	padding:0px 5px 5px 0px;
	width:50px;
	float:left;
	text-align:center;
	background:#ffffff;
}


.commentsuserdetail {
	margin:0px;
	padding:0px;
	width:425px;
	float:right;
	position:relative;
	height:auto !important;
}

.dreply{
	clear:both;
	height:50px;
	vertical-align:middle;
}



.himauser0 , .himauser1 , .himauser2 , .himauser4{
	margin:0px;
	padding:5px 5px 5px 0px;
	width:40px;
	height:40px;
	float:left;
	text-align:center;
	background:#ffffff;

}


img.uimgmini{
	border:1px solid #cccccc;
	margin:7px 0px;
	padding:2px;
	width:30px; 
	height:30px;	
	background:#ffffff;
}

img.uimgminimatch{
	border:1px solid #cccccc; 
	padding:10px 5px 0px 5px;
	width:50px; 
	height:50px;
	background:#ffffff;

}


.himausermatch{
	margin:0px;
	padding:0px 0px 0px 0px;
	width:50px;
	height:50px;
	float:left;
	text-align:center;
	background:url(img/section_imgbg_match.gif) no-repeat;
}



.himauserlr{
	margin:0px;
	padding:0px 5px 5px 0px;
	width:40px;
	float:right;
	text-align:center;
	background:#ffffff;
}


.himacommentlr{
	margin:0px;
	padding:0px;
	width:400px;
	float:left;
	position:relative;
	height:auto !important;
}


.himareplylr{
	margin:0px;
	padding:2px 5px;
	width:400px;
	float:left;
	position:relative;
	height:auto !important;
}


.himacommentlrmini{
	margin:0px;
	padding:0px;
	width:300px;
	float:left;
	position:relative;
	height:auto !important;
}

.mail0 , .mail1 ,  .comments0 , .comments1 , .comments2 , .comments4{
	margin:0px;
	padding:0px 5px 0px 0px;
	width:490px;
	float:right;
	min-height:45px;
	position:relative;
	height:auto !important;
}




code{
	font-size:1.00em;
	font-family: Georgia , Helvetica , 'ヒラギノ角ゴ Pro W3',"メイリオ";
}



.mail0{
	margin:0px;
	padding:0px;
	width:450px;
	float:right;
	position:relative;
	height:auto !important;
	background:#E8FFE9;
	

}

.mail1 , .mail2{
	margin:0px;
	margin:0px;
	padding:0px;
	width:450px;
	float:right;
	position:relative;
	height:auto !important;
	background:#ffffff;
	

}


.comments0 span.number , .mail0 span.number , .mail1 span.number , .comments4 span.number{
	color:#FEA42A;
	font-family: Georgia , Helvetica,Arial, serif;
	font-size:30px;
	font-style:italic;
	font-weight:bold;
	line-height:1em;
	overflow:hidden;
	position:absolute;
	right:5px;
	top:12px;
	padding-right:5px;
	z-index:0;
}

.mail2 span.number{
	color:#BDF4F0;
	font-family: Georgia , Helvetica,Arial, serif;
	font-size:30px;
	font-style:italic;
	font-weight:bold;
	line-height:1em;
	overflow:hidden;
	position:absolute;
	right:5px;
	top:12px;
	padding-right:5px;
	z-index:0;
}


li.hima0:hover span.number {
	color:#FF4DA6;
}


.comments1 span.number {
	color:#54E805;
	font-family: Georgia , Helvetica,Arial, serif;
	font-size:30px;
	font-style:italic;
	font-weight:bold;
	line-height:1em;
	overflow:hidden;
	position:absolute;
	right:5px;
	top:12px;
	padding-right:5px;
}




li.hima1:hover span.number {
	color:#FF4DA6;
}



.comments2 span.number {
	color:#FFC851;
	font-family: Georgia , Helvetica,Arial, serif;
	font-size:30px;
	font-style:italic;
	font-weight:bold;
	line-height:1em;
	overflow:hidden;
	position:absolute;
	right:5px;
	top:12px;
	padding-right:5px;
}




li.hima2:hover span.number {
	color:#FF4DA6;
}



li.hima4:hover span.number {
	color:#FF4DA6;
}

.rep{
	overflow:visible;
}


ul#messlist{
	margin:0px 0px 50px 0px;
	padding:0;
	list-style:none;
}

ul#messlist li{
	margin:0px;
	padding:5px 0px;
	clear:both;
}


#areahima{
	margin:10px 0px 50px 0px;
	height:auto;
}

.minimap{
	font-size:x-small;
}


.himanewuser{
	margin:0px;
	padding:5px 0px;
	width:20%;
	float:left;
	display:block;
	text-align:center;
}

.himanewcomments{
	margin:0px;
	padding:5px;
	width:75%;
	float:right;
	display:block;
	border:#cccccc solid 1px;
	background:#E8FFE9;

}


.messuser{
	vertical-align:middle;
	margin:0px;
	padding:10px 0px 0px 0px;
	width:40px;
	float:left;
	display:block;
	text-align:center;
}

.messcomments{
	margin:0px;
	padding:5px;
	width:440px;
	float:right;
	display:block;
}


.messcom{

	padding:5px;
	border:#FFCC9D solid 1px;
	background:#FFF29D;

}

#rss , #himarss{
	text-align:right;
	clear:both;
}

#rss a:link , #himarss a:link , #rss a:visited , #himarss a:visited  {
	color:#FF4DA6;
	text-decoration:none;
}

#rss a:hover , #himarss a:hover{
	color:#ffffff;
	background:#FF4DA6;
	text-decoration:none;
}

.infobar{

	height:18px;
	vertical-align:middle;

}

#pageindex{

	margin:5px 0px 20px 0px;
	text-align:center;
	clear:both;
	display:block;
}

.pageindexanchor{

	display:inline;
	border:1px solid #cccccc;
	margin:5px;
	padding:1px 6px;

}

.pageindexspan{

	display:inline;
	margin:5px;
	padding:2px 7px;

}


#pageindex a:link , #pageindex a:visited{
	text-decoration:none;
}

#pageindex a:hover{
	text-decoration:none;
	background:red;
	color:#ffffff;
}


.newhima{

	//display:inline;
	margin:0px;
	padding:2px 3px;
	float:left;
	border-left:2px solid #F9ED0B;
}


#newhima2{
	margin:0px;
	padding:0px;
	background:url(img/sec_ws_left_12.gif) repeat-y #ffffff;
	width:508px;
}


myfollower{

	margin-bottom:10px;
}




/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
}
.tabs-nav a {
    display: block;
    position: relative;
    top: 1px;
    z-index: 2;
    padding: 6px 10px 0;
    width: 64px;
    height: 18px;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    background: url(img/tab.png) no-repeat;
}
.tabs-nav .tabs-selected a {
    padding-top: 7px;
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 0 -50px;
    outline: 0; /* @ Firefox, switch off dotted border */
}
.tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/* Uncomment this if you want a little spinner to be shown next to the tab title while an Ajax tab gets loaded
.tabs-loading span {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

.roundedcornr_box_612817 {
   background: #ffff16;
}
.roundedcornr_top_612817 div {
   background: url(img/roundedcornr_612817_tl.png) no-repeat top left;
}
.roundedcornr_top_612817 {
   background: url(img/roundedcornr_612817_tr.png) no-repeat top right;
}
.roundedcornr_bottom_612817 div {
   background: url(img/roundedcornr_612817_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_612817 {
   background: url(img/roundedcornr_612817_br.png) no-repeat bottom right;
}

.roundedcornr_top_612817 div, .roundedcornr_top_612817, 
.roundedcornr_bottom_612817 div, .roundedcornr_bottom_612817 {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornr_content_612817 { margin: 0 10px; }



#mailform{
	text-align:center;
}

.mtext{
	width:450px;
	height:200px;
	font-size:1em;
}

.mtitle{
	width:450px;
	font-size:1em;
}

.dan{
	padding:5px 0px 0px 5px;
	width:400px;
}



#alert{

	color:red;
	font-weight:bold;

}

#text{
	padding:5px;
	border:1px solid #cccccc;
	margin:5px;
	background:#ffffff;
}

#fmessageform{
	clear:both;
	margin:5px;
	text-align:right;

}


#messageform{
	clear:both;
	margin:0px;
	padding:10px 0px 10px 25px;
	text-align:left;


}


h2 a:link , h2 a:visited{
	text-decoration:none;
	color:#000000;
}

h2 a:hover{
	text-decoration:underline;
	color:#000000;
}

input#querybox{
	//border:1px solid #696969;
}

#wordtext{
	font-family: Georgia , Helvetica , 'ヒラギノ角ゴ Pro W3',"メイリオ";
	overflow:hidden;
	float:left;
	padding:5px 5px 5px 5px;
}

.formclear{
	margin:0px;
	padding:0px;
	display:inline;
	font-weight:bold;
}


.formclear input{
	font-size:x-small;
	font-weight:bold;

}

#reqpara{
	border:1px solid #cccccc;
	border-collapse:collapse;
	margin-bottom:20px;
}



#reqpara th{
	border:1px solid #cccccc;
	padding:5px;
	background:#696969;
	color:#ffffff;
	text-align:center;
}

#reqpara td{
	border:1px solid #cccccc;
	padding:5px;
}

#reqpara ul{
	padding-left:10px;
}


#resfield{
	border:1px solid #cccccc;
	border-collapse:collapse;
	margin-bottom:20px;
}

#resfield th{
	border:1px solid #cccccc;
	padding:5px;
	background:#696969;
	color:#ffffff;
	text-align:center;
}

#resfield td{
	border:1px solid #cccccc;
	padding:5px;
}

#resfield ul{
	padding-left:10px;
}

.commentform{
	margin:5px 0px 0px 0px;
	padding:3px 5px;
	border:1px solid #EFECE0;
}

.replyblock{
	padding:3px 0px;
}


#alertchange{
	text-align:right;
}

#atform{
	background:#ffffff;
	width:530px;
	margin:0px 0px;
	padding:5px;
	height:auto;
	clear:both;
	display:block;
	border:1px solid #cccccc;

}


#atprofinfo{
	background:#ffffff;
	width:530px;
	margin:0px 0px;
	padding:5px;
	height:auto;
	clear:both;
	display:block;
	border:1px solid #cccccc;
}

.himatchuser{
	margin:5px 0px 10px 0px;
	padding:0px 5px 5px 5px;
	width:60px;
	min-height:50px;
	float:left;
	text-align:center;
	background:#ffffff;
	height:auto;
}


.postuser{
	margin:0px 0px 10px 0px;
	padding:0px 5px 0px 5px;
	width:100px;
	float:left;
	text-align:center;
	background:transparent;
	height:auto;
}



.himatchprof{
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	width:440px;
	float:right;
	height:auto !important;
	background:#ffffff;
	text-align:left;
}


.postprof{
	margin:0px;
	padding:0px 0px 0px 0px;
	width:380px;
	float:right;
	min-height:35px;
	height:auto !important;
	background:transparent;
	text-align:right;
}



#followform{
	text-align:right;
}

#comsection{
	margin:0px;
	clear:both;
}

.delete{
	padding:5px;
}

#bmark{
	clear:both;
}

#messmess{
	font-weight:bold;
	padding:5px;
	color:red;
}

.noform{
	padding:5px 10px;
	text-align:left;
}

#aftermessage{
	color:red;
	font-weight:bold;
}


/*
.inner{
	border-left:1px solid #CBCBCB;
	border-right:1px solid #CBCBCB;
	padding:5px 0px;
}


.innernews{
	border-left:1px solid #A0A0A0;
	border-right:1px solid #A0A0A0;
	padding:5px 0px;
}
*/

.inner{
	border-left:1px solid #faf013;
	border-right:1px solid #faf013;
	padding:5px 0px;
}


.innernews{
	border-left:1px solid #fea42a;
	border-right:1px solid #fea42a;
	padding:5px 0px;
}


.innerpe{
	margin:0px;
	padding:5px 2px 5px 2px;
	background:#52972A;
	color:white;
}


.innercenter{
	padding:5px 0px;
	background:#efefef;
	height:auto;
}


.innernews ul{
	margin:5px;
}


.innernews ul li{
	margin:0px;
	padding:0px 5px 5px 18px;
	background:url(img/icon_himatch.gif) no-repeat transparent;
}



.attention{
	color:red;
	font-weight:bold;
	padding:0px 3px;
}

.nonattention{
	color:black;
	font-weight:bold;
	padding:0px 3px;
}

ul#clipinfo{
	margin:3px;
	padding:0px;
}

ul#clipinfo li{
	margin:0px;
	padding:1px 0px 8px 18px;
	list-style:none;
	background:url(img/icon_keep.gif) no-repeat transparent;
}

ul#clipinfo li a:link , ul#clipinfo li a:visited{
	text-decoration:none;

}

#profiletable{
	border-collapse:collapse;
	border:1px solid #FCFCFC;

}




#profiletable th{
	background:#D3FFF6;
	line-height:1.5em;
	padding-left:3px;
	padding-right:3px;
}


#fav{
	padding:0px 5px;
}

label{
	float:left;
	margin-top:10px;
	width:470px;
}


#mailformcheck{
	text-align:left;
	padding:10px 0px 10px 25px;
}

div.bgpic{
	width:50px;
	margin-top:3px;
	margin-right:0px;
	//background:url(img/bg_pic.gif) no-repeat;
	float:left;

}


div#confirmtitle , div#confirmmessage{
	width:450px;
	padding:5px;
	margin:0px;
	background:#cccccc;
}

.buttonright{
	text-align:right;
}

h2.resulttwittertitle{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 20px;
	background:url(img/fav/twitter.png) no-repeat transparent;
	z-index:11;
}

h2.resultjaikutitle{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 20px;
	background:url(img/fav/jaiku.png) no-repeat transparent;
	z-index:11;
}

h2.resulttumblrtitle{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 20px;
	background:url(img/feed.png) no-repeat transparent;
	z-index:11;
}

h2.resultmogo2title{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 20px;
	background:url(img/fav/mogo2.png) no-repeat transparent;
	z-index:11;
}

h2.resulttimelogtitle{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 20px;
	background:url(img/fav/timelog.png) no-repeat transparent;
	z-index:11;
}

h2.resultwassrtitle{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 20px;
	background:url(img/fav/wassr.png) no-repeat transparent;
	z-index:11;

}

h2.resultvoxtitle{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 20px;
	background:url(img/fav/vox.png) no-repeat transparent;
	z-index:11;

}

h2.resultlastfmtitle{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 20px;
	background:url(img/fav/lastfm.png) no-repeat transparent;
	z-index:11;

}


h2.resultblogspottitle{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 20px;
	background:url(img/fav/blogspot.png) no-repeat transparent;
	z-index:11;

}


h2.resultbloggertitle{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 20px;
	background:url(img/fav/blogger.png) no-repeat transparent;
	z-index:11;

}


h2.resultfeecletitle{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 20px;
	background:url(img/fav/feecle.png) no-repeat transparent;
	z-index:11;
}

h2.resulttitle{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 20px;
	background:url(img/icon_himatch.gif) no-repeat transparent;
	z-index:11;
}

h2.resulthimatchtitle{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 18px;
	background:url(img/icon_himatch.gif) no-repeat transparent;
	z-index:11;
}


h2.resultasahititle{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 20px;
	background:url(img/fav/asahi.png) no-repeat transparent;
	z-index:11;

}

h2.resultharutitle{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 20px;
	background:url(img/fav/haru.png) no-repeat transparent;
	z-index:11;

}



h2.resultbuzzurltitle{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 20px;
	background:url(img/fav/buzzurl.png) no-repeat transparent;
	z-index:11;

}



h2.resultfeedtitle{
	font-size:small;
	font-weight:normal;
	margin:0px;
	padding:0px 5px 0px 18px;
	background:url(img/feed.png) no-repeat transparent;
	z-index:11;
}
#confirmform{
	margin:bottom:20px;
}


#uniquemap{
	clear:both;
	margin:10px 10px;
	width:520px;
	height:200px;
}

.proftd{
	border-bottom:5px solid #F7F7F7;
	padding: 5px 0px 5px 0px;
}

.proflabeltd{
	border-bottom:5px solid #BFF5FD;
	vertical-align:middle;
	padding: 5px 0px 1px 0px;
}

ul#helpindex{
	text-align:left;
	padding-left:8px;
	width:500px;
	height:50px;
}

div.helpsection{
	margin-top:25px;
}

h2#hindex{
	font-size:13px;
}

#publicexplain{
	width:100%;
	padding:3px;
	background:#13B49F;
	color:#ffffff;
}


#calender{
	margin:0px;
	padding:0px;
	float:left;
	width:140px;
	background:#ffffff;
}


#kmlcalender{
	margin:0px;
	padding:0px;
	float:left;
	width:140px;
	background:#ffffff;
}


#kmlcalender2{
	margin:0px;
	padding:0px;
	float:left;
	width:140px;
	background:#ffffff;
}

#fixdate{
	padding:5px;
	float:right;
	width:290px;
	font-size:20px;

}


#geoform{

	text-align:right;
	margin:5px 0px 5px 0px;


}

table#edittable{
	width:100%;
	border-collapse:collapse;
}

table#edittable th{
	height:25px;
	width:100px;
	vartical-align:middle;
	text-align:left;
}

table#edittable td{
	vartical-align:middle;
}

#timeedit{

	width:auto;

}


#kmlpreset{
	margin:3px;
	padding:5px;
	height:100%;
	background:#DFE8FF;
	border:2px solid #3F85FF;
}

h3#kmldl{
	margin:0px;
	font-family: Georgia , Helvetica , 'ヒラギノ角ゴ Pro W3',"メイリオ";
	background:#dfe8ff;
	font-size:20px;
	color:#7fa4ff;
}

#fixkmltodate{
	font-family: Georgia , Helvetica , 'ヒラギノ角ゴ Pro W3',"メイリオ";
	font-size:20px;
	padding:3px;
	background:#EFFFFC;
	color:#6300FF;
	border-right:1px solid #86EFED;
	border-bottom:1px solid #86EFED;
	border-left:1px solid #8FFFFD;
	border-top:1px solid #8FFFFD;
	width:130px;
}


#fixkmlenddate{
	font-family: Georgia , Helvetica , 'ヒラギノ角ゴ Pro W3',"メイリオ";
	font-size:20px;
	padding:3px;
	background:#EFFFFC;
	color:#6300FF;
	border-right:1px solid #86EFED;
	border-bottom:1px solid #86EFED;
	border-left:1px solid #8FFFFD;
	border-top:1px solid #8FFFFD;
	width:130px;
}

#kmltodate{
	width:370px;
	float:right;
	text-align:left;
}

#kmlenddate{
	width:370px;
	float:right;
	text-align:left;
}

.kmlbox{
	width:100%;
	height:160px;
	margin:5px 0px 0px 0px;
}


h4#kmlto{
	background:url("http://himatch.net/img/date_go.png") no-repeat;
	width:16px;
	height:16px;
	padding:0px 0px 0px 20px;
}


h4#kmlend{
	background:url("http://himatch.net/img/date_delete.png") no-repeat;
	width:16px;
	height:16px;
	padding:0px 0px 0px 20px;
}


#kmlsubmitform{
	clear:both;
	margin:10px;
	text-align:right;
}

/* YUI */
.yui-calcontainer {
	padding:5px;
	background-color:#F7F9FB;
	border:1px solid #7B9EBD;
	float:left;
	overflow:hidden;
	position:absolute;
	font-size:11px;
	font-family: Helvetica , Verdana , 'ヒラギノ角ゴ Pro W3',"メイリオ","MS Pゴシック" ,  sans-serif;
}

.yui-calcontainer iframe {
	position:absolute;
	border:none;
	margin:0;padding:0;
	left:-1px;
	top:-1px;
	z-index:0;
	width:50em;
	height:50em;
}

.yui-calcontainer.multi {
	padding:0;
}

.yui-calcontainer.multi .groupcal {
	padding:5px;
	background-color:transparent;
	z-index:1;
	float:left;
	position:relative;
	border:none;
}

.yui-calcontainer .title {
	font:100% sans-serif;
	color:#000;
	font-weight:bold;
	margin-bottom:5px;
	height:25px;
	position:absolute;
	top:3px;left:5px;
	z-index:1;
}

.yui-calcontainer .close-icon {
	position:absolute;
	right:3px;
	top:3px;
	border:none;
	z-index:1;
	color:#000000;
}

.yui-calcontainer .calclose {
	background: url("img/calx.gif") no-repeat;
	width:17px;
	height:13px;
	cursor:pointer;	
}

/* Calendar element styles */

.yui-calendar {
	font:100% sans-serif;
	text-align:center;
	border-spacing:0;
	border-collapse:separate;
	position:relative;
}



.yui-calcontainer.withtitle {
	padding-top:1.5em;
}

.yui-calendar .calnavleft {
	position:absolute;
	cursor:pointer;
	top:2px;
	bottom:0;
	width:9px;
	height:12px;   
	left:2px;
	z-index:1;
	background: url("img/callt.gif") no-repeat;
}

.yui-calendar .calnavright {
	position:absolute;
	cursor:pointer;
	top:2px;
	bottom:0;
	width:9px;
	height:12px;
	right:2px;
	z-index:1;
	background: url("img/calrt.gif") no-repeat;
}

.yui-calendar td.calcell {
	padding:.1em .2em;
	border:1px solid #E0E0E0;
	text-align:center;
}

.yui-calendar td.calcell a {
	color:#003DB8;
	text-decoration:none;
}

.yui-calendar td.calcell.today {
	border:1px solid #000;
}

.yui-calendar td.calcell.oom {
	cursor:default;
	color:#999;
	background-color:#EEE;
	border:1px solid #E0E0E0;
}

.yui-calendar td.calcell.selected {
	color:#003DB8;
	background-color:#FFF19F;
	border:1px solid #FF9900;
}

.yui-calendar td.calcell.calcellhover {
	cursor:pointer;
	color:#FFF;
	background-color:#FF9900;
	border:1px solid #FF9900;
}

.yui-calendar td.calcell.calcellhover a {
	color:#FFF;
}

.yui-calendar td.calcell.restricted {
	text-decoration:line-through;
}

.yui-calendar td.calcell.previous {
	color:#CCC;
}

.yui-calendar td.calcell.highlight1 { background-color:#CCFF99; }
.yui-calendar td.calcell.highlight2 { background-color:#99CCFF; }
.yui-calendar td.calcell.highlight3 { background-color:#FFCCCC; }
.yui-calendar td.calcell.highlight4 { background-color:#CCFF99; }

.yui-calendar .calhead {
	border:1px solid #E0E0E0;
	vertical-align:middle;
	background-color:#FFF;
}

.yui-calendar .calheader {
	position:relative;
	width:100%;
	text-align:center;
}

.yui-calendar .calheader img {
	border:none;
}

.yui-calendar .calweekdaycell {
	color:#666;
	font-weight:normal;
	text-align:center;
	width:1.5em;
}

.yui-calendar .calfoot {
	background-color:#EEE;
}

.yui-calendar .calrowhead, .yui-calendar .calrowfoot {
	color:#666;
	font-size:9px;
	font-style:italic;
	font-weight:normal;
	width:15px;
}

.yui-calendar .calrowhead {
	border-right-width:2px;
}

/* Specific changes for calendar running under fonts/reset */
.yui-calendar .calbody a:hover {background:inherit;}
p#clear {clear:left; padding-top:10px;}





/*jCalendar*/
fieldset.jcalendar {
border:1px solid #A1A5A9;
font:.9em Arial, Helvetica, sans-serif;
}

div.jcalendar-wrapper {
width:20em;
}

div.jcalendar-selects {
padding:.6em .4em;
text-align:center;
}

div.jcalendar-selects select {
border:1px solid #A1A5A9;
font-size:100%;
}

div.jcalendar table {
background:#a1a5a9;
color:#000;
margin:.3em auto;
}

div.jcalendar table th {
background:#eee;
}

div.jcalendar table td {
background:#f9f9f9;
padding:0;
width:2.2em;
}

div.jcalendar table th.weekend {
background:#ddd;
}

div.jcalendar table td.weekend {
background:#e9e9e9;
}

div.jcalendar table td a {
color:#333;
display:block;
line-height:1.7em;
text-align:center;
text-decoration:none;
width:2.2em;
}

div.jcalendar table td.today a {
background:#777;
border-color:#aaa;
color:#fff;
font-weight:700;
}

div.jcalendar table td a:hover,div.jcalendar table td a:focus,div.jcalendar table td a:active {
background:#77b0d3;
color:#fff;
padding:0;
}

div.jcalendar table td a.selected {
background:#0072b9;
color:#fff;
}

div.jcalendar-links {
margin:.4em;
text-align:center;
}

div.jcalendar-links a {
padding:.2em .4em;
}