@charset "UTF-8";
/* @Style license ID.0391 */
/************************************************
* Reset *
************************************************/
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,blockquote,cite,q,address {
font-size: 100%;
font-weight: normal;
font-style: normal;
margin: 0px;
padding: 0px;
}
/************************************************
* clearfix *
************************************************/
div:after , .clearfix:after {
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
/* exlude IE6 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end IE6 */
/************************************************
* 全体の設定 *
************************************************/
/* 画像ボーダー */
img {
border-style: none;
}
/* 強調 */
strong {
color: #3cb371;
background-color: transparent;
}
/* 強調 */
em {
font-style: normal;
color: #333333;
background-color: transparent;
}
/* 読み飛ばし */
.skip{
position: absolute;
left: -9999px;
}
/* 非表示 */
.none{
display: none;
}
/* 区切り */
hr {
display: none;
}
/************************************************
* レイアウト *
************************************************/
body {
text-align: center;
margin-top: 0;
padding: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 30px;
}
/* 全体の枠 */
div#wrap {
text-align: left;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
width: 950px;
}
/* ナビゲーション */
div#nav {
margin-left: auto;
margin-right: auto;
position: absolute;
top: 0px;
clear: both;
}
/* ヘッダ */
div#header {
margin-top: 10px;
margin-bottom: 10px;
}
/* コンテナ */
div#container {
text-align: left;
width: 670px;
float: right;
}
/* 下部ナビゲーション */
div#b_nav {
text-align: center;
margin-top: 0px;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
clear: both;
}
/* サイドバー */
div#sub {
width: 270px;
float: left;
}
/* フッタ */
div#footer {
padding-top: 20px;
margin-left: auto;
margin-right: auto;
width: 950px;
}
/************************************************
* 詳細の設定 *
************************************************/
/************************************************
* body *
************************************************/
body {
font-family: Arial, "Trebuchet MS Verdana", sans-serif;
color: #333333;
background-color: #F0F8FF;
background-image: url(http://cacolor.jp/tarot/blogimg/bg.png);
background-repeat: repeat-x;
}
/************************************************
* wrap *
************************************************/
/* 全体の枠 */
div#wrap {
background-image: url(http://cacolor.jp/tarot/blogimg/cont_bg.png);
background-position: center top;
background-repeat: repeat-y;
line-height: 1.4;
}
/************************************************
* header *
************************************************/
/* ヘッダ */
div#header h1 {
margin-bottom: 5px;
}
div#header p {
font-size: 87.5%;
letter-spacing: 0.05em;
}
/************************************************
* nav *
************************************************/
/* ナビゲーションバー */
div#nav {
font-size: 75%;
}
/* 上部ナビゲーションバー リスト */
div#nav ul {
margin: 0px;
padding-top: 15px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 15px;
}
div#nav ul li {
display: inline;
}
/* 上部ナビゲーションバーリンク設定 */
div#nav ul li a {
font-weight: bold;
text-decoration: none;
color: #3399CC;
background-color: transparent;
padding-left: 15px;
padding-right: 15px;
float: left;
}
/* 上部ナビゲーションバー マウスオーバー時 */
div#nav ul li a:hover {
color: #FF6600;
background-color: transparent;
}
/************************************************
* container *
************************************************/
/* コンテナー */
div#container .inner {
padding-top: 10px;
padding-left: 10px;
padding-right: 30px;
padding-bottom: 10px;
}
/************************************************
* メインコンテナ *
************************************************/
div#main {
line-height: 1.4;
letter-spacing: 0.05em;
}

/* mainリンク設定 */
div#main a {
text-decoration: none;
color: #3399CC;
background-color: transparent;
}
/* mainリンク基本色 */
div#main a:link {
text-decoration: none;
color: #3399CC;
background-color: transparent;
}
/* mainリンクマウスオーバー時 */
div#main a:link:hover {
text-decoration: underline;
color: #FF6600;
background-color: transparent;
}
/* mainリンククリック時 */
div#main a:link:active {
text-decoration: none;
color: #FF6600;
background-color: transparent;
}
/* mainリンク訪問済み */
div#main a:visited {
text-decoration: none;
color: #3399CC;
background-color: transparent;
}
/* mainリンク訪問済みマウスオーバー */
div#main a:visited:hover {
text-decoration: underline;
color: #FF6600;
background-color: transparent;
}
/* mainリンク訪問済みクリック時 */
div#main a:visited:active {
text-decoration: none;
color: #FF6600;
background-color: transparent;
}
/* main 段落 */
div#main p {
margin-bottom: 1em;
}
/************************************************
* メインページ ～news *
************************************************/
/************************************************
* lead *
************************************************/
/* リード */
div#lead {
margin-bottom: 20px;
clear: both;
}
/* イメージ */
div#image {
background-image: url(http://cacolor.jp/tarot/blogimg/image.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
border-width: 0px;
border-style: solid;
border-color: #ffffff;
width: 628px;
height: 200px;
float: left;
}

