@charset "shift_jis";
/* ============ main ============ start */

.tw_win {
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-image: url(../special/twitter/img/tw_win.png);
	height: 320px;
	padding: 0px;
}


.id_link{
	margin: 0px;
	padding: 0px;
	height: 82px;
	width: 800px;
	text-indent: -9999px;
}



/* ============ Juitter ============ start */

#juitterContainer{
	padding: 0px;
	height: 180px;
	width: 716px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: auto;
} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{list-style:none;background:none;margin:0;padding:5px 0 0 0;border-bottom:dashed 1px #999;padding:3px;clear:both;height:55px;} 
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em}
#juitterContainer .twittList A{color:#66ccff;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #999;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}

#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*/

/*end of Juitter CSS*/





/*BELOW HERE IS THE JUITTER WEBSITE CSS*/
#juitterContainer{margin-bottom: 20px} /*Juitter container*/
#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */
/* Bellow the list of tweets "<li>" */
#juitterContainer .twittLI{list-style:none;background:none;margin:0;padding:5px 0 0 0;border-bottom:dashed 1px #cae6f6;padding:3px;clear:both;}
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em}
#juitterContainer .twittList A{color:#569bca;} /*Links inside the tweets list */
/* Bellow the CSS for the avatar image  */
#juitterContainer .juitterAvatar{float:left;border:solid 1px #cae6f6;background:#FFF;margin-right:5px;padding:2px;width:48px;height:48px;}
#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{display: block;}
/* */
/*end of Juitter CSS*/

/* ============ Juitter ============ end */




/* ============ Productcode ============ start */

a:link.rouna , a:visited.rouna {
	background-image: url(../special/productcode/img/btn_rouna.jpg);
	display: block;
	height: 82px;
	width: 260px;
	text-indent: -9999px;
}

a:hover.rouna , a:active.rouna {
	background-image: url(../special/productcode/img/btn_rouna.jpg);
	background-position: 0px -82px;
}


a:link.panis , a:visited.panis {
	background-image: url(../special/productcode/img/btn_panis.jpg);
	display: block;
	height: 82px;
	width: 260px;
	text-indent: -9999px;
}

a:hover.panis , a:active.panis {
	background-image: url(../special/productcode/img/btn_panis.jpg);
	background-position: 0px -82px;
}


a:link.seraphim , a:visited.seraphim {
	background-image: url(../special/productcode/img/btn_seraphim.jpg);
	display: block;
	height: 82px;
	width: 260px;
	text-indent: -9999px;
}

a:hover.seraphim , a:active.seraphim {
	background-image: url(../special/productcode/img/btn_seraphim.jpg);
	background-position: 0px -82px;
}


/* ============ Productcode ============ end */