@charset "UTF-8";

/* @Style license ID.0565 */

/************************************************
*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 ,* html div#content { height: 1% }
.clearfix {display:block;}
/* end IE6 */

/************************************************
*全体の設定*
************************************************/
/* 画像 */
img {
vertical-align: middle;
border-style: none;
}

/* 強調 */
strong {
color: #ff6600;
background-color: transparent;
}

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

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

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

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

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

/************************************************
*レイアウト*
************************************************/
body {
text-align: center;
margin: 0;
padding: 0;
}

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

div#content {
margin-left: 10px;
margin-right: 10px;
}

div#header {
width: 960px;
height: 60px;
clear: both;
}

div#main {
width: 720px;
float: right;
}

div#sub {
width: 240px;
float: left
}

div#footer {
margin-left: auto;
margin-right: auto;
width: 980px;
clear: both;
}

/************************************************
*body*
************************************************/
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", Arial, Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
color: #333333;
background-color: #ffffff;
background-image: url(blogimg/body_bg.png);
background-repeat: repeat-x;
line-height: 1.5;
}
/************************************************
*wrap*
************************************************/
div#wrap {
background-image: url(blogimg/wrap_bg.png);
background-position: left top;
background-repeat: repeat-y;
}
/************************************************
*header*
************************************************/
div#header {
background-image: url(blogimg/nav_bg.png);
background-position: left top;
background-repeat: no-repeat;
}

div#header h1 {
margin-top: 10px;
width: 240px;
float: left;
}

ul#nav {
font-size: 81.25%;
color: #000000;
background-color: #99CC33;
margin-top: 22px;
margin-left: 15px;
width: 690px;
float: left;
}

ul#nav li {
font-weight: bold;
list-style-type: none;
float: left;
}

/* mainリンク色 */
ul#nav li a {
text-decoration: none;
color: #ffffff;
background-color: #33A543;
border-width: 1px;
border-style: solid;
border-color: #33A543;
padding-top: 2px;
padding-left: 5px;
margin-right: 4px;
padding-right: 5px;
padding-bottom: 2px;
display: block;
text-shadow: 1px 1px 1px #33A543;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
box-shadow: inset 1px 1px 1px #80c0ff;
-moz-box-shadow: inset 1px 1px 1px #80c0ff;
-webkit-box-shadow: inset 1px 1px 1px #80c0ff;
}

/* mainリンクマウスオーバー時 */
ul#nav li a:hover {
text-decoration: none;
color: #ffffff;
background-color: #33A543;
border-width: 1px;
border-style: solid;
border-color: #33A543;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
box-shadow: 1px 1px 1px #ccddff;
-moz-box-shadow: 1px 1px 1px #ccddff;
-webkit-box-shadow: 1px 1px 1px #ccddff;
}


/************************************************
*image*
************************************************/
/* イメージ */
div#image {
color: #333333;
background-color: #ffffff;
}

div#image div.logo {
float: left;
}

div#image div.top_image {
float: left;
}

/************************************************
*container*
************************************************/
/* コンテナ部分の背景 */
div#content {
background-image: url(blogimg/container.png);
background-position: left top;
background-repeat: repeat-y;
}


/************************************************
*main*
************************************************/

div#main {
font-size: 87.5%;
color: #333333;
background-color: #e7e7e7;
line-height: 1.5;
}
div#main div.inner {
margin-top: 20px;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 20px;
}

/* mainリンク基本色 */

div#main a {
text-shadow : 1px 1px 1px #ffffff;
}
div#main a:link {
text-decoration: none;
color: #33A543;
background-color: transparent;
text-shadow : 1px 1px 1px #ffffff;
}
/* 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: #33A543;
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;
}

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

/* main見出し h2 */
div#main h2 {
font-size: 128.57%;
font-weight: bold;
line-height: 1.3;
padding-left: 0;
margin-bottom: 7px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #ffffff;
padding-bottom: 3px;
clear: both;
text-shadow : 1px 1px 1px #ffffff;
}
/* main見出し h3 */
div#main h3 {
font-size: 107.14%;
font-weight: bold;
line-height: 1.3;
margin-bottom: 7px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #cccccc;
padding-bottom: 3px;
clear: both;
text-shadow : 1px 1px 1px #cccccc;
}