/* リード文章 */
div#disc {
background-image: url(http://cacolor.jp/tarot/blogimg/half.png);
background-position: center bottom;
background-repeat: no-repeat;
width: 300px;
float: right;
}
/* リード文章見出し */
div#disc h2 {
font-size: 100%;
font-weight: bold;
color: #333333;
background-color: transparent;
background-image: url(http://cacolor.jp/tarot/blogimg/half_h.png);
background-repeat: no-repeat;
padding-top: 10px;
padding-left: 15px;
padding-bottom: 5px;
}
/* リード文章余白 */
div#disc .inner {
font-size: 75%;
line-height: 1.4;
letter-spacing: 0.05em;
padding-top: 5px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
}

/************************************************
* news *
************************************************/
/* 新着情報 */
div#news {
margin-bottom: 20px;
clear: both;
}
/* 新着情報 1 */
div#news .news_1 {
background-image: url(http://cacolor.jp/tarot/blogimg/half.png);
background-position: center bottom;
background-repeat: no-repeat;
margin-bottom: 20px;
width: 300px;
float: left;
}
/* 新着情報 2 */
div#news .news_2 {
background-image: url(http://cacolor.jp/tarot/blogimg/half.png);
background-position: center bottom;
background-repeat: no-repeat;
margin-bottom: 20px;
width: 300px;
float: right;
}
/* 新着情報 3 */
div#news .news_3 {
margin-bottom: 20px;
width: 300px;
float: right;
}
/* 新着情報 4 */
div#news .news_4 {
background-position: center bottom;
background-repeat: no-repeat;
margin-bottom: 20px;
width: 300px;
float: right;
}


/* 新着情報見出し */
div#news .news_1 h3 {
font-size: 87.5%;
font-weight: bold;
color: #333333;
background-color: transparent;
background-image: url(http://cacolor.jp/tarot/blogimg/half_h.png);
background-repeat: no-repeat;
padding-top: 10px;
padding-left: 15px;
padding-bottom: 5px;
}
div#news .news_2 h3 {
font-size: 87.5%;
font-weight: bold;
color: #333333;
background-color: transparent;
background-image: url(http://cacolor.jp/tarot/blogimg/half_h.png);
background-repeat: no-repeat;
padding-top: 10px;
padding-left: 15px;
padding-bottom: 5px;
}
/* 新着情報 日付 */
div#news .news_1 dl , div#news .news_2 dl {
font-size: 75%;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 20px;
}
/* 新着情報 記事タイトル */
div#news .news_1 dd , div#news .news_2 dd {
margin-top: -1.4em;
margin-left: 5em;
margin-right: 0;
margin-bottom: .4em;
}
/************************************************
* 下層ページメインコンテナ *
************************************************/
div#image_t {
background-image: url(http://cacolor.jp/tarot/blogimg/image_t.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
text-indent: -9999px;
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
margin-bottom: 20px;
height: 100px;
}
p.path {
font-size: 80%;
}

div#main .entry {
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
margin-bottom: 20px;
padding-bottom: 0;
width: 630px;
clear: both;
}
/* 記事見出し */
div#main .entry h2 {
font-size: 100%;
font-weight: bold;
color: #333333;
background-color: #ffffff;
padding-top: 10px;
padding-left: 15px;
padding-bottom: 5px;
}

/* 記事余白 */
div#main .entry .inner {
font-size: 75%;
line-height: 1.4;
letter-spacing: 0.05em;
padding-top: 5px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
}
/* 記事 矢印 */
div#main div.entry .arrow {
text-align: right;
margin-right: 5px;
margin-bottom: -10px;
}

/* 記事小見出し */
div#main .entry h3 {
font-size: 120%;
font-weight: bold;
color: #333333;
background-color: #ffffff;
padding-left: 0;
margin-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}

/* 記事小見出し */
div#main .entry h4 {
font-size: 120%;
color: #333333;
background-color: #ffffff;
padding-left: 0;
margin-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}

