@charset "UTF-8";
/* @Style license ID.0622 */
/************************************************
*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 {
vertical-align: middle;
border-style: none;
}

/* 強調 */
strong {
color: #FF6600;
background-color: #FFFFFF;
}

/* 強調 */
em {
font-style: normal;
color: #333333;
background-color: #FFFFFF;
}

/* 読み飛ばし */
.skip{
position: absolute;
left: -9999px;
}

/* 非表示 */
.none{
display: none;
}

/* 区切り */
hr {
clear: both;
}

/* リンク枠 */
a{
outline:none;
}

/************************************************
*レイアウト*
************************************************/
/* body */
body {
text-align: center;
margin: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 20px;
}

div#header {
text-align: left;
margin-left: auto;
margin-right: auto;
width: 980px;
}

div.desc {
text-align: left;
margin-left: auto;
margin-right: auto;
width: 980px;
}

div#container {
text-align: left;
margin-left: auto;
margin-right: auto;
width: 980px;
}


div#main {
width: 650px;
float: left;
}

div#sub {
width: 330px;
float: right
}

div#footer {
text-align: left;
margin-left: auto;
margin-right: auto;
width: 980px;
}

/************************************************
*body*
************************************************/
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ" ,Arial, Verdana, Helvetica,  "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
color: #333333;
background-color: #D5E4F2;
background-image: url(blogimg/bg.png);
background-position: 0px 0px;
background-repeat: repeat-x;
}

/************************************************
*header*
************************************************/
div#header {
background-image: url(blogimg/header.png);
background-position: 0px 0px;
background-repeat: no-repeat;
text-align: left;
margin-top: 20px;
height: 307px;
}

/* ロゴ */
div#header h1.logo {
padding-top: 15px;
padding-left: 30px;
padding-bottom: 15px;
width: auto;
float: left;
}

/* イメージ */
div.image {
padding-top: 15px;
padding-right: 30px;
margin-bottom: 15px;
width: auto;
float: right;
}

/* ナビゲーションバー */
div.nav {
font-size: 87.5%;
color: #ffffff;
background-color: #3399ff;
background-image: url(blogimg/nav_bg.png);
background-position: center top;
background-repeat: no-repeat;
margin-left: 30px;
padding-left: 10px;
margin-right: 30px;
height: 56px;
clear: both;
}

div.nav li {
font-weight: bold;
list-style-type: none;
display: inline;
}
div.nav li a {
text-decoration: none;
color: #e0e0e0;
background-color: transparent;
background-image: url(blogimg/nav_li.png);
background-position: right center;
background-repeat: no-repeat;
margin-top: 7px;
padding-top: 8px;
padding-left: 10px;
padding-right: 16px;
padding-bottom: 8px;
float: left;
}
div.nav li a:hover {
color: #ffffff;
background-color: transparent;
}

/************************************************
*desc*
************************************************/
div.desc {
background-image: url(blogimg/desc.png);
background-position: 0px 0px;
background-repeat: no-repeat;
height: 53px;
}

div.desc p {
font-size: 87.5%;
margin-left: 30px;
padding-left: 20px;
margin-right: 30px;
}

/************************************************
*container*
************************************************/
/* コンテナ全体 */
div#container {
background-image: url(blogimg/container_m.png);
background-position: 0px 0px;
background-repeat: repeat-y;
}

/************************************************
*main*
************************************************/
div#main {
line-height: 1.6;
font-size: 87.5%;
}
/* 余白 */
div#main div.inner {
padding-top: 7px;
padding-left: 40px;
padding-right: 20px;
padding-bottom: 20px;
}

/* mainリンク基本色 */
div#main a:link {
text-decoration: none;
color: #006699;
background-color: transparent;
}

/* mainリンクマウスオーバー時 */
div#main a:link:hover {
text-decoration: underline;
color: #CC0000;
background-color: transparent;
}

/* mainリンククリック時 */
div#main a:link:active {
text-decoration: underline;
color: #cc0000;
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: #cc0000;
background-color: transparent;
}

/* mainリンク訪問済みクリック時 */
div#main a:visited:active {
text-decoration: underline;
color: #cc0000;
background-color: transparent;
}

/* main見出し h2 */
div#main h2 {
font-size: 114.28%;
font-weight: bold;
color: #333333;
background-color: #ffffff;
background-image: url(blogimg/h2.png);
background-position: left center;
background-repeat: no-repeat;
line-height: 1.4;
padding-top: 2px;
padding-left: 20px;
margin-bottom: 5px;
padding-bottom: 2px;
clear: both;
}

