/****************************************************************
DLありがとうございます♪
当テンプレはI.E. 7.0 / Sleipnir 2.5.14 / Opera 9.2 / Firefox 2 / Netscape7.1にて動作確認済みです。
カスタマイズはご自由にどうぞ。著作権表示は残していただけるとありがたいです。
不具合・質問等ありましたらブログコメントにてお願いいたします。
カスタマイズの仕方等も出来る範囲でお教えしますのでお気軽に★

★メニュー表示について★
＃左メニューにはプラグインカテゴリ1のもの、右メニューにはプラグインカテゴリ2・3のものが
　表示されます
＃メニュー・本文・メニューの並びを、本文・メニュー・メニューに変更することもできます
　スタイルシートのレイアウト設定の部分をご覧下さい

2008.03　未姫＠Maple+
　　　　　　　　　　　　　　　http://maplestory.blog3.fc2.com/
****************************************************************/




/*スタイルシート設定*******************************************/




/* html（スクロールバーの色設定が反映されるのはIEのみ） */
html {
	scrollbar-face-color: #ffffff; /* バーの色 */
	scrollbar-3dlight-color: #ffffff; /* 左上外側ライン */
	scrollbar-highlight-color: #ffffff; /* 左上内側ライン */
	scrollbar-shadow-color: #ffffff; /* 右下内側ライン */
	scrollbar-darkshadow-color: #ffffff; /* 右下外側ライン */
	scrollbar-arrow-color: #666666; /* 矢印 */
	scrollbar-track-color: #ffffff; /* トラック部分 */
}

/* ボディ */
body{
	margin: 0; /* サイトの余白無し */
	line-height:20px; /* 行の高さ */
	font-size: 12px; /* 文字サイズ */
	font-family: Verdana; /* 文字種類 */
	color: #333333; /* 文字色 */

}

/* リンク */
a {
	text-decoration: underline; /* 装飾無し */
	color: #808080; /* 文字色 */
}

/* カーソルを置いたとき */
a:hover {
	text-decoration: none; /* 装飾無し */
	visibility : visible;float : none;clear : none;
	position : relative;top : 1pt;left :0pt;　/* 触れたときの文字の動き */
	color: #333333; /* 文字色 */
}

/* イメージリンク */
a img {
	border : none; /* 線無し */
}

/* 入力エリア、リスト、ボタンの設定 */
input,textarea,select,button,submit {
	color: #333333; /* 文字色 */
	background: transparent; /* 背景 */
	border: 1px solid #888888; /* 枠線 */
}

/* テーブルセル全般 */
th,td {
	vertical-align: top; /* 上寄せ */
}

/* 絵文字 */
img.emoji {
	vertical-align: middle; /* 中央 */
	border: 0; /* 線無し */
}



/*レイアウト設定----------------------------------------------*/


/* 外枠 */
#container {
	position:relative;
	width: 900px; /* 幅 */
	margin: 0 auto; /* 中央 */
	background: transparent; /* 背景 */
}


/* タイトル */
#title {
	width : 895px; /* 幅 */
	height : 200px; /* 高さ */
	border: 1px solid #2a2a2a; /* 囲み線 */
	margin-left: 0px; /* 左余白 */
	font-size: 12px; /* 文字サイズ */
	color: #000000; /* 文字色 */
}

/* 検索 */
#search {	
	text-align: left; /* 右寄せ */

}



/* 左サイドメニュー ：： leftをrightに書き換えるとメニューが右に2列並べられます*/
#sidemenu1 {
	float : left; /* 左寄せ */
	margin-top:10px; /* 上余白 */
	margin-right:5px; /* 右余白 */
}


/* 右サイドメニュー */
#sidemenu2 {
	float : right; /* 右寄せ */
	margin-top:10px; /* 上余白 */
	margin-right:5px; /* 右余白 */

}

/* 記事 */
#main {
	float : left; /* 左寄せ */
	margin-top:10px; /* 上余白 */
	margin-right:5px; /* 右余白 */

}


/* フッター */
#siteinfo {
	width : 900px; /* 幅 */
	clear : both; /* 回り込み解除 */
	text-align: center; /* 中央 */
	font-size: 12px; /* 文字サイズ */
}

/* 著作権表示 */
#copyright
 {
	width : 900px; /* 幅 */
	text-align: center; /* 中央 */
	color: #666666; /* 文字色 */
}


/*画像設定------------------------------------------------
　　画像を変えたい場合は、url()内の画像の参照先を変更してください。
　　タイトル画像に関しては画像幅は895px以下ですと余白が出来ます。
　　　　　　　　　　------------------------------------------------*/

/*タイトル画像*/
#title{
	background-image : url(http://blog-imgs-67.fc2.com/h/e/l/hellomai0802/20140407075555.jpg);
	background-position : right top; /*位置指定*/
	background-repeat : no-repeat; /*繰り返しなし*/}

/*メニュータイトル画像：設定していません　サイズは幅200px高さ28px*/
.menu_title1 , .menu_title2{
	background-image : url();
	background-position : right top; /*位置指定*/
	background-repeat : no-repeat; /*繰り返しなし*/
}

