/*@charset "UTF-8";*/
/* @Style license ID.0210 */
/* 全体の設定 */

*{
margin: 0px;
padding: 0px;
}

h1,h2,h3,h4,p,ul,ol,li,dt,dl,dd {
margin: 0px;
padding: 0px;
font-size: 100%;
font-weight: normal;
font-style: normal;
}

/* ボディー */
body {
font-size: 100%;
color: #666666;
background-color: #ffffff;
background-image: url(/common/images/body.png);
background-position: 0px 0px;
background-repeat: repeat-x;
text-align: center;
margin-top: 0px;
padding-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
/* 画像ボーダー */
img {
border-style: none;
}
/* 強調 */
strong {
color: #ff6600;
background-color: #ffffff;
}
/* 読み飛ばし */
.skip{
position: absolute;
left: -9999px;
}
/* 非表示 */
.none{
display: none;
}
/* 区切り */
hr {
display: none;
}

/* コンテナ */
#container {
font-family: Arial,Verdana,  Helvetica, sans-serif;
background-image: url(/common/images/container.png);
background-position: 0px 0px;
background-repeat: no-repeat;
text-align: left;
margin-top: 0px;
padding-top: 0px;
margin-left: auto;
margin-right: auto;
width: 770px;
}
/* ヘッダー */
#header {
width:750px;
height:95px;
background-image:url(/common/images/logo_bg.gif);
background-repeat:no-repeat;
margin-left:10px;
}

#header img {
border-style: none;
}
#header .pad {
padding-top: 10px;
padding-left: 30px;
}

#header h1 {
display:none;
position: absolute;
left: -9999px;
}

#header p {
font-size: 10px;
padding-top: 5px;
padding-bottom: 10px;
padding-left:0px;
/*width:450px;*/
}

/* ロゴエリア */
#banner {
width: 600px;
float: left;
}

#banner .pad p{
width: 450px;

}
/* 検索エリア */
#searchbox {
text-align: right !important;
margin: 0px;
padding: 0;
width:120px;
}

/* 検索エリア余白 */
#searchbox .pad {
padding-top: 10px;
width:120px;
text-align: right;
margin-left:auto;
margin-right:auto;
}
/* 検索 */
#searchbox form {
text-align: right;
margin: 0px;
padding: 0px;
margin-left:auto;
margin-right:auto;
}
/* 検索ラベル */
#searchbox label {
display: none;
}

#searchbox p {
text-align: right;
white-space:nowrap;
}


/* 上部ナビゲーションバー */
#navi {background-image: url(/common/images/navibg.png);
background-position: right bottom;
background-repeat: no-repeat;
font-size: 75% !important;
width: 760px;
float: left;
clear: both;
}
/* 上部ナビゲーションバー余白 */
#navi .pad {
padding-left: 10px;
padding-right: 0;

}
/* 上部ナビゲーションバー リスト */
#navi ul {
margin: 0;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #e0e0e0;
padding: 0;
}

#navi ul li {
display: inline;
}


/* 上部ナビゲーションバーリンク設定 */
#navi ul li a {
text-decoration: none;
color: #333333;
background-color: #EEEEEE;
background-image: url(/common/images/navi0.png);
background-position: right bottom;
background-repeat: repeat-x;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 10px;
float: left;
border-right: 1px solid #e0e0e0;
border-left: 1px solid #FFFFFF;
/*line-height:1.2;*/
}
/* 上部ナビゲーションバー マウスオーバー時 */
#navi ul li a:hover {
color: #FF6600;
background-color: #ffffff;
background-image: url(/common/images/navi.png);
background-position: right bottom;
background-repeat: repeat-x;
}

/* 上部ナビゲーションバー 表示しているカテゴリをアクティブに */
#navi ul li.selected a,
#navi ul li.selected a:hover {
color: #FF6600;
background-color: #ffffff;
background-image: url(/common/images/navi.png);
background-position: right bottom;
background-repeat: repeat-x;
}

/* 第二階層 */
/* 上部ナビゲーションバー リスト */
#navi ul li ul,
#navi ul li.selected ul {
margin: 0;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #e0e0e0;
padding: 0;
}

#navi ul li li,
#navi ul li.selected li {
display: inline;
}


