/* CSS Document */

/*
Theme Name: FLANNEL SOFA
Theme URI: http://www.flannelsofa.com/
Description: フランネルソファ2011専用テーマ
Version: 1.0
Author: MURAKAMI
Author URI: http://www.flannelsofa.com/
Tags: Simple

*/

/**************** Body *********************/
*{margin:0; padding:0;}

body ul{
list-style:none;
}



/**************** Links *********************/
a:link{
	color:#231F20;
	text-decoration:none;
}
a:visited{
	color:#231F20;
	text-decoration:none;
}
a:hover{
	color:#000000;
	text-decoration:underline;
}

/**************** Header *********************/

/**************** Pankuz *********************/

/**************** For project *********************/


h1#project{
	background-position: 10px 2px;
	background-image:url(//www.flannelsofa.com/project_flannel/img/logo_project.png);
	width:241px;
	background-repeat:no-repeat;
	text-indent:-7777px;
	height:40px;
	float:left;
}
#wrap-content h2.main-photo{
	margin-top:20px;
	padding:4px;
	border:1px solid #d2d2d2;
	background:#fff;
}
/* メインコンテンツここから */
.project-box{
	width:1000px;
	display:block;
	border-bottom:none;
}
.project-box .copy1{
	width:838px;
	padding:40px 80px;
	border:1px solid #d2d2d2;
	border-top:none;
	background:#fff;
	border-top:none;
}
.project-box h3.caption{
	font-size:170%;
	font-weight:bold;
}
.project-box .copy1 p.text{
	margin-top:20px;
}
.main-box{
	width:920px;
	padding:60px 40px;
	margin:20px 0px 0px 0px;
	display: flex;
}
/* バナーコンテンツここから */
.project-banner-box{
	width:918px;
	height:611px;
	border:1px solid #d2d2d2;
	padding:40px;
	background:#fff;
}
.banner-box{
	width:302px;
	height:302px;
	background:#fff;
	float:left;
	display:block;
	border:1px solid #d2d2d2;
	position:relative;
}
.banner-box-left{
	margin-bottom:3px;
	margin-right:3px;
}
.banner-box-right{
	margin-bottom:3px;
}
.banner-box .image{
	padding:2px;
}
.banner-box p.text{
	width:282px;
	font-size:11px;
	margin:10px;
	color:#707070;
}
.banner-box a.arrow1{
	color:#707070;
}
.banner-box a.arrow4{
	position:absolute;
	width:100px;
	left:0;
	top:0;
	margin:275px 10px 0 10px;
}



/**************** Navigation *********************/
#navigation{
	text-transform:uppercase;
	float:left;
}
.page_item a:link, .page_item a:visited{color: #666666; margin-bottom:10px;  width:190px; display:block; }
.page_item a:hover {color:#cccccc;}
.current_page_item a:link, .current_page_item a:visited{color: #cccccc; padding:8px 5px 5px 10px; height:19px; width:190px;display:block;}


/**************** LeftNavigation *********************/
#leftnav{
	float:left;
	width:200px;
	font-size:11px;
}
#leftnav ul{
	padding-left:5px;
	list-style:none;
}
#leftnav li{
	padding-bottom:3px;
}
#leftnav li a{
	display:block;
	padding:0px;
	padding:1px 0 1px 5px;
	border-left:4px solid #9A9CA6;
	text-decoration:none;
}
#leftnav li a:hover{
	display:block;
	padding:0px;
	padding:1px 0 1px 5px;
	border-left:4px solid #231F20;
	text-decoration:none;
}
#leftnav ul ul{
	margin-top:5px;
}
#leftnav ul ul li a{
	display:block;
	padding:0px;
	padding:1px 0 1px 0px;
	border:none;
}

/**************** left_archive*********************/
#left_archive{
/*	float:left;*/
	width:215px;
	font-size:11px;
　　　line-height:15px;
	padding-left:0px;
}
#left_archive h5{
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 5px 0px;
}
#left_archive ul{
	list-style:none;
}
#left_archive li{
	padding-bottom:1px;
	list-style:none;
}
#left_archive li a{
	display:block;
	padding:0px 0px 1px 2px;
	text-decoration:none;
}
#left_archive li a:hover{
	display:block;
	padding:0px 0px 1px 2px;
    　　color:#666666;
	text-decoration:none;
}


/**************** Concept *********************/
#concept{
	width:600px;
	margin:0 -15px 0 200px ;
}
#concept h4{
	font-size:14px;
	margin:15px 0px 13px 0px;
}
#concept p{
	font-size:12px;
	margin:2px 0px;
}
/**************** MainFrame *********************/
#headline{
	padding:3px 0px;
	margin-bottom:15px;
    border-bottom:solid 1px #CCCCCC;
	width:540px;
}
.maintitle{
/*	float:left;*/
	margin-right: 10px;
	font-size:14px;
}
.count{
	font-size:11px;
}
#mainitem{
	position:relative;
	width:540px;
/*	float:left;*/
	margin:0px 0px 0px 0px;
}

