@charset "Shift_JIS"; 

@import url(../system/html.css);
@import url(../system/system.css);
@import url(./common.css);

/* commented out for Opera
@namespace url(http://www.w3.org/1999/xhtml);
@namespace xhtml2 url(http://www.w3.org/2002/06/xhtml2);
*/
	
/* Block */ 
	
html, body 
{
	color: white;
/*	background: #3E5C70;*/
	background: #6E8CA0 url(./img/body_bg.png) fixed no-repeat right bottom;/*rgb(110, 140, 160)*/
}
 
html, 
html *,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
#section-root h1,
#section-root h2,
#section-root h3,
#section-root h4,
#section-root h5,
#section-root h6,
#section-root h1 *,
#section-root h2 *,
#section-root h3 *,
#section-root h4 *,
#section-root h5 *,
#section-root h6 *,
#section-root .index dt,
#section-root .index dt *,
#cover #section-root #sec-contents *
{
	font-family: "Century Gothic", Arial, Verdana, "???σS Pro W4", "?r ?S?b?, Osaka, sans-serif;
}

#section-root *
{
	font-family: sans-serif;
/*	_font-family: Verdana, Arial, "???σS Pro W4", "?r ?S?b?, Osaka, sans-serif; */
	_font-family: "?r ?S?b?, sans-serif;
}
 
body 
{
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
 
ul, ol 
{
	margin: 0 0 1em 0;
	padding: 0 0 0 10%;
}
	
ul li, 
ol li
{
	margin: 0.1em;
	padding: 0.1em;
}
 
ul 
{
	list-style-image: url(./img/marker.jpg);
}
 
ol 
{
	list-style-image: none;
}
  
dl dt 
{
	clear: both;
}
dl.index dt
{
	margin-left: -15px;
	padding-left: 15px;
	padding-bottom: 5px;
	background: url(./img/heading_bg2.png) no-repeat 0 100%;
}
	
#gallery dl dt 
{
	background: url(./img/thumbnail_bg.jpg) no-repeat 100% 0;
	border: solid #C8DCF0 0;/*rgb(200, 220, 240)*/
	border-width: 0.05em 0 0 0;
	height: 100px;
	margin: 1.5em 0 -25px 0;
	min-height: 100px;
	padding: 0.1em 10px 10px 0;

	\62 ackground-image: url("./img/thumbnail_bg-alpha.png");
	_background-image: url("./img/thumbnail_bg.jpg");
}
 
#gallery dl dt img 
{
	float: right;
}
 
dl dd, dl dd * 
{
	clear: none;
}
  
h1, h2, h3, h4, h5, h6 
{
	margin-top: 4em;
}
	
h1 .sub, 
h2 .sub,
h3 .sub,
h4 .sub,
h5 .sub,
h6 .sub
{
	font-size: 70%;
	display: block;
}
 
h1 a:link, h1 a:visited, 
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited,
h5 a:link, h5 a:visited,
h6 a:link, h6 a:visited
{
	color: white;
	text-decoration: none;
}
  
h1 
{
/*	background: url(./img/heading.png) no-repeat right;*/
	font-style: italic;
	font-size: 150%;
	border: black solid 0;
	border-width: 0 0 0.07em 0;
	margin: -0.4em 0 2em -8%;
	padding: 0 10% 0.1em 8%;
}
h1, h2, h3, h4, h5, dt, th {
	text-shadow: #607384 0.15em 0.15em 0.3em;
}
	
#cover h1 
{
	font-size: 220%;
	margin: -1.5em 0 2em -8%;
}
  
h2 
{
	background: url(./img/heading_bg.png) no-repeat 0 0;
	border-top: 1px solid #AFC0CB;
	margin-left: -16px;
	padding-left: 16px;
	padding-top: 1em;
	padding-bottom: 1.5em;
}
 
h3 
{
	padding-left: 15px;
	margin-left: -15px;
	background: url(./img/one-point.png) no-repeat 0 0;
	padding-top: 5px;
	padding-bottom: 10px;
	min-height: 15px;
}
 
address 
{
	background: black url(./img/address_bg.png) no-repeat right bottom;
	color: white;
	font-size: 80%;
	font-style: normal;
	margin: 0;
	padding: 10em 2% 120px 2%;
	width: 26%;
	border-left: 1.2em solid #637E91;
	border-bottom: 1em solid #6E8CA0;

	_padding: 10em 5% 120px 5%;
	_width: 30%;
}
	
#cover address 
{
	background: none;
	position: static;
	width: 30%;
	height: 3em;
	padding-bottom: 0;
	margin-top: -8em;
	border-left: none;
	border-bottom: none;
}
 
#cover #Appendix 
{
	background: black url(./img/address_bg.png) no-repeat right bottom;
	margin: 0 -6.6% 0 -20%;
	padding: 0 5.5% 120px 10%;
	width: auto;
}
	
#cover #Appendix h3 
{
	margin-left: 8%;
}
   
.header.date, 
#SSSStyleSelectForm
{
	background: black;
	width: 22%;
	font-size: 80%;
	line-height: 1.1;
	margin: 0;
	padding: 1.1em 2% 1.1em 6%;
	text-indent: 0;
	border-left: 1.2em solid #637E91;

	_width: 30%;
	_padding: 1.1em 5% 1.1em 5%;
}
	
.header.date 
{
	white-space: pre;
	color: #9C9C9C;
	font-size: 70%;
	border-left-width: 1.35em;
}
 
#section-root .header.date /* for IE */ 
{
	background: transparent;
}
 
#cover .header.date 
{
	width: 28%;

	_width: 36%;
}
 
#SSSStyleSelectForm 
{
	padding-left: 4%;
	width: 24%;

	_width: 30%;
}
	
#cover #SSSStyleSelectForm 
{
	width: auto;
	background: none;
	line-height: 1.5;
	margin: 0 0 0 0;
	padding: 0;
	border-left: none;
}
   
#section-root 
{
	font-size: 98%;
	left: 32%;
	padding: 9.5em 8% 10em 5%;
	position: absolute;
	right: 0;
	width: auto;
	z-index: 100;
}
	
#cover #section-root 
{
	position: static;
	margin-left: 38%;
	padding-top: 15em;
/*
background: url(./img/lady.png) no-repeat top right;
	background-image: url\(""\);
*/
}
  
#ContentsList, 
#cover #sec-contents
{
	background: black url(./img/bg_01.jpg) no-repeat 50% 1.5em;
	font-size: 95%;
	width: 22%;
	padding: 9.5em 2% 10em 6%;
	border-left: 1em solid #637E91;

	_width: 30%;
	_padding: 9.5em 5% 10em 5%;
}
#ContentsList * {
	text-indent: 0;
}
	
