﻿@charset "UTF-8";


body {
	background: #D5F1FE url(./bg_body.png) repeat-x 0 0;
	background-color: #1431AE;
	color: #333333;
}


/* =Links
---------------------------------------- */
a:link {
	color: #2B60EC;
}

a:visited {
	color: #2B60EC;
}

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

a img {
	border: none;
}


/* =Structure
---------------------------------------- */


.container {
	position: relative;
	min-width: 820px;
} * html .container { width: expression(document.body.clientWidth <= 820 ? "820px" : "100%" ); }

#content {
	padding: 55px 20px 10px 2%;
}

.colBAC .colA {
	margin: 0 221px 0 241px;
}

.colBAC .colB {
	background: #E2EAFE;
	width: 220px;
}

.colBAC .colC {
	background: url(./bg_side_profile2.png) repeat-y 0 0;
	margin-left: -218px;
	width: 218px;
}

#diaryRemote {
	border-bottom: 10px #00004A solid;
}


/* =Head
---------------------------------------- */
#diaryHead {
	height: 138px;
}

#diaryHead h1{
	font-size: 180%;
	color: #FFFFFF;
	margin: 0 auto 4px 10px;
}

#diaryHead h1 a {
	color: #FFFFFF !important;
	text-decoration: none;
}

#diaryHead #diaryDiscription {
	color: #EFEFEF;
	font-size: 85%;
	line-height: 130%;
	display: block;
	margin: 0 10px 0 10px;
}


/* =List
---------------------------------------- */
.sideList, .sideSearchBox {
	margin: 0px;
}

.colA {
	padding: 10px;
	background-color: #C4D3FD;
}

.colB .sideList h2, .colB .sideSearchBox h2 {
}

.colB .sideList h2 a {
	color: #FFFFFF !important;
}

.colC .sideList h2 {
	color: #FFFFFF !important;
	margin: 0px;
}

.colC .sideList h2 a {
	color: #FFFFFF !important;
}

.sideListContent, #sideProfile p, #sideProfile ul {
	color: #333333;
	font-size: 95%;
	margin: 0px 8px;
}

#sideSearchDiary .txt {
	margin-left: 10px;
}

.colB h3 {
	font-weight: normal;
	font-size: 95%
}

.colC h3 {
	font-weight: normal;
	font-size: 95%
}

.colB ul {
	margin: 0px;
}

.colB #listLatestDiary .sideListContent li,
.colB #listLatestDiaryComment .sideListContent li,
.colB #listCategory .sideListContent li,
.colC #listLink .sideListContent li {
	background: url(./i_ya1.png) no-repeat 0px .35em;
	color: #333333;
	font-size: 100%;
	padding: 0px 0px 0px 13px;
}

/* =Side
---------------------------------------- */
.colB #listCategory h2 {
	background: url(./bg_side_latestdiary.png) no-repeat 0 0;
	padding: 10px 0 13px 27px;
	color: #FFFFFF !important;
}

.colB #listLatestDiary h2,
.colB #listLatestDiaryComment h2,
.colB #sideSearchDiary h2 {
	background: url(./bg_side_latestdiarycomment.png) no-repeat 0 0;
	padding: 37px 0 13px 27px;
	color: #FFFFFF !important;
}

.colB #listRss h2 {
	background: url(./bg_side_latestdiarycomment.png) no-repeat 0 0;
	padding: 37px 0 13px 27px;
	color: #FFFFFF !important;
}


.colC #listCalendar h2 {
	padding: 10px 0 0 49px;
	color: #FFFFFF !important;
}

.colC #sideProfile h2 {
	background: url(./bg_side_profile.png) no-repeat 0 0;
	padding: 46px 0 13px 49px;
	color: #FFFFFF !important;
}

.colC #sideOwnerKeywords h2,
.colC #listLink h2 {
	background: url(./bg_side_keyword.png) no-repeat 0 0;
	padding: 39px 0 13px 49px;
	color: #FFFFFF !important;
}

.colC #sideOwnerKeywords .sideListContent,
.colC #listLink .sideListContent,
.colC #sideProfile p,
.colC #sideProfile ul {
	padding: 0 0 0 18px;
}

.colC #listCalendar {
	background: url(./bg_side_calendar.png) no-repeat 0 0;
}

.colC .calendar {
	padding: 12px 8px 0 26px;
}

.colC #sideProfile img {
	margin: 4px auto;
}

.colC #sideOwnerKeywords p {
	color: #666666;
}

#listRss .sideListContent,
.colC #listLink .sideListContent {
	padding-bottom: 18px;
}


/* =Diaries
---------------------------------------- */
#userDiaries h2, #entry .date {
	font-family: "Times New Roman", Times, serif;
	font-size: 130%;
	color: #0637E1;
	padding: 0 0 4px 0;
	border-bottom: 1px dashed #3251E4;
	display: block;
}

#userDiaries .entry {
	padding-bottom: 10px;
	border-bottom: 1px solid #C4D3FD;
	margin: 0 0 10px 0;
}

#userDiaries .entry p {
	line-height: 160%;
}

#userDiaries .entry h3 {
	font-size: 160%;
	padding: 14px 0 11px 0;
}

#userDiaries .entry h3, #userDiaries .entry h3 a {
	color: #000000 !important;
	text-decoration: none;
}


/* =Entry
---------------------------------------- */
#entry h2,
#entry h2 a {
	font-size: 120%;
	padding: 14px 0 11px 0;
	color: #000000 !important;
}


#userDiaries ul.nav,
#entry ul.nav {
	margin-top: 15px;
}



/* =Calendar
---------------------------------------- */
.calendar .calendarTable {
	width: 100%;
}



/* =Tab
---------------------------------------- */
.contentTab {
	padding: 0 10px;
	border-bottom: 1px solid #8C8C8C;
	margin-bottom: 10px;
}

.contentTab li {
	float: left;
	padding-left: 6px;
	margin-right: 5px;
	background: url(./bg_tab.png) no-repeat;
	font-size: 80%;
}

.contentTab li a {
	display: block;
	padding-right: 6px;
	text-decoration: none;
	background: url(./bg_tab.png) right top no-repeat;
	color: #666666 !important; 
}

.contentTab .current {
	background-image: url(./bg_tab_current.png);
	border-bottom: 1px solid #000000;
	margin-bottom: -1px;
}

.contentTab .current strong {
	display: block;
	padding-right: 6px;
	background: url(./bg_tab_current.png) right top no-repeat;
}


/* Comment 
---------------------------------------- */
#comment .body,
#commentForm {
	border: 1px dotted #999999;
	background-color: #D7E4FF;
}

#comment h2 {
	padding-left: 20px;
	background: url(./icon_comment_s.png) no-repeat;
}

#comment .body p {
	padding-left: 13px;
	background: url(./icon_user__s.png) no-repeat;
}

#comment .body p.commentBye {
	padding-left: 13px;
	background: url(./icon_user_gray_s.png) no-repeat;
}

#comment .body p.noneMsg {
	padding-left: 0;
	background: none;
	color: #666666;
}



/* Trackback 
---------------------------------------- */
#trackback p.noneMsg {
	color: #666666;
}


/* Footer 
---------------------------------------- */
#footer {
	background: #7FC718 url(./bg_footer.png) repeat-x;
	margin: 0px;
	border-top: 1px solid #1431AE;
	height: 151px;
	padding: 133px 0 0 0;
}

#footer p {
	color: #CCCCCC;
	font-size: 95%;
	margin: 13px auto;
}

#footer p a {
	color: #FFFFFF !important;
}
