/*Styles reset*/
* {
margin:0;
	padding:0;
	border:none;
	outline:none;
}

html {
	position:relative;
}

body {
	font:76%/1.7em Verdana,Tahoma,Arial,"Trebuchet MS",sans-serif;
	position:relative;
	background:url(../images/backgroundHeader.jpg) #FDFBD3 repeat-x;
	color:#262626;
}

a,a:active,a:visited,a:link {
	color: #4488CC;
}

form fieldset {
	border: none;
}


/*Three main sections :: Basic layout*/
#header {
	height:390px;
	margin:0 auto;
	width:975px;
}

#page {
	margin:0 auto;
	width:100%;
	position: relative;
	background: url(../images/backgroundPage.jpg) #FDFBD3 repeat-x;
}
#footer {
	margin:0 auto;
	padding:1em 0;
	width:100%;
	background:url(../images/backgroundFooter.jpg) #5D826E repeat-x; 
}


/*header styles*/


#branding {
	height: 45px;
	width: 960px;
	padding-top: 35px;
	margin: 0 auto;
	font-family: "‚l‚r ‚o–¾’©", "MS PMincho", "ƒqƒ‰ƒMƒm–¾’© Pro W3", "Hiragino Mincho Pro", serif;
	position: relative;
}
#branding h1 {
	float: left;
	color: #FDFBD3;
	font-size: 24px;
	margin: 0 0.4em 0 0;
	height:45px;
	font-family: "‚l‚r ‚o–¾’©", "MS PMincho", "ƒqƒ‰ƒMƒm–¾’© Pro W3", "Hiragino Mincho Pro", serif;

}
#branding h1 a { 	color: #FDFBD3; text-decoration:none; }
#branding h2 {
	color: #262D2B;
	font-weight: normal;
	font-size:16px;
	padding-top:2px;
}
#header-image {
	text-align: center;
}



/*content styles*/

#content-wrapper {
	overflow: hidden;
	width: 975px;
	margin: 0 auto 0 auto;
	background: url(../images/backgroundContent.jpg) #FDFBD3 no-repeat;
}


/*Navigation styles*/
#navigation, #sub-navigation {
	width: 960px;
	margin: 0 0 0 15px;
	overflow: hidden;
	list-style:none;
	font-family: "‚l‚r ƒSƒVƒbƒN", "MS Gothic", "Osaka�|“™•�", Osaka-mono, monospace;
}

#navigation li {
	display:block;
	float:left;
	height: 50px;
}

#navigation a {
	display:block;
	float:left;
	height:27px;
	margin: 5px 0 0 0;
	padding: 3px 15px 0 15px;
	color: #FDFBD3;
	font-size: 1.3em;
	text-decoration: none;
}
#navigation li.current {
	background: url(../images/arrow.png) center 35px no-repeat;
}


#navigation li a:hover {
	
	background: #769A80;
}

#navigation li.current a {
	background: #BFE3B5;
	color: #5D826E;

}

#sub-navigation {
	margin-top: -10px;
	font-family: Arial,Verdana,sans-serif;
}
#sub-navigation li {
	display:inline
}
#sub-navigation a {
	display: block;
	float: left;
	padding: 3px 15px 0 15px;
	color: #5D826E;
	text-decoration: none;
}

#sub-sub-navigation {
	margin: 40px 0 0 0;
}
#sub-sub-navigation ul {
	list-style: none;
}

	/*Content column layout */ 
#content {
	float:left;
	padding:75px 15px 0 40px;
	width:640px;
	
}

#sidebar {
	float: right;
	padding:70px 20px 0 10px;
	width:230px;
	
}
.content-right #content {
	float: right;
}
.content-rigth #sidebar {
	float: left;
}


	
	/*Colors fonts etc.*/


		/*General page styles*/
#content .page-title {
	color: #5D826E;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	margin-bottom: 0.5em;
}

#content p, #content ul {
	margin-bottom: 2em;
}
#content ul {
	margin-left: 40px;
}


#content .kiji { width:450; height:auto; padding-top:20px; padding-bottom:20px; margin-bottom:40px; padding-left:43px; }

#content .kiji p { font-size:14px; line-height:170%; letter-spacing:1.2pt; padding-left:2px; padding-right:10px; margin-bottom:20px; }

#content .kiji ul li { list-style:none; margin-top:2px; font-size:13px; }
#content .kiji ul { padding-top:20px; }


		/*post styles*/
