@charset "utf-8";
/* CSS Document */


/* --------------------------------

	* Layout Style + Template Style {


		* Last update 08.11/28
		* Author : kozzy;
	
	}
	
	
--------------------------------

	* Contents
	
	1. Structure Frames
	
	2. Header
		├ 2-1. Common
		├ 2-2. gNavi
		└ 2-2. Calendar
	
	3. Primary Content
		├ 3-1. Common
		├ 3-2. h Stayle
		├ 3-3. Entry Photo
		├ 3-4. Info Area
		├ 3-5. Archive Page
		└ 3-6. Other Page
	
	4. Secondary Content
		├ 4-1. Common
		├ 4-2. List Navigation
		└ 4-3. Tool Box
	
	5. Tertiary Content
		└ 5-1. Common
	
	6. Footer
	
	
--------------------------------


/* ==========================================================================================================

	 1. Structure Frames
 
============================================================================================================*/


html {
}

body {
	background:url(../img/bg_cal.gif) repeat-x 0 125px #000000;
	width: auto;
}

div#wrapper {
	margin	: 0 auto;
	width:905px;
	text-align	: left;
}

div#header {
	position:relative;
	margin:20px 0 0;
}

div#container {
	clear	: both;
}

div#primaryContent {
	float:left;
	padding-top:10px;
	margin-right:15px;
	width:510px;
}

div#secondaryContent {
	background:url(../img/bg_secondaryContent.gif) no-repeat 0 10px #000000;
	float:left;
	padding-top:10px;
	margin-right:15px;
	width:220px;
}

div#tertiaryContent {
	float:left;
	padding-top:10px;
	width:145px;
}

div#footer {
	clear:both;
}


/*  スクリーンリーダー用
-----------------------------------*/
.accessibility {
	display	: none;
}

/*  デバッグ用
-----------------------------------*/
/* MSゴでテスト */
body.test1,
body.test1 input {
	font-family: "ＭＳ Ｐゴシック", Osaka, san-serif;
}

/* sectionをoutline表示 */
body.test2 div.section {
	outline: 1px dotted #FF8A3C;
}



/* ==========================================================================================================

	 2. Header
 
============================================================================================================*/

/*  ------------------------------------------------------------------

	2-1. common

---------------------------------------------------------------------*/

div#header p.siteID {
	margin-bottom:0;
}

div#header p.tagLine {
	position:absolute;
	top:30px;
	left:180px;
}


/*  ------------------------------------------------------------------

	2-2. Gloval Navi

---------------------------------------------------------------------*/

ul#gNav {
	position:absolute;
	top:-10px;
	left:525px;
	width:265px;
	height:80px;
}

ul#gNav li {
	background:url(../img/bg_gNavList.gif) no-repeat center top;
	padding-top:12px;
	padding-left:6px;
	width:68px;
	height:28px;
	font-size:83%;
	font-family:Helvetica, Arial, Geneva, sans-serif;
	font-weight:bold;
	text-align:center;
}

ul#gNav li a { color:#000000; }
ul#gNav li a:link		{ text-decoration:none; }
ul#gNav li a:visited	{ text-decoration:none; }
ul#gNav li a:hover		{ text-decoration: underline; }
ul#gNav li a:active		{ text-decoration:none; }

ul#gNav li#top			{ 	position:absolute; top:45px; left:0px; }
ul#gNav li#photo 		{ 	position:absolute; top:5px; left:65px; }
ul#gNav li#archiveIndex { 	position:absolute; top:45px; left:120px; }
ul#gNav li#contact 		{ 	position:absolute; top:5px; left:185px; }



/*  ------------------------------------------------------------------

	2-3. Calendar

---------------------------------------------------------------------*/

div#cal {
	clear:both;
	padding-top:20px;
	height:65px;
	font-family:Helvetica, Arial, Geneva, sans-serif;
}

div#cal dl {
	/*border-left:1px solid #FFFFFF;*/
	float:left;
	padding:0 0.3em 0 0.4em;
}

div#cal dl dt {
	margin-bottom:9px;
	font-size:117%;
	font-weight:bold;
	letter-spacing:0.2em;
}

div#cal dl dd {
	font-size:82%;
	color:#666666;
	letter-spacing:-0.1px;
}

div#cal dl dd span {
	margin-right:0.1em;
}

div#cal dl dd span a {
	font-size:110%;
	color:#FFFFFF;
}
div#cal dl dd span a:link		{ text-decoration:none; }
div#cal dl dd span a:visited	{ text-decoration:none; }
div#cal dl dd span a:hover		{ text-decoration: underline; }
div#cal dl dd span a:active		{ text-decoration:none; }


/* ==========================================================================================================

	 3. Primary Content
 
============================================================================================================*/

/*  ------------------------------------------------------------------

	3-1. Common

---------------------------------------------------------------------*/

div#primaryContent {
	width:510px;
}

div#primaryContent div.section {
	background:url(../img/bg_mainContent.gif);
	padding:3px;
}

div#primaryContent div.section div.section {
	background:#FFFFFF;
	padding:3px;
}

div#primaryContent div.section div.inner {
	background:#FFFFFF;
	position:relative;
	padding:20px 20px 20px 20px;
	width:464px;
	zoom:1;
}

div#primaryContent div.section div.inner div {
	margin-bottom:20px;
}

/*div#primaryContent div.section div.inner div p a 			{ color:#666666;}
div#primaryContent div.section div.inner div p a:link		{ text-decoration:none; }
div#primaryContent div.section div.inner div p a:visited	{ text-decoration:none; }
div#primaryContent div.section div.inner div p a:hover		{ text-decoration:underline; color:#999999;  }
div#primaryContent div.section div.inner div p a:active		{ text-decoration:none; }*/

