/* CSS Document */

/*
	

Theme Name: ex-signe II(2009-08-xx)


	Theme URI: http://www.fragment-group.com

	Description: none

	Version: 2.35

	Author: kiotanaka

	Author URI: http://www.fragment-group.com/kiotnaka/
*/


html, body {height: 100%;}


body {
	font: normal 13px/18px "Trebuchet Ms", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Lucida Grande", "メイリオ", "MS ゴシック", sans-serif;
	background: #FFF;
	color: #444;
}

* {
	margin: 0;
	padding: 0;
	}

h1, h2, h3, h4 {
	color: #333;
}

a {
	color: #333;
	text-decoration: none;
	}


a:hover	{
	color: #4535A5;
	}


.count {
	color: #FFF; /*-- body背景色と同じにする() --*/
}


#headernavi .current {
	color: #AF303F;
}


#headerall .current {
	color: #AF303F;
}


#footernavi .current {
	color: #AF303F;
}


ul {
	list-style: none;
}


/* main container (光彩#F6F6D2)
-----------------------------------------------------------------*/


#container {
	width: 100%;
	height: 100%;
	}


#main {
	width: 100%;
	height: 100%;
	position: relative;
}


#description {
	width: 178px;
	position: absolute;
	right: 5px;
	top: 8px;
	visibility: visible;
	float: right;
	font-size: 10px;
	line-height: 13px;
}


#description p{
	margin: 3px 0 0 0;
	padding: 0;
	clear: both;
}


#description0 {
	width: 256px;
	position: absolute;
	left: 16px;
	bottom: 31px;
	visibility: visible;
	font-size: 10px;
	line-height: 13px;
}


#description0 p{
	margin: 0 0 3px 0;
	padding: 0;
	clear: both;
}


/* indexentry
----------------------------------------------------------------------------*/


#indexlogo {
	width: 480px;
	height: 160px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -80px 0 0 -240px;
	}


.indexbooks {
	position: absolute;
	right: 8px;
	top: 8px;
	margin: 0 15px 0 15px;
}


.indexbookdata {
	float: left;
	margin: 17px 5px 5px 0;
	font-size: 10px;
	line-height: 16px;
	letter-spacing: .15em;
	text-align: right;
}


.indexmaga {
	position: absolute;
	right: 8px;
	top: 136px;
	margin: 0 15px 0 15px;
}


.indexinfo {
	position: absolute;
	left: 8px;
	top: 8px;
	width: 444px;
	margin: 0 0px 0 0px;
}


.indexinfo h3 {
	font-size: 10px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 -2px 0;
	border: none;
}


.indexinfo h4 {
	font-size: 12px;
	font-weight: normal;
	text-indent: -2.0em;
	margin: 0 0 0px 2.0em;
	padding: 0;
	border: none;
/*	white-space: nowrap;*/
}


.indextweets {
	position: absolute;
	left: 8px;
	top: 186px;
	width: 390px;
	margin: 0 0px 0 0px;
	font-size: 10px;
	letter-spacing: .05em;
}


.indexentry {
	width: 444px;
/*	height: 96px; */
	position: absolute;
	right: 8px;
	bottom: 34px;
	margin: 0 15px 0 15px;
	float: right;
/*	overflow: hidden; */
	}


.indexentry h1 {
	font-size: 10px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 1px 0;
	border: none;
}


.indexentry h2 {
	font-size: 14px;
	font-weight: normal;
	text-indent: -2.0em;
	margin: 0 0 2px 2.0em;
	padding: 0;
	border: none;
/*	white-space: nowrap;*/
}


.indexexerption {
	font-size: 10px;
	line-height: 15px;
	letter-spacing: .09em;
	padding: 3px 0 0 0;
}


#indeximg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	margin: 0;
}


/* entry
------------------------------------------------------------------------------*/


#entry {
	width: 680px;
	height: 100%;
}


#entry h1 {
	font-size: 13px;
	font-weight: normal;
	letter-spacing: .4em;
	border-bottom: none;
}


#entry h2 {
	font-size: 13px;
	font-weight: normal;
	letter-spacing: .4em;
	border-bottom: 0px dotted #DDDDDD;
}


#entry img {
	margin: 0;
	padding: 0;
}


/* profile
------------------------------------------------------------------------------*/


.profile {
	width: 500px;
	height: 240px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -146px 0 0 -250px;
}


.profiletext {
	font-size: 11px;
	line-height: 20px;
}


