@charset "utf-8";

@import url(http://www.ikeda-office.jp/css/reset.css);
@import url(http://www.ikeda-office.jp/css/footer.css);



/*
-----------------------------------------------
head
-----------------------------------------------*/
#wrap {
	width:780px;
	margin:auto;
	background-color:#fafaf8;
}

h1.top{
	padding:0;
	margin:0;
	padding-left:5px;
	color:#fff;
	background-color:#c5c2bb;
	font-weight:normal;
	font-size:1.2em;
}

#wrap .top{
	padding:0;
	margin:0;
	padding-left:5px;
	color:#fff;
	background-color:#c5c2bb;
	font-weight:normal;
	font-size:1.2em;
}

#topSitemap{
	color:#fff;
	position:relative;
	top:-83px;
	left:430px;
}

#header{
	background:url(../img/hdr-back.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:80px;
}

#logo{
	position:relative;
	left:-18px;
}


#gNav li{
	display:inline;
	float:left;
}

#contentsHeader{
	padding:0;
	margin:0;
	width:780px;
	float:left;
	background-color:#fafaf8;
	height:180px;
}

p#pankuzu{
	margin:0;
	padding:0;
	padding:3px 0 7px 10px;
	color:#999999;
}

/*
-----------------------------------------------
main
-----------------------------------------------*/
#container{
	float:left;
	background:url(../img/container-back.gif);
	background-repeat:repeat-y;
	width:780px;
}

#main{
	background-color:#fafaf8;
	width:543px;
	float:left;
	padding-left:12px;
	padding-right:12px;
	height:auto;
	color:#333333;
	font-size:1.3em;
	
}



.summary{
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	background:url(../img/summary-back.jpg);
	background-repeat:no-repeat;
	background-color:#85aaa2;
	line-height:1.5;
	color:#fff;
}

#main p.pageTtl{
	color:#000000;
	font-weight:bold;
	font-size:1.4em;
	background-image:url(../img/ttl-back01.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:18px;
	padding-top:5px;
	height:26px;
	margin-top:9px;
	margin-left:-3px;
}


/*---ボトムフォーム---*/
.btnForm{
	float:left;
	padding-top:40px;
	padding-left:10px;
	padding-bottom:20px;
}

.blogArchivesBox ul{
	padding:20px 0 20px 10px;
	
}

.blogArchivesBox li{
	list-style:none;
	line-height:1.8;
}

.blogArchivesBox li a{
	color:#333333;
}

.blogArchivesBox li a:hover{
	text-decoration:underline;
	color:#fff;
	background-color:#e24534;
}


/*
-----------------------------------------------
link box
-----------------------------------------------*/

div.linkBox{
	width:535px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	padding:0px 0px 5px 5px;
	float:left;
	border: 1px solid #399;
	color:#666;
}


p.linkTitle{
	margin-top:5px;
	font-weight:bold;
}


/*
-----------------------------------------------
テーブル
-----------------------------------------------*/
table{
	margin-top:10px;
	border:1px solid #999;
	background-color:#ecebeb;

}

table th{
	background-color:#CCCCCC;
}

table td{
	padding:11px 0 11px 10px;
	border:#666666;
	background-image:url(../img/dd-back.gif);
	background-position:top right;
	background-repeat:repeat-x;
	
}

label{
	cursor:pointer;
}

/*
-----------------------------------------------
フォーム
-----------------------------------------------*/
input:focus{
	background-color:#faeb90!important;
}
textarea:focus{
	background-color:#faeb90!important;
}

#form span{
	color:#FF0000;
	font-size:0.8em;
}



/*
-----------------------------------------------
サイドカラム（sub02）
-----------------------------------------------*/
div#blog-prof{
	background-color:#fafaf8;
	width:181px;
	color:#333;
	font-size:1.2em;
	margin:0;
	margin-top:10px;
	margin-left:11px;
	margin-bottom:10px;
	line-height:18px;
	padding:10px 0px 10px 8px;
	background:url(../img/blog-prof-bg.gif);
	border: thin solid #CCCCCC;

}
#blog-prof img{
	padding-left:45px;
}
#blog-prof span{
	padding-left:10px;
}

#blog-prof p{
	padding:0;
	margin:0;
	padding-right:10px;
}

#sub01{
	width:212px;
	float:left;
	background-color:#cec5b4;
	height:auto;
}

#sub02{
	width:auto;
	float:left;
	background-color:#cec5b4;
}

img.formBtn{
	margin-top:3px;
	padding-left:11px;
}
ul.bnr{
	padding-top:10px;
	padding-left:11px;
}
ul.bnr li{
	margin-bottom:5px;
	list-style:none;
	}
#info {
	background-color:#fafaf8;
	width:181px;
	color:#333;
	font-size:1.2em;
	margin:0;
	margin-top:10px;
	margin-left:11px;
	margin-bottom:10px;
	line-height:18px;
	padding:10px 0px 10px 10px;
}

/*
-----------------------------------------------
サイドローカルナビゲーション
-----------------------------------------------*/
#recentEntries{
	background-image:url(../img/recent-navbar.gif);
	background-repeat:no-repeat;
	background-position:top;
}
#categoryArchives{
	background-image:url(../img/category-navbar.gif);
	background-repeat:no-repeat;
	background-position:top;
}
#monthlyArchives{
	background-image:url(../img/archives-navbar.gif);
	background-repeat:no-repeat;
	background-position:top;
}


ul.lNav{
	width:191px;
	padding-top:29px;
	margin:0;
	margin-top:10px;
	margin-left:11px;
	list-style:none;
}

.lNav li{
	background-image:url(../img/listBack.gif);
	background-repeat:repeat-y;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d5d4d3;
}