#about{
	width:135px;
	margin:0px -20px 0px 25px;
	padding:0px 0px 0px 14px;
	border-left:solid 1px #CCCCCC;
	float: left;
}
#about h5{
	margin:5px 0px;
	font-size:12px;
}
#about p{
	font-size:11px;
	color:#666666;
}
.about_link{
	margin:2px 0px 15px 0px;
	font-size:11px;
	text-align:right;
}
.about_link a,.about_link a:visited{
	color: #006600;
	text-decoration:underline;
}

/**************** Content *********************/

.item{
	padding-bottom:10px;
	clear:left;
    overflow: hidden;
}
.item:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
.itemtext{
	margin-left:130px;
	width: 400px;
	font-size: 12px;
}
.itemdate{
	font-size: 12px;
	text-align:right;
}
.itemtitle{
	font-size: 16px;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
}
.itemauthor{
	font-size: 12px;
	color: #006600;
	margin-bottom: 10px;
}
.itemauthor a,.itemauthor a:visited{
	font-size: 12px;
	color: #006600;
}
#content {
	width:600px;
	float:left;
	margin:0px -10px 0px 200px;
}
.comments { 
	padding-left:20px;
}
.info { 
	padding:2px 0px;
	font-size:11px;
	margin:3px 0px;
	text-align:right;
}
.entry h2{
	padding-bottom:3px;
        margin-bottom:3px;
        border-bottom:solid 1px #999999;
	font-size:16px;
}
.entry h2 a {
	font-size:14px;
}
.entry p{
	padding:0 0 10px 0;
}
.post{
	padding:0px 20px 10px 0px;
	text-align:justify;
	font-size:12px;
	margin-bottom:20px;
	line-height:20px;
	color: #333333;
}
.entry img {
	margin:0 0px 10px 0px;
}

.new {
	right top no-repeat;
}

html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.meta { padding:5px; font-size:11px; line-height:22px; text-transform:uppercase; font-weight:bold;}




.tags {　padding-left:24px;}
.cats{
	font-size: 12px;
	color: #006600;
	margin: 0px 0px 10px 0px;
}
.cats a,.cats a:link,.cats a:visited,.cats a:hover{
	color: #006600;
}

/**************** Comments *********************/
#commentsbox{
	width:540px;
	margin-top:100px;
}
#commentsbox h3{
	font-size:11px;
	color:#666666;
	border-bottom:solid 1px #999999;
	margin-bottom:5px;
	padding-bottom:5px;
}

#commentsbox p.formbox{
	margin:10px 0px;
}

.login{
	color:#006600;
}
.input_text{
	float:right;
	width:360px;
}
.com{
	font-size:12px;
	border-bottom:dotted 1px #999999;
	padding-bottom:8px;
	margin-bottom:12px;
}
.com p{
	margin:1px 0px;
}
.commeta{
	color:#666666;

}
.commeta a,.commeta a:visited{
	color:#666666;

}
#commentform{
	font-size:11px;
}

/**************** NavLink *********************/

.navlink{
	text-align:center;
}

/**************** Footer *********************/

/**************** pagebar *********************/
.pagebar {
    font-size:14px;
	padding: 0.2em 0.5em;
    margin-top: 3em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	text-decoration: none;
}

.pagebar a,.pageList .this-page {
	text-decoration: none;
	padding: 0.4em 0.5em 0.2em 0.5em;
}

.pagebar a:visited {
	text-decoration: none;
	padding: 0.4em 0.5em 0.2em 0.5em;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	border: 1px solid #2E6AB1;
	padding: 0.4em 0.5em 0.2em 0.5em;
	font-weight: bold;
	background: #707070;
	color: #fff;
}

.pagebar a:hover {
	border-color: #999;
}

.pagebar .inactive{
   color: #999;
   text-decoration: none;
   padding: 0.4em 0.5em 0.2em 0.5em;
}

/**************** back *********************/

.backing a:link {
	border: 1px solid #666;
	text-decoration: none;
	padding: 0.3em 0.5em 0.2em 0.5em;
}
.backing a:visited{
	border: 1px solid #666;
	text-decoration: none;
	padding: 0.3em 0.5em 0.2em 0.5em;
}
}
.backing a:active{
	border: 1px solid #666;
	text-decoration: none;
	padding: 0.3em 0.5em 0.2em 0.5em;
}

.backing a:hover {
        border: 1px solid #999;
}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 1px solid #666666; }
blockquote cite { margin: 5px 0 0; display: block; }

.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right; padding:20px; margin-right:20px; font-size:11px; clear:both;}
.alignleft{float:left; padding:20px; margin-left:20px; font-size:11px; clear:both;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;}
code {font-size:12px; font-family:Tahoma; color: #6C6C6C; display:block; padding:10px; margin:10px 0 10px 0; border:1px solid #3F3F3F;}

/**************** avatar *********************/
.gravs {margin-top:20px; padding:0 15px 0 15px;}
.avatar {float:left; margin-right:10px; padding:3px;  border:1px solid #191919;}