@charset "UTF-8";


*		{
		margin: 0px;
		padding: 0px;
		}

body 	{
		background-color:#505050;
		text-align:center;
		color:#222;
		margin: 0px;
		padding: 0px;
		}

#page		{ font-size:small }
h2		{ font-size:x-small }
h3		{ font-size:medium }
span.footnote,ul.footnote,.category,.caption,.posted,.posted2,.posted3,.posted4,.excerpt,.free,.flickr_badge_image,.sidebox,.sidebox2,.sidebox h2,.sidebox2 h2,#powered  {font-size:x-small}
a,dt,strong,b	{ font-weight: bold}

#centering	{
		text-align:left;
		width: 860px;
		margin:   0px  auto   0px  auto;
		padding:  0px   0px   0px   0px;
		}

#page		{
		float:left;
		width: 100%;
		background-color:#c8b69e;
		line-height: 1.2em;
		-webkit-box-shadow: 1.5px -16px 16px rgba(10, 6, 30, 0.7) ;
		}

#container	{
		float:left;
		width: 580px;
		margin:   20px   0px   0px  20px;
		_margin:   20px   0px   0px  10px;
		}

#sidebar	{
		float:left ;
		text-align:center;
		width: 220px;
		margin:   20px   0px   0px  20px;
		padding:   0px   0px   0px   0px;
		}

#banner		{
		float:left;
		background-color: #7f7f7f;
		color:#fff;
		width:580px ;
		height:107px ;
		font-weight:normal;
		margin: 0px  0px 20px  0px;
		text-shadow: 0.2em 0.2em 0.2em rgba(0,0,0,0.5);
                border-radius: 8px;
		-moz-border-radius: 8px ;
                -webkit-border-radius: 8px;
		-webkit-box-shadow: 1.5px 1.5px 5px rgba(10, 6, 30, 0.7) ;
		}

