@charset "utf-8";
/*
Theme Name: tanzaku
Theme URI: http://www.tripleships.com/sample/
Description: Variable grid layout, easing effect on window resizing.
Version: 1.0.5
Author: TRIPLESHIPS Inc.
Author URI: http://www.tripleships.com/
Tags: silver, dark, flexible-width, threaded-comments


Index:
  - Basic Elements
  - Basic Styling
  - Layout
  - Grid Items, Single Item and Comments
  - Navigation and Sidebar Widget
  - Form Elements

*/



/* ---------- Basic Elements ---------- */

body {
	background-color: #ffffff;
	background-image: url("/3life/common/bg_main.gif");
	color: #ffffff;
	font: 13px/1.231 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	*font-size: small; /* Win IE7およびWin IE6標準準拠モード向け */
	*font: x-small; /* Win IE 5-5.5､6(後方互換モード)向け */
}

table {
	font-size: inherit; /* モダンブラウザ向け */
	font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */
}

pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%; /* Win IE全般向け */
	line-height: 100%;
}

body,div,ul,li,h1,h2,h3,p,blockquote,dl,dt,dd{
margin: 0;
padding: 0;
line-height:1.6;
}

img {
border: 0;
/*vertical-align: middle;*/
}

ul li{
list-style:none;
}

/*		リンク指定
------------------------------------------------------------------------------------*/

a:link img,
a:visited img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;
}
a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

.noOver a:hover img {
filter: alpha(opacity=100);
-moz-opacity: 1.00;
opacity: 1.00;
}


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

h2.title a {
text-decoration: none;
color: #ffffff;
}
h2.title a:link,
h2.title a:visited {
}
h2.title a:hover,
h2.title a:active {
color: #5b5b5b;
}

a.dot{
color:#ffffff;
text-decoration: none;
border-bottom:dotted 1px #ffffff;
}

a.dot:hover,
a.dot:active {
border:none;
}




a img {
	border: none;
}

/*		フォント指定
------------------------------------------------------------------------------------*/
.f10{
font-size:77%;
}
.f11{
font-size:85%;
}
.f12{
font-size:93%;
}
.f13{
font-size:100%;
}
.f14{
font-size:108%;
}
.f15{
font-size:116%;
}
.f16{
font-size:123.1%;
}
.f17{
font-size:131%;
}
.f18{
font-size:138.5%;
}
.f19{
font-size:146.5%;
}
.f20{
font-size:153.9%;
}
.f21{
font-size:161.6%;
}
.f22{
font-size:167%;
}
.f23{
font-size:174%;
}
.f24{
font-size:182%;
}
.f25{
font-size:189%;
}
.f26{
font-size:197%;
}
.fontBold{
color:#8ac3cd;
font-weight:bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 1em 0;
	/*font-weight: normal;*/
}
h1{
	font-size:93%;
}
h2,
h3 {
	font-size:93%;
}

h2.title {
	font: 108% Arial, Helvetica, Sans serif;
}

h4,
h5,
h6 {
	font-size: 11px;
	padding-left: 5px;
	border-left: 5px solid #c4c4c4;
}

ul.title{
font: 14px Arial, Helvetica, Sans serif;
font-weight:bold;
margin:0 0 5px 0;
}

ul.title li .year{
font-weight:normal;
}

ul.title li{
float:left;
margin:0 5px 0 0;
line-height:14px;
}

ul.title li a{
color:#ffffff;
}

blockquote {
	margin: 0;
	padding: 10px;
	border-left: 5px solid #e9e9e9;
	background-color: #f9f9f9;
	color: #666666;
}

pre {
	margin: 0;
	padding: 10px;
	background-color: #f9f9f9;
	color: #666666;
}

fieldset {
	border: 1px solid #cccccc;
	padding: 10px;
}



/* ---------- Basic Styling ---------- */

.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignright {
	float: right;
	margin: 0 0 2px 10px;
}

.alignleft {
	float: left;
	margin: 0 10px 2px 0;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 5px 0 0;
	display: inline;
}

img.alignleft {
	padding: 5px 0 0;
	display: inline;
}

p img {
	max-width: 100%;
	padding: 0;
}

.caution {
	padding: 10px;
	color: #e9e9e9;
	text-align: center;
	background-color: #cc0000;
}
noscript .caution {
	margin: 0;
}

.wp-caption {
	width: 100%;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #ffffff;
	text-align: center;
}
.wp-caption img {
	padding-top: 5px;
}

.wp-caption-text {
	margin: 5px 0;
	text-align: center;
	font-size: smaller;
	color: #666666;
}

/* ---------- Layout ---------- */

#top-container {
	margin: 0 auto;
	padding: 5px;
	background: white;
}