div#primaryContent div.navArea {
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	background:#1E1E1E;
	padding:1.5em 1em 1em;
	margin-top:-1em;
	margin-bottom:30px;
}

div#primaryContent div.navArea p {
	margin-bottom:0;
	text-align:center;
	color:#CCCCCC;
}
div#primaryContent div.navArea p a 				{ font-weight:bold; color:#FFFFFF;}
div#primaryContent div.navArea p a:link			{ text-decoration:none; }
div#primaryContent div.navArea p a:visited		{ text-decoration:none; }
div#primaryContent div.navArea p a:hover		{ text-decoration:underline; }
div#primaryContent div.navArea p a:active		{ text-decoration:none; }

div#primaryContent div.navArea p.pageNav {
	padding-bottom:0.6em;
	font-family:Helvetica, Arial, Geneva, sans-serif;
	line-height:1;
}

div#primaryContent div.navArea p.pageNav a {
	padding:0 0.3em;
}

div#primaryContent div.navArea p.pageNav span {
	padding-bottom:0.3em ;
	font-size:133%;
}

div#primaryContent div.navArea p.contentNav {
	border-top:1px solid #999999;
	padding-top:0.5em;;
}

/*  ------------------------------------------------------------------

	3-2. h Stayle

---------------------------------------------------------------------*/

div#primaryContent div.section div.inner div.h1Group {
	display:block;
	float:none;
	position:relative;
	padding:25px 0 10px 0;
	margin-bottom:0;
}

div#primaryContent div.section div.inner div.h1Group h1 {
	font-size:166%;
}
div#primaryContent div.section div.inner div.h1Group h1 a:link		{ text-decoration:none; }
div#primaryContent div.section div.inner div.h1Group h1 a:visited	{ text-decoration:none; }
div#primaryContent div.section div.inner div.h1Group h1 a:hover		{ text-decoration: underline; }
div#primaryContent div.section div.inner div.h1Group h1 a:active	{ text-decoration:none; }

div#primaryContent div.section div.inner div.h1Group p.date {
	position:absolute;
	top:0;
	left:0;
	font-weight:bold;
	font-family:Helvetica, Arial, Geneva, sans-serif;}

div#primaryContent div.section div.inner div.h2Group {
	display:block;
	float:none;
	position:relative;
	padding:25px 0 10px 0;
	margin-bottom:0;
}

div#primaryContent div.section div.inner div.h2Group h2 {
	font-size:166%;
}
div#primaryContent div.section div.inner div.h2Group h2 a:link		{ text-decoration:none; }
div#primaryContent div.section div.inner div.h2Group h2 a:visited	{ text-decoration:none; }
div#primaryContent div.section div.inner div.h2Group h2 a:hover		{ text-decoration: underline; }
div#primaryContent div.section div.inner div.h2Group h2 a:active	{ text-decoration:none; }

div#primaryContent div.section div.inner div.h2Group p.date {
	position:absolute;
	top:0;
	left:0;
	font-weight:bold;
	font-family:Helvetica, Arial, Geneva, sans-serif;}


/*  ------------------------------------------------------------------

	3-3. Entry Photo (and Movie)

---------------------------------------------------------------------*/

div#primaryContent div.section div.inner dl.entryPhoto dt {
	margin-bottom:0.5em;
}
div#primaryContent div.section div.inner dl.entryPhoto dd {
	margin-bottom:1.5em;
	font-size:92%;
}


div#primaryContent div.section div.inner dl.entryPhoto dd.readMore {
	display:none;
	text-align:right;
}

div#primaryContent div.section div.inner dl.entryPhoto dd.readMore a {
	background:url(../img/arrow_readMore_w.gif) no-repeat 0 45%;
	padding-left:20px;
	font-weight:bold;
	font-family:Helvetica, Arial, Geneva, sans-serif;
	color:#000000;
}
div#primaryContent div.section div.inner dl.entryPhoto dd.readMore a:hover { text-decoration:underline;}


/*  for Youtube
-----------------------------------*/
div#primaryContent p object {
	text-align:center;
	margin: 0 auto;
}


/*  ------------------------------------------------------------------

	3-4. Info Area

---------------------------------------------------------------------*/

div#primaryContent div.section div.inner div.infoArea {
	margin-bottom:0;
	font-size:83%;
}

div#primaryContent div.section div.inner div.infoArea dl {
	margin-bottom:0.5em;
	font-family:Helvetica, Arial, Geneva, sans-serif;}
/*  clearfix
-----------------------------------*/
/* start clearfix */
div#primaryContent div.section div.inner div.infoArea dl:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html div#primaryContent div.section div.inner div.infoArea dl { height: 1%; }
/* ie7 hack */
*:first-child+html div#primaryContent div.section div.inner div.infoArea dl { min-height: 1%;}
/* end clearfix */

div#primaryContent div.section div.inner div.infoArea dl dt {
	margin-right:0.5em;
	float: left;
	font-weight:bold;
	font-family:Helvetica, Arial, Geneva, sans-serif;}

div#primaryContent div.section div.inner div.infoArea dl dd {
	float: left;
	white-space: nowrap;
	margin-right:0.5em;
}
div#primaryContent div.section div.inner div.infoArea dl dd a:link		{ text-decoration:none; }
div#primaryContent div.section div.inner div.infoArea dl dd a:visited	{ text-decoration:none; }
div#primaryContent div.section div.inner div.infoArea dl dd a:hover		{ text-decoration: underline; }
div#primaryContent div.section div.inner div.infoArea dl dd a:active	{ text-decoration:none; }