/* main見出し h3 */
div#main h3 {
font-size: 107.14%;
font-weight: bold;
line-height: 1.4;
margin-top: 10px;
padding-top: 0;
margin-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e0e0e0;
padding-bottom: 3px;
clear: both;
}

/* main見出し h4 */
div#main h4 {
font-size: 100%;
font-weight: bold;
margin-top: 10px;
padding-top: 0;
margin-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #e0e0e0;
padding-bottom: 3px;
clear: both;
}

/* パンくず */
ul.path {
margin-left: -20px;
font-size: 100%;
}

ul.path li {
margin-right: 5px;
display: inline;
}

ul.path li a {
background-image: url(blogimg/path.png);
background-position: right center;
background-repeat: no-repeat;
padding-right: 10px;
}

/* main 段落 */
div#main p {
margin-bottom: 1em;
}

/* 投稿者情報 */
div#main p.posted {
font-size: 85.71%;
margin-top: 0px;
margin-bottom: 15px;
}

/* 引用元情報 */
div#main cite {
font-style: italic;
}

/* 引用 */
div#main blockquote {
color: #333333;
background-color: #ffffff;
border-width: 1px;
border-style: solid;
border-color: #e0e0e0;
padding: 5px;
margin-bottom: 10px;
clear: both;
}

/* 整形済みテキスト */
div#main pre {
border-width: 1px;
border-style: solid;
border-color: #e0e0e0;
padding: 5px;
margin-bottom: 10px;
/*height: 100px;*/ /* ここを変更すれば高さが変わります */
overflow: scroll;
clear: both;
}

div#main dl {
margin-bottom: 1em;
}

/* 新着情報 */
dl.news {
font-size: 85.71%;
line-height: 2;
}

/* 新着情報 記事タイトル */
dl.news dt  {
width: 4.5em;
float: left;
}

dl.news dd {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #e0e0e0;
}

/* 会社概要用 */
dl.info {
margin-bottom: 25px;
}

dl.info dt {
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}

dl.info dd {
line-height: 1.6;
margin-top: -1.6em;
margin-left: 9em;
margin-right: 0;
margin-bottom: .8em;
border-bottom: 1px dotted #e0e0e0;
}

/* お問い合わせ用 */
.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: 1.6;
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: 1em;
}

div#main ul ol {
padding-left: 30px;
}

/* 画像 */
div#main img{
margin-top: 0;
margin-bottom: 20px;
}

/* 画像左配置 */
div#main img.mt-image-left {
    float: left;
    margin: 0 20px 20px 0;
}

/* 画像中央配置 */
div#main img.mt-image-center {
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}

/* 画像右配置 */
div#main img.mt-image-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* 続き */
div#main .extended {
font-size: 85.71%;
text-align: right;
margin-top: 10px;
clear: both;
}

div#main textarea{
width: 500px;
}

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

div.comment-reply {
margin-left: 20px;
}

/* コメンター画像 */
.asset-meta img {
vertical-align: top;
position: relative;
top: 3px;
}

div#main label {
margin-bottom: 0.8em;
width: 11em;
float: left;
clear: both;
white-space: nowrap;
}

/* タグ */
.entry-tags {
font-size: 78.57%;
margin: 0 0 20px 0;
clear: both;
}

.entry-tags-header,
.entry-tags-list {
display: inline;
}

h3.entry-tags-header {
font-weight: normal !important;
border-style: none !important;
}

li.entry-tag { 
margin-right: 5px;
display: inline;
}

ul.entry-tags-list {
margin-left: -15px;
padding-left: 0;
list-style: none;
}

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(blogimg/tree_lst.gif);
background-repeat: no-repeat!important;
list-style: none!important;
}

ul.tree li.tree_end {
background-image: url(blogimg/tree_end.gif);
list-style: none;
}


/************************************************
*sub,extra*
************************************************/
div#sub , div#extra {
font-size: 75%;
line-height: 1.4;
}

/* サイドバー 余白 */
div#sub div.inner {
line-height: 1.4;
margin-top: 7px;
padding-right: 30px;
}



/* サイドバー見出し */
div#sub h2 , div#extra h2{
font-size: 100%;
font-weight: bold;
margin-bottom: .3em;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #e0e0e0;
}

div#sub h3 , div#extra h3 {
font-size: 100%;
font-weight: bold;
margin-bottom: .3em;
}

/* サイドバー 段落 */
div#sub p , div#extra p {
margin-bottom: 1em;
}

/* ページリスト 枠 */
dl.page_list {
line-height: 1;
margin-bottom: 10px;
}