#container {
	margin: 0 auto;
	padding: 0;
}

	#header {
		/*margin: 5px 0 15px 0;*/
		padding: 30px 0 30px 15px;
		/*background-color:#ffff00;*/
	}
	#header h1 {
		margin: 0;
		color: #000000;
	}
	#header h1 a{
		margin: 0;
		color: #000000;
	}
	#header p {
		margin: 0;
		font-size:77%;
		color:#707070;
		padding:0 0 0 18px;
		background:url(/3life/common/icon_comment2.gif) no-repeat left center;
	}

	
	.colL{
	float:left;
	width:200px;
	/*border-right: 1px dotted #000000;*/
	}
	
	.colR{
	/*text-align:right;*/
	margin:0 0 0 200px;
	}

	#grid-wrapper {
		margin: 0;
		padding: 0;
		padding-top: 1000px; /* Prevent flicker in grid area. Check header.php. */
	}

	#single-wrapper {
		margin: 0;
		padding: 0;
		padding-top: 1000px; /* for single-page effect */
	}

/*		フッタ
------------------------------------------------------------------------------------*/

#bottom-container {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 30px 0 0; /*上、左右、下*/
}

	#footer-wrapper {
		background: none;
	}

	.copyright {
		font-family:Verdana, sans-serif;
	}

	#footer {
		margin: 0 auto;
		font-size:77%;
		color:#000000;
	}
	#footer p {
		margin: 0;
		padding: 10px;
	}
	
	#footer a {
		color:#aeaeae;
	}

	
	
	
/*		グローバルメニュー
------------------------------------------------------------------------------------*/
ul#gMenu{
/*width:350px;
margin:5px 0 0 0;
background:#ff0000;*/
}

ul#gMenu li{
float:left;
margin:5px 40px 0 0;
}

ul#gMenu li a span{
display:none;
}

ul#gMenu li.top a:link,
ul#gMenu li.top a:visited,
ul#gMenu li.top a:active{
display:block;
width:26px;
height:21px;
background:url(/3life/common/btn_top.gif) no-repeat left top;
}
ul#gMenu li.top a:hover{
background:url(/3life/common/btn_top_o.gif) no-repeat left top;
}

ul#gMenu li.about a:link,
ul#gMenu li.about a:visited,
ul#gMenu li.about a:active{
display:block;
width:44px;
height:21px;
background:url(/3life/common/btn_about.gif) no-repeat left top;
}
ul#gMenu li.about a:hover{
background:url(/3life/common/btn_about_o.gif) no-repeat left top;
}

ul#gMenu li.archives a:link,
ul#gMenu li.archives a:visited,
ul#gMenu li.archives a:active{
display:block;
width:64px;
height:21px;
background:url(/3life/common/btn_archives.gif) no-repeat left top;
}
ul#gMenu li.archives a:hover{
background:url(/3life/common/btn_archives_o.gif) no-repeat left top;
}

ul#gMenu li.link a:link,
ul#gMenu li.link a:visited,
ul#gMenu li.link a:active{
display:block;
width:26px;
height:21px;
background:url(/3life/common/btn_link.gif) no-repeat left top;
}
ul#gMenu li.link a:hover{
background:url(/3life/common/btn_link_o.gif) no-repeat left top;
}

ul#gMenu li.archives img,
ul#gMenu li.link img{
	filter: alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;
}


/*		クリア
------------------------------------------------------------------------------------*/
.clear{
clear:both;
}


/*		clearfix
------------------------------------------------------------------------------------*/

/* new clearfix */  
.clearfix:after {  
    visibility: hidden;  
    display: block;  
     font-size: 0;  
    content: " ";  
     clear: both;  
     height: 0;  
     }  
 * html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  

/* ---------- Grid Items, Single Item and Comments ---------- */

/* value = (width * n) + (15+15+5) * (n-1). 
 * ex.
 * width=200 : 200, 425, 650, 875
 * width=250 : 250, 525, 800, 1075
 * width=290 : 290, 615, 940, 1265
div.x1 { width:  290px; }
div.x2 { width:  615px; }
div.x3 { width:  940px; }
div.x4 { width: 1265px; }
 */
div.x1 { width:  130px; }
div.x2 { width:  295px; }
div.x3 { width:  460px; }
div.x4 { width:  625px; }

.grid-original-x1 {
	overflow: hidden;
	margin: 0 5px 5px 0;
	border: 0;
	width:160px;
	}

	.grid-original-x2 {
	overflow: hidden;
	margin: 0 5px 5px 0;
	border: 0;
	width:325px;
	}
	
	.grid-original-x3 {
	overflow: hidden;
	margin: 0 5px 5px 0;
	border: 0;
	width:490px;
	}
	
	.grid-original-x4 {
	overflow: hidden;
	margin: 0 5px 5px 0;
	border: 0;
	width:655px;
	}

