@charset "shift_jis";
/* @Style license ID.0300 */
/* 全体の設定 */
body {
font-family:Arial, Tahoma, "Trebuchet MS", Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;
color: #333333;
background-color: #ffffff;
text-align: center;
line-height: 1.4em;
margin-top: 5px;
margin-bottom: 0;
}

/* Reset */
h1,h2,h3,h4,h5,blockquote,ul,li,cite,q,address {
font-size: 100%;
font-weight: normal;
font-style: normal;
margin: 0px;
padding: 0px;
}



/* 画像ボーダー */
img {
border-style: none;
}
/* 強調 */
strong {
color: #000099;
background-color: #ffffff;
font-style: bold;
}
/* 読み飛ばし */
.skip{
position: absolute;
left: -9999px;
}
/* 非表示 */
.none{
display: none;
}
/* 区切り */
hr {
display: none;
}



/* 全体の枠 */
#container {
background-image: url(blogimg/bodybg.png);
background-position: center top;
background-repeat: repeat-y;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
width: 760px;
}

/* ヘッダー */
#header {
color: #333333;
background-color: #ffffff;
background-image: url(blogimg/header.png);
background-position: center top;
background-repeat: no-repeat;
padding-top: 10px;
padding-left: 20px;
padding-bottom: 0px;
}
/* 見出し */

/* ブログの説明 */
.description {
font-size: 80%;
padding: 5px;
}
/* ヘッダーリンク */
#header a {
text-decoration: none;
color: #990033;
background-color: #ffffff;
}
/* ヘッダーリンク色 */
#header a:link {
text-decoration: none;
color: #990033;
background-color: #ffffff;
}
/* ヘッダーマウスオーバー時 */
#header a:link:hover {
text-decoration: none;
color: #000099;
background-color: #ffffff;
}
/* ヘッダークリック時 */
#header a:link:active {
text-decoration: none;
color: #000099;
background-color: #ffffff;
}
/* ヘッダー訪問済み */
#header a:visited {
text-decoration: none;
color: #990033;
background-color: #ffffff;
}
/* ヘッダー訪問済みマウスオーバー */
#header a:visited:hover {
text-decoration: none;
color: #000099;
background-color: #ffffff;
}
/* ヘッダー訪問済みクリック時 */
#header a:visited:active {
text-decoration: none;
color: #000099;
background-color: #ffffff;
}
/* ロゴエリア */
#banner {
width: 530px;
float: left;
}
/* 検索エリア */
#searchbox {
text-align: right;
margin: 0;
padding:0;
width: 200px;
float: right;
}
/* 検索エリア余白 */
#searchbox .pad {
padding-top: 10px;
padding-right: 20px;
}
/* 検索 */
#searchbox form {
margin: 0px;
padding: 0px;
}
/* 検索ラベル */
#searchbox label {
display: none;
}
/* 検索 ボックス・ボタンサイズ */
#searchbox input {
font-size: 75%;
}

/* イメージ画像エリア */
#image {
background-image: url(blogimg/image1.jpg);
background-position: center center;
background-repeat: no-repeat;
text-indent: -9999px;
margin-left: 6px;
padding-left: 0px;
margin-right: 6px;
padding-right: 0px;
padding-bottom: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
height: 150px;
clear: both;
}

/* コンテンツ枠 */
#content {
width: 558px;
float: left;
}

/* メインエリア */
#main {
font-size: 80%;
line-height: 1.4em;
letter-spacing: 0.05em;
margin-top: 0;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
margin-bottom: 0;
width: 558px;
}
/* メインリンク設定 */
#main a {
text-decoration: underline;
color: #0066cc;
}
/* メインリンク基本色 */
#main a:link {
text-decoration: underline;
color: #0066cc;
}
/* メインリンクマウスオーバー時 */
#main a:link:hover {
text-decoration: underline;
color: #000099;
}
/* メインリンククリック時 */
#main a:link:active {
text-decoration: underline;
color: #000099;
}
/* メインリンク訪問済み */
#main a:visited {
text-decoration: underline;
color: #0066cc;
}
/* メインリンク訪問済みマウスオーバー */
#main a:visited:hover {
text-decoration: underline;
color: #000099;
}
/* メインリンク訪問済みクリック時 */
#main a:visited:active {
text-decoration: underline;
color: #000099;
}

/*メイン余白 */
#main .pad {
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
}
/* メイン日付 */
#main .date {
font-size: 90%;
font-weight: bold;
color: #666666;
background-color: #ffffff;
margin-top: 10px;
padding-top: 0px;
margin-left: 5px;
margin-bottom: 5px;

padding-bottom: 0px;

clear: both;

}

/* メイン見出しh2 */

