/**
 * 覚悟の瞬間
 *
 * 覚悟の瞬間　トップ
 *
 * @author  Shigeaki Kurimoto <kurimoto@kenja.tv>
 * @create  2009/11/04
 * @version 1.00
 */

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

/**
 * トップフラッシュ
 */
#idTopFlash{
	height : 415px;
}

#idTopFlash2{
	width  : 940px;
	height : 390px;
	margin : 0px;
}

.clsTopCaution {
	font-family : "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	text-align  : center;
	padding     : 40px;
	width       : 940px;
	height      : 390px;
	line-height : 20px;
	color       : #A6A6A6;
}


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

/**
 * レイアウト
 */
.clsTopLeft {
   float        : left;
   width        : 670px;
}

.clsTopRight {
   float : left;
   width : 354px;
}


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

/**
 * 更新情報
 */
#idTopUpdateInfo{
	text-align     : left;
	padding-bottom : 20px;
    padding-left   : 60px;
}

#idTopUpdateInfoMenu {
	background-image  : url(../../images/main/top/bk_title_updateinfo.gif);
	background-repeat : no-repeat;
	width             : 610px;
	height            : 41px;
	position          : relative;
	border-bottom     : 1px solid #000000;
}

#idTopUpdateInforMenu1 {
	background-image  : url(../../images/main/top/ic_up1-o.gif);
	background-repeat : no-repeat;
	width             : 76px;
	height            : 41px;
	position          : absolute;
	left              : 180px;
	top               : 0px;
	cursor            : pointer;
}

#idTopUpdateInforMenu2 {
	background-image  : url(../../images/main/top/ic_up2.gif);
	background-repeat : no-repeat;
	width             : 76px;
	height            : 41px;
	position          : absolute;
	left              : 280px;
	top               : 0px;
	cursor            : pointer;
}

#idTopUpdateInforMenu3 {
	background-image  : url(../../images/main/top/ic_up3.gif);
	background-repeat : no-repeat;
	width             : 76px;
	height            : 41px;
	position          : absolute;
	left              : 380px;
	top               : 0px;
	cursor            : pointer;
}

#idTopUpdateInfoNew {
	border-top  : 3px solid #E6D51A;
	visibility  : visible;
	padding-top : 20px;
	width       : 610px;
}

#idTopUpdateInfoNew2 {
	overflow-x   : hidden;
	overflow-y   : auto;
	height       : 155px;
	padding-left : 10px;
}

#idTopUpdateInfoUp {
	border-top  : none;
	visibility  : hidden;
	padding-top : 0px;
	width       : 610px;
}

#idTopUpdateInfoUp2 {
	overflow-x   : hidden;
	overflow-y   : auto;
	height       : 0px;
	padding-left : 10px;
}

#idTopUpdateInfoInfo {
	border-top  : none;
	visibility  : hidden;
	padding-top : 0px;
	width       : 610px;
}

#idTopUpdateInfoInfo2 {
	overflow-x   : hidden;
	overflow-y   : auto;
	height       : 0px;
	padding-left : 10px;
}

.clsTopUpdateInfoNewIcon{
	background-image  : url(../../images/main/top/ic_up1_h.gif);
	background-repeat : no-repeat;
	font              : bold 11px "sans serif", tahoma, verdana, helvetica;
	color             : #333333;
	padding-left      : 20px;
}

.clsTopUpdateInfoNewText{
	font              : bold 11px "sans serif", tahoma, verdana, helvetica;
	color             : #333333;
	padding-left      : 10px;
}

.clsTopUpdateInfoUpdIcon{
	background-image  : url(../../images/main/top/ic_up2_h.gif);
	background-repeat : no-repeat;
	font              : bold 11px "sans serif", tahoma, verdana, helvetica;
	color             : #333333;
	padding-left      : 20px;
}

.clsTopUpdateInfoUpdText{
	font              : bold 11px "sans serif", tahoma, verdana, helvetica;
	color             : #333333;
	padding-left      : 10px;
}

.clsTopUpdateInfoInfoIcon{
	background-image  : url(../../images/main/top/ic_up3_h.gif);
	background-repeat : no-repeat;
	font              : bold 11px "sans serif", tahoma, verdana, helvetica;
	color             : #333333;
	padding-left      : 20px;
}

.clsTopUpdateInfoInfoText{
	font              : bold 11px "sans serif", tahoma, verdana, helvetica;
	color             : #333333;
	padding-left      : 10px;
}

#idTopUpdateInfoNew2 a:link,#idTopUpdateInfoNew2 a:visited{
	color: #333333;
}

#idTopUpdateInfoNew2 a:active,#idTopUpdateInfoNew2 a:hover{
	color:#E6D51A;
}

#idTopUpdateInfoUp2 a:link,#idTopUpdateInfoUp2 a:visited{
	color: #333333;
}