ul.lNav li a{
	background-image:url(../img/l-nav-arrow.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:16px;
	line-height:2;
	width:172px;
	display:block;
	color:#333;
	text-decoration:none;
}


li#listEnd{
	background-image:url(../img/listEnd.gif);
	background-repeat:no-repeat;
	padding-bottom:13px;
	background-position:bottom;
	border-bottom:none;
}

ul.lNav li a:hover{
	color:#FF0000;
	text-decoration:underline;
}

/*
-----------------------------------------------
文字色
-----------------------------------------------*/
.red{
	color:#de3b3b;
	
}
.blue{
	color:#0066FF;
}

.emeraldTitle{
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	background:url(../img/summary-back.jpg);
	background-repeat:no-repeat;
	background-color:#85aaa2;
	line-height:1.5;
	color:#fff;
	width:523px;
}

/*
-----------------------------------------------
ブログコンテンツ　style02
----------------------------------------------- */

.entryBox{
	width:540px;
	margin-bottom:20px;
	float:left;
	font-size:1.1em;
	line-height:1.9;
	text-align: justify;
	color:#333333;
	/*text-justify:distribute;*/
}

.entryTitle{
	float:left;
	display:block;
	width:538px;
	clear:both;
	margin:0;
	padding:0;
	background:url(../img/blog-ttl-bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-top:12px;
	padding-bottom:5px;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:10px;
}

h2.entryTitle a{
	color:#333333;
	text-decoration:none;
}

h2.entryTitle a:hover{
	color:#e24534;
}


/*----日付部分----*/



div.entryBody dt{
	line-height:100%;
	width:50px;
	float:left;
	border:1px solid #dbdbdb;
	margin:0 0 15px 0;

}

div.entryBody dt span.year{
	display:block;
	font-size:0.9em;
	text-align:center;
	background:#488da3;
	/*background:#ccc;*/
	color:#fff;
	border:1px solid #fff;
	padding:5px;
}

div.entryBody dt span.month{
	display:block;
	font-size:0.9em;
	text-align:center;
	background:url(../img/month-bg.gif);
	padding: 5px 10px 5px 10px;
}

div.entryBody dt span.day{
	display:block;
	font-size:1.1em;
	text-align:center;
	background-color:#fff;
	padding: 10px 10px 3px 10px;
	color:#89aea6;
	font-weight:bold;
}

div.entryBody dt span.day a{
	text-decoration:none;
	color:#89aea6;
}

div.entryBody dt span.day a:hover{
	color:#e24534;
}


div.entryBody dd{
	width:465px;
	float:right;
	/*font-size:1.1em;
	line-height:1.6;*/
}


/*---clear--*/
div.clear {
	clear:both;
}

div.clear hr{
	display:none;
}

/*-----「続きを読む」----*/
.entryMore {
	font-size:0.9em;
	float:right;
	margin-right:10px;
	margin-bottom:8px;
}

.entryMore a{
	padding:3px 4px;
	text-decoration:none;
	color:#fff;
	background-color:#85aca2;
}

.entryMore a:hover{
	text-decoration:underline;
	color:#fff;
	background-color:#e24534;
}


.moreBox{
	width:465px;
	padding-left:74px;
	
}


/*-----entryInfo----*/
ul.entryInfo{
	text-align:right;
	float:left;
	list-style:none;
	padding:3px 0 40px 0;
	font-size:0.8em;
	width:535px;
	display:block;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}


.entryInfo li{
	display:inline;
	margin:0 10px 0 0;
}

ul.entryInfo a{
	color:#000000;
}

ul.entryInfo a:hover{
	color:#e24534
}

li.comments{
	background:url(../img/comment.gif);
	background-repeat:no-repeat;
	padding-bottom:2px;
	padding-left:15px;
}

li.trackback{
	background:url(../img/trackback.gif);
	background-repeat:no-repeat;
	padding-bottom:2px;
	padding-left:15px;
}
li.categoryIcon{
	background:url(../img/catelist.gif);
	background-repeat:no-repeat;
	padding-bottom:2px;
	padding-left:15px;
}



.contentNav {
    text-align: center;
    padding-bottom:20px;
    float:left;
    width:540px;
    font-size:1em;
}

div.contentNav　a{
	padding:2px 4px;
	text-decoration:none;
	color:#fff;
	background-color:#85aca2;
}

div.contentNav a:hover{
	text-decoration:underline;
	color:#fff;
	background-color:#e24534;
}

div.contentNav　a:visited{
	padding:2px 4px;
	text-decoration:none;
	color:#fff;
	background-color:#85aca2;
}

/*
-----------------------------------------------
コメント
----------------------------------------------- */
#trackbacks{
	width:530px;
	float:left;
	margin-bottom:15px;
	padding-left:10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #999999;
}


#comments{
	width:530px;
	float:left;
	margin-bottom:15px;
}

/*
----------------
まぐまぐメールマガジン
-----------------------------*/
#magumagu{
	width:191px;
	background: url(http://www.ikeda-office.jp/img/magumagu-bg.png) no-repeat left bottom;
	padding-bottom:15px;
	
	margin: 0 auto;
	margin-left:11px;
	margin-bottom:1em;
}

#magumagu form{
	margin:0;
	padding:0;
	margin-bottom:1em;
}

#magumaguContent{
	padding:5px 10px 0px 10px;
	width: 171px;
	background: url(http://www.ikeda-office.jp/img/magumagu-bg.png) repeat-y right top;
}


#magumaguTtl{
	padding:3px 10px;
	color:#fff;
	font-size:12px;
	background: url(http://www.ikeda-office.jp/img/magumagu-bg.png) no-repeat left top;
}