#ContentsList strong 
{
	font-weight: normal;
	font-style: normal;
}
 
/* 
.cont-mine
{
	background: url(./img/list_bg4.jpg) no-repeat;
	padding-top: 40px;
}
*/
 
#cover #sec-contents 
{
	background-image: url(./img/bg_01_cover.jpg);
	background-position: 50% 6em;
	position: absolute;
	padding-top: 0;
	padding-bottom: 0 !important;
	top: 0;
	left: 0;
	border-left: 1em solid #637E91;
	border-bottom: 1em solid #6E8CA0;
	width: 28%;

	_width: 36%;
}
	
#cover #sec-contents #contents-content, 
#cover #sec-contents .description
{
	display: none;
}
  
#cover #ContentsList 
{
	background: none;
	border: none;
	width: auto;
	font-size: 100%;
	padding: 16em 0 0 0;
	margin: 0;
	border-left: none;

	_padding-top: 6em;
}
	
#cover #PickUp ul 
{
	margin-left: -9.5%;
}
  
#ContentsList ul 
{
/*	list-style-image: url(./img/marker_black.jpg);*/
	list-style-type: none;
	list-style-image: none;
	padding-left: 8%;
	margin-left: -8%;
}
	
#ContentsList ul ul 
{
	margin-left: 0;
	margin-bottom: 0.7em;
}
 
#ContentsList ul ul:last-child 
{
	margin-bottom: 0;
}
  
#ContentsList h2, 
#ContentsList h3,
#ContentsList .cont-top
{
	background: none;
	border: solid 0.5em;
	border-width: 0.1em 0 0 0;
	margin: 0 -5% 1.5em -8%;
	_margin-left: -3%;
	line-height: 1;
	padding: 0.3em 5% 0 8%;
	font-weight: bold;
	text-shadow: #444 0.2em 0.2em 0.2em;
}
#ContentsList h3,
#sec-contents h3
{
	background: none !important;
	padding: 0;
	min-height: 0;
}
	