div#primaryContent div.section div.inner div.infoArea p.voices {
	margin-bottom:0;
	text-align:right;
	font-weight:bold;
	font-family:Helvetica, Arial, Geneva, sans-serif;}
div#primaryContent div.section div.inner div.infoArea p.voices a:link		{ text-decoration:none; }
div#primaryContent div.section div.inner div.infoArea p.voices a:visited	{ text-decoration:none; }
div#primaryContent div.section div.inner div.infoArea p.voices a:hover		{ text-decoration: underline; }
div#primaryContent div.section div.inner div.infoArea p.voices a:active		{ text-decoration:none; }

div#primaryContent div.section div.inner div.infoArea div.navArea {
	border-top:none;
	border-bottom:none;
	background:#FFFFFF;
	padding:10px;
	margin-top:20px;
	margin-bottom:30px;
	font-size:120%;
	color:#000000;
}

div#primaryContent div.section div.inner div.infoArea div.navArea p {
	margin-bottom:0;
	text-align:center;
}
div#primaryContent div.section div.inner div.infoArea div.navArea p a 			{ font-weight:bold; color:#000000;}
div#primaryContent div.section div.inner div.infoArea div.navArea p a:link		{ text-decoration:none; }
div#primaryContent div.section div.inner div.infoArea div.navArea p a:visited	{ text-decoration:none; }
div#primaryContent div.section div.inner div.infoArea div.navArea p a:hover		{ text-decoration:underline; }
div#primaryContent div.section div.inner div.infoArea div.navArea p a:active	{ text-decoration:none; }

div#primaryContent div.section div.inner div.infoArea div.navArea p.pageNav {
	border:1px solid #666666;
	padding:0.5em 0 0.8em;
	font-family:Helvetica, Arial, Geneva, sans-serif;
}

div#primaryContent div.section div.inner div.infoArea div.navArea p.pageNav a {
	padding:0 0.3em;
}

div#primaryContent div.section div.inner div.infoArea div.navArea p.pageNav span {
	padding-bottom:0.3em ;
	font-size:133%;
}

div#primaryContent div.section div.inner div.postArea {
	border-top:1px solid #000000;
	padding-top:20px;
	margin-top:20px;
	margin-bottom:0;
}

div#primaryContent div.section div.inner div.postArea h1 {
	margin-bottom:10px;
	font-size:133%;
	font-family:Helvetica, Arial, Geneva, sans-serif;
	letter-spacing:0.5em;
}

div#primaryContent div.section div.inner div.postArea h2 {
	margin-bottom:10px;
	font-size:133%;
	font-family:Helvetica, Arial, Geneva, sans-serif;
	letter-spacing:0.5em;
}

div#primaryContent div.section div.inner div.postArea div.section#voices {
	margin-bottom:0;
}

div#primaryContent div.section div.inner div.postArea div.section#voices div.lastChild {
	border-bottom:1px dotted #666666;
	padding-bottom:20px;
}

div#primaryContent div.section div.inner div.postArea div.section#voices p span.author {
	font-size:117%;
	font-weight:bold;
}

div#primaryContent div.section div.inner div.postArea div.section#voices p span.author a:link		{ text-decoration:underline; }
div#primaryContent div.section div.inner div.postArea div.section#voices p span.author a:visited	{ text-decoration:underline; }
div#primaryContent div.section div.inner div.postArea div.section#voices p span.author a:hover		{ text-decoration:none; }
div#primaryContent div.section div.inner div.postArea div.section#voices p span.author a:active		{ text-decoration:underline; }

div#primaryContent div.section div.inner div.postArea div.section#voices p.postingDate {
	text-align:right;
}

div#primaryContent div.section div.inner div.postArea div.section#sendVoice {
	margin-bottom:0;
}

div#primaryContent div.section#sendVoice form dl {
	position:relative;
	height:40px;
}

div#primaryContent div.section#sendVoice form dl dt {
	position:absolute;
	top:0;
	left:0;
}

div#primaryContent div.section#sendVoice form dl dt label {
	font-family:Helvetica, Arial, Geneva, sans-serif;
	font-size:117%;
	font-weight:bold;
}


div#primaryContent div.section#sendVoice form dl dd {
	position:absolute;
	top:2px;
	right:0;
}

div#primaryContent div.section#sendVoice form dl dd input {
	border:1px solid #666666;
	width:374px;
}

div#primaryContent div.section#sendVoice form dl#rememberMe {
	border:1px solid #CCCCCC;
	background:#fafafa;
	padding:1em;
	margin-top:1em;
	margin-bottom:1.5em;
	height:auto;
	line-height:1;
}
/*  clearfix
-----------------------------------*/
/* start clearfix */
div#primaryContent div.section#sendVoice form dl#rememberMe:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html div#primaryContent div.section#sendVoice form dl#rememberMe { height: 1%; }
/* ie7 hack */
*:first-child+html div#primaryContent div.section#sendVoice form dl#rememberMe { min-height: 1%;}
/* end clearfix */

div#primaryContent div.section#sendVoice form dl#rememberMe dt {
	position:static;
	float:left;
	width:auto;
}

div#primaryContent div.section#sendVoice form dl#rememberMe dd {
	position:static;
	float:right;
	width:auto;
}

div#primaryContent div.section#sendVoice form dl#rememberMe dd input {
	width:auto;
}

