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

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

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


baton_a{margin-right: -50px;}

border: 1px dashed #2a2a2a;}

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

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

}

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

/* カーソルを置いたとき */
a:hover {
	text-decoration: underline; /* 装飾無し */
	color: #ff71db; /* 文字色 */
}

/* イメージリンク */
a img {
	border: 0px; /* 囲み線 */
}

/* 入力エリア、リスト、ボタンの設定 */
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: 750px; /* 幅 */
	margin: 0 auto; /* 中央 */
	background: transparent; /* 背景 */
	border-left: 1px solid #2a2a2a; /* 囲み線 */
	border-right: 1px solid #2a2a2a; /* 囲み線 */

}


/* タイトル */
#title {
	width : 470px; /* 幅 */
	height : 180px; /* 高さ */
	border-bottom: 1px dashed #2a2a2a; /* 囲み線 */
	padding-left: 0px; /* 左余白 */
margin-left:20px;
	padding-bottom: 0px; /* 上余白 */
	font-size: 12px; /* 文字サイズ */
	color: #333333; /* 文字色 */
}

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

}


/*サイドメニューのleftをrightに、記事のrightをleftに書き換えるとサイドメニューが右になります*/

/* サイドメニュー*/
#sidemenu {
	float : right; /* 左寄せ */
	margin-top:-165px; /* 上余白 */

}

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

}


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

}

/* 著作権表示 */
#copyright
 {
	width : 722px; /* 幅 */
	text-align: left; /* 中央 */
	color: #666666; /* 文字色 */
	border-top: 1px dashed #2a2a2a; /* 囲み線 */
padding-top:5px;
font-size: 10px;
padding-left: 28px;
}


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

/*タイトル画像*/
#title{
	background-image : url(http://blog-imgs-37-origin.fc2.com/i/n/f/infinity0217/prp3.png);
	background-position : 100% 90%; /*位置指定*/
	background-repeat : no-repeat; /*繰り返しなし*/}

/*メニュータイトル画像　サイズは幅200px高さ28px*/
.menu_title{
	background-image : url(http://blog-imgs-37-origin.fc2.com/i/n/f/infinity0217/k01.gif);
	background-position : left center; /*位置指定*/
	background-repeat : no-repeat; /*繰り返しなし*/
}

/*記事タイトル画像　サイズは幅460px高さ28px*/
.main_title , .other_title{
	background-image : url(http://blog-imgs-37-origin.fc2.com/i/n/f/infinity0217/k01.gif);
	background-position : left center; /*位置指定*/
	background-repeat : no-repeat; /*繰り返しなし*/
}



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


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

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

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


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


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

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

}

/* メニュー囲み */
.menu_block {
	width : 200px; /* 幅 */
	margin-bottom: 15px; /* 下余白 */
	padding: 10px; /* 上右下左余白 */
	padding-left: 30px; /* 左余白 */
	background: transparent; /* 背景 */
	font-size: 10px;
	line-height:18px;/
padding-right:10px;
margin-top:5px;

}


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

}

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

}

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


/* 記事部分等囲み */
.main_block {
	width : 475px; /* 幅 */
	background: transparent; /* 背景 */
padding-right:20px;
margin-left: 10px;
}

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

}

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

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

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

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

/* 記事部分等本文囲み */
.main_body {
	margin: 10px; /* 上右下左余白 */
padding-left: 20px;
font-size:10px;
}

.main_body img {
	border: 1px #000; /* 囲み線 */
padding:2px;
margin-left:-5px; 
}

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

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


}

.main_next a:hover {
	text-decoration: underline; /* 装飾無し */
	color: #ff71db; /* 文字色 */
}


/* 続きをとじる */
.main_next2 {
	padding-left: 0px; /* 左余白 */
margin-top:12px;
}

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

.main_next2 a:hover {
	text-decoration: underline; /* 装飾無し */
	color: #ff71db; /* 文字色 */
}


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

}

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

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

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

/* こめんとの */
.com_body {
	margin: 10px; /* 上右下左余白 */
padding-left: 10px;
font-size:10px;
padding-top:5px;
}


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


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