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

/* Base */
@import url(/.shared-tpjbiz/themes/common/base-weblog.css);

/* Portal */


/* Theme */
/* general page elements */

a {
text-decoration: underline;
}

a:link {
color: #96953C;
}

a:visited {
color: #96953C;
}

a:hover {
color: #999999;
}

a:active {
color: #96953C;
}

/* layout */

body {
margin: 0;
color: #333333;
background: #FFFFFF;
font-family: 'MS Gothic', 'OsakaMono', Osaka, sans-serif;
font-weight: normal;
font-size: small;
line-height: 150%;
}

#container {
position: static;
}

#container-inner {
position: static;
border: 0;
background: #FFFFFF;
}

#banner {
border: 0;
/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
color: #FFFFFF;
background: #96953C;
text-align: left;
font-family: 'Trebuchet MS', Verdana, sans-serif;
}

#banner-inner {
padding: 15px;
}

#banner a {
color: #FFFFFF;
text-decoration: none;
}

#banner-header {
margin: 0.25em 0;
font-size: x-large;
font-weight: bold;
}

#banner-description {
margin: 0.25em 0;
font-size: small;
}

/* default to artistic/calendar/timeline layout */

#container {
width: 780px;
}

.layout-artistic #alpha,
.layout-calendar #alpha {
width: 315px; /* 285px + 15px + 15px */
}

.layout-artistic #alpha-inner,
.layout-calendar #alpha-inner,
.layout-timeline #alpha-inner {
border-bottom: 1px dotted #FFFFFF;
padding: 15px 15px 14px 15px;
background: #FFFFFF;
}

.layout-artistic #beta,
.layout-calendar #beta {
width: 465px;
}

.layout-artistic #beta-inner,
.layout-calendar #beta-inner,
.layout-timeline #beta-inner {
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

/* in artistic/calendar/timeline layouts, #gamma and #delta are inside #beta */

#beta #gamma,
#beta #delta {
width: 210px;
margin: 15px 0;
}

#beta #gamma-inner,
#beta #delta-inner {
padding: 0;
}

/* content */

.content-nav {
margin-top: 0;
}

.date-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
margin: 0 0 10px 0;
border-bottom: 1px dotted #96953C;
padding: 3px;
color: #96953C;
font-family: Arial, sans-serif;
font-size: x-small;
text-align: left;
}

.entry-header {
margin: 1px 0 10px 0;
border: 0;
color: #96953C;
font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
font-size: medium;
line-height: normal;
text-align: left;
font-weight: bold;
}

.entry-header a {
text-decoration: none;
font-weight: bold;
}

.entry-header a:link {
color: #96953C;
}

.entry-header a:visited {
color: #96953C;
}

.entry-header a:hover {
color: #999999;
}

.entry-header a:active {
color: #96953C;
}

.entry-content,
.entry-footer,
.trackbacks-info,
.trackback-content,
.comments-info,
.comment-content,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.archive-content {
margin: 10px 0;
}

.entry-content p {
text-align: left;
}

.entry-footer,
.trackback-footer,
.comment-footer {
margin: 0 0 10px 0;
border-top: 1px dotted #96953C;
padding: 3px;
color: #96953C;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: x-small;
line-height: normal;
text-align: left;
}

#comment-author,
#comment-email,
#comment-url,
#comment-text {
width: 80%;
}

/* fixes bug in ie win */
img.image-full {
width: 100%;
;
}

/* modules */

.module a {
text-decoration: underline;
font-weight: inherit;
}

.module a:link {
color: #96953C;
}

.module a:visited {
color: #96953C;
}

.module a:hover {
color: #999999;
}

.module a:active {
color: #96953C;
}

.module-header {
margin: 5px 0;
border-bottom: 1px solid #999999;
padding: 3px;
color: #666666;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: small;
line-height: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .3em;
text-align: left;
}

.module-content {
margin: 5px 0 20px 0;
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: small;
line-height: 150%;
text-align: left;
}

.module-list {
margin: 0;
}

.module-list-item {
margin: 10px 0;
}

.typelist-thumbnailed .module-list-item {
margin: 10px 0;
}

.module img,
.module-photo img {
border: 5px solid #eeeeee;
}

.module-photo .module-content {
text-align: left;
}

.module-powered {
text-align: left;
}

.module-calendar .module-header {
color: #666666;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: small;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}

.module-calendar th,
.module-calendar td {
text-align: center;
font-weight: normal;
}

.typelist-thumbnail img {
margin: 0;
}

.module-featured-photo {
margin-bottom: 5px;
}

.module-featured-photo .module-content img {
width: 420px;
}

.module-recent-photos .module-content {
padding: 2px 0 0 0;
}

.module-recent-photos .module-list {
margin: 0;
}

.module-recent-photos .module-list-item {
width: 70px; /* ie mac fix */
height: 70px; /* for appearance with varying image border widths */
margin: 0 2px 2px 0;
}

.module-tipjar-r2 .tipjar-button {
float: left;
}

/* moblog1 tweaks */




.layout-moblog1 #alpha {
width: 200px;
}