div#primaryContent div.section#sendVoice form dl#commentForm {
	height:auto;
}

div#primaryContent div.section#sendVoice form dl#commentForm dt {
	position:static;
	float:none;
	width:auto;
	margin-bottom:0.2em;
}

div#primaryContent div.section#sendVoice form dl#commentForm dd {
	position:static;
}

div#primaryContent div.section#sendVoice form dl#commentForm textarea {
	border:1px solid #666666;
	width:100%;
}

div#primaryContent div.section#sendVoice form ul#btnSubmit {
	padding:2em 0;
	text-align:center;
}

div#primaryContent div.section#sendVoice form ul#btnSubmit li {
	display:inline;
	padding:0 0.2em;
}

div#primaryContent div.section#sendVoice form ul#btnSubmit li input {
	background:#000000;
	padding:0.4em 0 0.2em;
	width:8.5em;
	font-family:Helvetica, Arial, Geneva, sans-serif;	
	color:#FFFFFF;
	letter-spacing:0.2em;
}

div#primaryContent div.section#sendVoice form ul#btnSubmit li.lastChild input {
	background:#FFFFFF;
	font-weight:bold;
	color:#000000;
}


div#primaryContent div.section div.inner div.postArea.previewPage,
div#primaryContent div.section div.inner div.postArea.postedPage {
	border-top:none;
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
}

div#primaryContent div.section div.inner div.postArea.previewPage div.section {
	border-bottom:1px dotted #666666;
	padding-bottom:20px;
}

div#primaryContent div.section div.inner div.postArea.previewPage div.section p.byline {
	text-align:right;
}
/*  clearfix
-----------------------------------*/
/* start clearfix */
div#primaryContent div.section div.inner div.postArea.previewPage div.section p.byline:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html div#primaryContent div.section div.inner div.postArea.previewPage div.section p.byline { height: 1%; }
/* ie7 hack */
*:first-child+html div#primaryContent div.section div.inner div.postArea.previewPage div.section p.byline { min-height: 1%;}
/* end clearfix */

div#primaryContent div.section div.inner div.postArea.previewPage div.section p.byline span.author {
	float:left;
	font-weight:bold;
}

div#primaryContent div.section div.inner div.postArea.previewPage div.section#sendVoice {
	border-bottom:none;
	padding-bottom:0;
}

body#commentPost div#primaryContent h1 {
	padding:40px 0 0;
	margin-bottom:1em;
	font-size:200%;
	font-family:Helvetica, Arial, Geneva, sans-serif;	
	font-weight:bold;
	text-align:center;
	line-height:1.5;
}

body#commentPost div#primaryContent p.complete {
	margin-bottom:40px;
	text-align:center;
}

body#commentPost div#primaryContent p.complete span {
	display:block;
	padding-top:20px;
}
body#commentPost div#primaryContent p.complete span a 			{ font-weight:normal; color:#000000;}
body#commentPost div#primaryContent p.complete span a:link		{ text-decoration:underline; }
body#commentPost div#primaryContent p.complete span a:visited	{ text-decoration:underline; }
body#commentPost div#primaryContent p.complete span a:hover		{ text-decoration:none; }
body#commentPost div#primaryContent p.complete span a:active	{ text-decoration:underline; }


/*  Search
-----------------------------------*/

div#primaryContent span#currenPage {
	display:none;
}


/*  ------------------------------------------------------------------

	3-5. Archive Page

---------------------------------------------------------------------*/

body.archivePage div#primaryContent div.section div.inner {
}

body.archivePage div#primaryContent div.h1Group {
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	background:#1E1E1E;
	padding:10px;
}

body.archivePage div#primaryContent div.h1Group h1 {
	display:inline;
	padding:0.2em 1em;
	font-size:133%;
	color:#FFFFFF;
}

body.archivePage div#primaryContent div.h1Group h1 span {
	font-size:50%;
}


/*  Photo Archive
-----------------------------------*/

body.archivePage#photoArchive div#primaryContent div.section {
	background:none;
	padding:0;
}

body.archivePage#photoArchive div#primaryContent div.section ul {
	margin-bottom:3em;
}
/*  clearfix
-----------------------------------*/
/* start clearfix */
body.archivePage#photoArchive div#primaryContent div.section ul:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html body.archivePage#photoArchive div#primaryContent div.section ul { height: 1%;}
/* ie7 hack */
*:first-child+html body.archivePage#photoArchive div#primaryContent div.section ul { min-height: 1%;}
/* end clearfix */

body.archivePage#photoArchive div#primaryContent div.section ul li {
	background:#FFFFFF;
	border:3px solid #FFFFFF;
	float:left;
	overflow:hidden;
	margin-right:10px;
	margin-bottom:30px;
	width:114px;
	height:74px;
}

body.archivePage#photoArchive div#primaryContent div.section ul li.lastChild {
	margin-right:0;
}




/*  ------------------------------------------------------------------

	3-6. Other Page (Mail Form)

---------------------------------------------------------------------*/

body.otherPage div#primaryContent div.section {
	background:none;
	padding:0 20px;
	color:#FFFFFF;
}

body.otherPage div#primaryContent div.h1Group {
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	background:#1E1E1E;
	padding:10px;
}

body.otherPage div#primaryContent div.h1Group h1 {
	display:inline;
	padding:0.2em 1em;
	font-size:133%;
	color:#FFFFFF;
}

body.otherPage div#primaryContent div.h1Group h1 span {
	font-size:50%;
}

body.otherPage div#primaryContent form#mail_form dl {
	position:relative;
	height:40px;
}