.banner_img	{background: url(http://park5.wakwak.com/~tito/Title_New.jpg) no-repeat top center}

.document	{
		float:left ;
		width:580px ;
		background-color:#ffffff;
		line-height: 1.9em;
		margin:    0px   0px  20px   0px;
		padding:   0px   0px   0px   0px;
                border-radius: 8px;
		-moz-border-radius: 8px ;
                -webkit-border-radius: 8px;
		}

.white_back	{
		float:left ;
		width:580px ;
		background-color:#ffffff;
		line-height: 1.9em;
		margin:    0px   0px   0px   0px;
		padding:   0px   0px   0px   0px;
                border-radius: 8px;
		-moz-border-radius: 8px ;
                -webkit-border-radius: 8px;
		-webkit-box-shadow: 1.5px 1.5px 5px rgba(10, 6, 30, 0.7) ;
		/* MacIE以外に適用するスタイル \*/
		overflow: hidden;
		/* MacIE以外に適用するスタイルここまで */
		}
.document .white_back	{
		background-color:rgba(255,255,255,0.86);
		}

a 		{ color: #253055; text-decoration: none; }
a:link		{ color: #253055; text-decoration: none; }
a:visited	{ color: #253055; text-decoration: none; }
a:active	{ color: #aaaaaa;  }
a:hover		{ color: #aaaaaa;  }

a:link img,
a:visited img,
a:active img,
a:hover img	{ border:none; }

#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover	{
		color: #fff;
		text-decoration: none;
		}

h1		{
		clear: both;
		}

h2 		{
		clear: both;
		}

#banner h2	{
		margin:   0px  0px  0px 15px;
		}

.title_bar	{
		float:left ;
		width:580px ;
		background-color: #f3f3f3;
		color:#777;
		padding:   0em   0px   0em   0px;
		margin:    0px   0px   0px   0px;
		border-top-left-radius:  8px ;
		border-top-right-radius: 8px ;
		-moz-border-radius-topleft:  8px ;
		-moz-border-radius-topright: 8px ;
		-webkit-border-top-left-radius:  8px ;
		-webkit-border-top-right-radius: 8px ;
		}
.white_back .title_bar	{
		background-color:rgba(0,0,0,0.05);
		}

h3 		{
		float:left ;
		width:  400px;
		color:#777;
		line-height: 1.2em;
		padding:   6px   0px   6px   6px;
		margin:    0px   0px   0px   0px;
		}

h3 a,
h3 a:link,
h3 a:visited	{
		color: #777; 
		}
h3 a:active,
h3 a:hover	{
		color: #bbb;
		}

.category	{ 
		float:right ;
		width:  150px;
		color: #777; 
		text-align:right;
		line-height: 1.2em;
		padding:   4px   6px   4px   0px;
		margin:    0px   0px   0px   0px;
		}

.category a	{
		color: #777; 
		font-weight: lighter;
		}
.category a:active,
.category a:hover	{
		color: #bbb;
		}

h4		{
		clear: both;
		background-color:#f3f3f3;
		margin:   20px   10px  0.5em   10px;
		padding: 0.1em  0.5em  0.1em  0.5em;
		border-radius: 1em ;
		-webkit-border-radius: 1em ;
		-moz-border-radius: 1em ;
		}
.white_back h4	{
		background-color:rgba(0,0,0,0.05);
		}

h5		{
		clear: both;
		margin:  20px    2em  0.5em    2em;
		padding: 0px;
		}
 
p		{
		margin:     0px   60px   1em   60px;
		}

.tategumi 	{
		line-height: 1.9em;
		padding:     0px   20px    0px   20px;
		margin:      0px   0px     1em    0px;
		_padding:     0px   0px    0px   0px;
		_margin:      0em  20px    1em  20px;
		}

p.tategumi 	{
		line-height: 1.9em;
		padding:     0px   20px    0px   20px;
		margin:      0px   0px     1em    0px;
		_padding:     0px   0px    0px   0px;
		_margin:      0em  20px    1em  20px;
		}

ol		{
		line-height: 1.5em;
		margin:   0em   2em    1em   2em;
		padding:  0.5em   1em    0.5em   1em;
		}

li 		{
		margin:      0em   2em    1em   2em;
		padding:     0px   0px    0px   0px;
		}

form		{
		margin:  0px   0px 20px   0px;
		}

underline	{
		color:#eee;
		}

blockquote	{
		border: dotted 1px #777;
		background-color:#e3e3e3;
		color:#222;
		margin:   0em   2em    1em   2em;
		padding:  0.5em   1em    0.5em   1em;
		}
.white_back dl	{
		background-color:rgba(0,0,0,0.05);
		}

pre		{
		clear: both;
		font-family: "Osaka-mono","Osaka－等幅","ＭＳ ゴシック","Courier New","Monaco",monospace;
		border: dotted 1px #aaa;
		color: #444;
		background-color: #fff;
		line-height: 1.2em;
		margin:  0em  25px  1em  25px;
		padding: 10px;
		/* MacIE以外に適用するスタイル \*/
		overflow: auto;
		/* MacIE以外に適用するスタイルここまで */
		}

ul 		{
		line-height: 1.2em;
		padding:     0px   0px    0px   0px;
		margin:    0.5em   2em  0.5em   2em;
		}

span.footnote	{
		color: #686868;
		vertical-align:super;
		line-height: 1.2em;
		}

ul.footnote	{
		clear: both;
		border-top: dotted thin #aaa;
		color: #686868;
		list-style-type:none;
		line-height: 1.2em;
		padding:     3px   0px    0px   0px;
		margin:      1em   2em    0px   2em;
		}

dl		{
		background-color:#e3e3e3;
		line-height: 1.4em;
		color:#222;
		margin:   0em   2em    1em   2em;
		padding:  0.5em   1em    0.5em   1em;
		}
.white_back dl	{
		background-color:rgba(0,0,0,0.05);
		}

dt		{
		color:#222;
		}

dd		{
		margin:  0px   0px  1em   0px;
		}

table		{
		background-color:#e3e3e3;
		color:#222;
		margin:     0em   2em    1em   2em;
		padding:  0.5em   1em  0.5em   1em;
		border-collapse: collapse;
		}

td,th		{
		border: 2px #333 solid; 
		padding:   0em  0.5em    0em  0.5em;
		}

.excerpt	{
		color:#666;
		line-height: 1em;
		padding:   0px   0px    0px   0px;
		margin:  0.5em   2em  0.5em   2em;
		}

.posted_bar	{
		float:left ;
		width:580px ;
		background-color: #f3f3f3;
		padding:   2px   0px   0px   0px;
		margin:    0px   0px   0px   0px;
		border-bottom-left-radius:  8px ;
		border-bottom-right-radius: 8px ;
		-moz-border-radius-bottomleft:  8px ;
		-moz-border-radius-bottomright: 8px ;
		-webkit-border-bottom-left-radius:  8px ;
		-webkit-border-bottom-right-radius: 8px ;
		}
.white_back .posted_bar	{
		background-color:rgba(0,0,0,0.05);
		}

.posted		{
		float:right ;
		color:#666;
		width:  160px;
		text-align:right;
		line-height: 1.4em;
		margin:      0px   6px   0px   0px;
		_margin:      0px  3px   0px   0px;
		}

.posted2	{
		clear: both;
		color:#666;
		text-align:right;
		line-height: 1.4em;
		margin:      1em   60px   4em   60px;
		}

.posted3	{
		float:left ;
		color:#666;
		width:  400px;
		text-align:left;
		line-height: 1.4em;
		margin:       0px   0px   0px   6px;
		_margin:       0px   0px   0px  3px;
		}

.posted4	{
		clear: both;
		color:#666;
		text-align:left;
		line-height: 1.4em;
		margin:      0px   0px   0px   6px;
		}

.posted4 a	{
		color: #777;
		}
.posted4 a:active,
.posted4 a:hover	{
		color: #bbb;
		}

hr		{
		clear: both;
		color: #fff; 
		border: 0; 
		width: 100%;
		height: 0px;
		}
.white_back hr	{
		background-color:rgba(256,256,256,0.00);
		}

.space		{
		height: 15px;
		}

.space2		{
		height: 50px;
		}

.navigate	{
		float:left ;
		width:580px ;
		text-align:left;
		line-height: 1em;
		margin:      0em   0em   20px   0em;
		}

.left		{
		float:left ;
		width: 271px;
		_width: 291px;
		height: auto;
		color: #686868;
		text-align: center;
		margin:  0px  0px  0px 20px;
		_margin:  0px  0px  0px 10px;
		overflow: hidden;
		}

.right		{
		float:right ;
		width: 271px;
		_width: 291px;
		height: auto;
		color: #686868;
		text-align: center;
		margin:  0px 20px  0px  0px;
		_margin:  0px 10px  0px  0px;
		overflow: hidden;
		}
	
.center		{
		clear: both;
		width: 100%;
		height: auto;
		color: #686868;
		text-align: center;
		overflow: hidden;
		}

.center img	{
		margin:  0px  0px  0px  0px;
		}

.center a img	{
		margin:  5px  0px  0px  0px;
		-webkit-box-shadow: 1.5px 1.5px 5px rgba(10, 6, 30, 0.7) ;
		}

.left .flickr_badge_image a img	{
		margin:  3px   0px   3px   0px;
		padding: 0px   0px   0px   0px;
                border: 4px solid #efefef;
		-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.7) ;
		}

.left .flickr_badge_image img		{
		margin:  3px   0px   3px   0px;
		padding: 0px   0px   0px   0px;
		}

.left .flickr_badge_image p	{
		width: 261px;
		_width: 281px;
		height:  auto;
		color: #686868;
		line-height: 1.2em;
		text-align: center;
		margin:   0px   5px  10px   5px;
		padding:  0px   0px   0px   0px;
		}

.right .flickr_badge_image a img {
		margin:  3px   0px   3px   0px;
		padding: 0px   0px   0px   0px;
		z-index: 9;
                border: 4px solid #efefef;
		-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.7) ;
		}

.right .flickr_badge_image img	{
		margin:  3px   0px   3px   0px;
		padding: 0px   0px   0px   0px;
		}

.right .flickr_badge_image p	{
		float:left ;
		width: 261px;
		_width: 281px;
		height:  auto;
		color: #686868;
		line-height: 1.2em;
		text-align: center;
		margin:   0px   5px  10px   5px;
		padding:  0px   0px   0px   0px;
		}

.center .flickr_badge_image a img {
		margin:  3px   0px   3px   0px;
		padding: 0px   0px   0px   0px;
                border: 4px solid #efefef;
		-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.7) ;
		}

.center .flickr_badge_image img	{
		margin:  3px   0px   3px   0px;
		padding: 0px   0px   0px   0px;
		}

.center .flickr_badge_image p	{
		width:    90%;
		height:  auto;
		color: #686868;
		line-height: 1.2em;
		text-align: center;
		margin:   0px    5%  10px    5%;
		padding:  0px   0px   0px   0px;
		}

.flickr_badge_image table	{
		margin:   0px  auto   0px   auto;
		}

.caption	{
		height:  auto;
		line-height: 1.2em;
		text-align: left;
		margin:   0px    5%  10px    5%;
		padding:  0px   0px   0px   0px;
		}

.large		{
		clear: both;
		width: 100%;
		height: auto;
		color: #686868;
		text-align: center;
		overflow: hidden;
		}

.large .flickr_badge_image a img	{
		margin:  3px   0px   3px   0px;
		padding: 0px   0px   0px   0px;
                border: 4px solid #efefef;
		-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.7) ;
		}

.large .flickr_badge_image p	{
		width:    90%;
		height:  auto;
		color: #686868;
		line-height: 1.2em;
		text-align: center;
		margin:   0px    5%  10px    5%;
		padding:  0px   0px   0px   0px;
		}

.mini		{
		text-shadow: 0.1em 0.2em 0.6em rgba(0,0,0,1.0);
		margin:  0px   0px    0px  16px;
		_margin:  0px   0px    0px  11px;
		}

.mini .flickr_badge_image	{
		float:left ;
		position:relative ;
		background-color:#4d4d4d;
		width: 176px ;
		height:180px ;
		_height:196px ;
		color: #f6f6f6;
		text-align: center;
		margin:  0px   0px   10px   5px;
		overflow: hidden;
		border-radius: 8px ;
		border-top: solid 8px #4d4d4d;
		border-bottom: solid 8px #4d4d4d;
		border-left: none;
		border-right: none;
		-webkit-border-radius: 8px ;
		-moz-border-radius: 8px ;
		}

.mini .flickr_badge_image img	{
		margin:  0px  -18%   0px  -18%;
		padding: 0px   0px   0px   0px;
		}

.mini .flickr_badge_image p	{
		position:absolute ;
		z-index: 9;
		top: 148px ;
		_top: 150px ;
		left:  0px ;
		background-color:#4d4d4d;
		width:  172px;
		_width:  176px;
		height:  30px;
		color: #f6f6f6;
		line-height: 1.2em;
		text-align: center;
		margin:   0px   0px   0px   0px;
		padding:  2px   2px   0px   2px;
		overflow: auto;
		}
.white_back .mini .flickr_badge_image p	{
		background-color:rgba(77,77,77,0.65);
		}

.nano		{
		margin:  0px   0px    0px  16px;
		_margin:  0px   0px    0px  12px;
		}

.nano .flickr_badge_image	{
		background-color:#4d4d4d;
		float: left ;
		width:  75px;
		height: 83px;
		color: #f6f6f6;
		text-align: center;
		margin:  0px  0px  8px  3px;
		overflow: hidden;
		border-radius: 4px ;
		-webkit-border-radius: 4px ;
		-moz-border-radius: 4px ;
		}

.white_back .nano .flickr_badge_image	{
		background-color:rgba(0,0,0,0.70);
		}

.nano .flickr_badge_image img	{
		margin:  4px   0px   4px   0px;
		padding: 0px   0px   0px   0px;
		}

.nano .flickr_badge_image p	{
		display: none;
		}


.free		{
		float:left ;
		position:relative ;
		background-color:#4d4d4d;
		width: 176px ;
		height:180px ;
		_height:196px ;
		color: #f6f6f6;
		text-align: center;
		margin:  0px   0px   10px   5px;
		overflow: hidden;
		border-radius: 8px ;
		border-top: solid 8px #4d4d4d;
		border-bottom: solid 8px #4d4d4d;
		border-left: none;
		border-right: none;
		-webkit-border-radius: 8px ;
		-moz-border-radius: 8px ;
		}

.free img	{
		margin:  0px  -18%   0px  -18%;
		padding: 0px   0px   0px   0px;
		}

.free p		{
		position:absolute ;
		z-index: 9;
		top: 140px ;
		_top: 142px ;
		left:  0px ;
		background-color:#4d4d4d;
		width:  172px;
		_width:  176px;
		height:  38px;
		color: #f6f6f6;
		line-height: 1.2em;
		text-align: center;
		margin:   0px   0px   0px   0px;
		padding:  2px   2px   0px   2px;
		}
.white_back .free p	{
		background-color:rgba(77,77,77,0.65);
		}

.free a,
.free a:link,
.free a:visited,
.free a:active,
.free a:hover	{
		color: #f6f6f6;
		font-weight: lighter;
		}

.sidebox	{
		float:left ;
		background-color: #eee8e1;
		width:220px;
		color:#666666;
		margin:    0px  0px 10px  0px;
		padding:   0px  0px  0px  0px;
		text-align:left;
		line-height: 1.3em;
		border-radius: 8px ;
		-webkit-border-radius: 8px ;
		-moz-border-radius: 8px ;
		-webkit-box-shadow: 1.5px 1.5px 5px rgba(10, 6, 30, 0.7) ;
		}

#sidebar .sidebox	{
		background-color:rgba(255,255,255,0.70);
		}