#main h2 {
font-size: 115%;
font-weight: bold;
color: #ffffff;
background-color: #ffffff;
background-image: url(blogimg/h2.png);
background-position: left center;
background-repeat: no-repeat;
margin-top: 0px;
padding-top: 13px;
padding-left: 40px;
padding-right: 20px;
margin-bottom: 0px;
padding-bottom: 10px;
clear: both;

}

/* メイン見出しh3 */

#main h3 {
font-size: 110%;
font-weight: bold;
margin-top: 10px;
margin-left: 5px;
margin-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #CCCCCC;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
clear: both;
}


/* メイン見出しh4 */

#main h4 {

font-size: 100%;

margin-top: 10px;

padding-top: 0px;

margin-left: 5px;

margin-bottom: 10px;

border-bottom-width: 1px;

border-bottom-style: dotted;

border-bottom-color: #CCCCCC;

padding-bottom: 3px;

clear: both;

}

/* 引用元情報 */

cite {

font-style: italic;

}

/* 引用 */
blockquote {
color: #000099;
background-color: #CCCCCC;
border-width: 2px;
border-style: dotted;
border-color: #ffffff;
padding: 5px;
}


/* 整形済みテキスト */

pre {

border-width: 1px;

border-style: dotted;

border-color: #CCCCCC;

padding: 5px;

margin-left: 40px;

margin-right: 40px;

height: 100px;/* ここを変更すれば高さが変わります */

overflow: scroll;

}

/* 箇条書き（定義リスト） */

#main dt {

padding-top: 0;

padding-left: 5px;

padding-right: 0;

padding-bottom: 0;

}



/* 会社概要用 */

.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;

}

/* お問い合わせ用 */

.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;

}

/* 最近のエントリー用 */

.boxarea {

color: #333333;

background-color: #ffffff;

margin-top: 0px;

margin-bottom: 15px;

}



.rentory {

background-image: url(blogimg/whatnew.gif);

background-position: left center;

background-repeat: no-repeat;

padding-left: 0px;

}



.rentory dt {

padding: 0;

}

.rentory dd {

line-height: 140%;

margin-top: -1.4em;

margin-left: 6em;

margin-right: 0px;

margin-bottom: .4em;

}

/* サイトマップ用 */

.archives {

margin-top: 0px;

margin-bottom: 25px;

}

.archives dt {

padding: 0;

}

.archives dd {

line-height: 140%;

margin-top: -1.4em;

margin-left: 13em;

margin-right: 0;

margin-bottom: 0.4em;

border-bottom-width: 1px;

border-bottom-style: dotted;

border-bottom-color: #CCCCCC;

}

/* 順不同リスト（箇条書き）*/

#main ul {

padding-left: 20px;

margin-bottom: 5px;

}



/* メイン段落 */

#main p {

margin-top: 8px;

margin-left: 5px;

margin-bottom: 8px;

}

/* 画像左配置 */

#main .imageleft{

padding-right: 10px;

float: left;

}

/* 画像右配置 */

#main .imageright{

padding-left: 10px;

float: right;

}

/* 追記 */

.more {

margin-top: 3px;

margin-bottom: 10px;

float: right;

}

/* タグ */

.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;



}





/* 投稿者情報 */

#main .posted {

font-size: 98%;

color: #333333;

background-color: #ffffff;

text-align: right;

line-height: normal;

padding: 3px;

margin-bottom: 25px;

clear: both;

}

/* コメント関連 */

#comment-data {

float: left;

width: 180px;

padding-right: 15px;

margin-right: 15px;

text-align: left;

border-right: 1px dotted #BBB;

}



label {

margin-bottom: 0.5em;

width: 10em;

float: left;

clear: both;

white-space: nowrap;

}



textarea[id="comment-text"] {

width: 80%;

}

/* コメンター画像 */

.commenter-profile img {

vertical-align: middle;

border-width: 0;

}

.sign {

margin-bottom: 10px;

}

.extended {

display:block;

float:right;

}



textarea {

font-size: 100%;

}



/* サイドバー */

#sub {

font-size: 80%;

line-height: 140%;

width: 190px;

float: left;

}

/* サイドバー余白 */

#sub .pad {

padding-top:10px;

padding-left: 11px;

padding-right: 2px;

}

/* サイドバーリンク設定 */

#sub a {

text-decoration: none;

color: #0066cc;

background-color: #ffffff;

}

/* サイドバーリンク色 */

#sub a:link {

text-decoration: none;

color: #0066cc;

background-color: #ffffff;

}

/* サイドバーマウスオーバー時 */

#sub a:link:hover {

text-decoration: none;

color: #000099;

background-color: #ffffff;

}

/* サイドバークリック時 */

#sub a:link:active {

text-decoration: none;

color: #000099;

background-color: #ffffff;

}

/* サイドバー訪問済み */

#sub a:visited {

text-decoration: none;

color: #0066cc;

