/**********GlobalCommon**********/
* {
	margin:0;
	padding:0;
	font-family:/*"メイリオ","Meiryo",*/"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","MS UI Gothic","Osaka",Arial,Verdana,Helvetica,sans-serif;
}
body {
	background-color:#FFF;
	behavior:url("/media/csshover2.htc");
}
a {
	cursor:pointer;
}
.c-both {
	clear:both;
	height:1px;
}
.hide {
	display:none;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.btn_ptop {
	display:block;
	float:right;
	margin:10px 0;
	width:18px;
	height:17px;
	background:url(../image/btn_ptop.png) no-repeat;
}
.btn_ptop:hover {
	background:url(../image/btn_ptop.png) no-repeat 0 -17px;
}
.arLnk {
	display:block;
	height:12px;
	color:#369;
	font-size:65%;
	font-weight:bold;
	text-indent:12px;
	background:url(../image/bg_arLnk.png) no-repeat;
}
.arLnk:hover {
	color:#F90;
}
.arLnk_nbk {
	position:relative;
	_top:-2px;
	left:13px;
	color:#369;
	font-size:65%;
	font-weight:bold;
}
.arLnk_nbk:hover {
	color:#F90;
}
.singleBack {
	margin:0 0 15px;
	background:url(../image/bg_arLnk.png) no-repeat 0 50%;
}

#container {
	margin:0 auto;
	width:880px;
}
#free {
	position:absolute;
	left:480px;
	top:-15px;
}
.head_signup {
	position:relative;
	top:-2px;
}


/**********INPUT**********/
input.srchBox {
	padding:2px 0;
	margin:3px 0 0 10px;
	width:165px;
	height:14px;
	color:#444;
	font-size:12px;
	border-width:0;
}
input.srchBtn {
	margin:10px 0 0 -3px;
}
input.openid {
	padding:3px 3px 3px 20px;
	width:89%;
	background:url(../image/bg_openid.gif) no-repeat 2px 50% #FFF;;
	border:solid 1px #7F9DB9;
}
input.name {
	padding:3px;
	margin-right:5px;
	width:45%;
	border:solid 1px #7F9DB9;
}
input.txt {
	padding:3px;
	width:95%;
	border:solid 1px #7F9DB9;
}
textarea.appeal {
	padding:3px;
	width:95%;
	height:10em;
	font-size:100%;
	line-height:1.2em;
	border:solid 1px #7F9DB9;
}


/**********BTN**********/
.submit_area {
	margin:10px auto;
	_margin:5px auto;
	width:210px;
	height:38px;
	text-align:center;
}
.btn_login {
	float:left;
	display:block;
	width:99px;
	height:38px;
	background:url(../image/btn_login.png) no-repeat;
}
.btn_add {
	float:left;
	display:block;
	width:99px;
	height:38px;
	background:url(../image/btn_add.png) no-repeat;
}
.btn_update {
	float:left;
	display:block;
	width:99px;
	height:38px;
	background:url(../image/btn_update.png) no-repeat;
}
.btn_ok {
	display:block;
	width:99px;
	height:38px;
	background:url(../image/btn_ok.png) no-repeat;
}
.btn_yes {
	float:left;
	display:block;
	width:99px;
	height:38px;
	background:url(../image/btn_yes.png) no-repeat;
}
.btn_search {
	display:block;
	width:99px;
	height:38px;
	background:url(../image/btn_search.png) no-repeat;
}
.btn_submit {
	float:left;
	display:block;
	width:99px;
	height:38px;
	background:url(../image/btn_submit.png) no-repeat;
}
.btn_create {
	display:block;
	width:99px;
	height:38px;
	background:url(../image/btn_create.png) no-repeat;
}
.btn_request {
	float:left;
	display:block;
	width:99px;
	height:38px;
	background:url(../image/btn_request.png) no-repeat;
}
.btn_cancel {
	float:left;
	margin-right:5px;
	display:block;
	width:99px;
	height:38px;
	background:url(../image/btn_cancel.png) no-repeat;
}
.btn_quit {
	float:left;
	margin-right:5px;
	display:block;
	width:99px;
	height:38px;
	background:url(../image/btn_quit.png) no-repeat;
}
.btn_holdall {
	float:left;
	margin-right:5px;
	display:block;
	width:99px;
	height:38px;
	background:url(../image/btn_holdall.png) no-repeat;
}
.btn_no {
	float:left;
	margin-right:5px;
	display:block;
	width:99px;
	height:38px;
	background:url(../image/btn_no.png) no-repeat;
}
.btn_del {
	float:left;
	/*margin-right:5px;*/
	display:block;
	width:99px;
	height:38px;
	background:url(../image/btn_del.png) no-repeat;
}
.btn_next {
	margin-right:5px;
	display:block;
	width:99px;
	height:38px;
	background:url(../image/btn_next.png) no-repeat;
}
.btn_prev {
	margin-right:5px;
	display:block;
	width:99px;
	height:38px;
	background:url(../image/btn_prev.png) no-repeat;
}