div#main p.posted {
font-size: 87.5%;
margin-top: 0px;
}

/* 引用元情報 */
div#main cite {
font-style: italic;
}
/* 引用 */
div#main blockquote {
color: #666666;
background-color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
padding: 5px;
margin-bottom: 10px;
clear: both;
}
/* 整形済みテキスト */
div#main pre {
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
padding: 5px;
margin-bottom: 10px;
/*height: 100px;*/ /* ここを変更すれば高さが変わります */
overflow: scroll;
clear: both;
}
div#main dl {
margin-bottom: 10px;
}

/* 会社概要用 */
.info {
margin-top: 10px;
margin-bottom: 25px;
}
.info dt {
padding-top: 0;
padding-left: 5px;
padding-right: 0;
padding-bottom: 0;
}
.info dd {
line-height: 160%;
margin-top: -1.6em;
margin-left: 9em;
margin-right: 0;
margin-bottom: .8em;
border-bottom: 1px dotted #666666;
}
.info2 {
margin-top: 10px;
margin-bottom: 25px;
background-color: #dcdcdc;
}

.info2 dt {
padding-top: 0;
padding-left: 5px;
padding-right: 0;
padding-bottom: 0;
}
.info2 dd {
line-height: 160%;
margin-top: -1.6em;
margin-left: 9em;
margin-right: 0;
margin-bottom: .8em;
border-bottom: 1px dotted #666666;
}


/* お問い合わせ用 */
.form {
line-height: 160%;
margin: 0;
}
.form dt {
padding-top: 0;
padding-left: 0.3em;
padding-right: 0 ;
padding-bottom: 0;
}
.form dd {
line-height: 160%;
margin-top: -1.6em;
margin-left: 10em;
margin-right: 0;
margin-bottom: .8em;
}
.form fieldset {
margin-bottom: 10px;
}
/* 順不同リスト（箇条書き）*/
div#main ul {
padding-left: 20px;
margin-bottom: 10px;
}
div#main ul ol {
padding-left: 30px;
}

/* 画像 */
div#main img{
margin-top: 0;
margin-bottom: 20px;
}
/* 画像左配置 */
div#main .mt-image-left {
float: left;
margin: 0 20px 20px 0;
}
/* 画像中央配置 */
div#main .mt-image-center {
display: block;
margin: 0 auto 20px;
text-align: center;
}
/* 画像右配置 */
div#main .mt-image-right {
float: right;
margin: 0 0 20px 20px;
}
/* 続き */
div#main .extended {
font-size: 85%;
margin-top: 10px;
margin-bottom: 10px;
float: right;
}

div#main .techstuff {
font-size: 100%;
}

div#main textarea{
width: 450px;
}

/* コメンター画像 */
div#main .commenter-profile img {
vertical-align: middle;
margin-top: -15px;
border-width: 0;
}
div#main .sign {
margin-bottom: 10px;
}

div#main input, div#main textarea {
font-size: 100%;
}

/* タグ */
.entry-tags {
clear:both;
margin: 5px 0 10px 5px; 
}
.entry-tags-header,
.entry-tags-list,
.entry-tag { display: inline; }
.entry-tags-list { 
list-style:none;
padding-left: 0;

}

p.search-results-header {
font-size: 87.5%;
font-weight: bold;
}

/************************************************
* Sitemap * 
************************************************/
ul li.home {
list-style-type: none;
}