div.grid-item,
div.single-item {
	overflow: hidden;
	margin: 0 5px 5px 0;
	padding: 15px 15px 30px 15px;
	border: 0;
	background-color: #000000;
}

div.grid-item div.grid-image {
	margin-bottom: 3px;
}

div.grid-item div.wp-caption {
	display: none;
}

div.grid-item h2,
div.single-item h2 {
	margin: 0;
}

div.grid-item div.post-body,
div.single-item div.post-body,
div.single-item .comment-body p {
font-size: 93%;
/*background-color:#ff0000;*/
}


p.post-meta,
p.comment-meta {
	margin-bottom: 0;
	font-size:77%;
}

/*		コメント
------------------------------------------------------------------------------------*/

.commentmetadata{
font-size:77%;
color:#c3c3c3;
text-align:right;
}

.commentmetadata a{
color:#c3c3c3;
}

ul.post-meta{
font-size:77%;
color:#c3c3c3;
}

ul.post-meta{
margin:10px 0 0 0;
}

ul.post-meta li{
float:left;
margin:0 8px 0 0;
}

ul.post-meta li.time{
padding:0 0 0 15px;
background:url(/3life/common/icon_time.gif) no-repeat left center;
}

ul.post-meta li.comment{
padding:0 0 0 16px;
background:url(/3life/common/icon_comment.gif) no-repeat left center;
}

.comment-list .navigation {
	margin: 10px 0;
}
.comment-list .navigation a {
	margin-right: 10px;
}

.comment-list ol li {
	margin: 10px 0;
}

.comment-list ol li.trackback {
	padding: 5px;
	border: 1px solid #c4c4c4;
}

.comment-list ul.children {
	list-style: none;
}
.comment-list ul.children li {
	/*border-left: 5px solid #c4c4c4;*/
	padding-left: 32px;
}

.comment-list li.bypostauthor {
}
.comment-list li.bypostauthor cite.fn {
	text-decoration: underline;
}

.comment-list li.comment .reply {
	margin: 10px 0 20px;
}

.comment-list li.comment .reply a{
padding:5px;
color:#c3c3c3;
border: 1px solid #656565;
}

/*.comment-list ul {
_zoom: 1;  
overflow: hidden; 
}
*/
.comment-list ul li {
margin: 10px 0;
padding:10px 0 0 0;
border-top: 1px dotted #ffffff;
/*margin-bottom:-1px;*/
}

.comment-author{
font-weight:bold;
margin:0 0 10px 0;
/*color:#3c3c3c;*/
}

.comment-author a{
/*color:#ffffff;*/
text-decoration: none;
border-bottom:dotted 1px #cc0000;
}

.comment-author a:hover,
.comment-author a:active {
border:none;
}

 .comment-list ul li.comment p{
color:#c3c3c3;
 }

.fn{
}

.vcard{
}

.url{
}






/* ---------- Navigation and Sidebar Widget ---------- */

/* Pagination for grid items and paginated posts */
.pagination {
	margin: 50px 0 0;
	/*color:#ffffff;*/
	font-size: 93%;
}

.pagination a {
	color:#ffffff;
}

.pagination .current {
background-color:#ffffff;
	color:#3a3a3a;
	font-weight: bold:
}

.pagination .next, 
.pagination .prev {
}

.pagination .page-numbers,
.pagination .current{
	margin: 0 10px 0 0;
	padding: 10px 15px;
	text-decoration: none;
	background-color: #000000;
	/*border:solid 2px #000000;*/
}
/* page-numbers hover color */
a.page-numbers:hover {
	color: #ffffff;
	background-color: #424242;
}
#post-pagination {
	margin: 1em 0;
	color: #c4c4c4;
}
#post-pagination .prefix {
	color: #eaeaea;
}

/* Sidebar 
 * In this theme, sidebar is a horizontal line.
 * Sidebar2 is a block on the bottom.
 * See also "Form Elements" section.
 */
#sidebar{
	list-style: none;
	list-style-type: none;
	/*margin: 50px 0 50px 16px;*/
	padding-left: 0;
}
#sidebar2 {
	list-style: none;
	list-style-type: none;
	margin: 50px 0;
	padding-left: 0;
}
#sidebar li {
	margin: 2px 0;
}
#sidebar li.widget h2.widgettitle {
	display: none;
}

#sidebar li.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar li.widget ul li {
	display: inline;
	padding-right: 5px;
}

li.current-cat {
	text-decoration: underline;
}

#sidebar2 li.widget {
	display: block;
	overflow: hidden;
	float: left;
	margin: 0 5px 5px 0;
	width: 320px;
	padding: 0;
	border: 0;
}