.layout-moblog1 #alpha-inner {
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

.layout-moblog1 #beta {
width: 380px;
}

.layout-moblog1 #beta-inner {
border-bottom: 1px dotted #FFFFFF;
padding: 15px 15px 14px 15px;
background: #FFFFFF;
}

.layout-moblog1 #gamma {
width: 200px;
}

.layout-moblog1 #gamma-inner {
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

/* moblog2 tweaks */




.layout-moblog2 #alpha {
width: 100px;
}

.layout-moblog2 #alpha-inner {
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

.layout-moblog2 #beta {
width: 350px;
}

.layout-moblog2 #beta-inner {
border-bottom: 1px dotted #FFFFFF;
padding: 15px 15px 14px 15px;
background: #FFFFFF;
}

.layout-moblog2 #gamma {
width: 190px;
}

.layout-moblog2 #gamma-inner {
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

.layout-moblog2 #delta {
width: 140px;
}

.layout-moblog2 #delta-inner {
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

.layout-moblog2 .module-photo img {
width: 100px;
height: auto;
}

/* timeline tweaks */

.layout-timeline #alpha {
width: 390px; /* 285px + 15px + 15px */
}

.layout-timeline #beta {
width: 390px;
}

.layout-timeline #beta #gamma {
width: 175px;
}

.layout-timeline #beta #delta {
width: 170px;
}

/* one-column tweaks */

.layout-one-column #container {
width: 500px;
}

.layout-one-column #alpha {
display: block;
float: none;
width: auto;
}

.layout-one-column #alpha-inner {
border-bottom: 1px dotted #FFFFFF;
padding: 15px 15px 14px 15px;
background: #FFFFFF;
}

/* two-column-left tweaks */

.layout-two-column-left #container {
width: 700px;
}

.layout-two-column-left #alpha {
width: 200px;
}

.layout-two-column-left #alpha-inner {
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

.layout-two-column-left #beta {
width: 500px;
}

.layout-two-column-left #beta-inner {
border-bottom: 1px dotted #FFFFFF;
padding: 15px 15px 14px 15px;
background: #FFFFFF;
}

/* two-column-right tweaks */

.layout-two-column-right #container {
width: 700px;
}

.layout-two-column-right #alpha {
width: 500px;
}

.layout-two-column-right #alpha-inner {
border-bottom: 1px dotted #FFFFFF;
padding: 15px 15px 14px 15px;
background: #FFFFFF;
}

.layout-two-column-right #beta {
width: 200px;
}

.layout-two-column-right #beta-inner {
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

/* three-column tweaks */

.layout-three-column #container {
width: 900px;
}

.layout-three-column #alpha {
width: 200px;
}

.layout-three-column #alpha-inner {
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

.layout-three-column #beta {
width: 500px;
}

.layout-three-column #beta-inner {
border-bottom: 1px dotted #FFFFFF;
padding: 15px 15px 14px 15px;
background: #FFFFFF;
}

.layout-three-column #gamma {
width: 200px;
}

.layout-three-column #gamma-inner {
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

/* three-column-right tweaks */

.layout-three-column-right #container {
width: 900px;
}

.layout-three-column-right #alpha {
width: 500px;
}

.layout-three-column-right #alpha-inner {
border-bottom: 1px dotted #FFFFFF;
padding: 15px 15px 14px 15px;
background: #FFFFFF;
}

.layout-three-column-right #beta {
width: 200px;
}

.layout-three-column-right #beta-inner {
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

.layout-three-column-right #gamma {
width: 200px;
}

.layout-three-column-right #gamma-inner {
border: 0;
padding: 15px 15px 15px 15px;
background: #FFFFFF;
}

/***************************************************/
/***************************************************/
/***************************************************/

/*ここからカスタマイズ@evw*/
body {
font-family:"Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Lucida Grande", sans-serif;
background-color:#eeeeee;
}

/* a */
a:link {
color:#FA9229;
text-decoration:underline;
}

a:visited {
color:#FA9229;
text-decoration:underline;
}

a:hover {
color:#999999;
text-decoration:none;
}

a:active {
color:#FA9229;
text-decoration:underline;
}

/************************************/
.layout-two-column-left #container {
width: 822px;
}

.layout-two-column-left #container #pagebody {
width: 770px;
padding:37px 26px 0px 26px;
}

.layout-two-column-left #alpha {
width: 170px;
}

.layout-two-column-left #alpha-inner {
padding: 0;
}

.layout-two-column-left #beta {
float:right;
width: 570px;
}

