/*
 *	Part of Tipped - The jQuery Tooltip
 *	http://projects.nickstakenburg.com/tipped
 *
 *	Documentation:
 *	http://projects.nickstakenburg.com/tipped/documentation/skins
 *
 *	IMPORTANT!:
 *	It's recommended to add CSS for custom skins in a separate file,
 *	that way this file can be updated without losing your own skins.
 */
 
/* Font styling for all skins */
.t_ContentContainer {
	color: #333;
	font-size: 11px;
	line-height: 17px;
	padding: 10px;
}

/* Skins with a different font color */
.t_Content_black,
.t_Content_dark,
.t_Content_gray {
	color: #efefef;
}

/* Styling links so they are visible no matter is defined on the page behind */
.t_ContentContainer a,
.t_ContentContainer a:hover {
	color: #8e8e8e;
	text-decoration: none;
	background: none;
	border: 0;
}
.t_ContentContainer a:hover {
	text-decoration: underline;
}

/* Some skins need different link colors for visibility */
.t_Content_dark a, .t_Content_dark a:hover,
.t_Content_black a, .t_Content_black a:hover {
	color: #ccc;
}
.t_Content_gray a, .t_Content_gray a:hover { color: #232323; }



/* RGB */
.t_Content_red,
.t_Content_green,
.t_Content_blue {
	color: #efefef;
	font-size: 11px;
	line-height: 17px;
	padding: 10px;
}

.t_Content_red a,
.t_Content_red a:hover,
.t_Content_green a,
.t_Content_green a:hover,
.t_Content_blue a,
.t_Content_blue a:hover {
	text-decoration: none;
	background: none;
	border: 0;
	color: #ccc;
}
.t_Content_red a:hover,
.t_Content_green a:hover,
.t_Content_blue a:hover {
	text-decoration: underline;
}


/* tiny */
.t_Content_tiny {
	color: #efefef;
	font-size: 11px;
	line-height: 16px;
	padding: 6px 9px;
}
.t_Content_tiny a,
.t_Content_tiny a:hover {
	color: #b3b3b3;
	text-decoration: none;
	background: none;
	border: 0;
}


/*
 * Layout (DON'T MODIFY BELOW!)
 */
.t_Tooltip {
	margin: 0;
	padding: 0;
	position: absolute;
	overflow: hidden;
	background-color: transparent;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}
.t_Tooltip.t_hidden { opacity: 0; }
.t_Tooltip.t_visible { opacity: 1; }

.t_Skin {
	position: absolute;
	top: 0;
	left: 0;
}
.t_Skin * { zoom: 1; } /* IE7 */

.t_Bubble {
	position: relative;
}

.t_Background,
.t_Stem { position: absolute; }

.t_Close {
	position: absolute;
	cursor: pointer;
	top: 0;
}

.t_CloseButtonShift {
	position: relative;
	overflow: hidden;
	float: left;
}
.t_CloseState {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0;
}

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

.t_iframeShim {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
}

/*
 * Shadow
 */
.t_Shadow {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.t_Shadow .t_ShadowInnerWrapper{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

.t_ShadowBubble {
	position: relative;
	padding: 0;
	margin: 0;
	float: left;
}
.t_ShadowBackground,
.t_ShadowStem { position: absolute; }
.t_ShadowBackground *, .t_ShadowStem * { float: left; }

 
.t_CloseButtonShadow {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.t_UpdateQueue {
	position: absolute;
	top: -15000px;
	left: -15000px;
	width: 5000px;
	height: 5000px;
	visibility: hidden;
}
.t_UpdateQueue .t_Tooltip,
.t_UpdateQueue .t_Content {
	position: relative;
	overflow: visible;
	float: left;
	top: auto;
	left: auto;
	width: 100%;
}
.t_Tooltip .t_ContentContainer {
	float: left;
	clear: both;
	position: relative;
}
.t_UpdateQueue .t_ContentContainer {
	position: absolute;
	top: 0;
	left: 0;
}

/* +1-1 Tooltipレイアウトパターン
==================================================*/
/* custam css */
.t_ContentContainer p { width: 300px; padding: 10px; font-size: 12px; line-height: 1.8; text-align: left; color: #fff; }

@media all and (orientation:portrait) {
	.t_ContentContainer p { width: 200px; }
}

@media all and (orientation:landscape) {
	.t_ContentContainer p { width: 300px; }
}

/* +1-2 Tooltip適用パターン
==================================================*/
body section .jin001, body section .jin002, body section .jin003, body section .jin004,
body section .jin005, body section .jin006, body section .jin007, body section .jin008,
body section .jin009, body section .jin010, body section .jin011, body section .jin012,
body section .jin013, body section .jin014, body section .jin015, body section .jin016,
body section .jin017, body section .jin018, body section .jin019, body section .jin020,
body section .basho001, body section .basho002, body section .basho003, body section .basho004,
body section .basho005, body section .basho006, body section .basho007, body section .basho008,
body section .basho009, body section .basho010, body section .basho011, body section .basho012,
body section .basho013, body section .basho014, body section .basho015, body section .basho016,
body section .basho017, body section .basho018, body section .basho019, body section .basho020,
body section .basho021, body section .basho022, body section .basho023, body section .basho024,
body section .basho025, body section .basho026, body section .basho027,
body section .soshiki001, body section .soshiki002,
body section .soshiki003, body section .soshiki004,
body section .soshiki005, body section .soshiki006,
body section .soshiki007, body section .soshiki008,
body section .soshiki009, body section .soshiki010,
body section .soshiki011, body section .soshiki012,
body section .soshiki013, body section .soshiki014,
body section .soshiki015,
body section .other001, body section .other002,
body section .other003, body section .other004,
body section .other005, body section .other006,
body section .other007, body section .other008,
body section .other009, body section .other010, 
body section .other011, body section .other012 {
	margin-right: 0.5em; padding-right: 1.5em; color: #4970a9; background: url("../images/common/icon/balloon.png") center right no-repeat; text-decoration: underline; cursor: pointer;
}