@charset "utf-8";

/*------------▼基本設定▼----------------*/
body
{
/*	margin: 0px auto;*/
	padding:				0px;
	font-family:			"ＭＳ Ｐゴシック"," Osaka", "ヒラギノ角ゴ Pro W3";
	color:					#333333;
	font-size:				80%;
	line-height:			130%;
	background:				#ffffff;
	text-align:				center;
}

#wrapper
{
	position:				relative;
	margin:					0px auto;
	text-align:				left;
	width:					780px;
	margin:					0px auto;
	padding:				0px;
}

img
{
	border:					none;
}

a
{
	color:					#379fff;
	text-decoration:		underline;
}

a:hover, a:active
{
	color:					#33ccff;
	text-decoration:		none;
}

/*------------▲基本設定▲----------------*/

/*------------▼header▼----------------*/

#header
{
	height:					180px;
	margin:					0px 0px 15px 0px;
	padding:				0px;
	background:				#f2f2f2 url(../img/john-ta/header_back.jpg);
}

#header h1
{
	margin:					25px 0px 35px 30px;
	padding:				0px;
}

#header p
{
	font-size:				1.0em;
	font-weight:			normal;
	line-height:			140%;
	margin:					0px 0px 0px 30px;
	padding:				0px;
	padding-top:			15px;
}

/* hack for ie */
*html #header p
{
	padding-top:			0px;
}

/*------------▲header▲----------------*/

/*------------▼contents▼--------------*/

#contents
{
	height:					auto;
	margin:					0px;
	padding:				0px;
	clear:					both;
}

/*----▽sidenavi▽-----*/

#sidenavi
{
	width:					195px;
	margin:					0px;
	padding:				0px;
	float:					left;
}

.sidenavi_box
{
	height:					auto;
	margin:					0px 0px 10px 0px;
	padding:				10px;
	background-color:		#d7ecff;
}

.sidenavi_box_title
{
	height:					22px;
	margin:					0px 0px 5px 0px;
	padding:				0px;
	background:				url(../img/john-ta/navi_house.gif) no-repeat left;
}

.sidenavi_box h3
{
	font-size:				1.0em;
	color:					#000000;
	line-height:			130%;
	margin:					5px 0px 5px 30px;
	padding:				0px;
}

.sidenavi_box_box
{
	width:					175px;
	height:					auto;
	margin:					0px;
	padding:				0px;
	background-color:		#ffffff;
}

/*--↓sidenavi_profile↓--*/

#sidenavi_profile
{
	width:					155px;
	margin:					0px;
	padding:				10px;
	background-color:		#ffffff;	
}

#sidenavi_profile p
{
	margin:					0px;
	padding:				0px;
	font-size:				0.8em;
}

#sidenavi_profile ul
{
	margin:					5px 0px 0px 15px;
	padding:				0px;
	list-style-image:		url(../img/john-ta/navi_nikukyu_brown.gif);
	list-style-position:	outside;
}

#sidenavi_profile li
{
	margin:					0px;
	padding:				0px;
	font-size:				0.8em;
}

/*--↑sidenavi_profile↑--*/

/*--↓sidenavi_recent, sidenavi_monthly↓--*/

.sidenavi_list ul
{
	list-style:				none;
	margin:					0px;
	padding:				0px;
	background-color:		#ffffff;
}

.sidenavi_list ul a
{
	color:					#5a1c00;
	text-decoration:		underline;
}

.sidenavi_list ul a:hover, .sidenavi_list ul a:active
{
	color:					#a03200;
	text-decoration:		none;
}

.sidenavi_list li
{
	margin:					5px 2px 0px 2px;
	padding:				0px 0px 5px 20px;
	font-size:				1.0em;
/*	list-style-image:		url(../img/navi_nikukyu_gray.gif);
	list-style-position:	inside; */
	background:				url(../img/john-ta/navi_nikukyu_gray.gif) no-repeat 5px 4px;
	border-bottom:			1px dotted #666666;
}

/*******↓↓最上段のみ↓↓*******/
li.sb_tp
{
	padding-top:			6px;
	background-position:	5px 10px;
}
/********↑↑最上段のみ↑↑********/

/*******↓↓最下段のみ↓↓*******/
li.sb_btm
{
	border-bottom:			none;
}
/********↑↑最下段のみ↑↑********/

/*--↑sidenavi_recent, sidenavi_monthly↑--*/

/*--↓sidenavi_recent, sidenavi_monthly↓--*/

#sidenavi_gotohome
{
	margin:					0px 0px 15px 0px;
	padding:				0px;
}

/*--↑sidenavi_recent, sidenavi_monthly↑--*/

/* 木村追加 2008/10/05 ここから */
div#sidenavi_mailto
{
	width:					169px;
	margin:					0px;
	padding:				3px;
	background-color:		#ffffff;	
}

a.jMailLnk
{
	font-size:				90%;
	margin-left:			5px;
	color:					#3355dd;
}

a.jMailLnk:hover
{
	color:					#804010;
}

/* 木村追加 2008/10/05 ここまで */

/*----△sidenavi△-----*/

/*----▽main▽-----*/
#main
{
	width:					570px;
	margin:					0px;
	padding:				0px;
	float:					right;
}

/* タイトルからのリンク */
a.refTtl
{
	color:					#111133;
	text-decoration:		none;
}

a.refTtl:hover
{
	color:					#33ccff;
	text-decoration:		underline;
}

/*--↓diary↓--*/

.diary
{
	width:					568px;
	margin:					0px 0px 15px 0px;
	padding:				0px;
	border:					1px solid #dbdbdb;
	background-image:		url(../img/john-ta/diary_lines.gif);
	background-repeat:		repeat-x;
	background-position:	0px 50px;
}

.diary_title
{
	margin:					10px 15px 30px 15px;
	padding:				0px;
	background:				url(../img/john-ta/diary_bone.gif) no-repeat left;
}

.diary_title p
{
	margin:					0px 0px 3px 40px;
	padding:				0px;
	font-size:				0.8em;
	color:					#606060;
}

.diary_title h2
{
	margin:					0px 0px 0px 40px;
	padding:				0px;
	font-size:				1.1em;
	font-weight:			bold;
	color:					#000000;
}

.diary_content
{
	width:					auto;
	margin:					20px;
	padding:				0px;
}

/*--↑diary↑--*/
/*--↓topagetop↓--*/

#topagetop
{
	margin:					0px;
	padding:				0px;
	text-align:				right;
}

/*--↑topagetop↑--*/
/*--↓pagemove↓--*/

#pagemove
{
	margin:					0px;
	padding:				0px;
	text-align:				center;
}

/*--↑pagemove↑--*/

/*----△main△-----*/
/*------------▲contents▲--------------*/

/*------------▼footer▼----------------*/

#footer
{
	width:					780px;
	margin:					15px 0px 0px 0px;
	padding:				0px;
	padding-bottom:			10px;
	clear:					both;
	text-align:				center;
	background:				url(../img/john-ta/footer_lines.gif) repeat-x bottom;
}

#footer p
{
	margin:					0px 0px 20px 0px;
	padding:				0px;
}

/*------------▲footer▲----------------*/

/*------------▼others▼----------------*/

.right
{
	float:					right;
	margin:					10px 0px 10px 10px;
	padding:				0px;
}

.left
{
	float:					left;
	margin:					10px 10px 10px 0px;
	padding:				0px;
}

.fontcolor_brown
{
	color:					#a03200;
}

/*------------▲others▲----------------*/