.sidebox2	{
		float:left ;
		background-color: #000;
		width:220px;
		height:152px;
		text-align:center;
		color:#666666;
		margin:    0px  0px 10px  0px;
		padding:   0px  0px  0px  0px;
		line-height: 1.3em;
		border-radius: 8px ;
		-webkit-border-radius: 8px ;
		-moz-border-radius: 8px ;
		-webkit-box-shadow: 1.5px 1.5px 5px rgba(10, 6, 30, 0.7) ;
		}

.sidebox2 div	{
		float:left ;
		width:220px;
		height:123px;
		overflow: hidden;
		}

#sidebar .sidebox2	{
		background-color:rgba(0,0,0,1.00);
		}

.sidebox2 p	{
		margin:   0.5em   0em   1em   0em;
		}

.sidebox h2 , .sidebox2 h2	{
		color: #666;
		text-align:center;
		margin:    0px  0px  0px  0px;
		padding:   5px  6px  5px  6px;
		}

.sidebox h2 a , .sidebox2 h2 a	{
		color: #888;
		}

.sidebox ul	{
		padding:  12px  12px  12px  12px;
		margin:    0px   0px   8px   0px;
		}

.sidebox ul ul	{
		padding:  0px;
		margin:   0px;
		}

.sidebox li	{
		color: #666666;
		line-height: 1.3em;
		margin:    0px  0px  1.3em  0px;
		padding:   0px;
		list-style-type: none;
		}