body.otherPage div#primaryContent form#mail_form dl dt {
	position:absolute;
	top:0;
	left:0;
}

body.otherPage div#primaryContent form#mail_form dl dt label {
	font-size:117%;
	font-weight:bold;
}


body.otherPage div#primaryContent form#mail_form dl dd {
	position:absolute;
	top:2px;
	right:0;
}

body.otherPage div#primaryContent form#mail_form dl dd input {
	border:1px solid #CCCCCC;
	width:374px;
}

body.otherPage div#primaryContent form#mail_form dl#commentForm {
	height:auto;
}

body.otherPage div#primaryContent form#mail_form dl#commentForm dt {
	position:static;
	float:none;
	width:auto;
	margin-bottom:0.2em;
}

body.otherPage div#primaryContent form#mail_form dl#commentForm dd {
	position:static;
}

body.otherPage div#primaryContent form#mail_form dl#commentForm textarea {
	border:1px solid #CCCCCC;
	width:100%;
}

body.otherPage div#primaryContent form#mail_form ul#btnSubmit {
	padding:2em 0;
	text-align:center;
}

body.otherPage div#primaryContent form#mail_form ul#btnSubmit li {
	display:inline;
	padding:0 0.2em;
}

body.otherPage div#primaryContent form#mail_form ul#btnSubmit li input {
	background:#FFFFFF;
	padding:0.4em 0 0.2em;
	width:8.5em;
	font-family:Helvetica, Arial, Geneva, sans-serif;	
	color:#000000;
	letter-spacing:0.2em;
}


/*  Mail Preview
-----------------------------------*/

body.otherPage div#primaryContent div.section#mailPreview p.complete {
	padding:60px 0 0;
	font-size:200%;
	font-family:Helvetica, Arial, Geneva, sans-serif;	
	font-weight:bold;
	text-align:center;
	line-height:1.5;
}

body.otherPage div#primaryContent div.section#mailPreview p.complete span {
	display:block;
	padding-top:20px;
}
body.otherPage div#primaryContent div.section#mailPreview p.complete span a 		{ font-weight:normal; font-size:50%; color:#FFFFFF;}
body.otherPage div#primaryContent div.section#mailPreview p.complete span a:link	{ text-decoration:underline; }
body.otherPage div#primaryContent div.section#mailPreview p.complete span a:visited	{ text-decoration:underline; }
body.otherPage div#primaryContent div.section#mailPreview p.complete span a:hover	{ text-decoration:none; }
body.otherPage div#primaryContent div.section#mailPreview p.complete span a:active	{ text-decoration:underline; }

body.otherPage div#primaryContent div.section#mailPreview ul.alert {
	border:3px solid #333333;
	background:url(../img/bg_alert01.gif) no-repeat 15px 50% #1E1E1E;
	padding:1.5em 1em 1.5em 65px;
	margin-top:30px;
	margin-bottom:30px;
	line-height:2;
}

body.otherPage div#primaryContent div.section#mailPreview ul.alert li {
	background:url(../img/ccl_list02.gif) no-repeat 0 50% #1E1E1E;
	padding-left:12px;
}

body.otherPage div#primaryContent div.section#mailPreview dl {
	margin-bottom:2em;
}

body.otherPage div#primaryContent div.section#mailPreview dl dt {
	font-family:Helvetica, Arial, Geneva, sans-serif;	
	font-weight:bold;
	letter-spacing:0.2em;
}

body.otherPage div#primaryContent div.section#mailPreview dl dd {
	border:1px solid #333333;
	padding:0.5em 1em 0.3em;
	min-height:1em;
}
/* ie6 hack */
* html body.otherPage div#primaryContent div.section#mailPreview dl dd {
	height:1em;
}

body.otherPage div#primaryContent div.section#mailPreview div.section {
	border-top:1px dotted #666666;
	padding:30px 0 0;
}

body.otherPage div#primaryContent div.section#mailPreview div.section form#mail_form dl {
	margin-bottom:0;
}

body.otherPage div#primaryContent div.section#mailPreview div.section form#mail_form dl dd  {
	border:none;
	padding:0;
}


/*  Archive Index
-----------------------------------*/

body.otherPage div#primaryContent div.secGroup {
	padding:0 20px;
}

body.otherPage div#primaryContent div.secGroup div.section.archiveList {
	padding:0 0;
}

body.otherPage div#primaryContent div.secGroup div.section.archiveList h2.hnTxt01 {
	border-bottom:1px solid #FFFFFF;
	background:url(../img/bg_hnTxt01.gif) no-repeat 0 32% #000000;
	padding-left:18px;
	padding-bottom:0.8em;
	margin-bottom:1.2em;
	font-family:Helvetica, Arial, Geneva, sans-serif;
	letter-spacing:0.5em;
}

body.otherPage div#primaryContent div.secGroup div.section.archiveList ul {
	padding-bottom: 3em;
}

body.otherPage div#primaryContent div.secGroup div.section.archiveList li {
	background:url(../img/ccl_list01.gif) no-repeat 0 45% #000000;
	padding-left:15px;
	margin-bottom:3px;
}
/*  clearfix
-----------------------------------*/
/* start clearfix */
body.otherPage div#primaryContent div.secGroup div.section.archiveList li:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html body.otherPage div#primaryContent div.secGroup div.section.archiveList { height: 1%; }
/* ie7 hack */
*:first-child+html body.otherPage div#primaryContent div.secGroup div.section.archiveList { min-height: 1%;}
/* end clearfix */