/* 上部ナビゲーションバーリンク設定 */
#navi ul li li a,
#navi ul li.selected li a {
text-decoration: none;
color: #333333;
background-color: #EEEEEE;
background-image: url(/common/images/navi0.png);
background-position: right bottom;
background-repeat: repeat-x;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
float: left;
border-right: 1px solid #e0e0e0;
border-left: 1px solid #FFFFFF;
/*line-height:1.2;*/
}
/* 上部ナビゲーションバー マウスオーバー時 */
#navi ul li li a:hover,
#navi ul li.selected li a:hover {
color: #FF6600;
background-color: #ffffff;
background-image: url(/common/images/navi.png);
background-position: right bottom;
background-repeat: repeat-x;
}

/* 上部ナビゲーションバー 表示しているカテゴリをアクティブに */
#navi ul li.selected li a,
#navi ul li.selected li a:hover {
color: #FF6600;
background-color: #ffffff;
background-image: url(/common/images/navi.png);
background-position: right bottom;
background-repeat: repeat-x;
}


/* イメージ */
#image {
background-image: url(/common/images/image1.jpg);
background-position: center center;
background-repeat: no-repeat;
text-indent: -9999px;
margin-left: 10px;
padding-left: 0px;
margin-right: 10px;
padding-right: 0px;
padding-bottom: 0px;
height: 150px;
clear: both;
}
/* メイン */
#main {
font-size: 90%;
line-height: 140%;
letter-spacing: 0.05ex;
margin-bottom: 20px;
width: 569px;
float: left;
}
/* メイン余白 */
#main .pad {
padding-top: 20px;
padding-left: 22px;
padding-right: 10px;
}

/* メインリンク設定 */
#main a {
text-decoration: none;
color: #003366;
background-color: #ffffff;
}
/* メインリンク基本色 */
#main a:link {
text-decoration: none;
color: #003366;
background-color: #ffffff;
}
/* メインリンクマウスオーバー時 */
#main a:link:hover {
text-decoration: underline;
color: #ff6600;
background-color: #ffffff;
}
/* メインリンククリック時 */
#main a:link:active {
text-decoration: underline;
color: #ff6600;
background-color: #ffffff;
}
/* メインリンク訪問済み */
#main a:visited {
text-decoration: none;
color: #336699;
background-color: #ffffff;
}
/* メインリンク訪問済みマウスオーバー */
#main a:visited:hover {
text-decoration: underline;
color: #ff6600;
background-color: #ffffff;
}
/* メインリンク訪問済みクリック時 */
#main a:visited:active {
text-decoration: underline;
color: #ff6600;
background-color: #ffffff;
}

/* メイン日付 */
#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: 120%;
font-weight: bold;
color: #003366;
background-color: #ffffff;
background-image: url(/common/images/h2.png);
background-position: left bottom;
background-repeat: repeat-x;
margin-top: 0px;
padding-top: 6px;
padding-left: 2px;
margin-left:5px;
padding-right: 10px;
margin-bottom: 10px;
padding-bottom: 6px;
clear: both;
}

#main td  h2 {
font-size: 100%;
}


/* メイン見出しh3 */
#main h3 {
font-size: 100%;
font-weight: bold;
color: #003366;
background-color: #ffffff;
background-image: url(/common/images/h3.png);
background-position: left bottom;
background-repeat: repeat-x;
margin-top: 0px;
padding-top: 6px;
padding-left: 2px;
margin-left:5px;
padding-right: 10px;
margin-bottom: 10px;
padding-bottom: 6px;
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;
}

#main table {
width:531px;
}

#main td {
/*width:177px;*/
text-align:left;
}

#main td img {

}

/* 引用元情報 */
cite {
font-style: italic;
}
/* 引用 */
blockquote {
color: #666666;
background-color: #EfEfEf;
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
padding: 5px;
}
/* 整形済みテキスト */
pre {
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
padding: 5px;
height: 100px;/* ここを変更すれば高さが変わります */
overflow: scroll;
}
/* 箇条書き（定義リスト） */
#main dt {
padding-top: 5px;
padding-left: 5px;
padding-right: 0;
padding-bottom: 5px;
font-weight: bold;
color: #003366;
background-color: #ffffff;
}

#main dd {
padding-left: 5px;
}
/* 会社概要用 */
.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.9em;
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.9em;
margin-left: 10em;
margin-right: 0;
margin-bottom: .8em;
}
/* 最近のエントリー用 */
.boxarea {
color: #333333;
background-color: #ffffff;
margin-top: 10px;
margin-bottom: 15px;
}

.rentory {
padding-left: 0px;
}

.rentory dt {
        padding: 0;
}
.rentory dd {
line-height: 140%;
margin-top: -1.8em;
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.9em;
margin-left: 13em;
margin-right: 0;
margin-bottom: 0.4em;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}