background-color: #ffffff;

}

/* サイドバー訪問済みマウスオーバー */

#sub a:visited:hover {

text-decoration: none;

color: #000099;

background-color: #ffffff;

}

/* サイドバー訪問済みクリック時 */

#sub a:visited:active {

text-decoration: none;

color: #000099;

background-color: #ffffff;

}



/* サイドバー見出しh2 */

#sub h2 {

font-size: 110%;

font-weight: bold;

color: #ffffff;

background-color: #ffffff;

background-image: url(blogimg/sideh2.png);

background-position: left center;

background-repeat: no-repeat;

margin-top: 0px;

padding-top: 11px;

padding-left: 10px;

padding-right: 15px;

margin-bottom: 0px;

padding-bottom: 10px;

clear: both;

}

/* サイドバー見出しh3 */

#sub h3 {

font-size: 100%;

font-weight: bold;

color: #000099;

background-color: #ffffff;

padding-top: 2px;

padding-left: 10px;

margin-bottom: 5px;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #CCCCCC;

padding-bottom: 2px;

clear: both;

}

/* サイドバー段落 */

#sub p {

font-size: 92%;

margin-top: 3px;

margin-bottom: 0px;

padding-bottom: 0px;

}

/* カテゴリー */

#categories ul

{

padding: 0;

list-style: none;

}

/* カテゴリーリスト */

#categories ul li

{

padding-top: 1px;

padding-bottom: 1px;

}

/* カテゴリーリスト リンク */

#categories ul li a

{

background-image: url(blogimg/arrow0.png);

background-position: left center;

background-repeat: no-repeat;

text-indent: 20px;

padding-top: 2px;

padding-bottom: 2px;

display: block;

}

/* カテゴリーリスト ホバー */

#categories ul li a:hover

{

color: #000099;

background-color: #ffffff;

background-image: url(blogimg/arrow.png);

background-position: left center;

background-repeat: no-repeat;

}

/* サブカテゴリー */

#categories ul ul

{

margin-top: 0;

padding-top: 0;

margin-left: 0;

padding-left: 0;

padding-bottom: 0;

}

/* サブカテゴリーリスト */

#categories ul ul li

{

background-image: none;

padding-top: 2px;

padding-left: 2px;

padding-right: 0px;

padding-bottom: 1px;

}

/* サブカテゴリーリスト リンク */

#categories ul ul li a

{

background-image: url(blogimg/arrow0.png);

background-position: left center;

background-repeat: no-repeat;

text-indent: 17px;

padding-top: 1px;

padding-bottom: 1px;

display: block;

border-left: none;

}



/* サブカテゴリーリスト ホバー */

#categories ul ul li a:hover

{

color: #000099;

background-color: #ffffff;

background-image: url(blogimg/arrow.png);

background-position: left center;

background-repeat: no-repeat;

text-indent: 17px;

padding-top: 1px;

padding-bottom: 1px;

display: block;

border-left: none;

}



/* サイドバーフリースペース */

.note{

padding-left: 5px;

padding-right: 5px;

}

/* サイドバーフリースペースの段落 */

.note p {

line-height: 130%;

padding-bottom: 2px;

}

/* サイドバーリスト */

#sub ul {

margin-top: 0px;

margin-left: 5px;

padding-left: 0;

margin-right: 5px;

margin-bottom: 2px;

list-style-type: none;

}

#sub ul ul li {

margin-left: 10px;

}

#sub li a {

text-decoration: none;

}

#sub li a:hover {

text-decoration: none;

}

/* タグ */

.module-tagcloud .module-content { font-size: 100%; text-align: left; margin-top: 5px; }

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

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

.module-tagcloud .module-content .module-list li.taglevel1 { font-size: 150%; }

.module-tagcloud .module-content .module-list li.taglevel2 { font-size: 130%; }

.module-tagcloud .module-content .module-list li.taglevel3 { font-size: 120%; }

.module-tagcloud .module-content .module-list li.taglevel4 { font-size: 100%; }

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

.module-tagcloud .module-content .module-list li.taglevel6 { font-size: 80%; }



/* サイドバー画像 */

#sub img {

margin-top: 3px;

border-style: none;

margin-bottom: 3px;

}



/* サイドバーリンク */

.link-note {

font-size: 75%;

color: #333333;

background-color: #ffffff;

text-align: left;

line-height: 150%;

margin-top: 10px;

padding: 2px;

}



.rss {

margin-top: 5px;

margin-bottom: 5px;

}



.rss a {

background-image: url(blogimg/feed.png);

background-position: 0px 0px;

background-repeat: no-repeat;

text-indent: -9999px;

width: 175px;

height: 37px;

display: block;

}

.rss a:hover {

background-image: url(blogimg/feed.png);

background-position: 0px -37px;

background-repeat: no-repeat;

text-indent: -9999px;

width: 175px;

height: 37px;

display: block;

}