body.otherPage div#primaryContent div.secGroup div.section.archiveList li span {
	float:right;
}

body.otherPage div#primaryContent div.secGroup div.section.archiveList li a 			{ display:block; color:#FFFFFF; }
body.otherPage div#primaryContent div.secGroup div.section.archiveList li a:link		{ text-decoration:none; }
body.otherPage div#primaryContent div.secGroup div.section.archiveList li a:visited	{ text-decoration:none; }
body.otherPage div#primaryContent div.secGroup div.section.archiveList li a:hover		{ text-decoration:underline; }
body.otherPage div#primaryContent div.secGroup div.section.archiveList li a:active		{ text-decoration:none; }


/* ==========================================================================================================

	 4. Secondary Content
 
============================================================================================================*/

/*  ------------------------------------------------------------------

	4-1. Common

---------------------------------------------------------------------*/

div#secondaryContent {
	width:220px;
}

div#secondaryContent div.section {
	color:#FFFFFF;
	margin-bottom:0;
}

div#secondaryContent div.section.firstChild {
	margin-top:180px;
}
/* ie6 hack */
* html div#secondaryContent div.section.firstChild {
	margin-top:10px;
}

div#secondaryContent div.section h3.hnTxt01 {
	border-bottom:1px solid #FFFFFF;
	background:url(../img/bg_hnTxt01.gif) no-repeat 0 32% #000000;
	padding-left:18px;
	padding-bottom:0.8em;
	margin-bottom:1.2em;
	font-family:Helvetica, Arial, Geneva, sans-serif;
	letter-spacing:0.5em;
}


/*  ------------------------------------------------------------------

	4-2. List Navigation

---------------------------------------------------------------------*/

/*  Category
-----------------------------------*/

div#secondaryContent div#category.section ul.listNav {
	padding-bottom: 3em;
}
/*  clearfix
-----------------------------------*/
/* start clearfix */
div#secondaryContent div#category.section ul.listNav:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html div#secondaryContent div#category.section ul.listNav { height: 1%;}
/* ie7 hack */
*:first-child+html div#secondaryContent div#category.section ul.listNav { min-height: 1%;}
/* end clearfix */

div#secondaryContent div#category.section ul.listNav li {
	float: left;
	white-space: nowrap;
	margin-right:1em;
}
div#secondaryContent div#category.section ul.listNav li a { color:#FFFFFF; }
div#secondaryContent div#category.section ul.listNav li a:link		{ text-decoration:none; }
div#secondaryContent div#category.section ul.listNav li a:visited	{ text-decoration:none; }
div#secondaryContent div#category.section ul.listNav li a:hover		{ text-decoration:underline; }
div#secondaryContent div#category.section ul.listNav li a:active	{ text-decoration:none; }

/*  Archive
-----------------------------------*/

div#secondaryContent div#archive.section ul.listNav {
	padding-bottom: 3em;
}

div#secondaryContent div#archive.section ul.listNav li {
	background:url(../img/ccl_list01.gif) no-repeat 0 45% #000000;
	padding-left:15px;
	margin-bottom:3px;
}
/*  clearfix
-----------------------------------*/
/* start clearfix */
div#secondaryContent div#archive.section ul.listNav li:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html div#secondaryContent div#archive.section ul.listNav li { height: 1%; }
/* ie7 hack */
*:first-child+html div#secondaryContent div#archive.section ul.listNav li { min-height: 1%;}
/* end clearfix */

div#secondaryContent div#archive.section ul.listNav li span {
	float:right;
}

div#secondaryContent div#archive.section ul.listNav li a 			{ display:block; color:#FFFFFF; }
div#secondaryContent div#archive.section ul.listNav li a:link		{ text-decoration:none; }
div#secondaryContent div#archive.section ul.listNav li a:visited	{ text-decoration:none; }
div#secondaryContent div#archive.section ul.listNav li a:hover		{ text-decoration:underline; }
div#secondaryContent div#archive.section ul.listNav li a:active		{ text-decoration:none; }

/*  Tags
-----------------------------------*/

div#secondaryContent div#tags.section ul.listNav {
	padding-bottom: 3em;
}
/*  clearfix
-----------------------------------*/
/* start clearfix */
div#secondaryContent div#tags.section ul.listNav:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html div#secondaryContent div#tags.section ul.listNav { height: 1%;}
/* ie7 hack */
*:first-child+html div#secondaryContent div#tags.section ul.listNav { min-height: 1%;}
/* end clearfix */

div#secondaryContent div#tags.section ul.listNav li {
	float: left;
	white-space: nowrap;
	margin-right:1em;
}

div#secondaryContent div#tags.section ul.listNav li.rank01 a { color:#FFFFFF; }
div#secondaryContent div#tags.section ul.listNav li.rank02 a { color:#666666; }
div#secondaryContent div#tags.section ul.listNav li.rank03 a { color:#333333; }

div#secondaryContent div#tags.section ul.listNav li a:link		{ text-decoration:none; }
div#secondaryContent div#tags.section ul.listNav li a:visited	{ text-decoration:none; }
div#secondaryContent div#tags.section ul.listNav li a:hover		{ text-decoration:underline; }
div#secondaryContent div#tags.section ul.listNav li a:active	{ text-decoration:none; }



/*  Entry & Voice (+New Photo)
-----------------------------------*/

div#secondaryContent div#newPhoto.section {
	padding-bottom:3em;
}

div#secondaryContent div#newPhoto.section ul.listNav {
	margin-bottom:0;
}

div#secondaryContent div#newPhoto.section p.readMore { 
	text-align:right;
}