/* サービス＆プロダクト用 */
.service {
margin-top: 0px;
margin-bottom: 25px;
}
.service dt {
display:block;
width:170px;
float:left;
padding: 0;
}

.service dt h4 {
width:160px;
        padding: 0;
}

.service dd {
line-height: 140%;
/*margin-top: -1.9em;*/
padding-top:5px;
margin-left: 13em;
margin-right: 0;
margin-bottom: 0.4em;
}

/* 順不同リスト（箇条書き）*/
#main ul {
padding-left: 20px;
}
#main ol {
margin-left: 30px !important;
}


/* メイン段落 */
#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 {
    margin: 0 0 10px 10px; 
}
.entry-tags-header,
.entry-tags-list,
.entry-tag { display: inline; }
.entry-tags-list { 
    list-style:none;
    padding: 0px;
}
/* 投稿者情報 */
#main .posted {
font-size: 90%;
color: #333333;
background-color: #ffffff;
text-align: left;
line-height: normal;
padding: 3px;
margin-bottom: 25px;
clear: both;
}

.techstuff {
font-size: 100%;
}

/* コメント関連 */
#comment-data {
float: left;
width: 180px;
padding-right: 15px;
margin-right: 15px;
text-align: left;
border-right: 1px dotted #BBB;
}

textarea{
width: 530px;
}
/* コメンター画像 */
.commenter-profile img {
vertical-align: middle;
border-width: 0;
}
.sign {
margin-bottom: 10px;
}
.extended {
display:block;
float:right;
}

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

/* サイドバー */
#side {
font-family: Verdana, Arial, sans-serif;
font-size: 80%;
width: 200px;
margin-bottom: 20px;
float: right;
}
/* サイドバー余白 */
#side .pad {
padding-top: 20px;
padding-left: 5px;
padding-right: 20px;
}

/* サイドバーリンク設定 */
#side a {
text-decoration: none;
color: #003366;
background-color: #ffffff;
}
/* サイドバーリンク色 */
#side a:link {
text-decoration: none;
color: #003366;
background-color: #ffffff;
}
/* サイドバーマウスオーバー時 */
#side a:link:hover {
text-decoration: none;
color: #ff6600;
background-color: #ffffff;
}
/* サイドバークリック時 */
#side a:link:active {
text-decoration: none;
color: #ff6600;
background-color: #ffffff;
}
/* サイドバー訪問済み */
#side a:visited {
text-decoration: none;
color: #006699;
background-color: #ffffff;
}
/* サイドバー訪問済みマウスオーバー */
#side a:visited:hover {
text-decoration: none;
color: #ff6600;
background-color: #ffffff;
}
/* サイドバー訪問済みクリック時 */
#side a:visited:active {
text-decoration: none;
color: #ff6600;
background-color: #ffffff;
}

/* サイドバー見出しh2 */
#side h2 {
font-size: 120%;
font-weight: bold;
color: #003366;
background-color: #FFFFFF;
background-image: url(/common/images/h2.png);
background-position: left bottom;
background-repeat: repeat-x;
margin-top: 0px;
padding-top: 6px;
padding-left: 2px;
margin-left:5px;
padding-right: 10px;
margin-bottom: 0px;
padding-bottom: 6px;

}
/* サイドバー見出しh3 */
#side h3 {
font-size: 100%;
color: #003366;
background-color: #ffffff;
padding-top: 2px;
margin-left: 10px;
margin-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
padding-bottom: 2px;
clear: both;
font-weight:bold;
}
/* サイドバー段落 */
#side p {
font-size: 100%;
margin-top: 3px;
margin-left:10px;
margin-bottom: 0px;
padding-bottom: 0px;
} 
/* カテゴリー */

/* カテゴリー */

#side ul {
margin-left: 5px;
list-style-type: none;
}

#side li {
list-style-type: none;

}
#categories {
color: #333333;
background-color: #eeeeee;
margin-left: 5px;
}

#categories ul {
padding: 0;
margin-left: 0px;

list-style: none;
}
/* カテゴリーリスト */
#categories ul li,
#categories ul li.selected {
padding-top: 1px;
padding-bottom: 1px;
}
/* カテゴリーリスト リンク */
#categories ul li a,
#categories ul li span,
#categories ul li.selected a,
#categories ul li.selected span {
background-image: url(/common/images/menu.png);
background-position: 0px 0px;
background-repeat: no-repeat;
text-indent: 20px;
padding-top: 5px;
padding-bottom: 5px;
display: block;
} 