/* パンくず */
ul.path {
margin-left: -20px;
font-size: 85.71%;
}
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: 5px;
}
/* 引用元情報 */
div#main cite {
font-style: italic;
}
/* 引用 */
div#main blockquote {
color: #333333;
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #cccccc;
padding: 5px;
margin-bottom: 10px;
clear: both;
}
/* 整形済みテキスト */
div#main pre {
color: #333333;
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #cccccc;
padding: 5px;
margin-bottom: 10px;
clear: both;
overflow: scroll;
}
div#main dl {
margin-bottom: 1em;
}


/* 会社概要用 */
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 #cccccc;
}
/* お問い合わせ用 */
.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 li {
margin-bottom:0.5em;
}

/* 画像 */
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: 15em;
float: left;
clear: both;
white-space: nowrap;
}
/* タグ */
.entry-tags {
font-size: 85.71%;
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;
}

/* サイトマップ */
div#main ul li.home {
list-style-type: none;
}
div#main ul.tree {
margin: 0 0 0 1.5em!important;
padding: 0!important;
list-style: none!important;
}
div#main ul.tree ul {
margin: 0 0 0 2em!important;
padding: 0!important;
}
div#main ul.tree li {
margin: 0!important;
padding: 0 0 0 16px!important;
background-image: url(blogimg/tree_lst.png);
background-repeat: no-repeat!important;
list-style: none!important;
}
div#main ul.tree li.tree_end {
background-image: url(blogimg/tree_end.png);
list-style: none;
}

/* 新着アイテム */
.new_items {
margin-left: 0px;
margin-right: 0px;
}

.carousel{
line-height: 1;
margin-top: 10px;
margin-left: 0;
margin-right: 0;
margin-bottom: 15px;
border: 0;
}
.carousel.js .carousel-wrap{
float: left;
margin: 0 10px 0px;
border: 1px solid #ffffff;
background: #E7E7E7;
}
.carousel ul{
margin: 0;
padding-top: 0;
padding-left: 0px !important;
padding-right: 0px;
margin-bottom: 15px;
}

li.item {
text-align: center;
margin-left: 0px;
margin-right: 0px;
width: 120px;
height: 120px;
float: left;
display: inline;
overflow: hidden;
}
li.item a img {
border: none;
}
.carousel .carousel-control{
margin: 45px 0 0;
width: 18px;
line-height: 30px;
float: left;
display: inline;
cursor: pointer;
background: #ffffff;
}
.previous {
background-color: transparent;
background-image: url(blogimg/prev.png) !important;
background-position: 0px 0px;
background-repeat: no-repeat;
text-indent: -9999px;
}

.next {
background-color: transparent;
background-image: url(blogimg/next.png) !important;
background-position: 0px 0px;
background-repeat: no-repeat;
text-indent: -9999px;
}

.carousel .disabled, .carousel .disabled:hover{ -moz-opacity: .1; opacity: 0.10; filter: alpha(opacity=10); cursor: default; } 


.items.js .carousel-wrap{
width: 600px;
}


/* 新着情報 記事タイトル */

/* 新着情報 */
dl.news {
font-size: 85.71%;
line-height: 2;
}
dl.news dt  {
width: 6em;
float: left;
}

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



/************************************************
*sub*
************************************************/
div#sub {
font-size: 81.25%;
color: #ffffff;
background-color: #99CC33;
line-height: 1.4;
}

/* サイドバー 余白 */
div#sub div.inner {
margin-top: 20px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 20px;
}


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

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

dl.page_list dt {
font-size: 115.38%;
font-weight: bold;
margin-bottom: 5px;
text-shadow : 1px 1px 1px #3399CC;
}

dl.page_list dd {
padding-left: 0;
padding-right: 0;
}
div#sub a {
text-shadow : 1px 1px 1px #3399CC;
}
/* ページリスト リンク設定 */
div#sub a:link {
text-decoration: none;
color: #ffffff;
background-color: transparent;
}

div#sub a:hover {
color: #cc0000;
background-color: transparent;
text-decoration: none;
}

div#sub a:visited {
color: #e0e0e0;
background-color: transparent;
text-decoration: none;
}

div#sub 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%;
padding-top: 0px;
padding-bottom: 1px;
}

/* ページリスト リンク */
dl.page_list ul li a{
padding-top: 3px;
padding-left: 0;
padding-right: 5px;
padding-bottom: 3px;
display: block;
}

