/* CSS Document */

/*
注意１：
	デフォルト(styles-site.css)ではアンカータグ（aタグのこと）が
	白色で設定されています。そのため、背景も白色だと
	文字が見えません。その場合、クラスやIDなどアンカータグの前に
	設けて上書きして下さい。

注意２：
	ブログは、遊文舎のヘッダーやフッターに挟み込まれるような構造になっています。
	そのため、遊文舎のヘッダーやフッターのレイアウトをblog.cssで記述してから
	その後にブログに関する記述としています。これらの記述は、以下の目次の全頁共通に
	記述しているのでご覧下さい。
*/

/* ------------------------------------------------------------

	●目次
	
	・全頁共通
				遊文舎のheader内
				遊文舎のglobalnavi内
				遊文舎のfooter内
				ブログのheader内
				ブログのsideBar内
				
	・各頁
				カテゴリー、日付、エントリー頁の見出し
				index
				archive
				prof
				search/member_01からsearch/member_10まで
					
	注意）記述は、共通するものから書き出し、それから各頁の詳細な
	スタイルを記述すると管理しやすいと思います。
	また「各頁」では.htmlは省略して書いています。				

	●備考
	color:#4b8ddb;
	
------------------------------------------------------------ */


/* ------------------------------------------------------------

	・全頁共通

------------------------------------------------------------ */

/* 遊文舎のheader内
------------------------ */

div#header{
	position: relative;
	height:100px;
}

#siteId{
	position:absolute;
	left:20px;
	top:5px;
}

/*
#siteSummary{
	position:absolute;
	left:312px;
	top:13px;
	letter-spacing:0;
}
*/

#siteSummary {
position:absolute;
right:0pt;
top:20px;
}

ul#globalNav{
	position:absolute;
	top:59px;
	width:800px;/* 印刷対策 印刷時gnavが崩れる*/
}

ul#globalNav,
ul#globalNav *{
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#globalNav li{
	float:left;
	width:109px;
}

ul#globalNav li#gnav_07{
	width:106px;
}

ul#globalNav li a{
	display:block;
	width:100%;
	height:0;
	padding-top:33px;
	overflow:hidden;
}

/* 遊文舎のglobalnavi内
------------------------ */

#gnav_01{
	background:url(img/nav_01.jpg) no-repeat;
}

#gnav_02{
	background:url(img/nav_02.jpg) no-repeat;
}

#gnav_03{
	background:url(img/nav_03.jpg) no-repeat;
}

#gnav_04{
	background:url(img/nav_04.jpg) no-repeat;
}

#gnav_05{
	background:url(img/nav_05.jpg) no-repeat;
}

#gnav_06{
	background:url(img/nav_06.jpg) no-repeat;
}

#gnav_07{
	background:url(img/nav_07.jpg) no-repeat;
}


/* 遊文舎のfooter内
------------------------ */

div#footer{
	border-top:solid 3px #056AB7;
	background:#fff;
	clear:both;
	margin-bottom:5px;
	padding-top:7px;
	width:760px;
}

div#footer *{
font-style:normal;

}

div#footer #footNav{
	text-align:right;
}

div#footer address{
	text-align:right;
}


/* ブログのheader内
------------------------------ */

#mainHeader{/*遊文舎のヘッダー*/
	margin-top:-25px;
}

#banner{
  margin-top:-25px;
	margin-bottom:50px;
	background-color:#fff;
}

h1#banner-header{
	margin-bottom:25px;
}

h1#banner-header a{
	color:#000;
}

div#blogHeader,
div#blogHeader_s{
	margin-left:15px;
	margin-top:-25px;
	width:743px;
	height:192px;
	position:relative;
	color:#333;
}

div#blogHeader_s{
	background:url(img/blog_head_bg_s.jpg) no-repeat top right;
	height:74px;
}

div#blogHeader{
	background:url(img/blog_head_bg.jpg) no-repeat left top;
}


#blogSiteId{
	position:absolute;
	left:4px;
	top:-5px;
	width:340px;
}

#blogSiteSummary{
	position:absolute;
	top:62px;
	left:5px;
	line-height:10px;
	width:326px;
	font-size:12px;
	line-height:1.5;
	color:#000;
}