.btn_login:hover,.btn_add:hover,.btn_update:hover,.btn_ok:hover,.btn_yes:hover,
.btn_search:hover,.btn_submit:hover,.btn_create:hover,.btn_request:hover,
.btn_cancel:hover,.btn_quit:hover,.btn_holdall:hover,.btn_no:hover,.btn_del:hover,
.btn_next:hover,.btn_prev:hover {
	background-position:0 -38px;
}


/**********HeaderCommon**********/
#header {
	height:74px;
	background:url(../image/bg_head.png) repeat-x;
}

#head_option {
	float:right;
	position:relative;
	top:10px;
	right:10px;
	width:230px;
}
#head_option_stc {
	float:right;
	position:relative;
	top:10px;
	right:10px;
	width:730px;
}
#head_option div,#head_option_stc div {
	float:right;
}
#head_option a,#head_option span,#head_option_stc a,#head_option_stc span {
	float:left;
	color:#FFF;
	font-size:70%;
	line-height:20px;
	text-decoration:none;
}
#head_option a:hover,#head_option_stc a:hover {
	text-decoration:underline;
}
#head_option div.bg_srch {
	margin-top:10px;
	float:left;
	width:177px;
	height:24px;
	background:url(../image/bg_srch.png) no-repeat;
}
#head_option_stc ul {
	list-style-type:none;
	position:relative;
	top:12px;
	height:33px;
}
#head_option_stc ul li {
	display:inline;
}

.logo_head {
	float:left;
	margin:4px;
}
.head_login {
	display:block;
	float:left;
	width:52px;
	height:18px;
	background:url(../image/head_login.png) no-repeat;
}
.btn_logout {
	display:block;
	float:left;
	width:59px;
	height:18px;
	background:url(../image/btn_logout.png) no-repeat;
}
#ad {
	margin:7px 0 0 25px;
}


/**********MenuBasic**********/
.menu_stc_01 {
	display:block;
	width:126px;
	height:33px;
	background:url(../image/menu_stc.png) no-repeat;
}
.menu_stc_01act,.menu_stc_01:hover {
	display:block;
	width:126px;
	height:33px;
	background:url(../image/menu_stc.png) no-repeat 0 -33px;
}
.menu_stc_02 {
	display:block;
	width:126px;
	height:33px;
	background:url(../image/menu_stc.png) no-repeat -125px 0;
}
.menu_stc_02act,.menu_stc_02:hover {
	display:block;
	width:126px;
	height:33px;
	background:url(../image/menu_stc.png) no-repeat -125px -33px;
}
.menu_stc_03 {
	display:block;
	width:126px;
	height:33px;
	background:url(../image/menu_stc.png) no-repeat -250px 0;
}
.menu_stc_03act,.menu_stc_03:hover {
	display:block;
	width:126px;
	height:33px;
	background:url(../image/menu_stc.png) no-repeat -250px -33px;
}
.menu_stc_04 {
	display:block;
	width:126px;
	height:33px;
	background:url(../image/menu_stc.png) no-repeat -375px 0;
}
.menu_stc_04act,.menu_stc_04:hover {
	display:block;
	width:126px;
	height:33px;
	background:url(../image/menu_stc.png) no-repeat -375px -33px;
}
.menu_stc_05 {
	display:block;
	width:126px;
	height:33px;
	background:url(../image/menu_stc.png) no-repeat -500px 0;
}
.menu_stc_05act,.menu_stc_05:hover {
	display:block;
	width:126px;
	height:33px;
	background:url(../image/menu_stc.png) no-repeat -500px -33px;
}
.menu_stc_home {
	display:block;
	width:40px;
	height:33px;
	background:url(../image/menu_stc.png) no-repeat -627px 0;
}
.menu_stc_home:hover {
	background:url(../image/menu_stc.png) no-repeat -627px -33px;
}
.menu_stc_mypage {
	display:block;
	width:40px;
	height:33px;
	background:url(../image/menu_stc.png) no-repeat -668px 0;
}
.menu_stc_mypage:hover {
	background:url(../image/menu_stc.png) no-repeat -668px -33px;
}


