/*
Theme Name: NINES BLOG WHITE
Description: NINES BLOGのテンプレート（白）
Author: NINES
*/


/* ++++++ LINK Setting ++++++ */

a:link{
	color:#6C7F8C;
	text-decoration:underline;
}

a:visited{
	color:#6C7F8C;
	text-decoration:underline;
}

a:hover{
	color:#4D4D4D;
	text-decoration:none;
}

a:active {
    color:#000;
	text-decoration:none;
}


/* ++++++ ヘッダー部分のデザイン ++++++ */
#outer{
	width:1000px;
	margin:0 auto;
	text-align:left;
	background-color:#FFF;
	padding-left:10px;
}

#outer div#header{
	width:800px;
	margin:10px 0 5px 0;
	background-color:#FFF;
}

#header h1{
	float:left;
}

#header p.m_magazine{
	text-align:right;
}

#header ul{
	width:800px;
	height:100%;
}

#header ul li{
	font-size:0;
	line-height:0;
	float:left;
	background-color:#FFF;
}

#header ul li a{
	outline:0;
}

#outer div#main{
	clear:both;
	padding-top:5px;
	height:100%;
}

#main div#contents{
	width:798px;
	float:left;
	background-color: #fafafa;
    border:1px solid #E5E5E5;
}

#contents div#blog_contents{
	clear:both;
    width: 100%;
}

#main #contents h1{
	text-indent:-999px;
	width:800px;
	height:100px;
	padding-bottom:5px;
	background:url(images/bnr_blog.jpg) no-repeat left top;
}

#main div#blog_header {
	background-color: #fafafa;
    padding:20px 1px 20px 20px;
    width:777px;
    height: 70px;
    border-bottom:  2px solid #8C8C8C;
	}

#main div#blog_header h2	{
	font-size: 1.4em;
	font-family: 'Trebuchet MS',Helvetica,sans-serif;
    border-bottom: dotted 1px #8C8C8C;
    padding-bottom: 5px;
	}

#main div#blog_header h2 a	{
	color: #383838;
	text-decoration: none;
	}

#main div#subtitle {
    width: 779px;
    clear:both;
	font-size: 12px;
}

#main div#blog_description	{
	width: 500px;
    float: left;
	color: #383838;
	text-decoration: none;
	margin-top: 15px;
	}

#rss_icon {
    width:279;
    float: right;
	margin-top: 15px;
    margin-right: 85px;
	}
	
/* ++++++ コンテンツ部分のデザイン ++++++ */


#main div#post {
    float:left;
    padding: 20px;
    margin:0px;
    width:555px;
    border-right: 1px solid #737373;
}

#main div#post h3	{
	font-size: 0.875em;
	border-bottom: solid 1px #8C8C8C;
	padding: 15px 0px 10px;
	}

#main div#post h3 a	{
	text-decoration: none;
	}

#main div#post h3 a:hover	{
	text-decoration: none;
	}

#main div#post p{
    font-size: 11px;
    line-height: 20px;
    color: #383838;
    margin:10px 0px;
}

#main div#post ul, ol{
    font-size: 11px;
    margin:10px 0px;
    margin:auto -2em 1em 0; padding:0;
    position:relative; left:-2em; overflow:hidden;
}

#main div#post li{margin-top:0.25em; margin-bottom:0.25em;}
#main div#post ul ul, ul ol, ol ol, ol ul{ margin-left:1em; padding-left:0;}
#main div#post ul li, ol li{ margin-left:5em;}
#main div#post ol li { list-style: decimal;}
#main div#post ul li { list-style: circle;}


#main div#post p	img {
/*    background-color:#E5E5E5; */
/*    border:1px solid #FFFFFF; */
    margin:5px;
    padding:5px;
	}

#main div#post blockquote {
    border-left :3px solid #E5E5E5;
    padding-left:10px;
	}

#main div#post .postmetadata {
    background-color:#e5e5e5;
    font-size:10px;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    }

#main div#post .postmetadata a{
	text-decoration: none;
    }

#main div#post .postmetadata a:hover{
	text-decoration: none;
    }

#main div#pagenav	{
    width:760px;
	text-align: center;
    padding: 20px;
    border-top: 1px solid #E5E5E5;
	font-size: 14px;
    clear: both;
	}

