/*
--------------------------------------------------------------------------------
name          : Comunica Templates Original001
author        : Comunica Templates
author_url    : http://www.comunicatemplates.com/

File Name     : /css/content.css
Description   : コンテンツのレイアウト構造を形成するためのCSSファイル。
--------------------------------------------------------------------------------
*/



/*--------------------------------------
  Import styles 
---------------------------------------*/
@import url("content_elements.css");
@import url("content_categories.css");



/*--------------------------------------
  Links-Content
---------------------------------------*/

#content h2 a { text-decoration: none; }
#content h2 a:hover { text-decoration: underline; }
#content h2.search-entry-title a { text-decoration: underline; }
#content h2.search-entry-title a:hover { text-decoration: none; }

.pagetop a { color: #595643; text-decoration: underline; }
.pagetop a:hover { color: #c3bc12; text-decoration: none; }



/*  Link-Border Style
---------------------------------------*/

a.border img {
display: block;
border: 7px solid #ece6c7;
}
a.border:hover img {
border: 7px solid #dfd811;
}



/*--------------------------------------
  Each Category Common
---------------------------------------*/

#content {
line-height: 1.8;
}



/*  Breadcrumb Style
---------------------------------------*/

#breadcrumb {
margin: 0;
padding: 0 25px 0 0;
position: absolute;
top: -25px;
left: 25px;
color: #c3bc12;
}
#breadcrumb a {
text-decoration: none;
}
#breadcrumb a:hover {
color: #c3bc12;
}



/*  Pagetop Style
---------------------------------------*/

.pagetop {
clear: both;
text-align: right;
padding: 10px 0 20px 0;
}
.pagetop a {
\_height: 0.1px; /* WinIE5.5/5.0x */
padding: 0 0 0 16px;
background: transparent url(../images/icon_pagetop.gif) left 3px no-repeat;
\_background-position: left 6px; /* WinIE5.5/5.0x */
}



/*  Read-More Style
---------------------------------------*/

.read-more {
position: relative;
width: 140px;
background: transparent url(../images/icon_readmore_up.gif) left top no-repeat;
}
.read-more a {
display: block;
}
.read-more a:hover {
visibility: visible;
}
.read-more a:hover img {
visibility: hidden;
}



/*  Related-Links Style
---------------------------------------*/

div.related-links {
clear: both;
padding: 10px 20px;
margin: 40px 0 30px 0;
border: 7px solid #ece6c7;
}

h3.related-links {
border-left: none;
padding: 0 0 0 18px;
margin: 0 0 5px -7px;
background-color: transparent; /* -- NN7 -- */
background-image: url(../images/icon_arwnext.gif); /* -- NN7 -- */
background-position: left center; /* -- NN7 -- */
background-repeat: no-repeat; /* -- NN7 -- */
background: transparent url(../images/icon_arwnext.gif) left 1px no-repeat; /* -- Other than NN7 -- */
}

ul.related-links {
clear: both;
margin: 0 !important;
}
ul.related-links li {
display: block;
padding: 0 0 0 12px;
margin: 0 !important;
line-height: 1.8 !important;
list-style-type: none !important;
background: transparent url(../images/icon_news.gif) left top no-repeat;
}
ul.related-links li ul li {
display: block;
padding: 0 0 0 10px;
}



/*  Trackbacks Style
---------------------------------------*/

ul.trackbacks {
clear: both;
text-align: right;
padding: 10px 0 0 0;
}
ul.trackbacks li {
display: inline;
margin: 0 !important;
list-style-type: none !important;
}

ul.trackbacks .comment {
\_height: 0.1px; /* WinIE5.5/5.0x */
padding: 1px 0 0 18px;
background: transparent url(../images/icon_from.gif) left top no-repeat;
\_background-position: left 3px; /* WinIE5.5/5.0x */
}
ul.trackbacks .trackback {
\_height: 0.1px; /* WinIE5.5/5.0x */
padding: 1px 0 0 15px;
background: transparent url(../images/icon_trackback.gif) left top no-repeat;
\_background-position: left 3px; /* WinIE5.5/5.0x */
}



/*  Header Style for 
    Trackbacks, Comments, Sitemap
---------------------------------------*/

h3.trackbacks-link,
h3.comments-header,
h3.sitemap {
clear: both;
border-left: 5px solid #ccc615;
padding: 6px 0 5px 7px;
background: #ece6c7;
}
h3.trackbacks-link,
h3.comments-header {
margin: 50px 0 10px 0;
}
h3.sitemap {
margin: 20px 0 10px 0;
}
* html ul.sitemap h3.sitemap { /* -- This is for IE6 and below -- */
margin: 10px 0 10px 0;
}