ul.tree {
margin: 0 0 0 1em!important;
padding: 0!important;
list-style: none!important;
}
ul.tree ul {
margin: 0 0 0 1em!important;
padding: 0!important;
}
ul.tree li {
margin: 0!important;
padding: 0 0 0 16px!important;
background-image: url(http://cacolor.jp/tarot/blogimg/tree_lst.gif);
background-repeat: no-repeat!important;
list-style: none!important;
}
ul.tree li.tree_end {
background-image: url(http://cacolor.jp/tarot/blogimg/tree_end.gif);
list-style: none;
}







/************************************************
* b_nav *
************************************************/
/* 下部ナビゲーション */
div#b_nav {
font-size: 75%;
}
div#b_nav ul {
margin: 0;
padding: 0;
}
div#b_nav ul li {
display: inline;
padding: 0 .5em;
}
/* 下部ナビゲーションリンク色 */
div#b_nav ul li a {
text-decoration: none;
color: #3399CC;
background-color: #ffffff;
}
div#b_nav ul li a:hover {
text-decoration: underline;
color: #FF6600;
background-color: #ffffff;
}
/************************************************
* sub *
************************************************/
/* サイドバー */
div#sub .inner {
padding-top: 20px;
padding-left: 20px;
padding-bottom: 10px;
}
/* サイドバーリンク設定 */
div#sub a {
text-decoration: none;
color: #3399CC;
background-color: transparent;
}
/* サイドバーリンク基本色 */
div#sub a:link {
text-decoration: none;
color: #3399CC;
background-color: transparent;
}
/* サイドバーリンクマウスオーバー時 */
div#sub a:link:hover {
text-decoration: underline;
color: #FF6600;
background-color: transparent;
}
/* サイドバーリンククリック時 */
div#sub a:link:active {
text-decoration: underline;
color: #FF6600;
background-color: transparent;
}
/* サイドバーリンク訪問済み */
div#sub a:visited {
text-decoration: none;
color: #3399CC;
background-color: transparent;
}
/* サイドバーリンク訪問済みマウスオーバー */
div#sub a:visited:hover {
text-decoration: underline;
color: #FF6600;
background-color: transparent;
}
/* サイドバーリンク訪問済みクリック時 */
div#sub a:visited:active {
text-decoration: underline;
color: #FF6600;
background-color: transparent;
}
/* サイドバー枠 */
div#sub .inner dl {
font-size: 87.5%;
background-image: url(http://cacolor.jp/tarot/blogimg/sub_box.png);
background-position: left bottom;
background-repeat: no-repeat;
margin-bottom: 10px;
padding-bottom: 10px;
}
/* サイドバー見出し */
div#sub .inner dt {
font-size: 100%;
font-weight: bold;
color: #333333;
background-color: transparent;
background-image: url(http://cacolor.jp/tarot/blogimg/sub_box_h.png);
background-position: left top;
background-repeat: no-repeat;
padding-top: 10px;
padding-left: 15px;
padding-bottom: 5px;
}
/* サイドバー項目 */
div#sub .inner dd {
font-size: 87.5%;
margin-left: 15px;
margin-right: 15px;
}

/* サイドバーリスト */
div#sub .inner dd li {
font-size: 100%;
margin-bottom: 3px;
list-style-type: none;
}
/* サイドバーリスト（ネスト） */
div#sub .inner dd li li {
font-size: 100%;
margin-left: 15px;
}
/* サイドバーラベル非表示 */
div#sub .inner dd label {
position: absolute;
left: -9999px;
}
/* サイドバー検索ボックス調整 */
div#sub .inner dd form {
margin-bottom: 0px;
padding-bottom: 0px;
}
/* サイドバー p */
div#sub .inner dd p {
margin-bottom: 10px;
}
/* タグクラウド */
div#sub .module-tagcloud .module-content
{text-align: left; }

div#sub .module-tagcloud .module-content .module-list
{ list-style: none; }

div#sub .module-tagcloud .module-content .module-list .module-list-item
{ display: inline; }

div#sub .module-tagcloud .module-content .module-list li.taglevel1
{ font-size: 170%; }

div#sub .module-tagcloud .module-content .module-list li.taglevel2
{ font-size: 150%; }

div#sub .module-tagcloud .module-content .module-list li.taglevel3
{ font-size: 130%; }

div#sub .module-tagcloud .module-content .module-list li.taglevel4
{ font-size: 110%; }

div#sub .module-tagcloud .module-content .module-list li.taglevel5
{ font-size: 90%; }

div#sub .module-tagcloud .module-content .module-list li.taglevel6
{ font-size: 70%; }
/************************************************
* footer *
************************************************/
/* フッタ */
div#footer {
color: #666666;
background-color: #ffffff;
background-image: url(http://cacolor.jp/tarot/blogimg/footer.png);
background-position: center top;
background-repeat: no-repeat;
}
/* フッターリンク色 */
div#footer a {
text-decoration: none;
color: #3399CC;
background-color: #ffffff;
}
div#footer a:hover {
text-decoration: underline;
color: #FF6600;
background-color: #ffffff;
}
/* フッター powered */
div#footer .link-note {
font-size: 75%;
text-align: left;
width: 350px;
float: left;
}
div#footer .link-note ul {
margin-left: 20px;
}
div#footer .link-note ul li {
display: inline;
}
/* フッター Copy */
div#footer .copy {
text-align: right;
width: 600px;
float: right;
}
div#footer address {
font-size: 75%;
font-weight: bold;
margin-right: 20px;
}