.layout-two-column-left #beta-inner {
padding: 0;
}

#banner {
background-color:##BDB79D;
}


#banner #banner-inner {
padding:0px;
}

#banner #banner-inner h1#banner-header {
margin-top:0;
margin-bottom:0;
font-size:small;
text-align:center;
}

#banner #banner-inner h1#banner-header a {
color:#FFFFFF;
text-decoration:none;
display:block;
}

#banner #banner-inner h1#banner-header img{
width:822px;
height:200px;

}

#banner #banner-inner h2#banner-description {
position:absolute;
top:115px;
left:30px;
width:430px;
}


/************************************/
.date-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
border-bottom:none;
font-family:"Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Lucida Grande", sans-serif;
background:url(images/parts/line.gif) repeat-x 0% 100%;
margin-bottom:14px;
}

.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
font-size:small;
font-weight:bold;
}

.entry-body p {
margin-top:0px;
margin-bottom:20px;
line-height:1.6;
}

div.entry h3.entry-header {
background:url(images/parts/hata1.gif) no-repeat 0% 0%;
padding-left:24px;
margin-left:1px;
margin-bottom:20px;
min-height:20px;
height:auto;
_height:20px;
}

.entry-content,
.entry-footer,
.trackbacks-info,
.trackback-content,
.comments-info,
.comment-content,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.archive-content {
margin:0px 0px 20px 0px;
}

.entry-body img {
padding:6px;
border:1px solid #96943B;
}

.entry-footer,
.trackback-footer,
.comment-footer {
border-top:none;
background:url(images/parts/line.gif) repeat-x 0% 0%;
color:#96953C;
font-family:'Trebuchet MS', Verdana, sans-serif;
font-size:x-small;
line-height:normal;
margin:0;
padding:0;
text-align:right;
}


.entry-footer p,
p.comment-footer{
margin-bottom:0;
padding-top:12px;
}

div.entry {
margin-bottom:50px;
}

/************************************/
/* modules */
.module-content {
font-size:x-small;
margin-top:0px;
}

.module a:link {
color: #FA9229;
}

.module a:visited {
color: #FA9229;
}

.module a:hover {
color: #999999;
}

.module a:active {
color: #FA9229;
}

h2.module-header {
border-bottom:none;
color:##A09B7F;
font-family:"Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Lucida Grande", sans-serif;
font-size:small;
font-weight:bold;
letter-spacing:0.3em;
line-height:normal;
margin:0;
padding:0;
text-align:left;
text-transform:uppercase;
margin-top:0;
margin-bottom:12px;
}

h2.module-header img{
border:none;
}

.module-list-item{
margin:0px 0px 10px 0px;
padding:0px 0px 0px 25px;
background:url(images/parts/arrow.gif) no-repeat 5px 1px;
min-height:15px;
height:auto;
_height:15px;
text-align:left;
}

#m-new .module-list-item{
background:url(images/parts/hata2.gif) no-repeat 6px 2px;
}

#m-qrcode img#qr{
margin-bottom:10px;
}

.content-nav {
font-size:x-small;
}


#m-calendar h2.module-header{
background:url(images/parts/line.gif) repeat-x 0% 100%;
color:#96943B;
border:none;
vertical-align:middle;
font-size:medium;
font-weight:normal;
letter-spacing:0.1em;
}

#m-calendar h2.module-header img {
margin-right:5px;
}

.module-calendar .module-content table {
color:#96943B;
}

#m-about img{
border:none;
}

#m-about a {
display:block;
width:170px;
height:67px;
overflow:hidden;
position:static;
background:transparent url(images/parts/profile_ro.gif) no-repeat 0 0;
}

#m-about a:hover {
position:relative;
}
#m-about a:hover img {
height:67px;
position:relative;
top:-67px;
}

/*カテゴリとアーカイブ リンク一覧*/
.archive-list-item{
margin:0px 0px 10px 0px;
padding:0px 0px 0px 25px;
background:url(images/parts/arrow.gif) no-repeat 5px 0px;
min-height:15px;
height:auto;
_height:15px;
text-align:left;
}

h2.archive-header{
background:url(images/parts/title-mark.gif) no-repeat 0% 0%;
color:#96953C;
border:none;
vertical-align:middle;
font-size:medium;
font-weight:normal;
padding-left:20px;
margin-bottom:0;
}

div.archive-content{
background:url(images/parts/line.gif) repeat-x 0% 0%;
padding-top:15px;
}

/*カテゴリとアーカイブ リンク一覧*/
h2.content-header{
margin-top:0px;
margin-bottom:0px;
color:#96943B;
font-weight:bold;
margin-bottom:20px;
}

/*footer*/
#footer{
background:url(images/parts/footer.gif) repeat-x 0 0;
text-align:center;
color:#ffffff;
font-size:x-small;
line-height:25px;
}