/* カテゴリーリスト ホバー */
#categories ul li a:hover,
#categories ul li.selected a:hover {
color: #ff6600;
background-color: #ffffff;
background-image: url(/common/images/menu.png);
background-position: 0px -300px;
background-repeat: no-repeat;
}

#categories ul li.selected a,
#categories ul li.selected a:hover {
color: #ff6600;
background-color: #ffffff;
background-image: url(/common/images/menu.png);
background-position: 0px -300px;
background-repeat: no-repeat;
}

/* サブカテゴリー */
#categories ul ul {
margin: 0;
padding: 0;
}
/* サブカテゴリーリスト */
#categories ul li li,
#categories ul li.selected li  {
background-image: none;
padding-top: 2px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 1px;
}
/* サブカテゴリーリスト リンク */
#categories ul li li a,
#categories ul li.selected li a {
background-image: url(/common/images/submenu.png);
background-position: 0px 0px;
background-repeat: no-repeat;
text-indent: 30px;
padding-top: 4px;
padding-bottom: 4px;
display: block;
border-left: none;
}
/* サブカテゴリーリスト ホバー */
#categories ul li li a:hover,
#categories ul li.selected li a:hover {
color: #ff6600;
background-color: #ffffff;
background-image: url(/common/images/submenu.png);
background-position: 0px -300px;
background-repeat: no-repeat;
text-indent: 30px;
padding-top: 4px;
padding-bottom: 4px;
display: block;
border-left: none;
}
/* タグクラウド */
.module-tagcloud .module-content { font-size: 100%;text-align: left; }
.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%; }

/* サイドバーフリースペース */
.note{
padding-left: 5px;
padding-right: 5px;
}
/* サイドバーフリースペースの段落 */
.note p {
line-height: 130%;
padding-bottom: 2px;
}
/* サイドバーカテゴリー一覧 */

/* サイドバー画像 */
#side img {
margin-top: 3px;
border-style: none;
margin-bottom: 3px;
}
/* サイドバーリンク */
.link-note {
font-size: 80%;
color: #333333;
background-color: #ffffff;
text-align: left;
line-height: 150%;
margin-top: 10px;
padding: 2px;
}
#powered {
font-size: 80%;
color: #666666;
background-color: #ffffff;
text-align: left;
line-height: 150%;
margin-top: 10px;
margin-left: 5px;
margin-bottom: 20px;
}

/* 下部ナビゲーション */
#footernavi {
font-size: 72%;
text-align: center;
margin: 0px;
margin-top:20px;
margin-right:auto;
margin-left:auto;
padding: 0px;
clear: both;
}
#footernavi ul {
margin: 0;
padding: 0;
width:600px;
margin-right:auto;
margin-left:auto;
}

#footernavi ul li {
display: inline;
white-space:nowrap;
}
#footernavi ul li a {
text-decoration: none;
color: #003366;
background-color: #ffffff;
padding: 0 .5em;
}
#footernavi ul li a:hover {
text-decoration: none;
color: #ff6600;
background-color: #ffffff;
}

#footer {
font-family: Arial,Verdana,  Helvetica, sans-serif;
font-size: 75%;
font-weight: normal;
background-image: url(/common/images/footer.png);
background-position: center bottom;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
width: 770px;
clear: both;
}

address {
font-weight: normal;
font-style: normal;
padding-top: 20px;
padding-bottom: 20px;
}

.note {
font-size:10px !important;
line-height:14px !important;
}

.small {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:10px;
}

#nakanohito {
padding-left:60px;
margin-top:15px;
}

div.link-note {
padding-left:10px;
}

 .box_out {
background-color: #EFEFED;
margin-top: 1px;
margin-bottom: 5px;
padding: 5px;
}
.box_in {
background-color: #FFFFFF;
border: 1px solid #DCDCD8;
margin-bottom: 5px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}

.td_head {
background-color: #A2AAAA;
text-align: right;
padding: 8px;
white-space: nowrap;
color: #FFFFFF;
border-top-width: 1px;
border-right-width: 4px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #C9C9BE;
border-right-color: #D7D7CE;
border-bottom-color: #C9C9BE;
border-left-color: #C9C9BE;
font-size: 13px;
background-image : url(td_head.gif);
background-repeat: repeat-x;
}

.td_odd {
background-color: #F7F7F4;
text-align: left;
padding: 8px;
border: 1px solid #D6D6CD;
font-size: 13px;
background-image : url(td_odd.gif);
background-repeat: repeat-x;
line-height: 20px;
}

.td_head .eng {
margin: 0px;
padding: 0px;
font-size: 10px;
color: #DEE4E4;
}