.post {
	margin-bottom: 2px;
	margin-top:40px;
}
.post .post-title {
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 1.7em;
	background: url(../images/backgroundPostTitle.jpg) center center no-repeat;
	overflow: hidden;
	font-family: "‚l‚r ƒSƒVƒbƒN", "MS Gothic", "Osaka�|“™•�", Osaka-mono, monospace;
	width: 100%;
}
.post .post-title a {
	color: #CE4764;
	display: block;
	float: left;
	background:#FDFBD3;
	padding: 5px 15px;
	margin-left: 30px;
	text-decoration: none;
}

.post .post-meta {
	text-align: right;
	font-size: 0.8em;
}
#content .post .post-meta p {
	margin: 0;
	line-height: 1.5em;
}
	.post-date {
		
	}
	.post-author {
		
	}
	.post-comments {
		
	}
.post .entry {
	padding: 0 15px;
}

.post p {
	
}
.post ul {
	
}


		/*Comments*/
.comments {
	
}
.comments-title {
	font-size: 1.6em;
	font-weight: normal;
	padding-bottom: 1em;
	text-align: center;
}
.comments ol {
	padding: 0 15px;
	list-style: none;
}
.comment {
	padding: 10px;
}
.comment-even {
	background: #F3F0BB;
}
#content .comment-meta p {
	margin: 0;
	line-height: 1.5em;
	font-family: "‚l‚r ƒSƒVƒbƒN", "MS Gothic", "Osaka�|“™•�", Osaka-mono, monospace;
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom:15px;
}

.comments p { font-size:110%; line-height:160%; }

	/*Sidebar styles*/

#sidebar h4 {
	font-size: 1.4em;
	font-family: "‚l‚r ƒSƒVƒbƒN", "MS Gothic", "Osaka�|“™•�", Osaka-mono, monospace;
	margin-bottom: 8px;
	color: #CE4764;
	font-weight: normal;
}

#search label {
	display: block;
}
#search input, #search submit {
	font-size: 1.1em;
}

/*Footer style */

#footer {
	height: 30px;
	text-align: center;
	color: #FDFBD3;
}
#footer a {
	color: #FDFBD3;
}



.great { width:610px; height:390px;margin-bottom:10px; }
.great2 { width:610px; height:290px;margin-bottom:10px; }
.great3 { width:610px; height:330px;margin-bottom:10px; }
.great4 { width:610px; height:360px;margin-bottom:10px; }
.great5 { width:610px; height:480px;margin-bottom:10px; }
.great6 { width:610px; height:540px;margin-bottom:10px; }


.great .tx01 {
	padding-left:8px;
	margin-top:13px;
	line-height:140%;
	padding-right:8px;
	width:200px;
	font-size:13px;
	float:left;
}
.great .tx02 {
	padding-left:25px;
	margin-top:13px;
	font-size:13px;
	line-height:140%;
	padding-right:8px;
	width:340px;
	float:left;
}

.tx03 {
	padding-left:8px;
	margin-top:13px;
	line-height:170%;
	padding-right:8px;
	font-size:14px;
	letter-spacing:2pt;
}


.area { margin-top:5px; margin-bottom:30px; width:230px; height:auto; padding-left:1px; }
.area li { list-style:none; font-size:10px; display:inline; }



.bnr01 a { 
  display:block;
	background:url(../images/dogly-bnr02.gif) 0 0 no-repeat;
	height:70px;
	width:210px;
	margin-bottom:10px;
	outline:none;
	text-indent:-9999px;
	} 
.bnr01 a:hover { background-position:bottom; }

.bnr02 a { 
  display:block;
	background:url(../images/dogly-bnr01.gif) 0 0 no-repeat;
	height:75px;
	width:210px;
	outline:none;
	text-indent:-9999px;
	} 
.bnr02 a:hover { background-position:bottom; }

.bnr06 a { 
  display:block;
	background:url(../images/blog-bnr.jpg) 0 0 no-repeat;
	height:75px;
	width:210px;
	margin-top:8px;
	margin-bottom:10px;
	outline:none;
	text-indent:-9999px;
	} 
.bnr06 a:hover { background-position:bottom; }

.bnr07 a { 
  display:block;
	background:url(../images/kenken-bnr.gif) 0 0 no-repeat;
	height:75px;
	width:210px;
	margin-top:10px;
	margin-bottom:20px;
	outline:none;
	text-indent:-9999px;
	} 
.bnr07 a:hover { background-position:bottom; }


.bnr03 { margin-top:20px; font-weight:bold; }


.t-deko2 { padding:1px 7px 10px 15px; font-weight:bold; line-height:170%; font-size:100%; }

.fl { float:left; }

.tx-position { margin-top:30px; }
.tx-position2 { margin-left:20px; margin-right:50px; }


.marT20 { margin-top:20px; }
.marB40 { margin-bottom:40px; }


.clear { clear: both; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */