﻿/* CSS Document */

/* ----------------------------------------
 ブログ共通CSS
---------------------------------------- */
/* ///////////////////////////////
///
/// 基本サイズ
///
/////////////////////////////// */
.width980{
	width: 980px;
	padding: 0px;
	margin: 0px;
}

#mainTopMgn ,#sideTopMgn{
	height:5px;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
}
/* ///////////////////////////////
///
/// base
///
/////////////////////////////// */
body
	{
	font-family: Verdana, Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	/* xxxxx 基本的に変更不要 xxxxx */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding:0px;
	text-align: center;
	}

/* ///////////////////////////////
///
/// レイアウト
///
/////////////////////////////// */
/* ----------------------------------------
 全体（ヘッダー・メイン・フッター全てを包んでいる）
---------------------------------------- */
#AllContents
	{
	width: 980px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	display: block;
	}

/* ----------------------------------------
 ヘッダー
---------------------------------------- */
#Header, #blankLink
	{
	width: 980px;
	float: left;
	padding: 0px;
	margin: 0px;
	display: block;
	}

/* ------  ヘッダー内ブログタイトル  ------ */
#Title
	{
	padding: 0px;
	display: block;
	}
	
#SubTitle
	{
	padding: 0px;
	display: block;
	}


/* ----------------------------------------
 コンテンツエリア
---------------------------------------- */
/* ---メインエリア背景サイズ（背景用のコンテンツサイズ）--- */
#ContentsBG {
	width: 980px;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	clear: both;
	float: none;
}

/* ---内側サイズ（背景抜きの実際のコンテンツサイズ）--- */
#Contents {
	width: 934px;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}

/* ---3カラム左--- */
#LeftArea {
	width: 200px;
	float: left;
	display: block;
	padding: 0px;
	margin: 0px;
}
/* ---3カラム左--- */
#LeftMargin {
	width: 200px;
	float: left;
	display: block;
	padding: 0px;
	margin: 0px;
}


/* ---3カラム中--- */
#MainArea {
	width: 534px;
	float: left;
	display: block;
	padding: 0px;
	margin: 0px;
}

/* ---3カラム右--- */
#RightArea {
	width: 200px;
	float: right;
	display: block;
	margin: 0px;
	padding: 0px;
}



/* ///////////////////////////////
///
/// 左右のBOX
///
/////////////////////////////// */

/* ========アバター系 ========*/
/* アバター外枠 */
#AvatarArea {
	width: 200px;
	height: 365px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
}

/* アバター読み込み先 */
#AvatarLoad {
	width: 170px;
	display: block;
	padding: 0px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


/*======== 各タイトル画像高さ　========*/
.titleDiv{
	width: 200px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/*======== カレンダー系　========*/
/* カレンダーの年月部分 */
#CalThisMonth {
	/* xxxxx 基本的に変更不要 xxxxx */
	width: 200px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	clear: both;
	float: none;
}
/* カレンダーのTable */
#CalTable {
	/* xxxxx 基本的に変更不要 xxxxx */
	width: 170px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	float: none;
	text-align: center;
}
/*======== /カレンダー系　========*/



/*======== プロフィール系　========*/
/* プロフィール全体 */
#AllProfDiv {
	width: 180px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	clear: both;
	float: none;
}

/* プロフィール各タイトル */
.profTitle, .profLeft {
	width: 80px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}

/* プロフィール右 */
.profRight {
	width: 100px;
	display: block;
	margin: 0px;
	float: right;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
}

/* プロフィール（スタイルネーム） */
#ProfName, #ProfSex, #ProfBirth, #ProfLive, #ProfJob {
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


/* -----プロフィール（フリーワードエリア） -----*/
.profBody {
	width: 180px;
	margin: 0px;
	padding: 0px;
	display: block;
	text-align: left;
}

