/*  
Theme Name: Luft Blog
Theme URI: http://wordpress.org/
Description: Luft
Version: 
Author: Luft
Author URI: http://www.luft.co.jp/
*/


/* =================================== */
/* 全体の設定 */
/* =================================== */
html {
	_background: url(null) fixed;
}

body {
	_background: url(null) fixed;
}

body{
	margin:0px;
	padding:0px;
	background:repeat-x /*left top*/ #fafafa;
	font-family:"ＭＳ Ｐゴシック",sans-serif,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3";
	color:#8D8D8D;
	line-height:2;
	text-align:center;
	font-size: 12px;
}

p,h1,h2,h3,option,form,input,table,tr,th,td,caption,ul,li,dl,dt,dd,img{
	margin:0px;
	padding:0px;
}

p{
clear:both;
}

img{
	border:0px;
}

li{
	list-style:none;
}

a{
	color: #8D8D8D;
	text-decoration: none;
}

a:hover{
	color:#ffffff;
	background:#c0d5b1;
}

#wrap{
	margin:0px auto;
padding-top:20px;
	width:860px;
	text-align:left;
}

#wrap2{
	background:url('images/back01.gif') repeat-y center #ffffff;
font-size:90%;
}

#head{
	margin:0px 0px 50px 0px;
	width:860px;
}

.clear{
	clear:both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix{
	display:inline-block;
}


/* =================================== */
/* main 記事部分の設定 */
/* =================================== */
#main{
	width:647px;
	float:left;	
}

/* 月の表示 */
.month{
	width:150px;
	margin:0px 0px 35px 29px;
}

/* 月の表示(エラーページ) */
.month2{
	width:150px;
	margin:0px 0px 0px 29px;
}

.entry{
	width:550px;
	margin:0px 0px 100px 29px;
}

.entry img{
	/*margin-bottom: 5px;*/
border-bottom:5px solid #fff;
}


/* 記事タイトル */
.entrytop {
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	background: url(images/line01.gif) repeat-x left bottom;
	position:relative;
	width:550px;
	}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	width:450px;
}

h2 a{
color:#666666;
}

/* entrytop上部 */
.posted{
	font-weight:normal;
	text-align: right;
	color: #999999;
	position:absolute;
	bottom:20px;
	right:0px;
}

/*Filed under*/
.filedunder{
	text-align:right;
	font-size:10px;
	color: #999999;
	}

/* 記事本文 */
.content{
/*letter-spacing:0.1em;*/
}

.content p{
	margin-bottom: 10px;
	line-height:1.7;
}

.pagelink{
	margin:0px 30px 50px 38px;
}


/* 日付 */
.posted{
	font-weight:normal;
	text-align: right;
	color: #999999;
	position:absolute;
	bottom:20px;
	right:0px;
}

/* 記事本文 */
.content{
	margin-bottom: 10px;
	line-height:1.9;
}

.content a{
color:#339933;
}

.content a:hover{
color:#ffffff;
}

.pagelink{
	text-align:right;
	margin-right:30px;
	margin-top:30px;
}

.pagelink .back{
}

.pagelink .next{
	padding-left:17px;
}



/* =================================== */
/* side サイドバーの設定 */
/* =================================== */
#side{
	margin:0px 0px 100px 0px;
	width:213px;
	text-align:left;
	float:right;
line-height:1.7;
}


/* カレンダー */
.calender{
	margin:0px 29px 0px 0px;
	width:184px;
	/*text-align:center;*/
	padding:0px 0px 0px 0px;
}



/* サイドメニュー */
.aboutus{
	width:184px;
	margin:40px 29px 0px 0px;
	line-height:1.5;
}

.aboutus #luft{
	padding:0px 0px 0px 8px;
	margin:15px 0px 8px 0px;
	width:150;
	background:url(images/luftline.gif) repeat-y left top;
}

.aboutus #luft{
line-height:1.1;
}

.aboutus #luft p{
	margin:0px 0px 0px 0px;
}			

.aboutus #luft p#info{
margin-top:5px;
color:#666666;
}


.aboutus #luft p#info a{
color:#666666;
}

.aboutus #luft p#info a:hover{
color:#ffffff;
}

.aboutus #luft p.tel{
	margin:0px 0px 0px 0px;
	position:relative;
	top:-14px;
	left:90px;
}	
.archive{
	width:184px;
	margin:40px 29px 0px 0px;
	font-size:12px;
}

.category{
	width:184px;
	margin:40px 29px 0px 0px;
	font-size:12px;
}