/**********MenuCommon**********/
#menu {
	height:40px;
	color:#7A7A7A;
	background:url(../image/bg_stc_ttl.png) repeat-x;
}
#menu ul {
	float:right;
	list-style-type:none;
	margin:7px 0 0 0;
	position:relative;
	right:10px;
}
#menu ul li {
	float:left;
	margin:0 0 0 10px;
	line-height:40px;
}
#menu2 {
	height:40px;
	color:#7A7A7A;
	background:url(../image/bg_menu.png) repeat-x;
}
#menu2 ul {
	float:right;
	list-style-type:none;
	margin:7px 0 0 0;
	position:relative;
	right:10px;
}
#menu2 ul li {
	float:left;
	margin:0 0 0 10px;
	line-height:40px;
}
.vbar {
	float:left;
	position:relative;
	top:10px;
	left:590px;
	width:2px;
	height:20px;
	background:url(../image/vbar.png) repeat-y;
}
.m_myP {
	display:block;
	width:67px;
	height:26px;
	background:url(../image/btn_menu_myP.png) no-repeat;
}
.m_Gr {
	display:block;
	width:65px;
	height:26px;
	background:url(../image/btn_menu_Gr.png) no-repeat;
}
.m_cLog {
	margin-left:10px;
	display:block;
	width:65px;
	height:26px;
	background:url(../image/btn_menu_cLog.png) no-repeat;
}
.m_friend {
	display:block;
	width:87px;
	height:26px;
	background:url(../image/btn_menu_mFriend.png) no-repeat;
}
.m_album{
	display:block;
	width:96px;
	height:26px;
	background:url(../image/btn_menu_album.png) no-repeat;
}
.m_myP:hover,.m_Gr:hover,.m_cLog:hover,.m_friend:hover,.m_album:hover {
	background-position:0 -26px;
}


/**********PageTitle**********/
.ttl_mypage {
	float:left;
	overflow:hidden;
	white-space:nowrap;
	width:350px;
	height:40px;
	font-family:Tahoma,Arial,Helvetica;
	font-size:100%;
	font-weight:bold;
	line-height:40px;
	text-overflow:ellipsis;
	text-indent:36px;
	background:url(../image/icon_myP.png) no-repeat 8px;
}
.ttl_group {
	float:left;
	overflow:hidden;
	white-space:nowrap;
	width:350px;
	height:40px;
	font-size:100%;
	font-weight:bold;
	line-height:40px;
	text-overflow:ellipsis;
	text-indent:35px;
	background:url(../image/icon_group.png) no-repeat 8px;
}
.ttl_cLog {
	float:left;
	overflow:hidden;
	white-space:nowrap;
	width:350px;
	height:40px;
	font-size:100%;
	font-weight:bold;
	line-height:40px;
	text-overflow:ellipsis;
	text-indent:34px;
	background:url(../image/icon_cLog.png) no-repeat 8px;
}
.ttl_Log {
	float:left;
	overflow:hidden;
	white-space:nowrap;
	width:350px;
	height:40px;
	font-size:100%;
	font-weight:bold;
	line-height:40px;
	text-overflow:ellipsis;
	text-indent:32px;
	background:url(../image/icon_Log.png) no-repeat 8px;
}
.ttl_alb {
	float:left;
	overflow:hidden;
	white-space:nowrap;
	width:350px;
	height:40px;
	font-size:100%;
	font-weight:bold;
	line-height:40px;
	text-overflow:ellipsis;
	text-indent:39px;
	background:url(../image/icon_camera.png) no-repeat 10px 9px;
}
.ttl_mfr {
	float:left;
	overflow:hidden;
	white-space:nowrap;
	width:350px;
	height:40px;
	font-size:100%;
	font-weight:bold;
	line-height:40px;
	text-overflow:ellipsis;
	text-indent:38px;
	background:url(../image/icon_mFriend.png) no-repeat 8px 6px;
}
.ttl_srch {
	float:left;
	overflow:hidden;
	white-space:nowrap;
	width:350px;
	height:40px;
	font-size:100%;
	font-weight:bold;
	line-height:40px;
	text-overflow:ellipsis;
	text-indent:35px;
	background:url(../image/icon_search.png) no-repeat 8px 9px;
}


/**********FooterCommon**********/
#footer {
	margin:20px 0;
	color:#999;
	font-size:70%;
	line-height:1.6em;
}
#footer_stc {
	margin:15px 5px 20px;
	color:#999;
	font-size:70%;
	line-height:1.6em;
}
#footer div,#footer_stc div {
	float:left;
}
#footer span,#footer_stc span {
	font-family:Arial, Helvetica, sans-serif;
}
#footer a,#footer_stc a {
	color:#69C;
	text-decoration:none;
}
#footer a:hover,#footer_stc a:hover {
	color:#F99;
}
.logo_foot {
	float:right;
	margin:5px 0;
}