/* サブカテゴリー */
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 {
padding-top: 1px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 1px;
}

/* サブカテゴリーリスト リンク */
dl.page_list ul ul li a {
padding-top: 5px;
padding-left: 15px;
padding-right: 5px;
margin-bottom: -1px;
padding-bottom: 5px;
display: block;
border-left: none;
}

/* タグクラウド */

dl.tags {
line-height: 1;
margin-bottom: 20px;
clear: both;
}

dl.tags dt {
font-size: 115.38%;
font-weight: bold;
margin-bottom: 5px;
text-shadow : 1px 1px 1px #3399CC;
}

dl.tags dd {
line-height: 1.2;
padding-top: 3px;
}


/* タグクラウド表示 */
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.comment {
margin-bottom: 20px;
clear: both;
}

dl.comment dt {
font-size: 115.38%;
font-weight: bold;
margin-bottom: 5px;
text-shadow : 1px 1px 1px #3399CC;
}

dl.comment dd ul {
margin-bottom: 0.5em;
}

dl.comment dd ul li {
list-style-type: none;
}


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

dl.box dt {
font-size: 115.38%;
font-weight: bold;
margin-bottom: 5px;
text-shadow : 1px 1px 1px #3399CC;
}

dl.box dd {
padding-top: 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;
}


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

/* アイテムボックス */
dl.item_box {
line-height: 1;
margin-bottom: 20px;
clear: both;
}

dl.item_box dt {
font-size: 115.38%;
font-weight: bold;
margin-bottom: 5px;
text-shadow : 1px 1px 1px #3399CC;
}

dl.item_box dd {
padding-top: 3px;
}


dl.item_box li.sub_item {
display: inline;
float: left;
margin-top: 0px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 10px;
overflow: hidden;
text-align: center;
vertical-align: middle;
width: 70px;
height: 70px;
}

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

.feed a:hover {
background-position: 0px -32px;
}

/* Search */

div.search {
margin-bottom: 20px;
}
div.search label {
position: absolute;
left: -9999px;
}
input#search {
width: 110px;
}

/************************************************
*b_nav*
************************************************/
/* 下部ナビゲーション */
div.b_nav {
font-size: 68.75%;
background-image: url(blogimg/container.png);
background-position: left top;
background-repeat: repeat-y;
text-align: left;
padding-top: 15px;
margin-left: 10px;
padding-left: 270px;
margin-right: 10px;
padding-right: 10px;
padding-bottom: 15px;
}

div.b_nav ul {
margin: 0;
padding: 0;
}

div.b_nav ul li {
display: inline;
padding: 0 .5em;
}

/* 下部ナビゲーションリンク基本色 */

div.b_nav a {
text-shadow : 1px 1px 1px #ffffff;
}
div.b_nav a:link {
text-decoration: none;
color: #33A543;
background-color: transparent;
text-shadow : 1px 1px 1px #ffffff;
}
/* 下部ナビリンクマウスオーバー時 */
div.b_nav a:link:hover {
text-decoration: underline;
color: #99CC33;
background-color: transparent;
}
/* 下部ナビリンククリック時 */
div#main a:link:active {
text-decoration: underline;
color: #cc0000;
background-color: transparent;
}
/* 下部ナビリンク訪問済み */
div.b_nav a:visited {
text-decoration: none;
color: #3399CC;
background-color: transparent;
}
/* 下部ナビリンク訪問済みマウスオーバー */
div.b_nav a:visited:hover {
text-decoration: underline;
color: #cc0000;
background-color: transparent;
}
/* 下部ナビリンク訪問済みクリック時 */
div.b_nav a:visited:active {
text-decoration: underline;
color: #cc0000;
background-color: transparent;
}

/************************************************
*footer*
************************************************/
div#footer {
background-image: url(blogimg/footer_bg.png);
background-position: center top;
background-repeat: no-repeat;
padding-top: 15px;
text-shadow : 1px 1px 1px #cccccc;
}

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

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


/* フッター powered */
div#footer .powered {
font-size: 68.75%;
text-align: left;
margin-top: 10px;
margin-bottom: 20px;
width: 350px;
float: left;
}

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

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

div#footer address {
font-size: 68.75%;
margin-top: 10px;
margin-right: 20px;
}