.profiletext p {
	margin: 5px 54px 6px 54px;
	padding: 0;
	text-indent: 1.0em;
}


/* books
----------------------------------------------------------------------------*/


.books {
	width: 580px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -180px 0 0 -290px;
}


.pbdata {
	font-size: 10px;
	line-height: 13px;
}


.bookimg {
	width: 150px;
	height: 300px;
	margin: 2px 0 0 0;
	float: left;
}


.booktext p {
	font-size: 11px;
	line-height: 20px;
	text-indent: 1.0em;
	margin: 8px 0 0 0;
}


#bookindex {
	margin: 5px 0 31px 0;
	clear: both;
}


.book_i11 {
	font-size: 11px;
	line-height: 20px;
	margin: 3px 0 0 0;
}


.book_i10 {
	font-size: 10px;
	line-height: 20px;
	margin: 0px 15px 7px 15px;
}


/* contact
------------------------------------------------------------------------------*/


#contact {
	width: 696px;
	height: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -213px 0 0 -348px;
	font-size: 12px;
}


.adress {
	width: 343px;
	float: left;
	margin: 180px 0 0 0;
	letter-spacing: .41em;
	text-align: right;
}


.adrtext {
	font-size: 10px;
	line-height: 14px;
	letter-spacing: .15em;
}


.cntctform {
	width: 343px;
	height: 400px;
	margin: 0 0 0 5px;
	float: right;
}


.labeltext label {
	width: 320px;
	font-size: 10px;
	line-height: 15px;
	margin: 2px 0 2px 0;
}

.labeltext textarea{
	width: 320px;
	height: 120px;
	font-size: 10px;
	line-height: 15px;
}


/* links
-----------------------------------------------------------------------------*/


#links {
	width: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -146px 0 0 -250px;
}


#links .wadress {
	font-size: 10px;
	line-height: 13px;
	margin: -3px 0 6px 0;
}


/* articles
---------------------------------------------------------------------------*/


#articles {
	width: 560px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -280px;
}


#articles h1 {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: .35em;
	white-space: nowrap;
	margin: -3px 0 0 0;
	border-bottom: none;
}


#articles h2 {
	font-size: 11px;
	font-weight: normal;
	letter-spacing: .25em;
	text-transform: uppercase;
	border-bottom: none;
}


#articles small {
	font-size: 10px;
	line-height: 13px;
}


#articles .excerpt {
	font-size: 10px;
	line-height: 16px;
	letter-spacing: .10em;
	margin: 12px 85px 18px 60px;
}


.footspace {
	height: 26px;
}


#subcat {
	width: 550px;
	position: fixed;
	left: 0px;
	top: 25px;
	margin: 0;
	filter: alpha(opacity=15);
	-moz-opacity: 0.25;
	opacity: 0.25;
}


#subcat h6 {
	font-size: 58px;
	line-height: 46px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .55em;
	margin: 0 0 0 0;
	border-bottom: none;
	white-space: nowrap;
}


.subtext {
	font-size: 8px;
	line-height: 12px;
	display: block;
	margin: 0 15px 0 55px;
}


/* all titles
-----------------------------------------------------------------------*/


#alltitles {
	width: 560px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -280px;
}


#alltitles li {
	font-size: 10px;
	line-height: 18px;
	letter-spacing: .35em;
	white-space: nowrap;
	margin: 0 0 0 0;
}


#alltitles ul {
	margin: 0 0 39px 0;
}


#alltitles h2 {
	font-size: 36px;
	font-weight: normal;
	line-height: 1.0em;
	letter-spacing: 1.25em;
	text-transform: uppercase;
	border-bottom: none;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}


#alltitles small {
	font-size: 10px;
	line-height: 13px;
	letter-spacing: .0em;
	text-transform: uppercase;
}


/* info
--------------------------------------------------------------------- */


#info {
	width: 560px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -160px 0 0 -280px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid rgba(120,120,120,0.15);
	background-color: rgba(190,200,220,0.1);
}


#info .date {
	width: 126px;
	float: left;
	margin: 0 2px 0 4px;
	border-right: 2px solid rgba(230,180,50,0.5);
}


#info .content {
	width: 424px;
	float: right;
	margin: 0 0 30px 0;
}


#info h1 {
	font-size: 14px;
	font-weight: bolder;
	line-height: 1.0em;
	letter-spacing: .15em;
	white-space: nowrap;
	margin: 0 0 0 0;
	border-bottom: none;
}