.member{
	width:184px;
	margin:40px 29px 0px 0px;
}

.mobile{
	width:184px;
	margin:40px 29px 0px 0px;
position:relative;
}

.mobile span{
position:absolute;
top:49px;
left:68px;
font-size:10px;
line-height:1.3;
desplay:block;
width:130px;
}

.works{
	width:184px;
	margin:40px 29px 0px 0px;
}

/*.banner{
	margin-top:7px;
}*/

h3{
	margin:0px 0px 10px 0px;
}

h3 img{
	margin:0px 0px 0px 0px;
}


/* =================================== */
/* buttonの設定 */
/* =================================== */
#button{
	padding:0px 0px 0px 0px;
	clear:both;
	width:860px;
	height:40px;
}
.button2{
background:url('images/buttonback.gif') no-repeat 30px 0px;
	width:647px;
	height:40px;
	float:left;
}

.top{
	width:213px;
	text-align:right;
	float:right;
}

.prev{
	float:left;
	margin-left:30px;
}

.next{
	margin-right:67px;
	float:right;
}


/* footCopr */
#footCopr{
	margin:0px 0px 20px 0px;
	background-image:none;
	background-color:#fafafa;
	position:relative;
	height:33px;
}

.official{
	position:absolute;
	top:14px;
	left:5px;
}

.copyright{
	position:absolute;
	top:0px;
	left:0px;
}

#foot{
background:url('images/back-foot.gif') no-repeat top;
padding-top:135px;
position:relative;
}

/* マイナス6バナー */
.team-6{
position:absolute;
top:30px;
left:639px;
width:190px;
height:50px;
overflow:hidden;
}

.team-6 a{
color:#ffffff;
}

/* =================================== */
/* company informationの設定 */
/* =================================== */
.company{
	width:550px;
	margin-top:20px;
}

.company th{
	width:150px;
	text-align:left;
	font-weight:normal;
	padding:20px 0px;
	vertical-align:top;
}

.company td{
	padding:20px 0px;
}

.company .line{
	background: url(images/line02.gif) repeat-x left bottom;
	padding-bottom:40px;
}

.company .line2{
	background: url(images/line02.gif) repeat-x left bottom;
	padding-bottom:20px;
}

/* =================================== */
/* エラーページの設定 */
/* =================================== */
.e404 {
	background: url(images/404.gif) no-repeat 340px 0px;
padding-top:52px;
}

.e401 {
	background: url(images/401.gif) no-repeat 340px 0px;
padding-top:52px;
}

.e403 {
	background: url(images/403.gif) no-repeat 340px 0px;
padding-top:52px;
}

.e500 {
	background: url(images/500.gif) no-repeat 340px 0px;
padding-top:52px;
}

#error h2 {
	background: url(images/line02.gif) repeat-x left bottom;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	width:550px;
margin-bottom:30px;
}

#error li{
list-style:disc;
margin-left:30px;
}

#error p{
margin:33px 0px 5px 0px; 
}

/*
.osaka{
margin-top:10px;
}

.osaka img{
float:left;
margin-right:10px;
margin-bottom:10px;
border:1px solid #999999;
}

.tokyo img{
float:left;
margin-right:10px;
margin-bottom:10px;
border:1px solid #999999;
}
*/
.osaka2{
float:left;
width:260px;
margin-top:20px;
line-height:1.5;
}

.horie{
float:right;
margin-left:15px;
margin-top:20px;
width:260px;
line-height:1.5;
}

.osaka2 img,.horie img{
border:1px solid #999999;
}

.osaka2 em,.horie em{
font-style:normal;
display:block;
margin:5px 0px 5px 0px;
padding:0px;
}

.company dt{
float:left;
width:120px;
line-height:1.5;
margin-bottom:8px;
}

.company dt.zigyou{
padding-bottom:55px;
}

.company dd{
line-height:1.5;
margin-bottom:8px;
margin-left:120px;
}

.long{
height:40px;
}

.backtop {
	position: fixed;
	bottom: 18px;
	right: 0px;
	z-index: 500;
}

.backtop a:hover{
background:none;
}

.backtop {
	_position: absolute;
	_right: 0;
	_top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+(documentElement.clientHeight-this.clientHeight) - 18
	: document.body.scrollTop
	+(document.body.clientHeight-this.clientHeight) - 18);
	_z-index: 500;
	margin: 0;
}

.f_left{
float:left;
}

.yakuin {
	padding-bottom:25px;
}