#idTopUpdateInfoUp2 a:active,#idTopUpdateInfoUp2 a:hover{
	color:#D01547;
}

#idTopUpdateInfoInfo2 a:link,#idTopUpdateInfoInfo2 a:visited{
	color: #333333;
}

#idTopUpdateInfoInfo2 a:active,#idTopUpdateInfoInfo2 a:hover{
	color:#99CC33;
}

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

/**
 * ブログ
 */
#idTopBlog{
	text-align       : left;
    padding-left     : 60px;
	margin           : 0px;
	color            : #333333;
	font             : bold 11px "sans serif", tahoma, verdana, helvetica;
}

#idTopBlogTitle {
	background-image  : url(../../images/main/top/bk_title_blog.gif);
	background-repeat : no-repeat;
	width             : 610px;
	height            : 40px;
	border-bottom     : 1px solid #000000;
}

#idTopBlogDetail {
	width        : 610px;
	padding      : 25px 0px;
}

#idTopBlogDetail2 {
}

.clsTopBlogBox{
	width      : 295px;
	height     : 70px;
	border     : 1px solid #CCCCCC;
	background : #FFFFFF;
	overflow   : hidden;
	padding    : 0px;
	cursor     : pointer;
}


.clsTopBlogPic {
	width      : 58px;
	height     : 58px;
	padding    : 5px 4px;
}

.clsTopBlogText {
	padding-left   : 5px;
}

.clsTopBlogDay {
	color       : #000000;
	font        : bold 10px "sans serif", tahoma, verdana, helvetica;
	overflow    : hidden;
	height      : 10px;
	padding-top : 3px;
}

.clsTopBlogKigyo {
	color    : #000000;
	font     : normal 10px "sans serif", tahoma, verdana, helvetica;
	overflow : hidden;
	width    : 200px;
	height   : 14px;
	padding-top : 4px;
}

.clsTopBlogName{
	color    : #000000;
	font     : bold 12px "sans serif", tahoma, verdana, helvetica;
	overflow : hidden;
	width    : 200px;
	height   : 17px;
}

.clsTopBlogTitle{
	color    : #000000;
	font     : normal 12px "sans serif", tahoma, verdana, helvetica;
	overflow : hidden;
	width    : 200px;
	height   : 17px;
}

#idTopBlogLink {
	width         : 600px;
	height        : 40px;
	position      : relative;
}

.clsTopBlogLinkText {
	position       : absolute;
	color          : #0099FF;
	top            : 22px;
	left           : 450px;
	font           : bold 12px "sans serif", tahoma, verdana, helvetica;
	border-bottom  : 1px solid #0099FF;
	cursor         : pointer;
}

.clsTopBlogLinkImg {
	position   : absolute;
	width      : 16px;
	height     : 16px;
	top        : 20px;
	left       : 580px;
	cursor     : pointer;
}


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

/**
 * 推薦フォーム
 */
#idTopRequestForm{
	background-image  : url(../../images/main/top/bk_request.gif);
	background-repeat : no-repeat;
	width             : 250px;
	height            : 135px;
	padding           : 90px 0px 0px 10px;
	margin            : 0px;
	color             : #333333;
	font              : bold 11px "sans serif", tahoma, verdana, helvetica;
}

.clsTopRequestFormTitle{
	text-align : right;
}

.clsTopRequestFormInput{
	width : 120px;
}

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

/**
 * キーパーソン一覧
 */
#idTopKeypersonList{
	text-align       : left;
	width            : 250px;
	padding          : 50px 0px 0px 0px;
	margin           : 0px;
	color            : #333333;
	font             : bold 11px "sans serif", tahoma, verdana, helvetica;
}

#idTopKeypersonListTitle {
	background-image  : url(../../images/main/top/bk_title_keypersonlist.gif);
	background-repeat : no-repeat;
	width             : 250px;
	height            : 40px;
	border-bottom     : 1px solid #000000;
}

#idTopKeypersonListDetail {
	width        : 250px;
	padding      : 20px 10px;
}

#idTopKeypersonListDetail2 {
	overflow-x   : hidden;
	overflow-y   : auto;
	width        : 240px;
	height       : 280px;
}

.clsTopKeypersonListPoint {
	width          : 15px;
	padding-bottom : 17px;
}

.clsTopKeypersonListLine {
	overflow : hidden;
	height   : 28px;
}

.clsTopKeypersonListName {
	font     : bold 11px "sans serif", tahoma, verdana, helvetica;
	height   : 14px;
}

.clsTopKeypersonListKigyoname {
	font     : normal 9px "sans serif", tahoma, verdana, helvetica;
	height   : 14px;
}

#idTopKeypersonListDetail2 a:link,#idTopKeypersonListDetail2 a:visited{
	color: #333333;
}

#idTopKeypersonListDetail2 a:active,#idTopKeypersonListDetail2 a:hover{
	color:#E6D51A;
}