#powered {

font-size: 75%;

color: #333333;

background-color: #ffffff;

text-align: left;

line-height: 150%;

margin-top: 10px;

margin-left: 5px;

margin-bottom: 20px;

}



/* 下部ナビゲーション */

#footernavi {

font-size: 75%;

text-align: center;

margin: 0px;

padding-top: 15px;

padding-left: 0px;

padding-right: 0px;

padding-bottom: 0px;

clear: both;

}

#footernavi ul {

margin: 0;

padding: 0;

}



#footernavi ul li {

display: inline;

}

#footernavi ul li a {

text-decoration: none;

color: #0066cc;

background-color: #ffffff;

padding: 0 .5em;

}



#footernavi ul li a:hover {

text-decoration: underline;

color: #000099;

background-color: #ffffff;

}



/* フッター */

#footer {

color: #333333;

background-color: #FFFFFF;

background-image: url(blogimg/footer.png);

background-position: center bottom;

background-repeat: no-repeat;

margin-top: 10px;

padding-top: 10px;

padding-left: 15px;

padding-right: 15px;

padding-bottom: 20px;

clear: both;

}



/* フッター リンク */

#footer a{

color: #0066cc;

}



/* フッター リンクホバー */

#footer a:hover{

color: #000099;

}



/* 文責 */

address {

font-size: 75%;

font-style: normal;

text-align: center;

line-height: 100%;

margin-bottom: 5px;

}

/* スパン文字 */

.style1 {color: #0066cc} /* お問い合わせの必須 */

.style2 {font-size: 16px}

.style3 {font-size: 10px}

.style5 {color: #ffffff}

.style7 {color: #000099}









/* ブログ */

#blog ul

{

padding: 0;

list-style: none;

}

/* ブログリスト */

#blog ul li

{

padding-top: 1px;

padding-bottom: 1px;

}

/* ブログリスト リンク */

#blog ul li a

{

background-image: url(blogimg/arrow0.png);

background-position: left center;

background-repeat: no-repeat;

text-indent: 20px;

padding-top: 2px;

padding-bottom: 2px;

display: block;

}

/* ブログリスト ホバー */

#blog ul li a:hover

{

color: #000099;

background-color: #ffffff;

background-image: url(blogimg/arrow.png);

background-position: left center;

background-repeat: no-repeat;

}





/* ページトップへ */

.top

{

color: #CCCCCC;

text-align: right;

font-size: 95%;

margin-top: 10px;

padding-top: 5px;

margin-left: 5px;

margin-bottom: 10px;

clear: both;

}



/* プロフィール用 */

.prof {

margin-top: 10px;

margin-bottom: 25px;

}

.prof dt {

padding-top: 0;

padding-left: 5px;

padding-right: 0;

padding-bottom: 0;

}

.prof dd {

line-height: 160%;

margin-top: -1.6em;

margin-left: 9em;

margin-right: 0;

margin-bottom: .8em;

border-bottom: 1px dotted #666666;

}



/* ページ内URL */

.list ul

{

padding: 0;

list-style: none;

}



/* ページ内URLリスト */

.list ul li

{

padding-top: 1px;

padding-bottom: 1px;

}

/* ページ内URL リンク */

.list ul li a

{

background-image: url(blogimg/arrow0.png);

background-position: left center;

background-repeat: no-repeat;

text-indent: 20px;

padding-top: 2px;

padding-bottom: 2px;

display: block;

}



/* ページ内URL ホバー */

.list ul li a:hover

{

color: #000099;

background-color: #ffffff;

background-image: url(blogimg/arrow.png);

background-position: left center;

background-repeat: no-repeat;

}





/* お問い合わせボタン */

.formbutton {

margin-top: 5px;

margin-bottom: 5px;

}



.formbutton a {

background-image: url(blogimg/form.png);

background-position: 0px 0px;

background-repeat: no-repeat;

text-indent: -9999px;

width: 175px;

height: 56px;

display: block;

}

.formbutton a:hover {

background-image: url(blogimg/form.png);

background-position: 0px -56px;

background-repeat: no-repeat;

text-indent: -9999px;

width: 175px;

height: 56px;

display: block;

}



/* テーブル内のフォントサイズ */
.tables {
font-size: 98%;
line-height: 140%;
}

/* トップページのプロフィール */
.toppageprof {
font-size: 91%;
line-height: 160%;
letter-spacing: 0.08em;
}


/* ページセパレーター */
.pageseparator{
text-align: center;
}

/* サイドバー画像右配置 */

#sub .imageright{
padding: 0px 10px 0px 10px;
float: right;
}


/* サイドバー画像左配置 */

#sub .imageleft{
padding: 0px 10px 0px 0px;
float: left;
}