/* お気に入りメンバーに追加ボタン */
.MemberBtn {
	width:180px;
	float: none;
	display: block;
	text-align:center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
/*======== /プロフィール系　========*/



/*======== アクセスカウンター系 ========*/
/* 本体 */
#AccessCounter {
	width: 200px; 
	padding: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
/* 日毎のテキスト */
.dayCounter {
	text-align: right;
	float: right;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	clear: both;
}
/* トータルのテキスト */
.totalCounter {
	text-align: right;
	float: right;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	clear: both;
}
/*======== /アクセスカウンター系 ========*/



/*======== 各BOX共通系 ========*/
/* BOXの本体 */
.boxBody {
	width: 200px;
	display: block;
	text-align: center;
	clear: both;
	float: none;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
/* BOXのテキスト */
.boxBodyText {
	width: 180px;
	padding: 0px;
	clear: both;
	float: none;
	text-align: left;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/* BOXのボトム */
.boxBtm {
	width: 200px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/*======== /各BOX共通系 ========*/


/*======== Freeエリア ========*/
/* フリーエリアBOX */
.boxBody_Free {
	margin-bottom: 5px;
	width: 200px;
	display: block;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.boxBodyText_Free {
	width: 200px;
	display: block;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
/*======== /Freeエリア ========*/


/*======== →アイコン ========*/
.arwLink {
	background-repeat: no-repeat;
	text-align: left;
	padding-right: 0px;
	margin: 0px;
	}
/*======== /→アイコン ========*/


/* ----------------------------------------
 フッター
---------------------------------------- */
/* footerエリア */
#Footer {
	width: 980px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	float: left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/* コピーライトテキスト */
#CopyRight {
	text-align: center;
	display: block;
	float: none;
	clear: both;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}





/* ----------------------------------------
　メインエリア
---------------------------------------- */
/* メインコンテンツタイトルエリア */
.main_title {
	width: 534px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/* メインコンテンツタイトルのテキスト */
.main_titleText {
	display: inline;
	padding: 0px;
	float: left;
	font-weight: bold;
	text-align: left;
	padding-right: 0px;
	padding-bottom: 0px;
}

/* メインコンテンツ本文エリア */
.main_body {
	width: 534px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}
/* メインコンテンツ本文テキスト（▲の中。実際文字が入るエリア。基本中あわせ。） */
.main_bodyText {
	display: inline;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: left;
	float: left;
	overflow: auto;
}


/*======== メインフッター系 ========*/
/* メインコンテンツのフッターエリア */
.main_footer, .comment_footer {
	width: 534px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
}
/* メインコンテンツのフッターテキスト */
.main_footerText {
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: inline;
	float: left;
	text-align: left;
	width: 430px;
}

/* コメントの罫線 */
.commentHr{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding:0px;
	margin:0px;
	display: block;
	clear:both;
	float: none;
	font-size: 1px;
}



/* -----　FORM系　------- */
.formDiv {
	width: 490px;
	padding: 0px;
	margin-top: 6px;
	margin-right: auto;
	margin-bottom: 6px;
	margin-left: auto;
	text-align: center;
	display: block;
}

.formLeft {
	width: 80px;
	float: left;
	text-align: right;
	padding: 0px;
	display: block;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-weight: bold;
}
.formRight {
	width: 400px;
	float: right;
	text-align: left;
	display: block;
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

/* textAreaのサイズ */
.textAreaSize, .inputSize{
	width: 350px;
}

/* textAreaのサイズ */
.textAreaSize2{
	width: 430px;
}

.formColor {
	font-size:80%;
	margin: 0px;
	padding: 0px;
}


/* 削除ボタンなど */
.btn1 {
	display: block;
	text-align: left;
	float: left;
	margin: 0px;
}

/* 確認ボタン */
.btn2 {
	width: 100px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
	text-align: center;
	clear: both;
	float: none;
}

/* トラックバックボタン */
.btn3 {
	width: 218px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
	text-align: center;
	clear: both;
	float: none;
}


/* 2つボタン入れ物 */
.checkBtnsDiv {
	width: 220px;
	height:20px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;
}

/* ----------------------------------------
　ページャー（ブログ記事一覧ページ（TOP）のみ）
---------------------------------------- */
/* ページャーエリア */
.pagerArea {
	width: 534px;
	display: block;
	padding: 0px;
	float: none;
	text-align: left;
	clear: both;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* ページャーテキスト */
.pagerAreaText {
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	text-align: center;
	display: block;
}
/* 前へ */
.pagePrev {
	margin: 0px;
	display: block;
	float: left;
	text-align: left;
}
/* 次へ */
.pageNext {
	margin: 0px;
	display: block;
	float: right;
	text-align: right;
}


/* ----------------------------------------
　その他
---------------------------------------- */

/* 左下RSSボタン */
#RSSbtn {
	width:102px;
	height:15px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	float: none;
	display: block;
	text-align:center;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/*---　ボタンALT非表示　---*/
.hideAlt {
	visibility:hidden;
	font-size: 1px;
}

/* float解除（FireFox対応） */
.floatEnd	{
	padding:0px;
	margin:0px;
	clear:both;
	font-size: 1px;
	}

form
	{
	margin:0px;
	padding:0px;
	}
	
/* error文言 */
.boardError {
	background-position: 0px 7px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 20px;
	height: 18px;
	text-align: left;
	margin: 0px;
	background-image: url(/sw_resource/images/mainArea/alert.gif);
	background-repeat: no-repeat;
	}

.alertBox{
	display: block;
	text-align: center;
	padding: 0px;
	margin-top: 4px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
}
	
/*  Form/hidden項目入れ物 */
#formVals{
	margin:0px;
	padding:0px;
	visibility:hidden;
	font-size: 1px;
	height: 1px;
	}


/* 三連バナー枠 */
#scBnrArea{
	width: 980px;
	padding-top: 8px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
	float: left;
	text-align: center;
	}

/* 三連バナー左 */
.bnr1{
	float: left;
	text-align: left;
	display: block;
	margin: 0px;
	padding-left: 23px;
	}
	
/* 三連バナー中 */
.bnr2{
	float: left;
	text-align: left;
	display: block;
	margin: 0px;
	padding-left: 19px;
	}
	
/* 三連バナー右 */
.bnr3{
	float: left;
	text-align: left;
	display: block;
	margin: 0px;
	padding-left: 11px;
	}

/* 記事０件（TOP） */
#NoArticle{
	float: none;
	text-align: center;
	display: block;
	padding: 0px;
	clear: both;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}