/*記事タイトル画像　サイズは幅460px高さ28px*/
.main_title , .other_title{
	background-image : url(http://blog-imgs-67.fc2.com/h/e/l/hellomai0802/201404070709222.jpg);
	background-position : right top; /*位置指定*/
	background-repeat : no-repeat; /*繰り返しなし*/
}



/*タイトル設定------------------------------------------------*/


/* ブログタイトル */
.blog_title {
	font-size: 16px; /* 文字サイズ */
	font-weight: bold; /* 太字 */
	text-align:left;　/*左寄せ*/
	margin-top:5px;　/*上余白*/
	padding-left: 5px; /* 左余白 */
	letter-spacing:10px;　/*文字間隔*/
}

/* リンク */
.blog_title a {
	border: 0; /* 線無し初期化 */
	text-decoration: none; /* 下線 */
	color: #000000; /* 文字色 */
}

/* カーソルを置いたとき */
.blog_title a:hover {
	text-decoration: none; /* 下線 */
	background-color:transparent; /* 背景：透明 */
	border: 0; /* 線無し初期化 */
	color: #ffffff; /* 文字色 */
}


/* サブタイトル */
.intro {
	text-align:left; /* 文字左寄せ */
	padding-left: 10px; /* 左余白 */
	letter-spacing:2px; /* 文字間隔 */
	color: #333333; /* 文字色 */
}


/*サイドメニュー設定--------------------------------------------*/

/* 左メニュータイトル */
.menu_title1 {
	width : 200px; /* 幅 */
	height:28px; /* 高さ */
	line-height:28px;/* 行高さ：文字が真ん中にくるように設定しています */
	margin-bottom: 1px; /* 下余白 */
	padding-right: 5px; /* 右余白 */
	padding-left: 5px; /* 左余白 */
	font-weight: bold; /* 太字 */
	border: 1px solid #2a2a2a; /* 囲み線 */
	color: #666666; /* 文字色 */
	font-size: 12px; /* 文字サイズ */


}

/* 左メニュー囲み */
.menu_block1 {
	width : 200px; /* 幅 */
	margin-bottom: 10px; /* 下余白 */
	padding: 5px; /* 上右下左余白 */
	background: transparent; /* 背景 */

}

/* 右メニュータイトル */
.menu_title2 {
	width : 200px; /* 幅 */
	height:28px; /* 高さ */
	line-height:28px;/* 行高さ：文字が真ん中にくるように設定しています */
	margin-bottom: 1px; /* 下余白 */
	padding-right: 5px; /* 右余白 */
	padding-left: 5px; /* 左余白 */
	font-weight: bold; /* 太字 */
	border: 1px solid #2a2a2a; /* 囲み線 */
	color: #666666; /* 文字色 */
	font-size: 12px; /* 文字サイズ */


}

/* 右メニュー囲み */
.menu_block2 {
	width : 200px; /* 幅 */
	margin-bottom: 10px; /* 下余白 */
	padding: 5px; /* 上右下左余白 */
	background: transparent; /* 背景 */

}

/* メニューリスト親要素 */
ul {
	margin: 0; /* 余白無し */
	padding: 0; /* 余白無し */
	list-style-type: none; /* マーカー無し */
}

/* メニューリスト子要素 */
li {
	padding-left: 0px; /* 左余白 */

}




/*記事部分等設定----------------------------------------------*/



/* 記事部分等囲み */
.main_block {
	width : 460px; /* 幅 */
	background: transparent; /* 背景 */
}

/* カーソルを置いたとき */
.main_block a:hover {
	color: #ffffff ; /* 文字色 */
}


/* 記事タイトル */
.main_title {
	height:28px; /* 高さ */
	line-height:28px;/* 行高さ：文字が真ん中にくるように設定しています */
	margin-bottom: 5px; /* 下余白 */
	padding-left: 5px; /* 左余白 */
	border: 0; /* 線無し初期化 */
	border: 1px solid #2a2a2a; /* 囲み線 */
	font-size: 12px; /* 文字サイズ */
	font-weight: bold; /* 太字 */
	color: #666666; /* 文字色 */
	letter-spacing:1px;/* 文字間隔 */

}

/* リンク */
.main_title a {
	text-decoration: none; /* 装飾無し */
	color: #333333; /* 文字色 */
	border: 0; /* 線無し初期化 */
}

/* 記事日付 */
.entry_day {
	text-align: right; /* 右寄せ */
	font-size: 11px; /* 文字サイズ */
	color: #666666; /* 文字色 */
	font-weight: normal; /* 太字 */
	letter-spacing:0px;/* 文字間隔 */
}

/* その他タイトル */
.other_title {
	height:28px; /* 高さ */
	line-height:28px;/* 行高さ：文字が真ん中にくるように設定しています */
	border: 1px solid #2a2a2a; /* 囲み線 */
	padding-left: 5px; /* 左余白 */
	margin-bottom: 10px; /* 下余白 */
	font-size: 12px; /* 文字サイズ */
	font-weight: bold; /* 太字 */
	color: #666666; /* 文字色 */
}

/* リンク */
.other_title a {
	text-decoration: none; /* 装飾無し */
	border: 0; /* 線無し初期化 */
	color: #666666; /* 文字色 */
}

/* 記事部分等本文囲み */
.main_body {
	margin: 15px; /* 上右下左余白 */
}

/* 続きを読む */
.main_next {
	padding-left: 5px; /* 左余白 */
}

.main_next a{
	text-decoration: none; /* 装飾無し */
	border: 0; /* 線無し初期化 */
}

/* 記事ステータス */
.main_state {
	margin-bottom: 20px; /* 下余白 */
	text-align: right; /* 右寄せ */
	font-size: 11px; /* 文字サイズ */

}

/* コメント、トラックバック囲み */
.comment_block {
	margin-bottom: 10px; /* 下余白 */
	border-bottom: 1px dotted #888888; /* 下点線 */
}

/* コメント、トラックバックタイトル */
.comment_title {
	padding-left: 5px; /* 左余白 */
}

/* コメント、トラックバックステータス */
.comment_state {
	text-align: right; /* 右寄せ */
	font-size: 11px; /* 文字サイズ */
}




/*その他------------------------------------------------------*/


/* ページ移動 */
.page_navi {
	width : 460px; /* 幅 */
	margin-bottom: 20px; /* 下余白 */
	text-align: center; /* 文字中央 */
}