@charset "EUC-JP";


a:link { color: #6fd8d9; text-decoration:none;-webkit-transition: 1s ease-in-out;} 
a:visited { color: #666666; text-decoration:none;-webkit-transition: 1s ease-in-out;} 
a:active { color: #333333; text-decoration:none;}
a:hover { color: #333333;text-decoration:none;} 

.nonborder { 
border:none; 
outline:none; 
}

th,td{
border:none;
padding:0;
margin:0;
}


body {
font-size:15px;
font-family:Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3",sans-serif;
text-align:left;
color:#333333;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/blackphotobackground.png);
}

#container{
width:950px;
margin:0;
padding:0;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/monochrome2back.png);
background-repeat:repeat-y;
background-position:left top;
}

#header{
width:900px;
height:150px;
margin:0;
padding:0px;
position:relative;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/blackphotobackground.png);
border-bottom:3px #333333 solid;
}

#header h1 {
font-size:35px;
padding:50px 0px 0 30px;
line-height:1.2em;
font-weight:bold;
}

#header h1 a:link, #header h1 a:visited {
text-decoration: none;
font-weight:bold;
padding:0;
text-shadow:#cccccc 1px 1px 2px;
color:#333333;
}

#header h1 a:hover, #header h1 a:active {
color:#6fd8d9;
}

.intro {
font-size:12px;
margin:5px 0px 30px 30px;
color:#333333;
}

.search{
width:260px;
height:37px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/blackphotosearch.png);
position:absolute;
top:80px;
right:0px;
}

#searchform4 {  
width: 260px;  
height: 37px; 
display: block;       
position: relative;  
}  

#keywords4  {  
width: 200px;  
height:13px;
top:0px;
left:0px;
color:#333333;
position:absolute;
border:none;
outline:none; 
font-size:13px;
padding:12px 10px;
background-color:transparent;
}  

#searchBtn4 {  
width:40px;
height:37px;
top:0;
left:220px;
border:none;
outline:none;
position:absolute; 
cursor:pointer;
background-color:transparent;
text-indent:-9999px;
}  

.menu{
width:auto;
height:40px;
position:absolute;
top:0;
right:0px;
}

.menu ul {
list-style:none;
margin:0;
padding:0;
font-size:14px;
}

.menu li{
width:auto;
height:45px;
float:left;
margin-left:20px;
padding:0;
}

.menu li a:link,.menu li a:visited{
width:auto;
height:14px;
padding:12px 0 19px 0;
display:block;
color:#333333;
text-align:center;
text-shadow:#cccccc 1px 1px 2px;
}

.menu li a:hover{
color:#6fd8d9;
}


#main{
width:950px;
overflow:hidden;
margin:0;
padding:0;
position:relative;
}

#right{
width:600px;
padding:40px 50px 50px 50px;
float:right;
margin:0px;
overflow:hidden;
}

#photo{
width:600px;
height:450px;
margin:0;
padding:0;
overflow:hidden;
}

.box1{
width:190px;
height:205px;
float:left;
margin:0 15px 0 0;
overflow:hidden;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/monochrome2kage.png);
background-position:center bottom;
background-repeat:no-repeat;
}

.box2{
width:190px;
height:205px;
float:left;
margin:0 0px 0 0;
overflow:hidden;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/monochrome2kage.png);
background-position:center bottom;
background-repeat:no-repeat;
}

.boxgrid.captionfull{
width:190px;
height:190px;
overflow: hidden; 
position: relative; 
}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}

.boxgrid p{ 
padding:10px 20px 20px 20px; 
color:#ffffff; 
font-weight:bold; 
font:10pt "Lucida Grande", Arial, sans-serif; 
}
				
.boxcaption{ 
position: absolute; 
background: #000; 
height:190px; 
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
top:190px;
left:0px;
}

.captionfull .boxcaption {
top:190;
left: 0;
}

.hiduke{
width:auto;
background-color:#333333;
padding:5px;
color:#ffffff;
margin:0 0 10px 10px;
float:right;
font-size:12px;
text-shadow:#000000 1px 1px 2px;
}

#right h2{
font-size:20px;
line-height:1.2em;
padding:0px 0px 10px 0px;
font-weight:bold;
font-stretch:narrower;
}

#right h2 a:link {
color:#333333;
text-decoration: none;
text-shadow:#cccccc 1px 1px 2px;
}

#right h2 a:visited {
color:#666666;
}

#right h2 a:hover, #right h2 a:active {
color:#6fd8d9;
}

.kiziinfo{
font-size:12px;
margin:0px;
}

.kizifooter {
font-size:12px;
text-align:right;
}

.kizi_body {
clear:both;
padding: 20px 0 0 0;
margin:0 0 50px 0;
}

.kizi_body blockquote{
border-left:5px #333333 solid;
font-size:13px;
padding:10px;
}

.kizi_body th,.kizi_body td{
color:#333333;
}

.kizi_more {
margin: 10px 0 0 0;
}

.morelink a:link,.morelink a:visited{
margin:0;
font-weight:bold;
padding:0px;
text-shadow:#cccccc 1px 1px 2px;
color:#6fd8d9;
}

.morelink a:hover{
background-color:#6fd8d9;
color:#333333;
}

.fc2_footer{
margin:20px 0;
}

