@charset "Shift_JIS";

/*-------- acchan.com 標準スタイルシート --------*/

/*---- 背景<body>タグ ----*/
body {
	background-image: url("/jp/img/base_bg.gif");
	background-repeat: repeat-y;
	background-position: 50% 0px;
	-webkit-text-size-adjust: none;  /* no font auto resize for iPhone */
}


/*---- 背景<div>タグ ----*/
.basebg {
	background-color: #FFFFFF;
	border-width: 1px;
	border-color: #999999;
	border-style: none solid;
}


/*---- フォント ----*/

/* 標準 */
body, table {
	font-size: 12px;
	line-height: 120%;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS P Gothic","ＭＳ Ｐゴシック",sans-serif;  /* for WindowsXP(標準:MSPゴ)/Vista(標準:メイリオ)/7(標準:MSPゴ)="ＭＳ Ｐゴシック"、Mac="ヒラギノ角ゴ Pro W3" */
}

/* 各種 */
.f1a {font-size:  9px; line-height: 100%;}
.f1b {font-size:  9px; line-height: 110%;}
.f1c {font-size:  9px; line-height: 120%;}
.f1d {font-size:  9px; line-height: 130%;}
.f1e {font-size:  9px; line-height: 150%;}

.f2a {font-size: 10px; line-height: 100%;}
.f2b {font-size: 10px; line-height: 110%;}
.f2c {font-size: 10px; line-height: 120%;}
.f2d {font-size: 10px; line-height: 130%;}
.f2e {font-size: 10px; line-height: 150%;}

.f3a {font-size: 12px; line-height: 100%;}
.f3b {font-size: 12px; line-height: 110%;}
.f3c {font-size: 12px; line-height: 120%;}
.f3d {font-size: 12px; line-height: 130%;}
.f3e {font-size: 12px; line-height: 150%;}

.f4a {font-size: 16px; line-height: 100%;}
.f4b {font-size: 16px; line-height: 110%;}
.f4c {font-size: 16px; line-height: 120%;}
.f4d {font-size: 16px; line-height: 130%;}
.f4e {font-size: 16px; line-height: 150%;}

.f5a {font-size: 18px; line-height: 100%;}
.f5b {font-size: 18px; line-height: 110%;}
.f5c {font-size: 18px; line-height: 120%;}
.f5d {font-size: 18px; line-height: 130%;}
.f5e {font-size: 18px; line-height: 150%;}


/*---- 標準<td>タグ ----*/
td {
	padding: 0px;
}


/*---- 標準<a>タグ ----*/
a {
	color: #666666;
	text-decoration: underline;
}
a:hover, a:active {
	color: #66CC33;
}


/*---- 標準<h1>タグ ----*/
h1 {
	font-size: 10px;
	line-height: 110%;
	font-weight: normal;
	margin: 0px;
	text-align: right;
}


/*---- キーワード用 ----*/

/* 細身 <strong>タグ */
strong.kw {
	font-weight: normal;
}


/*---- 標準<img>タグ ----*/
img {
	border: none;
}


/*---- 絵文字画像 ----*/
img.emoji {
	margin: 0px 1px;
	vertical-align: middle;
}


/*---- IMEコントロール(IE5.0以上のみ) ----*/
.imeoff {
	ime-mode: disabled;
}


/*---- 標準<form>タグ ----*/
form {
	margin: 0px;
	padding: 0px;
}


/*---- フォーム(text/textarea/button)タグ(IE5.0以上のみ) ----*/
input, textarea {
	font-size: 13px;
	margin: 1px 0px 0px 1px;
}


/*---- スクロールバーデザイン(IE5.5以上のみ) ----*/
/*
html, body {
	scrollbar-base-color: #DDCCBB;;
}
*/


/*---- テキストバナー ----*/
.textbanner {
	font-size: 12px;
	line-height: 150%;
	padding: 8px 0px 0px 50px;
}


/*---- ヘッダーリンク ----*/
.headerlink {
	display: block;
}


/*---- ページタイトル ----*/
.pagetitle {
	font-size: 16px;
	color: #FFFFFF;
	padding: 16px 15px;
	width: 590px;
	background-image: url("/jp/img/base_bg_title01.gif");
	background-repeat: no-repeat;
}


/*---- サブタイトル ----*/
.subtitle {
	font-size: 16px;
	font-weight: bold;
	line-height: 150%;
}


/*---- ページコンテンツ ----*/
.pagecontents {
	padding: 0px 0px 0px 20px;
	width: 570px;
}


/*---- linktop ----*/
a.lk {
	color: #CCCCCC;
	text-decoration: none;
	word-break: keep-all;
}


/*---- テーブルリスト ----*/
.tablelist {
	border-collapse: collapse;
	border-style: solid none solid none;
	border-color:#CCCCCC;
	border-top-width: 2px;
	border-bottom-width: 1px;
	padding: 6px 10px;
}

.tablelist td {
	padding: 5px;
}

.tablelist td.gray {
	background-color: #F0F0F0;
	border-style: solid none none none;
	border-color:#CCCCCC;
	border-top-width: 1px;
	vertical-align: top;
	white-space: nowrap;
	width: 25%;
}

.tablelist td.white {
	border-style: solid none none none;
	border-color:#CCCCCC;
	border-top-width: 1px;
	vertical-align: top;
}

.tablelist td.noline {
	
}

.tablelist td.title {
	background-color: #F0F0F0;
	border-bottom-style: solid;
	border-color:#CCCCCC;
	border-bottom-width: 1px;
}


/*---- ログインBOX ----*/
.loginbox {
	margin-left: 5px;
}

.loginbox td {
	width: 120px;
	background-color: #F0F0F0;
	border-style: solid;
	border-color:#CCCCCC;
	border-width: 1px;
	padding-left: 3px;
	padding: 3px;
}


/*---- メンバーBOX ----*/
.memberbox {
	margin-left: 8px;
}

.memberbox .td {
	width: 120px;
	border-style: solid;
	border-color:#CCCCCC;
	border-width: 1px;
	padding: 3px;
}


/*---- 会員リスト ----*/
.memberlist-80 .profphoto {
	margin: 0px 10px 0px 0px;
	float: left;
}

.memberlist-40 {
	border-collapse: collapse;
	width: 100%;
}

.memberlist-40 th {
	width: 40px;
}
.memberlist-40 th img {
	margin: auto;
}

.memberlist-40 td {
	vertical-align: middle;
	padding-left: 5px;
}


/*---- プロフ ----*/
.prof {
	width: 420px;
	text-align: left;
	table-layout: fixed;           /* width adjuster for IE */
}

.prof .dummyheader-left {          /* width adjuster for IE */
	width: 5px;
	height: 1px;
}

.prof .dummyheader-center-left {   /* width adjuster for IE */
	width: 180px;
}

.prof .dummyheader-center-right {  /* width adjuster for IE */
	width: 225px;
}

.prof .dummyheader-right {         /* width adjuster for IE */
	width: 10px;
}

.prof .header-left {
	width: 5px;
}

.prof .header-center {
	padding: 8px 0px 2px 0px;
}

.prof .header-right {
	width: 10px;
}

.prof .body {
	background: url("/jp/img/prof_body.gif") repeat-x;
	padding: 8px 0px 0px 0px;
	vertical-align: top;
}

.prof .photo-top-left {
	width: 5px;
	height: 5px;
	background: url("/jp/img/prof_photo_top_left.gif") no-repeat;
}

.prof .photo-top-center {
	width: 1px;
	height: 5px;
	background: url("/jp/img/prof_photo_top_center.gif") repeat-x;
}

.prof .photo-top-right {
	width: 8px;
	height: 5px;
	background: url("/jp/img/prof_photo_top_right.gif") no-repeat;
}

.prof .photo-middle-left {
	background: url("/jp/img/prof_photo_middle_left.gif");
}

.prof .photo-middle-right {
	background: url("/jp/img/prof_photo_middle_right.gif");
}

.prof .photo-bottom-left {
	width: 5px;
	height: 9px;
	background: url("/jp/img/prof_photo_bottom_left.gif") no-repeat;
}

.prof .photo-bottom-center {
	height: 1px;
	height: 9px;
	background: url("/jp/img/prof_photo_bottom_center.gif") repeat-x;
}

.prof .photo-bottom-right {
	width: 8px;
	height: 9px;
	background: url("/jp/img/prof_photo_bottom_right.gif") no-repeat;
}

.prof .info-left {
	width: 82px;
	vertical-align: top;
}

.prof .info-right {
	width: 143px;
	word-break: break-all;
}

.prof .side-left {
	width: 5px;
	background: url("/jp/img/prof_side_left.gif");
}

.prof .side-right {
	width: 10px;
	background: url("/jp/img/prof_side_right.gif");
}

.prof .msg-title {
	background-color: #F0F0F0;
	border-style: solid none none none;
	border-color:#CCCCCC;
	border-top-width: 1px;
	padding: 3px 3px 3px 8px;
	margin-top: 10px;
}

.prof .msg-body {
	padding: 3px 8px;
}

.prof .footer-left {
	width: 5px;
	height: 13px;
	background: url("/jp/img/prof_footer_left.gif") no-repeat;
}

.prof .footer-center {
	height: 13px;
	background: url("/jp/img/prof_footer_center.gif") repeat-x;
}

.prof .footer-right {
	width: 10px;
	height: 13px;
	background: url("/jp/img/prof_footer_right.gif") no-repeat;
}


/*---- 検索 ----*/
.mbsrh-searchbox {
	margin: 5px auto 5px 8px;
}

.mbsrh-searchbox .header {
	background: url("/jp/img/mbsrh_header.gif") no-repeat;
	width: 135px;
	height: 33px;
	text-align: center;
	vertical-align: middle;
	color:#FFFFFF;
	font-weight:bold;
}

.mbsrh-searchbox .body {
	background: url("/jp/img/mbsrh_body.gif") repeat-y;
	padding: 8px;
}

.mbsrh-searchbox .bottom {
	background: url("/jp/img/mbsrh_bottom.gif") no-repeat;
	width: 135px;
	height: 6px;
}


/*---- アクセスカウンター ----*/
.visitor-bar {
	background: url("/jp/img/visitor_bar.gif") no-repeat;
	background-position: 0px 3px;
}


/*---- 処理完了メッセージボックス(緑塗) ----*/
.processok {
	padding: 20px;
	width: 400px;
	background-color:#F0F8E8;
}


/*---- 処理続行メッセージボックス(緑枠線) ----*/
.processexec {
	padding: 20px;
	width: 450px;
	border: solid medium #80DD11;
}