#blogHedFlash{
/*
	background:url(img/blog_hed_flash.jpg) no-repeat left top;
*/
	position:absolute;
	left:339px;
	top:0;
	width:403px;
	height:192px;
}


.clr{
	clear:both;
}

.clearfix{
	clear:both;
	display:block;
	content:"";

}

#blog_menu {
	position: absolute;
	top: 0px;
	left: 213px;
	clear:both;
	width:191px;
	height:191px;
	padding: 0px 0px 0px 0px;
	background:#cccccc;
}

#blog_menu p{
	clear:both;
	text-indent: 12px;
	width:191px;
	height:17px;
	margin-top:0px;
	margin-bottom:0px;
	background:#ffffff  url(img/blogmenu_o.gif) no-repeat 0px 0px;
}
#blog_menu p:hover{
	background:#ffffff  url(img/blogmenu_o.gif) no-repeat 0px -17px;
}
#blog_menu #blogmenubottom{
	text-indent: 0px;
	font-size:2px;
	width:191px;
	height:4px;
	margin-top:0px;
	margin-bottom:0px;
}
#blog_menu #blogmenutop{
	text-indent: 0px;
	clear:both;
	margin-top:0px;
	margin-bottom:0px;
	width:191px;
	height:34px;
}

/* ブログのsideBar内
------------------------------ */

.authorSideBar{
	text-align:right;
	font-size:10px;
	border-bottom:dashed 1px #ccc;
	padding-bottom:5px;
}

#blogSideSearch{
	padding-left:30px;
	background:url(img/blog_main_icon_01.gif) no-repeat left;
}

#blogSideSearch span{
	font-weight:400;
	font-size:12px;
}

#blogSideEntry{
	padding-left:30px;
	background:url(img/blog_main_icon_02.gif) no-repeat left;
}

#blogSideCategory{
	padding-left:30px;
	background:url(img/blog_side_category-header_i.gif) no-repeat 4px;
}

#blogSideArchive{
	padding-left:30px;
	background:url(img/blog_main_icon_04.gif) no-repeat left;
}

#blogSideProfile{
	padding-left:30px;
	background:url(img/blog_main_icon_05.gif) no-repeat left;
}

#blogSideProfileBody{
	margin:0;
/*	margin-left:10px;*/
	padding:0;
}

#blogSideDateBody{
	margin:0;
	margin-left:10px;
	padding:0;
}

.blogSideIconHome{
	background:url(img/blog_side_icon_home.gif) no-repeat left center;
	padding-left:20px;
	font-size:14px;
}

#MTversionCheck{
	border-top:dashed 1px #ccc;
	margin-top:5px;
	padding-top:5px;

}

/* ------------------------------------------------------------

	・各頁

------------------------------------------------------------ */


/* カテゴリー、日付、エントリーの見出し
------------------------------ */

#headingTxt{
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;

    margin: 0;
    padding: 5px;
		padding-left:20px;
/*    border-bottom:solid 5px #056AB7;*/
    border-bottom:solid 5px #4B8DDB;
    color: #666;
		background:url(img/blog_heading_01.gif) no-repeat left 0px;
		margin-bottom:10px;
}

/* index.html
------------------------------ */

.more{
	text-align:right;
	font-size:14px;
}

.entry-footerIndex{
	font-size:10px !important;
}

/* archive.html
------------------------------ */

.archive{
	font-size:16px !important;
}

.archiveAuthor{
	font-size:12px;
}

.archiveAuthor strong{
	font-weight:normal;
}

/* prof.html
------------------------------ */

#profileList{
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:502px;
}

#profileList *{
	list-style-type:none;
	margin:0;
	padding:0;
	line-height:1.6;
}

#profileList li{
	border-bottom:dashed 1px #4b8ddb;
	border-right:dashed 1px #4b8ddb;
	float:left;
	margin-bottom:20px;
	margin-right:15px;
	width:235px;
	height:160px;
}

#profileList table{
	margin-right:10px;
/*	height:200px;*/
}

#profileList table th,
#profileList table td{
	vertical-align:top;
}

#profileList table th{
	width:3em;
	font-weight:normal;

}

#profileList td strong{
color:#4b8ddb;
}

/* search/member_01からsearch/member_10まで
------------------------------ */

#searchResultList{
	margin-left:10px;
}