/**********RoundBox(Graphical)**********/
.rboxGr_tp_l {
	width:100%;
	height:16px;
	white-space:nowrap;
	overflow:hidden;
	background:url(../image/bg_navbox.png) no-repeat left top;	
}
.rboxGr_tp_r {
	float:right;
	width:50%;
	height:16px;
	white-space:nowrap;
	overflow:hidden;
	background:url(../image/bg_navbox.png) no-repeat right top;	
}
.rboxGr_mdl {
	width:auto;
	background-color:#FFF;
	border:solid #CCC;
	border-width:0 1px;
}
.rboxGr_btm_l {
	margin-bottom:10px;
	width:100%;
	height:10px;
	white-space:nowrap;
	overflow:hidden;
	background:url(../image/bg_navbox.png) no-repeat left -16px;
}
.rboxGr_btm_r {
	float:right;
	width:50%;
	height:10px;
	white-space:nowrap;
	overflow:hidden;
	background:url(../image/bg_navbox.png) no-repeat right -16px;
}
.rboxGr_mdl img {
	margin:0 0 7px 10px;
}


/**********GroupLayer**********/
#layGr {
	position:absolute;
	top:79px;
	width:170px;
	filter: Alpha(opacity=90);
    opacity:0.9;
    z-index:50;
}
.layGr_tp {
	width:170px;
	height:35px;
	background:url(../image/layGr_tp.png) no-repeat;
}
.layGr_mdl {
	width:170px;
	background:url(../image/layGr_mdl.png) repeat-y;
}
.layGr_btm {
	width:170px;
	height:25px;
	background:url(../image/layGr_btm.png) no-repeat;
}
.layGr_mdl ul {
	list-style-type:none;
	width:auto;
}
.layGr_mdl ul li a {
	display:block;
	margin:0 3px;
	width:164px;
	height:27px;
	color:#333;
	font-size:75%;
	line-height:28px;
	text-indent:27px;
	text-decoration:none;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background:url(../image/icon_group2.png) no-repeat 3px 50%;
}
.layGr_mdl ul li a:hover {
	background-color:#FC6;
}
.layGr_btm a {
	position:relative;
	top:5px;
	right:10px;
}


/**********GrayBox**********/
.gbox {
	text-align:center;
}
.gbox img {
	margin:10px auto;
}
.gbox span {
	display:block;
	margin:0 auto;
	width:100%;
	color:#666;
	font-size:75%;
	text-align:center;
}
.addFile_line {
	margin:0 auto;
	width:90%;
}
.addFile_line input.file {
	float:left;
	margin-bottom:5px;
	_width:80%;
	height:1.8em;
	line-height:1.7em;
	font-size:75%;
	cursor:pointer;
}
.btn_plus {
	display:block;
	margin-left:5px;
	width:21px;
	height:21px;
	background:url(../image/btn_pm.png) no-repeat -21px -21px;
}
.btn_plus:hover {
	background-position:-21px 0;
}
.btn_minus {
	display:block;
	margin-left:5px;
	width:21px;
	height:21px;
	background:url(../image/btn_pm.png) no-repeat 0 -21px;
}
.btn_minus:hover {
	background-position:0 0;
}


/**********Error**********/
.errorBase {
	margin:50px auto;
	padding:20px;
	width:600px;
	border:solid 3px #DCDCDC;
	background-color:#FFF;
}
.errorBase div.left {
	float:left;
	width:52px;
}
.errorBase div.left img {
	margin-left:10px;
}
.errorBase div.right {
	float:right;
	width:510px;
	color:#333;
}
.errorBase div.right h2 {
	padding-bottom:0.5em;
	font-size:120%;
	border:solid #DCDCDC;
	border-width:0 0 1px 0;
}
.errorBase div.right p {
	padding:0.5em;
	font-size:90%;
	font-weight:normal;
	line-height:1.3em;
	border:solid #DCDCDC;
	border-width:0 0 1px 0;
}
div.right h4 {
	padding:1.5em 0 0;
	font-size:75%;
}
.errorBase div.right input {
	padding:0.3em 0;
	width:75px;
	font-size:75%;
}
.errorBase div.right ul {
	margin:1em 0 2em 1.3em;
	font-size:75%;
}
.errorBase div.right ul li {
	margin-top:0.5em;
	line-height:1.3em;
}