dl.page_list dt {
font-size: 100%;
font-weight: bold;
color: #333333;
background-color: #ffffff;
background-image: url(blogimg/page_list_dt.png);
background-position: center top;
background-repeat: no-repeat;
padding-top: 7px;
padding-left: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e0e0e0;
padding-bottom: 7px;
}

dl.page_list dd {
background-image: url(blogimg/page_list.png);
background-position: center bottom;
background-repeat: no-repeat;
padding-left: 1px;
padding-right: 1px;
padding-bottom: 3px;
}

/* ページリスト リンク設定 */
dl.page_list a:link {
color: #006699;
background-color: transparent;
text-decoration: none;
}

dl.page_list a:link:hover {
color: #cc0000;
background-color: transparent;
text-decoration: none;
}

dl.page_list a:visited {
color: #666666;
background-color: transparent;
text-decoration: none;
}

dl.page_list a:visited:hover {
color: #cc0000;
background-color: transparent;
text-decoration: none;
}

/* ページリスト */
dl.page_list ul , dl.banner ul {
padding: 0;
margin-left: 0px;
list-style: none;
}

dl.page_list ul li {
font-size: 100%;
color: #333333;
background-color: #ffffff;
padding-top: 0px;
padding-bottom: 1px;
}

/* ページリスト リンク */
dl.page_list ul li a{
background-image: url(blogimg/menu.png);
background-position: 0px 0px;
background-repeat: no-repeat;
padding-top: 7px;
padding-left: 22px;
padding-right: 5px;
padding-bottom: 7px;
display: block;
}

/* ページリスト ホバー */
dl.page_list ul li a:hover {
background-image: url(blogimg/menu.png);
background-position: 0px -100px;
background-repeat: no-repeat;
}

/* ページリスト 訪問済み */
dl.page_list ul li a:visited {
background-image: url(blogimg/menu.png);
background-position: 0px 0px;
background-repeat: no-repeat;
}

/* ページリスト 訪問済みホバー */
dl.page_list ul li a:visited:hover {
background-image: url(blogimg/menu.png);
background-position: 0px -100px;
background-repeat: no-repeat;
}

/* サブカテゴリー */
dl.page_list ul ul {
font-size: 100%;
margin-top: 0px;
padding: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}

/* サブカテゴリーリスト */
dl.page_list ul ul li {
background-image: none;
padding-top: 1px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 1px;
}

/* サブカテゴリーリスト リンク */
dl.page_list ul ul li a {
background-image: url(blogimg/menu_sub.png);
background-position: 0px 0px;
background-repeat: no-repeat;
padding-top: 7px;
padding-left: 37px;
padding-right: 5px;
margin-bottom: -1px;
padding-bottom: 7px;
display: block;
border-left: none;
}

/* サブカテゴリーリスト ホバー */
dl.page_list ul ul li a:hover {
background-image: url(blogimg/menu_sub.png);
background-position: 0px -100px;
background-repeat: no-repeat;
}

/* サブカテゴリーリスト 訪問済み */
dl.page_list ul ul li a:visited {
background-image: url(blogimg/menu_sub.png);
background-position: 0px 0px;
background-repeat: no-repeat;
}

/* サブカテゴリーリスト 訪問済みホバー */
dl.page_list ul ul li a:visited:hover {
background-image: url(blogimg/menu_sub.png);
background-position: 0px -100px;
background-repeat: no-repeat;
}

/* タグクラウド */

dl.tags {
line-height: 1;
margin-bottom: 10px;
}

dl.tags dt {
font-size: 100%;
font-weight: bold;
color: #333333;
background-color: #ffffff;
background-image: url(blogimg/page_list_dt.png);
background-position: center top;
background-repeat: no-repeat;
padding-top: 7px;
padding-left: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e0e0e0;
padding-bottom: 7px;
}

dl.tags dd {
background-image: url(blogimg/page_list.png);
background-position: center bottom;
background-repeat: no-repeat;
line-height: 1.2;
padding: 10px;
}

/* タグクラウドリンク基本色 */
dl.tags a:link {
text-decoration: none;
color: #006699;
background-color: transparent;
}

/* タグクラウドリンクマウスオーバー時 */
dl.tags a:link:hover {
text-decoration: underline;
color: #cc0000;
background-color: transparent;
}

/* タグクラウドリンククリック時 */
dl.tags a:link:active {
text-decoration: none;
color: #cc0000;
background-color: transparent;
}

/* タグクラウドリンク訪問済み */
dl.tags a:visited {
text-decoration: none;
color: #3399cc;
background-color: transparent;
}

/* タグクラウドリンク訪問済みマウスオーバー */
dl.tags a:visited:hover {
text-decoration: underline;
color: #cc0000;
background-color: transparent;
}