div#secondaryContent div#newPhoto.section p.readMore a {
	background:url(../img/arrow_readMore.gif) no-repeat 0 45%;
	padding-left:20px;
	font-weight:bold;
	font-size:92%;
	font-family:Helvetica, Arial, Geneva, sans-serif;
	color:#FFFFFF;
}
div#secondaryContent div#newPhoto.section p.readMore a:hover { text-decoration:underline;}

div#secondaryContent div#recentEntry.section ul.listNav li,
div#secondaryContent div#newVoice.section ul.listNav li {
	margin-bottom:3.5em;
	font-size:92%;
	line-height:1.5;
	letter-spacing:0.1em;
}
div#secondaryContent div#recentEntry.section ul.listNav li a,
div#secondaryContent div#newVoice.section ul.listNav li a			{ color:#FFFFFF; }
div#secondaryContent div#recentEntry.section ul.listNav li a:link,
div#secondaryContent div#newVoice.section ul.listNav li a:link		{ text-decoration:none; }
div#secondaryContent div#recentEntry.section ul.listNav li a:visited,
div#secondaryContent div#newVoice.section ul.listNav li a:visited	{ text-decoration:none; }
div#secondaryContent div#recentEntry.section ul.listNav li a:hover,
div#secondaryContent div#newVoice.section ul.listNav li a:hover		{ text-decoration: underline; }
div#secondaryContent div#recentEntry.section ul.listNav li a:active,
div#secondaryContent div#newVoice.section ul.listNav li a:active	{ text-decoration:none; }


div#secondaryContent div#recentEntry.section ul.listNav li strong,
div#secondaryContent div#newVoice.section ul.listNav li strong {
	display:block;
	font-weight:bold;
}

div#secondaryContent div#recentEntry.section ul.listNav li span,
div#secondaryContent div#newVoice.section ul.listNav li span {
	display:none;
}

div#secondaryContent div#recentEntry.section ul.listNav li em,
div#secondaryContent div#newVoice.section ul.listNav li em {
	display:block;
	text-align:right;
	color:#FFFFFF;
}

div#secondaryContent div#recentEntry.section ul.listNav li em {
	font-family:Helvetica, Arial, Geneva, sans-serif;
}


/*  Entry & Voice Top3
-----------------------------------*/

div#secondaryContent div#recentEntry.section ul.listNav li.top3,
div#secondaryContent div#newVoice.section ul.listNav li.top3 {
	background:url(../img/bg_recentWord.gif) no-repeat #000000;
	display:block;
	position:relative;
	padding:5px;
	margin-bottom:2em;
	width:210px;
	height:90px;
	font-size:92%;
	color:#000000;
	line-height:1.5;
	letter-spacing:0.1em;
}
div#secondaryContent div#recentEntry.section ul.listNav li.top3 a,
div#secondaryContent div#newVoice.section ul.listNav li.top3 a				{ color:#000000; }
div#secondaryContent div#recentEntry.section ul.listNav li.top3 a:link,
div#secondaryContent div#newVoice.section ul.listNav li.top3 a:link			{ text-decoration:none; }
div#secondaryContent div#recentEntry.section ul.listNav li.top3 a:visited,
div#secondaryContent div#newVoice.section ul.listNav li.top3 a:visited		{ text-decoration:none; }
div#secondaryContent div#recentEntry.section ul.listNav li.top3 a:hover,
div#secondaryContent div#newVoice.section ul.listNav li.top3 a:hover		{ text-decoration: underline; }
div#secondaryContent div#recentEntry.section ul.listNav li.top3 a:active,
div#secondaryContent div#newVoice.section ul.listNav li.top3 a:active		{ text-decoration:none; }

div#secondaryContent div#recentEntry.section ul.listNav li.top3 strong,
div#secondaryContent div#newVoice.section ul.listNav li.top3 strong {
	display:block;
	font-weight:bold;
}

div#secondaryContent div#recentEntry.section ul.listNav li.top3 span,
div#secondaryContent div#newVoice.section ul.listNav li.top3 span {
	display:block;
	font-weight:normal;
}

div#secondaryContent div#recentEntry.section ul.listNav li.top3 em,
div#secondaryContent div#newVoice.section ul.listNav li.top3 em {
	position:absolute;
	bottom:0;
	right:0;
}


/*  Recent Photo
-----------------------------------*/

div#secondaryContent div.section ul.listNav.photoList {
	margin-bottom:3em;
}
/*  clearfix
-----------------------------------*/
/* start clearfix */
div#secondaryContent div.section ul.listNav.photoList:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0px; line-height: 0; }
/* ie6 hack */
* html div#secondaryContent div.section ul.listNav.photoList { height: 1%;}
/* ie7 hack */
*:first-child+html div#secondaryContent div.section ul.listNav.photoList { min-height: 1%;}
/* end clearfix */

div#secondaryContent div#recentEntry.section ul.listNav.photoList li,
div#secondaryContent div#newPhoto.section ul.listNav.photoList li {
	border:3px solid #000000;
	background:#FFFFFF;
	float:left;
	overflow:hidden;
	margin-right:1px;
	margin-bottom:6px;
	width:48px;
	height:48px;
}

div#secondaryContent div.section ul.listNav.photoList li.lastChild {
	margin-right:0;
}

/*div#secondaryContent div#newPhoto.section ul.listNav.photoList li:hover {
	border:3px solid #FFFFFF;
}*/



/*  ------------------------------------------------------------------

	4-3. Tool Box

---------------------------------------------------------------------*/