.pagetop{
margin:10px 0 0px 0;
text-align:right;
font-size:12px;
text-shadow:#cccccc 1px 1px 2px;
}

.pagetop a,.pagetop2 a{
color:#333333;
}

.kizinav { 
width:600px;
font-weight:bold;
font-size:14px;
text-shadow:#cccccc 1px 1px 2px;
margin:0 0 50px 0;
text-align:center;
}

.relate_dl{
margin:10px 0;
padding:20px;
}

.relate_dt{
margin:15px 0;
padding:0px;
font-weight:bold;
text-shadow:#cccccc 1px 1px 2px;
}

.relate_ul{
padding:0px;
}

h4#comheader,h4#comformtitle,h4#editformtitle{
font-size:20px;
padding:0; 
margin:20px 0 40px 0;
text-shadow:#cccccc 1px 1px 2px;
}

.comtitle{
padding-bottom:10px;
margin:0;
color:#6fd8d9;
font-weight:bold;
}

.comcontent{
padding:0px 0px 10px 0px;
margin:10px 0;
border-bottom:1px #333333 dotted;
}

.comfooter, .tbfooter {
margin:10px 0 0 0;
padding:0;
text-align: right;
font-size: 11px;
}

.comform ul {
width: 100%;
margin: 0;
padding: 0;        
}

.comform li {
font-size:14px;
margin:0;
padding:0;
list-style: none;
outline:none;
border:none;
}

.emoji{
margin:10px 0 10px 0px;
}

#name1,#name2,#title1,#title2,#mail1,#mail2,#url1,#url2{
width:60%;
height:14px;
padding:5px 10px;
margin:0 0 10px 0;
background-color:#eeeeee;
border:none;
outline:none;
}

#comment{
width:580px;
margin:0 0 10px 0;
padding:5px 10px;
height:189px;
color:#333333;
scrollbar-base-color:#eeeeee;
scrollbar-track-color:#eeeeee;
overflow:auto;
border:none;
outline:none;
background-color:#eeeeee;
}

#pass1,#pass2{
width:140px;
height:14px;
margin:0;
padding:5px 10px;
background-color:#eeeeee;
border:none;
outline:none;
}

#post{
margin:20px 0 20px -2px;
width:88px;
height:38px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/monochromebotan.png);
background-color:transparent;
color:#ffffff;
font-size:13px;
text-shadow:#000000 -1px -1px 2px;
}

h4#tbheader {
font-size:20px;
padding:0; 
margin:40px 0;
text-shadow:#cccccc 1px 1px 2px;
}

.tbtitle {  
padding:10px 0 0 0;
color : #6fd8d9;
text-decoration:underline; 
}

.pagenavi{
width:600px;
margin:20px 0 40px 0;
padding:0;
height:14px;
text-align:right;
font-size:14px;
font-weight:bold;
}

.titlelist_area{
margin:0;
padding:0;
}

.titlelist_area h2{
font-size:20px;
padding:0 !important; 
margin:0 0 20px 0 !important;
text-shadow:#cccccc 1px 1px 2px;
}

.titlelistfooter{
font-size:10px;
margin:0 0 10px 20px;
}

#lmenu {
width:250px;
padding:0px 0px 50px 0px;
float:left;
overflow:hidden;
font-size:13px;
color:#cccccc; 
margin:0;
}

.plugfirst,.plugsecond,.plugthird{
width:250px;
margin:0;
padding:0;
}

#lmenu h3{
font-size:14px;
font-weight:bold;
color:#cccccc;
width:200px;
height:14px;
padding:10px 20px 16px 30px; 
text-shadow:#000000 -1px -1px 2px;
background-image:url(http://blog-imgs-30.fc2.com/m/y/s/mysticdiary/monochromeside2.png);
}

.plugcontent{
padding:0px 20px 30px 30px;
margin:0;
}

#lmenu ul {
line-height: 160%;
padding: 3px 0 0 0; 
margin: 0;
}

#lmenu li{
padding: 2px 0 0 0;
margin:0;
list-style-type:none;
}

#lmenu a:link{
color:#cccccc;
}

#lmenu a:visited{
color:#666666;
}

#lmenu a:hover{
color:#6fd8d9;
}

.pagetop2{
width:900px;
height:26px;
margin:20px 50px 20px 0px;
clear:both;
text-align:right;
font-size:12px;
text-shadow:#cccccc 1px 1px 2px;
}

#footer{
font-size:11px;
width:900px;
height:80px;
padding:20px 0 0 0px;
text-align:right;
}

table{
color:#cccccc;
}

#lmenu .calender td { 
font-size:13px; 
width:27px !important; 
height:27px !important; 
text-align:center; 
} 

#lmenu .calender th { 
font-size:13px; 
width:27px !important; 
height:27px !important; 
text-align:center; 
color:#cccccc;
} 

#lmenu .calender td a:link { 
color:#6fd8d9 !important; 
width:27px; 
height:13px !important; 
padding:0 0 14px 0;
display:block;
text-decoration:none;
text-align:center; 
}

#lmenu .calender td a:hover { 
color:#666666 !important; 
} 

#sun,#sat{
color:#6fd8d9;
}

caption{
font-weight:bold;
text-align:center;
}

caption a{
color:#6fd8d9 !important;
font-weight:bold !important;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}