/* -------------------------------------------------------------------- */

/**
 * 賢者詳細ヘッダー
 *
**/
#idDetailHead {
	width    : 900px;
	height   : 50px;
	z-index  : 10;
	position : relative;
}

#idDetailHead p{
	text-align  : left;
	padding-top : 15px;
}

/* -------------------------------------------------------------------- */

/**
 * 賢者詳細全体
 *
**/
#idDetailAll {
	width         : 900px;
	margin-bottom : 30px;
}

.clsDetailLeft {
	float        : left;
	width        : 440px;
	text-align   : left;
	z-index      : 10;
}

.clsDetailRight {
	float        : left;
	width        : 440px;
	padding-left : 20px;
	z-index      : 10;
}

/* -------------------------------------------------------------------- */

/**
 * 賢者詳細左部分 名前
 *
**/
.clsDetailNameTitle {
	background-image:url(../../images/main/detail/bg_detail_name_title.gif);
	width         : 440px;
	height        : 30px;
	font-family   : "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";	
	color         : #52555A;
	margin-bottom : 30px;
	position      : relative;
	z-index       : 10;
}

.clsDetailNameTitleMain {
	position : absolute;
	top      : 4px;
	left     : 10px;
}

.clsDetailNameTitleMain2 {
	position : absolute;
	top      : 12px;
	left     : 417px;
}

.clsDetailNameTitleMainFlag {
	margin-left   : 5px;
}

/* -------------------------------------------------------------------- */

/**
 * 賢者詳細左部分 FLASH
 *
**/
#idDetailFlash {
	position      : relative;
	z-index       : 10;
	width         : 400px;
	padding       : 0px 20px;
	margin-bottom : 12px;
}
	
#idDetailFlashN {
	height : 320px;
}

#idDetailFlashW {
	height : 255px;
}
	
.clsDetailFlashCaution {
	font-family   : "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";	
	font-size     : 12px;
	color         : #52555A;
	text-align    : center;
	line-height   : 18px;
}

/* -------------------------------------------------------------------- */

/**
 * 賢者詳細左部分 QR & COPY
 *
**/
#idDetailQrCopy {
	width            : 398px;
	height           : 100px;
	margin-left      : 20px;
	margin-bottom    : 10px;
	background-color : #F2F2F2;
	border           : 1px dashed #C2C2C2;
	position         : relative;
}

#idDetailQrCopy a {
	text-decoration : none;
}

#idDetailQrcode {
	position : absolute;
	top      : 10px;
	left     : 10px;
}

#idDetailTextUrlArea {
	position : absolute;
	top      : 20px;
	left     : 115px;
}

#idDetailInputUrl {
	width : 270px;
}

#idDetailMailSend {
	position : absolute;
	top      : 60px;
	left     : 115px;
}

#idDetailButtonMailSend {
	width : 230px;
}

#idDetailSwfComment {
	width            : 400px;
	margin-left      : 20px;
	margin-bottom    : 20px;
	text-align       : right;
}

/* -------------------------------------------------------------------- */

/**
 * 賢者詳細左部分 コメント
 *
**/
#idDetailComment {
	width            : 360px;
	margin-left      : 20px;
	margin-bottom    : 10px;
	border           : 5px solid #224E6C;
	padding          : 10px 15px;
}

#idDetailCommentKigyoname {
	color         : #C5A612;
	font-size     : 14px;
	font-weight   : bold;
	margin-bottom : 5px;
}

#idDetailCommentIntroduction {
	line-height   : 16px;
	margin-bottom : 15px;
}

#idDetailCommentBanner {
	margin-left      : 80px;
	width            : 222px;
}

/* -------------------------------------------------------------------- */

/**
 * 賢者詳細右部分 ナビゲーション
 *
**/
#idDetailRightNavi {
	height           : 34px;
	position         : relative;
	z-index          : 10;
}

.clsDetailRightNaviMenu {
	padding          : 0px;
	margin           : 0px;
	border           : none;
	height           : 34px;
}

.clsDetailProfile {
	width            : 140px;
	background-image : url(../../images/main/detail/detail_profile-off.png);
	cursor           : pointer;
}

.clsDetailProfile-on {
	width            : 140px;
	background-image : url(../../images/main/detail/detail_profile-on.png);
}

.clsDetailProfile-off {
	width            : 140px;
	background-image : url(../../images/main/detail/detail_profile-off.png);
	cursor           : pointer;
}

.clsDetailHistory {
	width            : 135px;
	background-image : url(../../images/main/detail/detail_history-off.png);
	cursor           : pointer;
}

.clsDetailHistory-on {
	width            : 135px;
	background-image : url(../../images/main/detail/detail_history-on.png);
}

.clsDetailHistory-off {
	width            : 135px;
	background-image : url(../../images/main/detail/detail_history-off.png);
	cursor           : pointer;
}

.clsDetailCompany {
	width            : 135px;
	background-image : url(../../images/main/detail/detail_company-off.png);
	cursor           : pointer;
}

.clsDetailCompany-on {
	width            : 135px;
	background-image : url(../../images/main/detail/detail_company-on.png);
}