div#secondaryContent div#toolBox {
	background:url(../img/bg_toolBox.gif);
	position:fixed;
	z-index:99;
	width:220px;
	height:155px;
	line-height:0;
}
/* ie6 hack */
* html div#secondaryContent div#toolBox {
	position:relative;
}

div#secondaryContent div#toolBox dl {
	border-bottom:1px solid #999999;
	position:absolute;
	width:200px;
}

div#secondaryContent div#toolBox dl dt {
	position:absolute;
}


/*  Text Size
-----------------------------------*/

div#secondaryContent div#toolBox dl#txtSize {
	top:18px;
	left:10px;
	height:20px;
}

div#secondaryContent div#toolBox dl#txtSize dt {
	top:0;
	left:0;
}

div#secondaryContent div#toolBox dl#txtSize dd {
	position:absolute;
	top:-2px;
}

div#secondaryContent div#toolBox dl#txtSize dd.textSmall {
	background:url(../img/btn_toolBox_textS.gif);
	left:136px;
}
div#secondaryContent div#toolBox dl#txtSize dd.txtMedium {
	background:url(../img/btn_toolBox_textM.gif);
	left:156px;
}
div#secondaryContent div#toolBox dl#txtSize dd.txtLarge {
	background:url(../img/btn_toolBox_textL.gif);
	left:176px;
}

div#secondaryContent div#toolBox dl#txtSize a {
	display:block;
	width:17px;
	height:17px;
	cursor:pointer;
}

div#toolBox dl#txtSize dd.txtMedium a img	{display:none;} /* Selector Specificity */
div#toolBox dl#txtSize dd.txtLarge a img	{display:none;} /* Selector Specificity */


/*  Search
-----------------------------------*/

div#secondaryContent div#toolBox dl#search {
	top:55px;
	left:10px;
	height:47px;
}

div#secondaryContent div#toolBox dl#search dd {
	position:absolute;
	top:15px;
	left:0px;
}

div#secondaryContent div#toolBox dl#search form {
	position:relative;
}

div#secondaryContent div#toolBox dl#search input.textField {
	width:192px;
	height:15px;
}

div#secondaryContent div#toolBox dl#search input.btnImage {
	position:absolute;
	top:0;
	right:0;
	width:21px;
	height:21px;
}
/* ie6 hack */
* html div#secondaryContent div#toolBox dl#search input.btnImage {
	top:1px;
}

div#secondaryContent div#toolBox ul#btn {
	position:absolute;
	top:118px;
	left:10px;
	width:200px;
}

div#secondaryContent div#toolBox ul#btn li {
	position:absolute;
	top:0;
}
div#secondaryContent div#toolBox ul#btn li.pagetop {left:4px;}
div#secondaryContent div#toolBox ul#btn li.sitetop {left:104px;}

div#secondaryContent div#toolBox dl dt {
}



/* ==========================================================================================================

	 5. Tertiary Content
 
============================================================================================================*/

/*  ------------------------------------------------------------------

	5-1. Common

---------------------------------------------------------------------*/

div#tertiaryContent {
	width:145px;
}

div#tertiaryContent div.section {
	color:#FFFFFF;
}

div#tertiaryContent ul#profile {
	background:url(../img/bg_tertiaryContent.gif) no-repeat;
	overflow:auto;
	padding:31px 8px 31px 0;
	width:137px;
	height:124px;
	font-family:Helvetica, Arial, Geneva, sans-serif;
	/*font-weight:bold;*/
	text-align:right;
	color:#FFFFFF;
	line-height:22px;
	letter-spacing:0.2em;
}

div#tertiaryContent ul#profile li a {
	background:url(../img/bg_contact.gif) no-repeat left center;
	padding-left:24px;
	color:#FFFFFF;
}
div#tertiaryContent ul#profile li a:link		{ text-decoration:none; }
div#tertiaryContent ul#profile li a:visited		{ text-decoration:none; }
div#tertiaryContent ul#profile li a:hover		{ text-decoration:underline; }
div#tertiaryContent ul#profile li a:active		{ text-decoration:none; }

div#tertiaryContent div.section h3.hnTxt02 {
	background:url(../img/bg_mainContent.gif);
	margin-bottom:0.8em;
	width:145px;
	font-family:Helvetica, Arial, Geneva, sans-serif;
	font-size:200%;
	letter-spacing:0.1em;
	line-height:1;
}

div#tertiaryContent div.section ul li {
	border-bottom:1px solid #FFFFFF;
	background:url(../img/arrow_list01.gif) no-repeat 0 40% #000000;
	padding-left:10px;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	font-size:92%;
	line-height:1.3;
	letter-spacing:0.1em;
}

div#tertiaryContent div.section ul li a			{ color:#FFFFFF; }
div#tertiaryContent div.section ul li a:link	{ text-decoration:none; }
div#tertiaryContent div.section ul li a:visited	{ text-decoration:none; }
div#tertiaryContent div.section ul li a:hover	{ text-decoration: underline; }
div#tertiaryContent div.section ul li a:active	{ text-decoration:none; }



/* ==========================================================================================================

	 6. footer
 
============================================================================================================*/

/*  ------------------------------------------------------------------

	footNav

---------------------------------------------------------------------*/
div#footer {
	padding-top:20px;
	padding-bottom:30px;
}


/*  ------------------------------------------------------------------

	address

---------------------------------------------------------------------*/

div#footer address {
	clear: both;
	font-family:Helvetica, Arial, Geneva, sans-serif;	
	font-size: 82%;
}
============================================================================================================*/