#info h2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.0em;
	letter-spacing: .25em;
	text-transform: uppercase;
	border-bottom: none;
}


#info .footspace {
	clear: both;
	height: 26px;
}


#info .context {
	margin: 30px 0 30px 0;
	padding: 0;
}


#info .content p {
	margin: 20px 10px 20px 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.8em;
	text-indent: 0em;
}




/* 404
-------------------------------------------------------------- */


.e404 {
	width: 182px;
	height: 24px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -91px;
}


/* search
-------------------------------------------------------------- */


.searchfield {
	width: 182px;
	background: url('images/input.png') left top no-repeat; 
	display: block;
	height: 24px;
	position: relative;
}
.s_text	{
	width: 141px;
	position: absolute;
	top: 4px;
	left: 15px;
	font-size: 13px;
	background-color: transparent;
	border: 0px solid #FFF;
}
.searchsubmit	{
	position: absolute;
	top: 4px;
	left: 157px;
}


/* graph
----------------------------------------------------------------------------*/


#graph {
	width: 550px;
	position: fixed;
	right: -218px;
	top: 0px;
	margin: 0;
	filter: alpha(opacity=10);
	-moz-opacity: 0.27;
	opacity: 0.27;
}


/* header
----------------------------------------------------------------------------*/


#header {
	background: transparent url('images/bgmarble_white2.jpg') repeat top;
	width: 100%;
	height: 26px;
	position: fixed;
	top: 0;
	left: 0;
	border: none;
	color: #CEC3C3;
	z-index: 3;
	}


#partingc {
	background: transparent url('images/parting_c.png') repeat-x top;
	width: 100%;
	height: 47px;
	position: fixed;
	top: 26px;
	left: 0;
	clear: both;
	border: none;
	z-index: 3;
}


#headerpart {
	width: 100%;
	height: 100%;
	background: transparent url('images/parting_d.png') repeat-x bottom;
	position: relative;
	border: none;
	letter-spacing: .10em;
	font-weight: normal;
	font-size: 10px;
}


#headernavi {
	width: 520px;
	padding: 3px 18px 0 18px;
	margin: 0 0 0 0;
	float: left;
	z-index: 4;
}


#headernavi img {
	vertical-align: middle;
}


#headerpagenavi {
	padding: 3px 10px 0 18px;
	margin: 0;
	position: absolute;
	right: 88px;
	top: 0px;
}


#headerall {
	position: absolute;
	padding: 3px 10px 0 18px;
	margin: 0;
	right: 0px;
	top: 0px;
	z-index: 4;
}


#header a {
	color: #FFFFFF;
	text-decoration: none;
	}


#header a:hover	{
	color: #4535A5;
	}


/*------------- sidebar --------------------------------------------------------------------------*/


#sidebar {
	width: 192px;
	position: fixed;
	right: 0px;
	top: 26px;
	margin: 8px 10px 26px 0;
	overflow: hidden;
}


#sidebar ul {
	list-style: none;
}


#sidebar h2 {
	font-size: 11px;
	letter-spacing: .31em;
	margin: 2px 0 -1px 0;
	border: none;
}


.recent {
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
}


.recent ul {
	font-size: 10px;
	line-height: 15px;
	margin: 7px 0 0 0;
	white-space: nowrap;
}


.recent img {
	display: block;
}


/* footer
-----------------------------------------------------------------------------*/


#partingb {
	background: transparent url('images/parting_b.png') repeat-x bottom;
	width: 100%;
	margin: 0;
	height: 50px;
	position: fixed;
	bottom: 26px;
	left: 0;
	z-index: 3;
	clear: both;
	border: none;
}


#footer {
	background: transparent url('images/bgmarble_white2.jpg') repeat-x top;
	width: 100%;
	margin: 0;
	height: 26px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 3;
	clear: both;
	border: none;
	color: #CEC3C3;
	}


#footerpart {
	width: 100%;
	height: 100%;
	background: transparent url('images/parting_a.png') repeat-x top;
	position: relative;
}


.logo {
	width: 256px;
	height: 56px;
	position: absolute;
	left: 8px;
	top: -64px;
	z-index: 5;
	visibility: visible;
	float: left;
	}


.rose {
	width: 114px;
	height: 106px;
	position: absolute;
	left: 11px;
	top: -95px;
	z-index: 4;
	visibility: visible;
	float: left;
}


.pagetop {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 62px;
	position: fixed;
	right: 8px;
	bottom: 34px;
	background-color: rgba(200,210,220,0.12);
	font-size: 9px;
	text-align: right;
	z-index: 4;
}


