@charset "UTF-8";
body { font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", sans-serif; font-size: 12px; }

/* links */
a.blue-name:link, a.blue-name:visited, td a.blue-name:link, td a.blue-name:visited { color:#039; text-decoration:none; }
a.blue-name:hover, td a.blue-name:hover { color:#039; text-decoration:underline; }

/* effects */
.round_border1 { -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; }

/* line */
.line-border-top-light-gray { border-top: 1px solid lightgray; width: 100%; padding-bottom: 0.25em; }

/* font color */
.font-color-red { color: #f00; }

/* lists */
ol.ui-listview .ui-li-heading { display: inline-block; margin-left: -1.3em; text-indent: 1.3em; vertical-align: middle; }
.ui-li-desc-custom { white-space: normal; margin-top: -0.6em; margin-bottom: -0.3em; }
.round_listview { margin-top: 0.5em; margin-left: 0.5em; margin-right: 0.5em; box-shadow: 2px 2px 2px; border: solid 1px #000; }

/* emotes */
.popcorn { background-image: url('/images/smileyvault-popcorn.gif'); }
.coffee_news { background-image: url('/images/coffee-news.gif'); }
.circle-blue-yellow { background-image: url('/images/emote-circle-blue-yellow.png'); }

.title-font { font-size: 18px; font-weight: bold; color: #93C; background-repeat: no-repeat; }
.title-with-icon { font-size: 18px; font-weight: bold; color: #93C; background-repeat: no-repeat; vertical-align: middle; margin: 0px; height: 25px; width: 495px; padding-bottom: 3px; padding-left: 30px; vertical-align: middle; }
h3.caps-black { border-bottom: 1px solid #03f; color: #333; font-size: 16px; line-height: 1.5em; margin: 15px 0 10px; padding: 3px 3px 2px 30px; background-repeat:no-repeat; width: 300px; }

/* gradient background */
.linear-gradient-blue2 {
	background: #00BFFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#87CEFA), to(#00BFFF));
	background: -webkit-linear-gradient(#87CEFA, #00BFFF);
	background: -moz-linear-gradient(#87CEFA, #00BFFF);
	background: -ms-linear-gradient(#87CEFA, #00BFFF);
	background: -o-linear-gradient(#87CEFA, #00BFFF);
	background: linear-gradient(#87CEFA, #00BFFF); }

/* smartphones portrait */
@media only screen
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (orientation: portrait) {
	#post-photo { width: 80%; min-width: 210px; }
	.scrollup_to_top { }
	div#page_footer { display: none; }
}
/* smartphones landscape */
@media only screen
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (orientation: landscape) {
	#post-photo { width: 80%; min-width: 210px; }
	.scrollup_to_top { }
	div#page_footer { display: none; }
}

@media only screen
and (min-device-width: 481px) 
and (max-device-width: 767px) {
	#post-photo { width: 70%; min-width: 210px; }
	.scrollup_to_top { }
	div#page_footer { display: none; }
}

/* iPads (portrait and landscape) */
@media only screen
and (min-device-width: 768px) 
and (max-device-width: 1024px) {
	#post-photo { width: 70%; min-width: 210px; }
	.scrollup_to_top { width: 40px; height: 40px; opacity: 0.3; position: fixed; bottom: 50px; right: 100px; display: none; text-indent: -9999px; background: url('/images/icon_top.png') no-repeat; }
	a#page_footer_mobile { display: none; }
}
/* iPads (landscape) */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) {
	#post-photo { width: 70%; min-width: 210px; }
	.scrollup_to_top { width: 40px; height: 40px; opacity: 0.3; position: fixed; bottom: 50px; right: 100px; display: none; text-indent: -9999px; background: url('/images/icon_top.png') no-repeat; }
	a#page_footer_mobile { display: none; }
}
/* iPads (portrait) */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) {
	#post-photo { width: 70%; min-width: 210px; }
	.scrollup_to_top { width: 40px; height: 40px; opacity: 0.3; position: fixed; bottom: 50px; right: 100px; display: none; text-indent: -9999px; background: url('/images/icon_top.png') no-repeat; }
	a#page_footer_mobile { display: none; }
}
/* Desktops and laptops */
@media only screen 
and (min-width: 1224px) {
	#post-photo { width: 70%; min-width: 210px; }
	.scrollup_to_top { width: 40px; height: 40px; opacity: 0.3; position: fixed; bottom: 50px; right: 100px; display: none; text-indent: -9999px; background: url('/images/icon_top.png') no-repeat; }
	a#page_footer_mobile { display: none; }
}
/* Large screens */
@media only screen 
and (min-width: 1824px) {
	#post-photo { width: 70%; min-width: 210px; }
	.scrollup_to_top { width: 40px; height: 40px; opacity: 0.3; position: fixed; bottom: 50px; right: 100px; display: none; text-indent: -9999px; background: url('/images/icon_top.png') no-repeat; }
	a#page_footer_mobile { display: none; }
}
/* iphone 4 */
@media 
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
	#post-photo { width: 80%; min-width: 210px; }
	.scrollup_to_top { }
	div#page_footer { display: none; }
}