.clsDetailCompany-off {
	width            : 135px;
	background-image : url(../../images/main/detail/detail_company-off.png);
	cursor           : pointer;
}

/* -------------------------------------------------------------------- */

/**
 * 賢者詳細右部分 全体
 *
**/
.clsDetailRightTop {
	width             : 415px;
	height            : 6px;
	background-image  : url(../../images/main/detail/bg_detail_top.gif);
	background-repeat : no-repeat;
}

.clsDetailRightCenter {
	width             : 365px;
	background-image  : url(../../images/main/detail/bg_detail_center.gif);
	background-repeat : repeat;
	padding           : 20px 25px;
	text-align        : left
}

.clsDetailRightBottom {
	width             : 415px;
	height            : 7px;
	background-image  :url(../../images/main/detail/bg_detail_bottom.gif);
	background-repeat : no-repeat;
}

.clsDetailRightTitle {
	width             : 135px;
	max-width         : 135px;
	min-width         : 135px;
	line-height       : 18px;
	vertical-align    : top;
	padding-left      : 5px;
}

.clsDetailRightPoint {
	width             : 15px;
	line-height       : 18px;
	text-align        : center;
	vertical-align    : top;
}

.clsDetailRightNaiyou {
	width             : 210px;
	max-width         : 210px;
	line-height       : 18px;
	vertical-align    : top;
	overflow          : auto;
}

.clsDetailRightLine {
	height            : 1px;
	width             : 365px;
	border-bottom     : 1px dotted #696969;
	margin-bottom     : 8px;
	padding-bottom    : 5px;
}

/* -------------------------------------------------------------------- */

/**
 * 賢者詳細 ファイヤーフラグ
 *
**/
.clsFireFlag {
	background-repeat : no-repeat;
	position          : absolute;
	z-index           : 1;
}

.clsFireFlag0,
.clsFireFlag1 {
	background-image  : url(../../images/upload/nation/fire_flag_001.png);
	top               : -20px;
	left              : 3px;
	width             : 660px;
	height            : 503px;
}

.clsFireFlag2 {
	background-image  : url(../../images/upload/nation/fire_flag_002.png);
	top               : -20px;
	left              : 3px;
	width             : 660px;
	height            : 503px;
}

.clsFireFlag3 {
	background-image  : url(../../images/upload/nation/fire_flag_003.png);
	top               : -60px;
	left              : 30px;
	width             : 660px;
	height            : 503px;
}

.clsFireFlag4 {
	background-image  : url(../../images/upload/nation/fire_flag_004.png);
	top               : -60px;
	left              : 50px;
	width             : 660px;
	height            : 627px;
}

.clsFireFlag5 {
	background-image  : url(../../images/upload/nation/fire_flag_005.png);
	top               : -60px;
	left              : 30px;
	width             : 660px;
	height            : 503px;
}

.clsFireFlag6 {
	background-image  : url(../../images/upload/nation/fire_flag_006.png);
	top               : -160px;
	left              : 100px;
	width             : 660px;
	height            : 627px;
}

.clsFireFlag7 {
	background-image  : url(../../images/upload/nation/fire_flag_007.png);
	top               : -60px;
	left              : 30px;
	width             : 660px;
	height            : 503px;
}

.clsFireFlag8 {
	background-image  : url(../../images/upload/nation/fire_flag_008.png);
	top               : 0px;
	left              : -20px;
	width             : 660px;
	height            : 503px;
}

.clsFireFlag9 {
	background-image  : url(../../images/upload/nation/fire_flag_009.png);
	top               : -80px;
	left              : 50px;
	width             : 660px;
	height            : 627px;
}

.clsFireFlag10 {
	background-image  : url(../../images/upload/nation/fire_flag_010.png);
	top               : -80px;
	left              : 50px;
	width             : 660px;
	height            : 627px;
}

.clsFireFlag11 {
	background-image  : url(../../images/upload/nation/fire_flag_011.png);
	top               : -110px;
	left              : 50px;
	width             : 660px;
	height            : 627px;
}

.clsFireFlag12 {
	background-image  : url(../../images/upload/nation/fire_flag_012.png);
	top               : -110px;
	left              : 50px;
	width             : 660px;
	height            : 627px;
}

.clsFireFlag13 {
	background-image  : url(../../images/upload/nation/fire_flag_013.png);
	top               : -220px;
	left              : 60px;
	width             : 660px;
	height            : 627px;
}

.clsFireFlag14 {
	background-image  : url(../../images/upload/nation/fire_flag_014.png);
	top               : -70px;
	left              : 60px;
	width             : 660px;
	height            : 627px;
}

.clsFireFlag16 {
	background-image  : url(../../images/upload/nation/fire_flag_016.png);
	top               : -50px;
	left              : 0px;
	width             : 660px;
	height            : 627px;
}

.clsFireFlag18 {
	background-image  : url(../../images/upload/nation/fire_flag_018.png);
	top               : -50px;
	left              : 0px;
	width             : 660px;
	height            : 627px;
}

.clsFireFlag19 {
	background-image  : url(../../images/upload/nation/fire_flag_019.png);
	top               : -50px;
	left              : 0px;
	width             : 660px;
	height            : 627px;
}