#footernavi {
	width: 520px;
	padding: 4px 18px 0 18px;
	margin: 0 0 0 0;
	float: left;
	z-index: 6;
	font-weight: normal;
	font-size: 10px;
	line-height: 19px;
	letter-spacing: .10em;
}


#footerlogin {
	padding: 4px 18px 0 18px;
	margin: 0 0 0 0;
	float: right;
	font-weight: normal;
	font-size: 10px;
	line-height: 19px;
	letter-spacing: .10em;

}


#footerlogin img {
	padding: 3px 0 0 0;
	margin: 0;
	vertical-align: top;
	display: inline;
}


#footerlogin .login {
	font-weight: normal;
	font-size: 10px;
}


#footer a {
	color: #FFFFFF;
	text-decoration: none;
	}


#footer a:hover	{
	color: #4535A5;
	}


#footernavi .current {
	font-size: 12px;
	letter-spacing: .35em;
}


/* post
-------------------------------------------------------------------------------------*/


#article {
	width: 560px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -160px 0 0 -280px;
}


#article h1 {
	font-size: 15px;
	font-weight: normal;
	letter-spacing: .35em;
	white-space: nowrap;
	margin: -3px 0 0 0;
	border-bottom: none;
}


#article h2 {
	font-size: 11px;
	font-weight: normal;
	letter-spacing: .25em;
	text-transform: uppercase;
	border-bottom: none;
}


#article small {
	font-size: 10px;
	line-height: 13px;
}


#article .footspace {
	height: 26px;
}


#sub1 {
	width: 690px;
	position: fixed;
	left: 15px;
	top: 29px;
	margin: 0;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
}


#sub1 h6 {
	font-size: 26px;
	font-weight: normal;
	line-height: 0.9em;
	letter-spacing: .30em;
	margin: 0 0 0 0;
	border-bottom: none;
	white-space: nowrap;
}


.postext {
	margin: 60px 75px 60px 5px;
	padding: 0;
}


.postext p {
	margin: 30px 0px 30px 0px;
	padding: 0;
}


.post	{
		font-size: 13px;
		line-height: 1.8em;
		text-indent: 1em;
}

p.post-n {
		text-indent: 0em;
}

p.post-c	{
		text-align: center;
		text-indent: 0em;
}


p.post-r	{
		text-align: right;
		text-indent: 0em;
}


p .post-e{
		font-size: 9px;
		line-height: 1.7em;
		margin: -1em 0 30px 0;

}


.post-rl {
		font-weight: normal;
		font-size: 10px;
		line-height: 1.6em;
		text-indent: 0em;
		margin: 0 0 0 15px;
}


blockquote {
		font-style: normal;
		text-indent: 0em;
		margin: 0px 15px 0px 15px;
		padding: 10px 12px 10px 12px;
	border: 1px solid rgba(120,120,120,0.15);
	background-color: rgba(200,220,240,0.07);
}


sup {

}


.note	{
		font-size: 11px;
		padding: 0 0 8px 32px;
		text-indent: -1.6em;
		line-height: 19px;
}


/* comment
-------------------------------------------------------------------------------------*/


#comment {
	font-size: 12px;
	line-height: 18px;
	margin: 0 75px 0px 5px;
}

#comment h3 {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: .30em;
}


#comment h4 {
	font-size: 13px;
	font-weight: normal;
}


.commentlist {
	marigin: 0;
	padding: 0;
}


#comment p {
	font-size: 12px;
	line-height: 20px;
	margin: 10px 0px 20px 0px;
}


#comment small {
	font-size: 10px;
	line-height: 12px;
}


.alt {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid rgba(120,120,120,0.15);
	margin: 5px 0;
	padding: 0 5px;
	background-color: rgba(255,255,255,0.2);
}


.alt2 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid rgba(120,120,120,0.15);
	padding: 0 5px;
	background-color: rgba(190,200,220,0.2);
}


#commentform {
	font-size: 12px;
	line-height: 18px;
	margin: 0 75px 20px 5px;
}


#commentform h3 {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: .30em;
	padding: 50px 0 0 0;
}


#commentform p {
	margin: 10px 0;
}


.commentbox {
	width: 450px;
	height: 114px;
	font-size: 12px;
	line-height: 19px;
	border: 1px solid rgba(190,190,190,0.5);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


.textfield {
	width: 240px;
	height: 19px;
	border: 1px solid rgba(190,190,190,0.5);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}