@charset "euc-jp";
/* ---------- base ---------- */

#rapper {
	background:url(../img/com_back.gif) repeat-y;
	width:771px;
	text-align: left;
		border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#main {
	width: 707px;
	padding-top: 0px;
	padding-right: 26px;
	padding-bottom: 0px;
	padding-left: 38px;
}

/* ---------- login ---------- */
#login{width:609px;margin:0 0 0 40px;padding:0;}
#login_l{width:370px;margin:20px 0 0 0;padding:0;float:left;}
#login_l p{padding-left:40px;padding-bottom:10px;}
#login_r{width:230px;margin:30px 0 0 0;padding:0;float:right;border:1px solid #CCC;}
#login_r p{padding:8px;}


/* ---------- header ---------- */

#header {/*gp*/
	text-align:left;
	background-image: url(../img/com_header_base.jpg);
	background-repeat: no-repeat;
	width: 771px;
	padding-bottom: 10px;

}

#header h1{
	float:left;
	border:none;
	width: 140px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 38px;
}

#header_r{
	float:right;
	width: 180px;
	text-align: right;
}

#header_l{
	float:left;
	width:550px;

}



#header_logout{
	width: 100%;
	margin-right: 15px;
	float:right;
	margin-top: 3px;
	height: 32px;	
	/*background-color: #FFCCFF;*/
}
#header_search{
	float:left;
	border:none;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 180px;
	height: 40px;
	font-size: 12px;
	text-align:left;
	/*background-color: #99CCFF;*/
}
#header_search select{margin:1px 0;}
#header_search div{text-align:left;padding-right: 5px;}
#header_search img{text-align:right;}

#header_gmenu {
	/*background:#888888;*/
	width:452px;
	text-align:left;
	display : block;
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 38px;
}
#header_gmenu ul {/*gp*/list-style-type: none;}
#header_gmenu li{float:left;display:inline;}

#header_smenu{
	width:180px;
	display : block;
	float: right;
}
#header_smenu ul {/*gp*/list-style-type: none;}
#header_smenu li{
	float:left;
	display:inline;
}
/* ---------- main ---------- */

#con{width:534px;float:left;text-align:left;}
#con h1 {
	font-size: 100%;
	background-image: url(../img/com_t1.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 494px;
	padding-top: 12px;
	padding-left: 40px;
	background-position: left top;

}

#con h2 {
	font-size: 100%;

	padding-top: 10px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 5px;
}

#con h3 {}

#con .profile{
	background-image: url(../img/t_gameprofile.gif);
	background-repeat: no-repeat;
	height: 30px;
	padding-top: 8px;
	padding-left: 30px;
}
#con .tyui{
	background-image: url(../img/t_tyui.gif);
	background-repeat: no-repeat;
	height: 30px;
	padding-top: 8px;
	padding-left: 30px;
}

#con .notes2 {
	margin-top: -16px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: right;
}


#con .notes {
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
}

#con .birthday {
	background-color: #FEEFB6;
	padding: 1% 2%;
	width: 96%;
	border: 1px solid #FFCC00;
	margin-top: 10px;

}

#con_calendar .waku{
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
/* ---------- right ---------- */

#r-menu {width:150px;float:right;text-align:center;}



#r-menu .tensen{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 130%;
	font-size: 10px;
}
#r_statusb{padding-top: 5px;padding-right: 0px;padding-left: 0px;}
#r_statusb li{margin: 0px;}


#r_submenu li{
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../img/com_yajirushi.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
}

#r_submenu li.blank{
	list-style-type: none;
	background-image: none;
	border: none;
	height: 5px;
}

#r_calendar{font-size: 10px;}

/* ---------- footer ---------- */

#footer {
	width:100%;
	padding-top: 15px;
	padding-bottom:15px;
	font-size: 70%;
	text-align: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}