.sidebox li li	{
		margin:  0.4em  0px   0px  0px;
		padding:   0px;
		}

.sidebox p	{
		margin:     0px   0em   1em   0em;
		padding:   0px;
		word-break: break-all;
		overflow: hidden;
		}

.sidebox form	{
		width: 176px;
		padding:   0px  12px   6px  12px;
		margin:    0px   0px   0px   0px;
		white-space: nowrap; 
		/* MacIE以外に適用するスタイル \*/
		overflow: hidden;
		/* MacIE以外に適用するスタイルここまで */
		}

.sidebox img	{
		margin: 0px  0px 10px 15px;
		}

#google		{
		margin: 0px  0px 10px 22px;
		}


#yahoo		{
		margin: 0px  0px 10px 18px;
		}

#powered	{
		float:left ;
		width:220px;
		color: #666666;
		text-align: center;
		line-height: 1.5em;
		margin:  12px   0px  12px   0px;
		}

#comment-data	{
		float: left;
		width: 180px;
		padding-right: 15px;
		margin-right: 15px;
		border-right: 1px dotted #bbb;
		}

textarea[id="comment-text"]	{
		width: 80%;
		}

.commenter-profile img {
		vertical-align: middle;
		border-width: 0;
		}

.comments-body {
		background-color:#FFF;
		color:#666;
		font-weight:normal;
		line-height: 1.4em;
		padding: 10px  0px 10px  0px;
		border-bottom:1px dotted #999;
		}

.comments-post {
		background-color:#FFF;
		color:#666;
		font-weight:normal;
		}


.trackback-url {
		background-color:#FFF;
		color:#666;
		font-weight:normal;
		line-height: 1.4em;
		padding:5px;
		border:1px dotted #999;
		}


.trackback-body {
		background-color:#FFF;
		color:#666;
		font-weight:normal;
		line-height: 1.4em;
		padding: 10px  0px 10px  0px;
		border-bottom:1px dotted #999;
		}

.trackback-post {
		background-color:#FFF;
		color:#666;
		font-weight:normal;
		}


.comments-head	{
		background-color:#FFF;
		color: #666;
		border-bottom:1px solid #999;
		margin-top:20px;
		}

#banner-commentspop {
		background-color:#003366;
		color:#FFF;
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
		border-top:1px solid #FFF;
		padding:  5px 15px  5px 15px;
		}

.invisible	{
		position: absolute;
		top: -100px;
		}

.hidden	{
		position: absolute;
		display: none;
		top: -100px;
		left: -9999px;
		width: 0;
		height: 0;
		}