/* ++++++ サイドバー部分のデザイン ++++++ */

#main div#sidebar {
    width:195px;
    margin:0px;
    padding: 2px 2px 0px;
    float:right;
    font-size:11px;
	line-height: 135%;
	color: #737373;
}

#main div#sidebar h2	{
	font-size: 1em;
	margin: 0;
	padding: 6px 5px;
	border-bottom: solid 1px #737373;
	}

#main div#sidebar ul	{
	list-style-type: square;
	margin: 3px 5px 20px 5px;
	padding: 0;
	}

#main div#sidebar ul li	{
    margin:8px 0px 0px 10px;
	}

#main div#sidebar ul li	a{
	text-decoration: none;
	}

#main div#sidebar ul li	a:hover{
	text-decoration: underline;
	}

#main div#profile ul .profile_image	{
    width: 185px;
	text-align: center;
    list-style-type: none;
    background-color:#FFF;
    margin:0px;
    padding:10px 0 10px 0;
	}

#main div#profile ul li .profile_image	{
	text-align: center;
    list-style-type: none;
	}

#main div#profile ul .name	{
    list-style-type: none;
    margin:8px 0px 0px 0px;
    width: 185px;
	}

#main div#profile ul .description	{
    font-size: 10px;
    margin:8px 0px 0px 0px;
    list-style-type: none;
	}

/* カレンダー */
#main div#sidebar #calendar table	{
	width: 100%;
	text-align: center;
	color: #000000;
	border-collapse: collapse;
	margin-bottom: 20px;
	}

#main div#sidebar #calendar th, #calendar td	{
	padding: 5px 0;
	border: solid 1px #000000;
	}

#main div#sidebar #calendar a	{
	text-decoration: none;
	color: #3366aa;
	}

#main div#sidebar #calendar caption	{
	padding: 3px 0;
	}

#main div#sidebar #calendar tfoot td	{
	border: none;
	}

#main div#sidebar #calendar tfoot td#prev	{
	text-align: left;
	}

#main div#sidebar #calendar tfoot td#next	{
	text-align: right;
	}


/* ++++++ コメント部分のデザイン ++++++ */

#comments h3	{
	font-size: 0.75em;
	border-bottom: solid 2px #737373;
	padding-bottom: 5px;
	}

.com	{
	font-size: 11px;
	border-bottom: dotted 2px #737373;
	padding: 8px;
	margin-bottom: 12px;
	}

.com p	{
	margin: 5px 0;
	}

.commeta	{
	font-size: 9px;
	text-align: right;
	}

#tb	{
	font-size: 11px;
	border: solid 1px #737373;
	padding: 8px;
	line-height: 150%;
	}

#commentform	{
	font-size: 0.75em;
	}



/* ++++++ フッター部分のデザイン ++++++ */

#outer div#footer{
	clear:both;
	width:800px;
	text-align:left;
	padding-bottom:20px;
	border-top:solid 1px #999;
	position:relative;
	top:20px;
	left:0;
}

#outer #footer #f-navi{
	padding-top:10px;

}

#outer #footer #f-navi ul{
	float:left;
	background-color:#000;
	font-size:12px;
	color:#FFF;
	line-height:120%;
	padding:8px;
	width:784px;
	height:100%;
	margin:0: auto;
}

#outer #footer #f-navi ul li{
	float:left;
	border-right:solid 1px #FFF;
	padding:0 8px;
	height:100%;
}

#outer #footer #f-navi ul li.navi-last{
	border:none;
}
#outer #footer #f-navi ul li a {
	color:#FFF;
}

#outer #footer #f-navi p.f-logo{
	position:absolute;
	top:15px;
	left:700px;
	clear:both;
}

#outer #footer #copy{
	clear:both;
	font-size:10px;
	text-align:center;
	color:#666;
	padding-top:10px;
}


/* ++++++ AD部分のデザイン ++++++ */

#main div#ad{
	width:200px;
	float:right;
}

#main div#ad img{
	margin-left:20px;		
}

#main div#ad p.bnrFla{
	padding-left:20px;	
}

#main div#b-bnr{
	clear:both;
	height:100%;
}


