@charset "utf-8"; 

/*
トップページ固有デザイン設定CSS 2009.02.27


【1】ページレイアウト
【2】ヘッダ
【3】メインカラム
【4】左カラム
【5】右カラム
【6】フッタ


*/


/*【1】ページレイアウト*/
/*1-1 リサイズ*/
.indextop #container { width: 968px; }
.indextop #contents { width: 968px; }
.indextop .wrap { width: 658px; }


/*【2】ヘッダ*/
.indextop #top { width: 968px; }

/*2-1 ナビゲーション関連*/
.indextop #gnavi { width: 698px; }
.indextop #login .new a:link,
.indextop #login .new a:visited { background: url(../img/navi/create_mtjp.gif) no-repeat 0 0;}
.indextop #login .new a:hover,
.indextop #login .new a:active { background: url(../img/navi/create_over_mtjp.gif) no-repeat 0 0;}
.indextop #login .login a:link,
.indextop #login .login a:visited { background: url(../img/navi/login_mtjp.gif) no-repeat 0 0;}
.indextop #login .login a:hover,
.indextop #login .login a:active { background: url(../img/navi/login_over_mtjp.gif) no-repeat 0 0;}
.indextop #login .forget a:link,
.indextop #login .forget a:visited { background: url(../img/navi/forgot_mtjp.gif) no-repeat 0 0;}
.indextop #login .forget a:hover,
.indextop #login .forget a:active { background: url(../img/navi/forgot_over_mtjp.gif) no-repeat 0 0;}

/*2-2 サイトID*/
.indextop #siteid { margin:0; }

/*2-3 パン屑*/
.indextop #pan {
	clear: both;
	width: 953px;
	margin: 0 5px;
	padding: 3px 0 2px 5px;
	letter-spacing : 1px;
	color: #ffffff;
	font-size: 1.2em;
	background: #555555;
	height: auto;
}
.indextop .liquid #pan {
	width: auto;
}
.indextop #pan p ,
.indextop #pan h1 ,
.indextop #pan h2 {
	display:inline;
	margin:0;
	white-space:normal;
	float:left;	
}
.indextop #pan a {
	background:url(../img/bg/bg_pan.gif) no-repeat 100% 50%;
	padding:0 20px 0 0;
}

/*2-4 検索ボックス*/
.indextop #searchBox {
	/*background: url(../img/bg/bg_search2.jpg) no-repeat 0 0;*/
	background-color:#555555;
	margin: 0 5px;
	width: 958px;
	height: 67px;
	text-align: center;
}
.indextop #searchBox form {
	padding: 10px;
}
.indextop #searchBox form input.cw {
	width: 400px;
	height:17px;
	margin: 0 0 5px;
}
.indextop #searchBox form .button{
	background:url(../img/search_keyword_mtjp.gif) no-repeat 0 0;
	width:105px;
	height:20px;
	border:none;
	text-indent:-9999px;
	cursor: pointer;
	vertical-align: top;
	margin: 0 6px 0 0;
}
.indextop #searchBox form .tagbutton{
	background:url(../img/search_tag_mtjp.gif) no-repeat 0 0;
	width:105px;
	height:20px;
	border:none;
	text-indent:-9999px;
	cursor: pointer;
	vertical-align: top;
	margin: 0 6px 0 0;
}
.indextop #searchBox form .itembutton{
	background:url(../img/search_item_mtjp.gif) no-repeat 0 0;
	width:105px;
	height:20px;
	border:none;

	text-indent:-9999px;
	cursor: pointer;
	vertical-align: top;
	margin: 0 6px 0 0;
}

/*【3】メインカラム*/


/*【4】左カラム*/
.indextop #left { width: 180px; }
.indextop #left .box {
	background: url(../img/bg/bg_round180_mtjp.gif) no-repeat bottom left;
}
.indextop #left .title {
	background: url(../img/bg/bg_title180_mtjp.gif) no-repeat 0 0;
}


/*【5】右カラム*/
.indextop #right { width: 300px; }
.indextop #right .box {
	background: url(../img/bg/bg_round300_mtjp.gif) no-repeat bottom left;
}
.indextop #right .title {
	background: url(../img/bg/bg_title300_mtjp.gif) no-repeat 0 0;
}

/*5-1 新規登録*/
.indextop #register {
	background: #e7f3f3;
	height: auto;
	width: auto;
	padding: 0 0px 0 0;
	margin:0 0 0px 0;
}
.indextop #register .registBtn {
	background:url(../img/bg/bg_newregist_top_L_mtjp.jpg) no-repeat 0 0;
	width: 140px;
	height: 150px;
	float: left;
	margin: 0;
	padding: 0;
}
.indextop #register .registBtn a {
	display: block;
	height: 150px;
	width: 140px;
	text-indent: -9999px;
	overflow: hidden;
}
.indextop #register li {
	margin:0 0 5px;
}
.indextop #register a {
	display: inline;
	height: auto;
	width: auto;
	text-indent: inherit;
	margin-bottom: 0;
}
.indextop #register .boxLogin {
	padding: 0;
	margin: 0px 0 0;
	width: 160px;
	height: 150px;
	float: right;
	background: url(../img/bg/bg_newregist_top_R_mtjp.jpg) 0 0 no-repeat;
}
.indextop #register .boxLogin span {
	padding: 0 0 0px;
	margin: 0;
	display: block;
	text-align: center;
	background: url(../img/bg/bg_boxlogin_bottom.gif) bottom left no-repeat;
}
.indextop #register .boxLogin span a:link,
.indextop #register .boxLogin span a:visited {
	text-decoration: underline;
	color: #FFFFFF;
}
.indextop #register .boxLogin span a:hover,
.indextop #register .boxLogin span a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.indextop #register .boxLogin dl { margin: 0 0 0 5px; }
.indextop #register .boxLogin dt {
	color: #FFFFFF;
	padding: 3px 0 0;
}
.indextop #register .boxLogin input.text {
	height: 17px;
	width: 140px;
	margin: 0;
	padding: 0;
}
.indextop #register .boxLogin p { margin: 10px 0 8px; }
.indextop #register .boxLogin .button {
	height: 20px;
	width: 59px;
	border: none;
	text-indent: -9999px;
	padding: 0;
	display: block;
	background-image: url(../img/navi/login2_mtjp.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0 auto;
}


/*【6】フッタ*/
.indextop #foot { 
	width: 966px;
	background-color:#555555; 
}
.indextop #foot .partner {
	background-color:#555555;
	width: 828px;
}
.indextop #foot #copy {
	/*background: #f7fbfb url(../img/bg/bg_footer2.gif) no-repeat 0 0;*/
	background-color:#555555;
}