#ContentsList .cont-top a:link, 
#ContentsList .cont-top a:visited
{
	color: white;
}
  
#ContentsList .current a, 
#ContentsList .current #SbCntLst .current a
{
	background: #6E8CA0 url(./img/list_bg.jpg) no-repeat;/*rgb(110, 140, 160)*/
	display: block;
	margin: 0.2em -12% 0.2em -0.8em;
	padding: 0.1em 0 0.1em 1.5em;
}
	
#SbCntLst li 
{
	background: #587181 url(./img/list_bg2.jpg) no-repeat;/*rgb(88 113 129)*/
	border: solid 0 #637E91;/*rgb(99, 126, 145)*/
	border-width: 0 0.2em 0 0;
	margin: 0.2em -13% 0.2em -0.8em;
	padding-left: 1.5em;
}
 
#ContentsList .current #SbCntLst a, 
#ContentsList .current #SbCntLst .current li a
{
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}
 
#ContentsList .current #SbCntLst .current 
{
	background: none;
	border: none;
	margin: 0 -3% 0 0;
	padding: 0;
}
	
#ContentsList .current #SbCntLst .current li 
{
	background: #455964 url(./img/list_bg3.jpg) no-repeat;/*rgb(69, 89, 100)*/
}
   
/* #ContentsList .current 
{
	list-style-image: url(./img/marker.jpg);
}
*/
  
#LatestTopics #ContentsList h3 { 
	line-height: 1;
	font-size: 90%;
	font-weight: normal;
	margin-right: 20%;
}
#LatestTopics #ContentsList .section {
	margin: 0 -20% 2em 0;
	padding: 0 20% 0 0;
	border-bottom: 2px solid #6E8CA0;
}
#LatestTopics .section .posted,
#LatestTopics .section .comments-post {
	font-size: 90%;
	border-top: 1px dotted;
}

#LatestTopics .blog-page-navi li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
#LatestTopics .blog-page-navi-prev:after,
#LatestTopics .blog-page-navi-next:before {
	content: '|';
}


#LatestTopics #paging,
#LatestTopics #paging p {
	display: inline;
}

#LatestTopics .topNavi {
	display: none;
}

#LatestTopics #comment_form table th {
	width: 10%;
}

.twtr-widget h3,
.twtr-widget h4 {
	border: none 0 !important;
	clear: none;
	text-shadow: none;
}

 
#PostArea th 
{
	width: 5em;
}
 
input, select, option, textarea, button, 
input[type="text"], input[type="password"]
{
	background: #8EACC0;/*rgb(142, 172, 192)*/
	border-color: #6E8CA0;/*rgb(110, 140, 160)*/
	color: black;
}
 
hr { 
	border: 0 none;
	border-top: thin solid white;
	margin: 3em 0;
}
  
/* Inline */ 
	
a:link 
{
	color: #ebffff;
}
#ContentsList a:link,
#cover #PickUp a:link
{
	color: #c8dceb;
}
	
a:link img 
{
	border: solid 0.1em #ebffff;
}
  
a:visited 
{
	color: #f1f6ff;
}
#ContentsList .current a:visited,
#cover #PickUp a:visited
{
	color: #c6d6e0;
}
	
a:visited img 
{
	border: solid 0.1em #f1f6ff;
}
 
#ContentsList a:visited 
{
	color: #96AABE;/*rgb(150, 170, 190)*/
}
  
a:hover, 
a:focus,
a:active
{
	color: #ffffef !important;
}
 
p img, 
dd>img,
dd>a>img,
li>img,
p>img
{
	display: block;
	margin: 0 auto;
}
  
/* special */ 
	
.note 
{
	border: none;
}
	
.note .note-marker, .column .note-marker 
{
	display: none;
}
 
.note:before, .column:before 
{
	font-size: medium;
}
  
blockquote:before 
{
	content: "";
}
 
/* blosxom plugin */ 

.paging,
.blog-page-navi
{
	margin: 3em 0 1em;
	padding: 0.5em 5%;
	background: #567488;
	font-size: smaller;
}

.paging p {
	margin: 0;
	padding: 0;
	text-indent: 0;
}