*
	{
	margin: 0;
	padding: 0;
	}

body
	{
	color: #333333;
	background: #000000;
	font: bold 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	min-width: 1030px;
	}
a, a:hover { text-decoration:none; }	
a {color:#4d4d4d;}
a:hover {color:#8c8c8c;}  
a img, img { border:none; }
ul { list-style:none; } 
hr { display:none; }
p{text-indent:0;}
br{line-height:1.2;}
.right
	{
	text-align: right;
	}

#container
	{
	background: #8c8c8c url("http://atelier-mogu.com/chanel/img/background.png") repeat-x top left;
	}
#container .frame
	{
	text-align: left;
	width: 882px;
	margin: 0 auto;
	}
#page
	{
	background: #d0d0d0;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	}
#content
	{
	background: #fff;
	padding: 5px 16px 10px 13px;
	border-left: 3px solid #d0d0d0;
	border-right: 3px solid #d0d0d0;
	}

/*********************************************************************************************
	ヘッダー
*********************************************************************************************/

#header
	{
	background: #1a1a1a url("http://atelier-mogu.com/chanel/img/header.png") repeat-x top left;
	width: 100%;
	padding-top: 10px;
	border-bottom: 1px solid #eeeeee;
	}
#header .frame
	{
	text-align: left;
	width: 880px;
	margin: 0 auto;
	}
#header #title
	{
	padding-left: 10px;
	}
#header #title #tagline
	{
	color: #777;
	font-size: 15px;
	margin-left: 2px;
	}
#header #title h1
	{
	font-variant: small-caps;
	font-weight: bold;
	font-size: 34px;
	font-family: arial;
	}
#header #title a
	{
	color: #fff;
	}
#menu
	{
	background: #000 url("http://atelier-mogu.com/chanel/img/menu.png") repeat-x top left;
	border: 3px solid #d0d0d0;
	border-bottom: none;
	height: 67px;
	margin-top: 10px;
	position: relative;
	bottom: -1px;
	}
#basictab
	{
	height: 30px;
	padding-top: 8px;
	margin-left: 10px;
	}
#basictab ul { font:bold small-caps 17px arial; }
#basictab li { display:inline;float:left;padding:0 15px; }
#basictab li a { color:#888; }  
#basictab li a:hover {color:#fff;}

.tgads
	{
	text-align: center;
	margin-top: 10px;
	}

/*********************************************************************************************
	ポスト
*********************************************************************************************/

#posts
	{
	float: right;
	width: 600px;
	margin-top: 10px;
	}
.post
	{
	margin-bottom: 10px;
	}
.post h2
	{
	font: bold 20px sans-serif;
	margin-bottom: 15px;
	}
.post h3
	{
	font: bold 12px sans-serif;
	margin: 16px 0 12px 0;
	border-bottom: 3px double #d0d0d0;
	}
.post h4
	{
	font: bold 12px sans-serif;
	margin: 16px 0 12px 0;
	}
.post h1 a:hover { padding-bottom:2px; }
.post a
	{
	color: #4682b4;
	font: bold 12px;
	}
.post a:hover
	{
	text-decoration: underline;
	}


.post .entry
	{
	text-align: justify;

	}
.post p
	{
	font: normal 13px tahoma;
	line-height: 1.5;
	margin-bottom: 10px;
	}
.post ul
	{
	list-style-type: none;
	margin-bottom: 10px;
	}
.post ul li
	{
	background: url("http://atelier-mogu.com/chanel/img/list_style.gif") no-repeat 0 4px;
	font: normal 11px Verdana;
	margin-bottom: 5px;
	padding-left: 18px;
	}
.post .entry a, .comment { font-variant:small-caps;font-weight:bold; }
.post .entry blockquote { background:#f3f3f3;width:470px;padding:10px;margin-bottom:10px; }   
.post .entry blockquote p { font:italic 11px/17px verdana;margin-bottom:0; }
.post .entry strong { font-style:normal;font-variant:small-caps; }   
.post .entry a:hover, .postmetadata a:hover, .post .date a:hover { text-decoration:underline; }	
.post .more a {color:#fff;font:bold 9px arial;padding:5px 8px;border:1px solid #000;float:left;background:url('design/footer.png') 0 -3px repeat-x;} 
.post .more a:hover {text-decoration:none;}
.postmetadata { font:normal 9px Verdana;margin-bottom:10px;float:left;width:490px;line-height:15px;padding:4px 0 6px 0; } 

.related
	{
	font-size: 11px;
	margin-top: 10px;
	}
.related ul li
	{
	border-bottom: 1px solid #eee;
	padding: 5px 0;
	}
.related ul li a
	{
	font: bold 11px verdana;
	padding-left: 18px;
	}

/*********************************************************************************************
	サイドバー
*********************************************************************************************/

#sidebar
	{
	float: left;
	width: 220px;
	margin-top: 10px;
	}
.left-column, .right-column { width:170px;float:left; }
.right-column { float:right; }
 
#sidebar .box
	{
	margin-bottom: 10px;
	}

#sidebar ul li
	{
	padding: 5px 8px;
	background: #f5f5f5;
	border-bottom: 1px solid #fff;
	}
#sidebar ul li a
	{
	font: bold small-caps 11px verdana;
	}
#sidebar ul li a:hover
	{
	text-decoration: underline;
	}
#sidebar h3
	{
	text-align: left;
	color: #333;
	background: #eee;
	font: bold small-caps 12px tahoma;
	margin-bottom: 1px;
	padding: 5px 8px;
	border: 1px solid #ddd;
	}
.sgads
	{
	background: #f5f5f5;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 20px 0;
	}

h3 ul li {margin:0;padding:0;}




/*********************************************************************************************
	フッター
*********************************************************************************************/

#to-top
	{
	font-size: 12px;
	text-align: right;
	clear: both;
	margin: 30px 0;
	}

#footer
	{
	background: #000 url("http://atelier-mogu.com/chanel/img/footer.png") repeat-x top left;
	width: 100%;
	clear: both;
	font: normal 10px;
	margin: 0 auto;
	padding-bottom: 20px;
	}
#footer .frame
	{
	text-align: left;
	width: 880px;
	margin: 0 auto;
	}
#footer #list
	{
	background: #b2b2b2 url("http://atelier-mogu.com/chanel/img/footer-content.png") repeat-x top left;
	border: 3px solid #d0d0d0;
	border-top: 1px solid #bbb;
	padding: 15px 15px 10px 15px;
	margin: 0 auto 15px auto;
	position: relative;
	}
#footer p, #footer ul li, #footer a { color:#666;line-height:18px; }   
#footer ul li { display:inline;margin-right:5px; } 
#footer ul li a:hover, #footer a:hover { color:#000;text-decoration:underline; }  

/* ---- COMMENTS ---- */

.comments-number { font:bold small-caps 18px tahoma;color:#444;margin-top:10px;float:left;width:490px; }
.comments-number strong { font:bold 180% tahoma;color:#222; }                
.comments-number a { font:bold small-caps 13px arial;bottom:1px;position:relative; }
.commentlist .edit a { font:bold small-caps 10px arial;clear:both;float:left;width:85px;background:#303030;border:1px solid #000;border-right:0;text-align:center;padding:6px 0;position:relative;left:-102px;margin:25px -102px 0 0;color:#fff; }
.commentlist .edit a:hover { text-decoration:underline; }
.commentlist { text-align:justify;margin-bottom:20px; }
.commentlist div { margin-top:14px;padding:0 10px 10px 10px;border:1px solid #d3d3d3;background:#f3f3f3;float:left;width:468px;font-weight:normal; }
.commentlist div .comment-number a  { font:normal 70px/70px tahoma;color:#e3e3e3;float:right;margin-left:10px; }
.commentlist .commentmetadata { font:normal 9px Verdana;float:left;margin:10px 0;width:290px; }	
.commentlist .commentmetadata strong, .commentlist .commentmetadata strong a { font-size:11px;font-variant:small-caps; }
.commentlist p { clear:left;font-size:11px;line-height:15px;font-variant:normal;margin-top:10px; }
.commentlist p a, #commentform a { font:normal 11px arial; }	
#commentform p { margin:5px 0;width:490px; }        
#commentform .border input, #commentform .border textarea { width:200px; padding:4px;margin:1px;_margin:0 1px;border:none;font:normal 13px verdana;border:1px solid #bbb;clear:both;float:left;margin-top:10px;background:#fff url('design/comment_background.gif') repeat-x top left }	
#commentform .border textarea {width:478px;}
#commentform .item { float:left;margin:18px 0 0 10px;width:240px;height:25px;font-size:9px; }
#commentform textarea { width:468px; }      

/* ---- NAVIGATION ---- */

.navigation { background:url('design/comment_background.gif') top left repeat-x;float:left;font:bold small-caps 11px Verdana;width:490px;margin:0 0 10px 0;padding:10px 0; }
.navigation .alignleft { float:left;width:105px;margin-top:3px; }
.navigation .alignleft a { background:url('design/left.gif') top left no-repeat;padding-left:10px; }
.navigation .alignright { float:right;width:100px;text-align:right;margin-top:3px; }
.navigation .alignright a { background:url('design/right.gif') top right no-repeat;padding-right:10px; }
.navigation .aligncenter { float:left;text-align:center;width:275px;font-variant:normal; }
.navigation .aligncenter ul li { display:inline;text-align:center; }
.wp_page_numbers { padding:3px 0; }  
.wp_page_numbers a { padding:2px 4px;margin:1px; }   
.wp_page_numbers a:hover { background:#eee;border:1px solid #ddd;margin:0; } 
.wp_page_numbers li.active_page a, .wp_page_numbers li.active_page a:hover { color:#fff;background:#303030;border:1px solid #000; }
.wp_page_numbers li.active_page a:hover { margin:1px;cursor:text; }

/* ---- CURRENT PAGE ---- */

#current-page { border:1px solid #ccc;padding:8px 10px 10px 10px;text-align:center;margin-bottom:15px;background:#b2b2b2 url('design/footer-content.png') repeat-x top left;font:normal small-caps 12px verdana; }
#current-page b { color:#333;font-size:15px; }

/* ---- PAGE ---- */

#page-body { float:left;width:490px;margin-top:14px; }
#page-body h2 { font:bold small-caps 22px tahoma; }
.page-content { text-align:justify; }
.page-content p, .archives p { font:normal 13px/20px tahoma;margin-bottom:10px; }  
.page-content a, .archives a  {  font-variant:small-caps;font-weight:bold; }
.page-content ul li, .archives ul li { background:url('design/list_style.gif') no-repeat 0 4px;padding-left:18px;font:normal 11px/17px Verdana;margin-bottom:5px; }
.page-content strong, .archives strong { font-style:normal;font-variant:small-caps; }
.archives a:hover { text-decoration:underline;padding-bottom:5px; }

/* ---- PICTURES ---- */

.entry .aligncenter, .entry p a img, .entry p img, .entry img {clear:both;display:block;margin:0 auto 5px auto;}
.entry .alignleft {float: left;}
.entry .alignright {float: right;}                                                                                                                                     
.wp-caption {border:1px solid #ddd;text-align:center;background-color: #f3f3f3;padding-top:4px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.wp-caption-dd, .wp-caption p.wp-caption-text {font-size:11px;line-height:17px;padding:0 5px 5px 5px;margin:0;}	

/*******************************************************************************************
	テーブル
*******************************************************************************************/
table.display
	{
	table-layout: fixed;
	border: none;
	}
td.displayl
	{
	width: 155px;
	text-align: center;
	border: 2px dotted #FF7700;
	}
td.displayr
	{
	padding: 4px;
	border: 1px solid #CCCCDD;
	}
/* トップページ
------------------------------------------------------------ */
div.top {
	width: 100%;
}
div.top1 {
	float: left;
	width: 260px;
	padding:0px 0px 0px 20px;
}
div.top2 {
	float: left;
	width: 260px;
	padding:0px 0px 0px 20px;
}
div.top3 {
	float: left;
	width: 150px;
	text-align: center;
}
div.top4 {
	float: left;
	width: 370px;
}