/* タグクラウドリンク訪問済みクリック時 */
dl.tags a:visited:active {
text-decoration: none;
color: #cc0000;
background-color: transparent;
}

/* タグクラウド表示 */
dl.tags .module-tagcloud {
text-align: left;
}

dl.tags .module-tagcloud {
list-style: none;
}
dl.tags .module-tagcloud .module-list-item {
display: inline;
}

dl.tags .module-tagcloud li.taglevel1 {
font-size: 180%;
}
dl.tags .module-tagcloud li.taglevel2 {
font-size: 160%;
}

dl.tags .module-tagcloud li.taglevel3 {
font-size: 130%;
}

dl.tags .module-tagcloud li.taglevel4 {
font-size: 120%;
}

dl.tags .module-tagcloud li.taglevel5 {
font-size: 100%;
}

dl.tags .module-tagcloud li.taglevel6 {
font-size: 80%;
}

/* フリースペース */
dl.box {
line-height: 1;
margin-bottom: 10px;
}

dl.box dt {
font-size: 100%;
font-weight: bold;
color: #333333;
background-color: #ffffff;
background-image: url(blogimg/page_list_dt.png);
background-position: center top;
background-repeat: no-repeat;
padding-top: 7px;
padding-left: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e0e0e0;
padding-bottom: 7px;
}

dl.box dd {
background-image: url(blogimg/page_list.png);
background-position: center bottom;
background-repeat: no-repeat;
padding-top: 3px;
padding-left: 11px;
padding-right: 11px;
padding-bottom: 3px;
}

/* フリースペース 段落 */
dl.box dd p {
line-height: 1.3;
}

/* フリースペース リスト */
dl.box dd ul {
margin-left: 1.5em;
margin-bottom: 0.5em;
}

dl.box dd ol {
margin-left: 2em;
margin-bottom: 0.5em;
}

/* フリースペースリンク基本色 */
dl.box a:link {
text-decoration: none;
color: #006699;
background-color: transparent;
}

/* フリースペースリンクマウスオーバー時 */
dl.box a:link:hover {
text-decoration: underline;
color: #cc0000;
background-color: transparent;
}

/* フリースペースリンククリック時 */
dl.box a:link:active {
text-decoration: none;
color: #cc0000;
background-color: transparent;
}

/* フリースペースリンク訪問済み */
dl.box a:visited {
text-decoration: none;
color: #3399cc;
background-color: transparent;
}

/* フリースペースリンク訪問済みマウスオーバー */
dl.box a:visited:hover {
text-decoration: underline;
color: #cc0000;
background-color: transparent;
}

/* フリースペースリンク訪問済みクリック時 */
dl.box a:visited:active {
text-decoration: none;
color: #cc0000;
background-color: transparent;
}

/* FEED */
.feed {
margin-top: 0;
margin-bottom: 10px;
}

.feed a {
background-image: url(blogimg/feed.png);
background-position: 0px 0;
background-repeat: no-repeat;
text-indent: -9999px;
width: 300px;
height: 46px;
display: block;
}

.feed a:hover {
background-image: url(blogimg/feed.png);
background-position: 0px -46px;
background-repeat: no-repeat;
text-indent: -9999px;
width: 300px;
height: 46px;
display: block;
}

/* 検索 */
div.search {
margin-bottom: 20px;
}
div.search label {
position: absolute;
left: -9999px;
}
div.search input#search {
width: 200px;
}


/************************************************
*footer*
************************************************/
/* フッタ */
div#footer {
color: #333333;
background-color: #D5E4F2;
background-image: url(blogimg/container_b.png);
background-position: center top;
background-repeat: no-repeat;
padding-top: 10px;
margin-bottom: 20px;
}

/* フッターリンク色 */
div#footer a {
text-decoration: none;
color: #006699;
background-color: transparent;
}

div#footer a:hover {
text-decoration: underline;
color: #cc0000;
background-color: transparent;
}


/* 下部ナビゲーション */
div.b_nav {
font-size: 75%;
text-align: center;
padding-top: 20px;
margin-bottom: 15px;
}

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: #006699;
background-color: transparent;
}

div.b_nav ul li a:hover {
text-decoration: underline;
color: #cc0000;
background-color: transparent;
}

/* フッター powered */
div#footer .powered {
font-size: 75%;
text-align: left;
width: 350px;
float: left;
}

div#footer .powered ul {
margin-left: 30px;
}
div#footer .powered ul li {
display: inline;
}

/* フッター Copyright */
div#footer .copy {
text-align: right;
width: 600px;
float: right;
}

div#footer address {
font-size: 75%;
font-weight: bold;
margin-right: 30px;
}