/*  Trackback-URL Style
---------------------------------------*/

dl.trackback-url {
clear: both;
margin: 0 0 20px 0;
padding: 10px 0;
background: #ece6c7;
}
dl.trackback-url dt {
line-height: 1.8;
padding: 0 0 0 10px;
margin: 0 !important;
}
dl.trackback-url dd {
line-height: 1.8;
margin: -1.8em 0 0 10em !important;
}
dl.trackback-url dd form {
margin: 0 !important;
}
dl.trackback-url dd form input {
border: 1px solid #cdc6a2;
width: 96%;
\_width: 67%; /* WinIE5.5/5.0x */
width/* */: 96%; /* WinIE6/WinIE5.5 */
padding: 2px;
margin: 0;
}



/*  Trackback & Comment Content Style
---------------------------------------*/

.trackback-content,
.comment-content {
margin: 0 0 20px 0;
padding: 10px 10px 5px 10px;
border: 1px solid #cdc6a2;
}
ul.data {
clear: both;
}
ul.data li {
display: block;
padding: 0 0 0 19px;
\_padding: 0 0 0 4px; /* WinIE5.5/5.0x */
margin: 0 !important;
line-height: 1.8 !important;
list-style-type: none !important;
}
ul.data li.fromblog {
background: transparent url(../images/icon_fromblog.gif) left 2px no-repeat;
}
ul.data li.from {
background: transparent url(../images/icon_from.gif) left 2px no-repeat;
}
ul.data li.time {
background: transparent url(../images/icon_time.gif) left 2px no-repeat;
}

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

textarea#comment-text {
width: 80%;
height: 190px;
padding: 1px;
}



/*  Comment-Response Style
---------------------------------------*/

.comment-response-backtopage {
position: relative;
width: 110px;
background: transparent url(../images/icon_backtopage_up.gif) left top no-repeat;
}
.comment-response-backprevious {
position: relative;
width: 140px;
background: transparent url(../images/icon_backprevious_up.gif) left top no-repeat;
}

.comment-response-backtopage a,
.comment-response-backprevious a {
display: block;
}
.comment-response-backtopage a:hover,
.comment-response-backprevious a:hover {
visibility: visible;
}
.comment-response-backtopage a:hover img,
.comment-response-backprevious a:hover img {
visibility: hidden;
}



/*  Entry-Tags Style
---------------------------------------*/

.entry-tags {
clear: both;
padding: 20px 0 0 0;
}
.entry-tags dt {
line-height: 1.3 !important;
font-weight: bold;
padding: 0 0 0 22px;
margin: 0 !important;
background: transparent url(../images/icon_tags.gif) left top no-repeat;
}
.entry-tags dd {
line-height: 1.3 !important;
margin: -1.4em 0 0 11em !important;
}
ul.entry-tags-list {
margin: 0 0 15px 0 !important;
}
ul.entry-tags-list li {
display: inline;
margin: 0 !important;
list-style-type: none !important;
}



/*  Paging Style
---------------------------------------*/

ul.paging,
ul.paging2 {
width: 100%;
}
ul.paging2 {
padding-top: 20px;
}
ul.paging li,
ul.paging2 li {
list-style-type: none !important;
margin: 0 5px 0 0 !important;
padding: 0 !important;
display: block;
float: left;
width: 23px;
color: #FFF;
text-align: center;
background: transparent url(../images/icon_paging.gif) left -23px no-repeat;
}
ul.paging li a,
ul.paging2 li a {
display: block;
height: 23px;
color: #FFF;
text-decoration: none;
background: transparent url(../images/icon_paging.gif) left top no-repeat;
}
ul.paging li a:hover,
ul.paging2 li a:hover {
background-position: 0 -23px;
}



/*  Box Style
---------------------------------------*/

.box-gray {
padding: 25px 25px;
margin: 0 0 20px 0;
border: 1px solid #cdc6a2;
background: #ece6c7;
}
.box-lightgray {
padding: 25px 25px;
margin: 0 0 20px 0;
border: 1px solid #cdc6a2;
background: #faf7e8;
}

.box-gray ul,
.box-gray ol,
.box-gray dl,
.box-lightgray ul,
.box-lightgray ol,
.box-lightgray dl {
margin: 0 !important;
}
.box-gray ul li,
.box-gray ol li,
.box-gray dl dt,
.box-gray dl dd,
.box-lightgray ul li,
.box-lightgray ol li,
.box-lightgray dl dt,
.box-lightgray dl dd {
line-height: 1.6 !important;
}

#content .box-lightgray p {
margin: 0 0 20px 0 !important;
}