#sidebar2 h2.widgettitle {
	margin-top: 0;
	padding: 5px 10px;
	color: #333333;
	background-color: #d9d9d9;
}

#sidebar2 li.widget div {
	padding: 0 10px;
	font-size: 12px;
}

#sidebar2 li.widget ul {
	margin: 0;
	padding: 0 10px;
	font-size: 12px;
}

#sidebar2 li.widget ul li {
	list-style: none;
}
#sidebar2 ul.children ul li {
	list-style: none;
}

#wp-calendar {
	margin: 1em 0;
	border: none;
}
#wp-calendar caption{
	text-align: left;
	margin: 2px 0 0 0;
	padding: 0;
}
#wp-calendar td {
	text-align: center;
}

/* ---------- Form Elements ---------- */

div.comment-form {
	margin: 0;
	padding: 0;
}

#commentform {
	margin: 0;
	padding: 0;
}
#commentform textarea {
	width: 99%;
	max-width: 640px;
}

/* for sidebar widget */

#searchform {
    width: 300px;
}
#searchform div {
	padding: 0;
	font-size: 12px;
}
#searchform label.screen-reader-text {
	display: none;
}
#searchsubmit {
	display: inline;
}

#s { /* #searchform input#s */
	width: 170px;
	margin: 0;
}

/*		個別ページ
------------------------------------------------------------------------------------*/
ul.pageLink{
margin:20px 0 0 0;
clear:both;
}

ul.pageLink li.pagePrev{
float:left;
}

ul.pageLink li.pageNext{
float:right;
}

ul.pageLink a{
padding: 10px 15px;
color:#c3c3c3;
border: 2px solid #878787;
background-color:#171717;
/*background-color:#000000;*/
display:block;
}

ul.pageLink a:hover,
ul.pageLink a:active {
text-decoration: none;
background-color:#1f1f1f;
}

/*		ギャラリー
------------------------------------------------------------------------------------*/
.highslide-caption{
color:#000000;
}

.frame{
margin:10px 0 0 0;
/*background-color:#ff0000;*/
}

.frameOne{
width:150px;
float:left;
margin:0 30px 50px 0;
}

.tleTime{
font:116% Arial, Helvetica, Sans serif;
margin:10px 0;
padding:0 0 0 15px;
background:url(/3life/common/icon_time.gif) no-repeat left center;
/*border-left: 1px solid #ffffff;*/
}

.caption{
font-size:93%;
color:#c3c3c3;
line-height:1.8;
}

.caption a{
color:#ffffff;
text-decoration: none;
border-bottom:dotted 1px #ffffff;
}

.caption a:hover,
.caption a:active {
border:none;
}

.object{
position: relative;
}

.iconZoom{
position: absolute;
top: 133px;
left: 120px;
width: 20px;
height: 17px;
background: url(/3life/common/icon_zoom.gif) no-repeat 0 0;
}

.hide{
display: none;
}

/*		ツイッター
------------------------------------------------------------------------------------*/
.twitter{
min-height:100px;
height: auto !important;
height: 100px;
}

.twitter a{
color:#aeaeae;
}

#twitter-pen{
background:url(/3life/common/bg_pen.gif) no-repeat left top;
background-color:#000000;
}

#twitter-copen{
background:url(/3life/common/bg_copen.gif) no-repeat left top;
background-color:#000000;
}

.twitter-comment{
margin:15px 0 15px 65px;
color:#000000;
width:244px;
}

.comment-top{
background:url(/3life/common/comment_top.gif) no-repeat left top;
height:7px;
font-size: 0;
}
.comment-mid{
padding:0 10px 3px 30px;
background:url(/3life/common/comment_mid.gif) no-repeat left top;
}
.comment-btm{
background:url(/3life/common/comment_btm.gif) no-repeat left top;
height:7px;
font-size: 0;
}

ul#twitter_update_list2 li{

}

ul.twitter-tl{
}

ul.twitter-tl li{
}


/*		フリッカー
------------------------------------------------------------------------------------*/
#flickr_badge_uber_wrapper {
text-align:center;
background-color:#000000;
padding:15px 0;
}

#flickr_badge_wrapper {
padding:10px 0;
}

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

.flickr_badge_image img {
border: 5px solid #ffffff !important;
}

#flickr_badge_source {
text-align:left; margin:0 10px 0 10px;
}

#flickr_badge_icon {
float:left; margin-right:5px;
}

#flickr_www {
display:block; 
padding:0 10px 0 10px !important;
font: 93% Arial, Helvetica, Sans serif !important;
color:#3993ff !important;
}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
text-decoration:none !important;
background:inherit !important;color:#cc0000;
}
#flickr_badge_wrapper {}
#flickr_badge_source {
padding:0 !important;
font: 77% Arial, Helvetica, Sans serif !important;
color:#000000 !important;
}