@charset "UTF-8";


/* -------------------------------------------------------------------
 基本設定
------------------------------------------------------------------- */

/* 基本フォント -------------------- */

body {
color: #333;
font-family: Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size: 12px;
line-height: 1.4;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}

h1 {
float: left;
width: 152px;
height: 33px;
background: url(/image/common/logo.gif) right bottom no-repeat;
}

h1 a {
text-decoration:none;
display: block;
width: 152px;
height: 33px;
text-indent: -9999px;
}

address {
font-style: normal;
}

/*\*/
* html body {
font-size: 90%;
}
* html table {
font-size: 80%;
}
*:first-child + html body {
font-size: 80%;
}
/**/


/* 基本タグ -------------------- */

body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,pre,form,input,textarea {
margin: 0px;
padding: 0px;
}

body {
text-align: center;
background: #e4e4e4 url(/image/common/bk.gif) repeat-y center top;
}

img,table { border: none; }
ol,ul { list-style: none; }


/* 基本テキストリンク -------------------- */

a:link, a:visited, a:active { color: #1a2170; }
a:hover {
color: #f00;
}

a.wh:link, a.wh:visited, a.wh:hover, a.wh:active {
color: #fff;
}


/* -------------------------------------------------------------------
 float解除
------------------------------------------------------------------- */
.clr {
clear: both;
}

br.clr {
clear: both;
font-size: 0px;
line-height: 0px;
}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/


/* -------------------------------------------------------------------
 レイアウト枠
------------------------------------------------------------------- */

div#wrap {
width: 950px;
margin: 0px auto;
text-align: left;
}

div#ct-area {
width: 950px;
background: url(/image/common/side_line2.gif) repeat-y;
}

div#ct-area-in {
width: 950px;
padding-bottom: 10px;
background: url(/image/common/side_line.gif) no-repeat left bottom;
}

div#ct-left {
float: left;
width: 670px;
}

div#ct-right {
float: right;
width: 280px;
}

div#ct-area-in:after { content:"."; display:block; height:0; clear:both; visibility:hidden;

}
div#ct-area-in { display:inline-block; }
/*\*/
* html div#ct-area-in { height:1%; }
div#ct-area-in { display:block; }
/**/


/* -------------------------------------------------------------------
 ヘッダー
------------------------------------------------------------------- */

div#hd {
position: relative;
width: 920px;
margin-left: 20px;
}

div#hd div#search {
display: block;
position: absolute;
top: 20px;
right: 0px;
width: 233px;
}


div#hd div#search input {
width: 160px;
vertical-align: top;
}

div#hd div#search input.btn {
width: 53px;
margin: -1px 0px 0px 10px;
}

div#hd:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#hd { display:inline-block; }
/*\*/
* html div#hd { height:1%; }
div#hd { display:block; }
/**/


/* ヘッダーナビ -------------------- */

ul#hdnavi {
width: 740px;
margin: 0px 0px 8px 175px;
padding-top: 0px;
text-align: right;
font-size: 91%;
}

ul#hdnavi li {
display: inline;
margin-right: 12px;
padding-right: 11px;
background: url(/image/common/hd_partition.gif) no-repeat right center;
}

ul#hdnavi li.end {
margin-right: 0px;
padding-right: 0px;
background: none;
}

ul#hdnavi li a:link {
color: #454545;
}
ul#hdnavi li a:visited, ul#hdnavi li a:hover, ul#hdnavi li a:active {
color: #454545;
}
ul#hdnavi li a:hover {
color: #f00;
}


/* グローバルナビ -------------------- */
#menucontainer {
position:relative;
height:31px;
width: 950px;
margin-top:10px;
}

#menunav {
position:relative;
height:31px;
text-transform: none;
background: url(/image/common/menu_bk.gif) repeat-x;
}

#menunav ul {
margin:0;
padding:0;
list-style-type:none;
width:auto;
float:left;
}

#menunav ul li {
display:block;
float:left;
position: relative;
background: url(/image/common/hd_partition2.gif) no-repeat left center;
}

#menunav ul li.none {
background: none;
}

#menunav ul li a {
display:block;
float:left;
color: #333;
text-decoration:none;
padding:0 0 0 10px;
}

#menunav ul li a span {
padding:10px 10px 0 0;
height:21px;
float:left;
}

#menunav ul li a:hover {
color:#fff;
background: url(/image/common/menu_on.gif) repeat-x;
}

#menunav ul li a.on {
color:#fff;
background: url(/image/common/menu_on2.gif) repeat-x;
}

#menunav ul li a:hover span {
display:block;
width:auto;
cursor:pointer;
}

#menunav ul li div.submenu {
background: #f9f9f9;
border: 1px solid #ccc;
visibility: hidden;
position: absolute;
z-index: 3;
width: 200px;
top: 30px;
left: 0px;
padding: 0px;
margin: 0px;
}

#menunav ul li div.submenu a {
display: block;
border-bottom: 1px dashed #ccc;
border-left: 5px solid #1a2170;
text-align: left;
text-decoration: none;
padding: 5px;
margin: 0px;
width: 185px;
}

#menunav ul li div.submenu a:hover {
color: #FFF;
background: url(/image/common/menu_on.gif) repeat-x;
}

/* サブナビ -------------------- */

ul#snavi {
width: 800px;
margin: 0px 0px 7px 9px;
font-size: 91%;
}

ul#snavi li {
display: inline;
padding: 0px 12px 0px 12px;
background: url(/image/common/icon_list_blue.gif) no-repeat 0em .2em;
}


/* -------------------------------------------------------------------
 フッター
------------------------------------------------------------------- */

div#ft {
width: 950px;
background: #bababa;
}

div#ft ul {
float: left;
width: 450px;
font-size: 91%;
margin: 10px;
}

/*\*/
* html div#ft ul {
width: 450px;
}
/**/

div#ft ul li {
display: inline;
margin-right: 12px;
padding-right: 11px;
background: url(/image/common/hd_partition.gif) no-repeat right center;
}

div#ft li.end {
margin-right: 0px;
padding-right: 0px;
background: none;
}

div#ft address {
color: #707070;
float: right;
width: 400px;
text-align: right;
font-size: 91%;
margin: 20px;
}


/* ------------------------------- 以下コンテンツ ------------------------------------ */
 
/* -------------------------------------------------------------------
 共通
------------------------------------------------------------------- */

/* サイドナビ -------------------- */

div#ct-right ul.sidenavi {
margin-bottom: 15px;
width: 280px;
background: #f5f5f5 url(/image/common/side_shadow.gif) no-repeat;
}

div#ct-right ul.sidenavi li {
border-bottom: 1px dashed #d7d7d7;
}

ul.sidenavi li a {
display: block;
color: #333;
text-decoration:none;
padding: 10px;
padding-left: 38px;
background: url(/image/common/side_arrow.gif) no-repeat left center;
}

ul.sidenavi li a:hover {
color: #1a2170;
text-decoration:none;
padding-left: 33px;
background: #dddeef url(/image/common/side_arrow_on.gif) no-repeat left center;
border-left: 5px solid #1a2170;
}

div#ct-right ul.sidenavi2 {
margin-bottom: 15px;
width: 280px;
background: #f5f5f5 url(/image/common/side_shadow.gif) no-repeat;
}

div#ct-right ul.sidenavi2 li {
color: #c00;
border-bottom: 1px dashed #d7d7d7;
font-size: 120%;
font-weight: bold;
}

ul.sidenavi2 li a {
display: block;
color: #c00;
font-size: 120%;
font-weight: bold;
text-decoration:none;
padding: 20px;
padding-left: 38px;
background: url(/image/common/side_arrow.gif) no-repeat left center;
}

ul.sidenavi2 li a:hover {
color: #000033;
font-size: 120%;
font-weight: bold;
text-decoration:none;
padding-left: 33px;
background: #dddeef url(/image/common/side_arrow_on.gif) no-repeat left center;
border-left: 5px solid #c00;
}

div#ct-right ul.banner {
margin-left: 15px;
width: 250px;
margin-bottom: 30px;
}

div#ct-right ul.banner li {
width: 250px;
margin-bottom: 4px;
}

div#ct-right ul.banner li a {
display: block;
text-decoration:none;
}

div#ct-right ul.event {
margin-left: 10px;
width: 260px;
margin-bottom: 10px;
}

div#ct-right ul.event li {
width: 260px;
margin-bottom: 4px;
}

div#ct-right ul.event li a {
display: block;
text-decoration:none;
padding-left: 10px;
background: url(/image/common/arrow.gif) no-repeat 0px 4px;
}

div#ct-right ul.whatsnew {
margin-left: 10px;
width: 260px;
}

div#ct-right ul.whatsnew li {
width: 260px;
}

div#ct-right ul.whatsnew li p {
margin: 5px;
margin-left: 0px;
float: right;
display: block;
width: 170px;
}

div#ct-right ul.whatsnew li span {
margin: 5px;
margin-left: 0px;
float: right;
display: block;
width: 75px;
}

div#ct-right ul.whatsnew li.img {
margin: 0px 0px 5px;
}

div#ct-right ul.whatsnew li.right {
margin-top: 15px;
text-align: right;
}

div#tmenu ul.whatsnew {
margin: 30px 0px 0px 30px;
width: 610px;
}

div#tmenu ul.whatsnew li {
width: 610px;
clear:both;
display: block;
}

div#tmenu ul.whatsnew li p {
margin: 3px 0px;
margin-left: 0px;
float: left;
width: 515px;
padding-top: 5px;
background: url(/image/common/line_dot_gray.gif) repeat-x left top;
}

div#tmenu ul.whatsnew li span {
margin: 3px 0px;
margin-left: 0px;
float: left;
display: block;
width: 80px;
padding-top: 5px;
background: url(/image/common/line_dot_gray.gif) repeat-x left top;
}

div#tmenu ul.whatsnew li.img {
margin: 0px 0px 5px;
}

div#tmenu ul.whatsnew li.right {
margin-top: 15px;
padding-top: 5px;
text-align: right;
background: url(/image/common/line_dot_gray.gif) repeat-x left top;
}

div#ct-right ul.sidemenulist {
margin-left: 10px;
margin-bottom: 20px;
width: 250px;
}

div#ct-right ul.sidemenulist li {
width: 250px;
}

div#ct-right ul.sidemenulist li a {
margin: 5px;
margin-left: 0px;
display: block;
padding-left: 10px;
background: url(/image/common/arrow.gif) no-repeat 0px 4px;
}

div#ct-right div.affiliate {
margin-left: 10px;
margin-bottom: 10px;
}


/* 見出し -------------------- */

div#main-image {
width: 950px;
height: 100%;
}

div.title-box {
position: relative;
width: 545px;
padding-bottom: 1px;
background: url(/image/common/line_dot_gray.gif) repeat-x left bottom;
}

div.title-box span {
position: absolute;
top: 33px;
right: 0px;
width: 45px;
}


/* 汎用スタイル -------------------- */

img.new {
margin-left: 8px;
}


/* -------------------------------------------------------------------
 トップページ
------------------------------------------------------------------- */

/* トップメニュー -------------------- */
div#ct-left ul.top_menu {
margin: 30px 0px 0px 30px;
float: left;
display: block;
width: 290px;
margin-bottom: 10px;
}

div#ct-left ul.top_menu li {
margin: 8px 5px;
margin-left: 0px;
}

div#ct-left ul.top_menu li a {
padding-left: 10px;
display: block;
background: url(/image/common/arrow.gif) no-repeat 0px 4px;
}

div#ct-left ul.top_menu li.right a {
background: none;
}

div#ct-left ul.top_menu li.img {
margin: 0px 0px 5px;
}

div#ct-left ul.top_menu li.right {
margin-top: 15px;
text-align: right;
}

div#tmenu:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#tmenu {
display:inline-block;
margin: 0px 0px 7px 0px;
}
/*\*/
* html div#tmenu { height:1%; }
div#tmenu { display:block; }
/**/


/* ピックアップ -------------------- */
h2.pickup {
margin: 30px 30px;
}

div.pickup {
width: 610px;
margin: 0px 30px;
margin-bottom: 15px;
padding-bottom: 15px;
background: url(/image/common/line_dot_gray.gif) repeat-x left bottom;
}

div#ct-left .nomg {
margin-bottom: 0px;
background: none;
}

div.pickup div.pickup-image {
float: left;
display: inline;
width: 100px;
margin: 0px 12px 0px 0px;
}

div.pickup div.pickup-image p {
display: block;
position: relative;
width: 170px;
height: 90px;
}

div.pickup div.pickup-image p span {
display: block;
position: absolute;
top: -1px;
left: -1px;
}

div.pickup dl {
float: left;
width: 420px;
padding-top: 2px;
}

div.pickup dl dt {
margin-bottom: 4px;
}

div.pickup dl dt a {
padding-left: 10px;
background: url(/image/common/arrow.gif) no-repeat 0px 3px;
}

div.pickup dl dt img.new {
margin-left: 5px;
}

div.pickup dl dd {
font-size: 91%;
line-height: 1.7;
}

div.pickup:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.pickup { display:inline-block; }
/*\*/
* html div.pickup { height:1%; }
div.pickup { display:block; }
/**/

a:hover {
text-decoration:none;
}

div.panlist-box {
margin: 5px;
}

div.title {
padding: 10px;
color: #fff;
font-size: 150%;
border-top: 2px solid #c00;
background: #1a2170;
}

div#contents_box {
margin: 20px;
}


/* プレスリリースコンテンツページ -------------------- */
div.newspress {
margin: 30px;
}

div.newspress div.datergt {
text-align: right;
}

div.newspress div.headline {
margin: 40px 0px 50px 0px;
color: #1a2170;
text-align: center;
font-weight: bold;
}

div.newspress div.headline p {
margin: 5px 0px 0px 0px;
color: #1a2170;
text-align: center;
font-weight: normal;
}

div.newspress div.note {}

div.newspress div.note p {
margin-top: 15px;
margin-bottom: 15px;
}

div.newspress div.note .ctr {
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
}

div.newspress div.note .parag1 {
margin-top: 5px;
margin-bottom: 15px;
padding-left: 40px;
}

div.newspress div.note .parag2 {
margin: 20px 0px 10px 0px;
padding: 6px 0px 30px 0px;
background: url(/image/common/line_dot_gray.gif) repeat-x bottom;
}

div.newspress div.note .parag3 {
margin: 10px 0px 5px 0px;
padding: 6px 0px 5px 0px;
background: url(/image/common/line_dot_gray.gif) repeat-x bottom;
}

div.newspress div.note h5 {
margin-top: 20px;
padding-left: 5px;
color: #1a2170;
border-left: 5px solid #1a2170;
}

div.newspress div.note h6 {
margin-top: 10px;
color: #c00;
}

div.newspress div.note ul.no {
margin: 10px 10px 10px 30px;
list-style-type:decimal;
}

div.newspress div.note ul.no li {
padding: 8px 0px;
}

div.newspress table {
margin-top: 5px;
margin-bottom: 15px;
}

div.newspress div.trademark {
margin: 50px 0px 20px 0px;
font-size: 91%;
}


/* セミナーコンテンツページ -------------------- */
div.seminar {
margin: 30px;
}

div.seminar h2.seminar{
margin-bottom: 30px;
}

div.seminar div.paragx {
margin-top: 20px;
margin-bottom: 15px;
padding-bottom: 15px;
background: url(/image/common/line_dot_gray.gif) repeat-x left bottom;
}

div.seminar div.headline {
margin: 40px 0px 50px 0px;
color: #1a2170;
text-align: center;
font-weight: bold;
}

div.seminar div.headline p {
margin: 5px 0px 0px 0px;
color: #1a2170;
text-align: center;
font-weight: normal;
}

div.seminar div.note {
margin-bottom: 30px;
}

div.seminar div.note p {
margin-top: 15px;
margin-bottom: 15px;
}

div.seminar div.para {
margin-bottom: 50px;
}

div.seminar div.para p {
margin-top: 15px;
margin-bottom: 15px;
}

div.seminar div.note .ctr {
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
}

div.seminar table.semigai {
width:100%;
}

div.seminar table.semigai th {
font-weight:normal;
color:#FFFFFF;
text-align:left;
padding:6px 10px;
background:#003F73;
}

div.seminar table.semigai td {
padding:6px 10px;
background:#F5F5F5;
}

div.seminar div.agenda {
display: block;
background: #F5F5F5;
margin-top: 10px;
}

div.seminar div.agenda:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

div.seminar div.agenda .time {
width: 100px;
float: left;
font-weight: bold;
padding: 6px 10px;
border-right: solid 1px #cccccc;
}

div.seminar div.agenda .dai {
width: 425px;
float: left;
padding: 6px 10px;
font-weight: bold;
border-left: solid 1px #ffffff;
}

div.seminar div.prog {
clear: both;
display: block;
margin-left: 130px;
padding: 8px 0 0 0;
}

div.seminar div.prog .more {
display: block;
margin: 9px 0 0 0;
padding: 9px 0 0 0;
background: url(/image/common/line_dot_gray.gif) repeat-x top;
}


/* What's Newカテゴリコンテンツページ -------------------- */
div.whatsnew {
margin: 30px;
}

div.whatsnew h2.whatsnew{
margin-bottom: 30px;
}

div.whatsnew p {
margin-top: 20px;
margin-bottom: 20px;
}

div.whatsnew div.datergt {
text-align: right;
}


/* xmldbカテゴリコンテンツページ -------------------- */
div.xmldb {
margin: 30px;
}

div.xmldbb {
margin: 0px 30px;
}

div.xmldb div.note {}

div.xmldb div.note p {
margin-top: 20px;
margin-bottom: 20px;
}

div.xmldb div.note p.caption {
margin-left: 25px;
margin-bottom: 15px;
padding-left: 15px;
background:url(/image/common/link_mark2.gif) no-repeat;
}

div.xmldb div.note div.datamanagement {
margin-left: 25px;
}

div.xmldb div.note div.datamanagement div.document {
width: 65px;
height: 65px;
float: left;
background: url(/image/common/document.gif) no-repeat;
font-size: 80%;
text-align: center;
padding-top: 15px;
}

div.xmldb div.note div.datamanagement div.book {
width: 65px;
height: 65px;
float: left;
background: url(/image/common/book.gif) no-repeat;
font-size: 80%;
text-align: center;
padding-top: 15px;
}

div.xmldb div.note div.datamanagement div.folder {
width: 65px;
height: 65px;
float: left;
background: url(/image/common/folder.gif) no-repeat;
font-size: 80%;
text-align: center;
padding-top: 15px;
}

div.xmldb div.note div.datamanagement div.www {
width: 65px;
height: 65px;
float: left;
background: url(/image/common/www.gif) no-repeat;
font-size: 80%;
text-align: center;
padding-top: 15px;
}

div.xmldb div.note .ctr {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}

div.xmldb div.note .parag1 {
margin-top: 5px;
margin-bottom: 20px;
padding-left: 50px;
}

div.xmldb div.note .parag2 {
margin-top: 5px;
margin-bottom: 20px;
padding-left: 25px;
}

div.xmldb div.note h5 {
margin-top: 20px;
padding-left: 5px;
color: #1a2170;
border-left: 5px solid #1a2170;
}

div.xmldb div.note h6 {
margin-top: 10px;
color: #c00;
}

div.xmldb div.note img.fr {
float:right;
margin:4px 0px 15px 15px;
}

div.xmldb div.note table.yellow {
margin-top: 20px;
margin-bottom:30px;
width: 570px;
border-collapse: separate;
border-spacing: 2px;
font-size: 100%;
}

div.xmldb div.note table.yellow th {
background: #FFCC00;
text-align: center;
white-space: normal;
font-size: 100%;
color: #FFF;
padding: 4px 6px;
}

div.xmldb div.note table.yellow td {
background: #F2F5FF;
white-space: normal;
font-size: 100%;
padding: 4px 6px;
}

div.xmldb div.note table.green {
margin-top: 20px;
margin-bottom:30px;
width: 570px;
border-collapse: separate;
border-spacing: 2px;
font-size: 100%;
}

div.xmldb div.note table.green caption {
margin-top: 1em;
text-align: left;
}

div.xmldb div.note table.green th.tex1 {
width: 40%;
background: #CCFF33;
text-align: left;
white-space: normal;
font-size: 100%;
padding: 4px 6px;
}

div.xmldb div.note table.green th.tex2 {
width: 30%;
background: #CCFF33;
text-align: center;
white-space: normal;
font-size: 100%;
padding: 4px 6px;
}

div.xmldb div.note table.green th.tex3 {
width: 30%;
background: #CCFF33;
text-align: center;
white-space: normal;
font-size: 100%;
padding: 4px 6px;
}

div.xmldb div.note table.green td {
width: 20%;
background: #E6FF9F;
text-align: center;
white-space: normal;
font-size: 100%;
padding: 4px 6px;
}

div.xmldb div.note table.sky {
margin-top: 20px;
margin-bottom:30px;
width: 100%;
border-collapse: separate;
border-spacing: 2px;
font-size: 100%;
}

div.xmldb div.note table.sky caption {
margin-top: 1em;
text-align: left;
}

div.xmldb div.note table.sky th.tex1 {
width: 10%;
background: #CCECFF;
text-align: center;
white-space: normal;
font-size: 100%;
font-weight: bold;
padding: 4px 6px;
}

div.xmldb div.note table.sky th.tex2 {
width: 30%;
background: #CCECFF;
text-align: center;
white-space: normal;
font-size: 100%;
font-weight: bold;
padding: 4px 6px;
}

div.xmldb div.note table.sky th.tex3 {
width: 60%;
background: #CCECFF;
text-align: center;
white-space: normal;
font-size: 100%;
font-weight: bold;
padding: 4px 6px;
}

div.xmldb div.note table.sky th.tex4 {
width: 10%;
background: #E1F2F3;
text-align: center;
white-space: normal;
font-size: 100%;
font-weight: bold;
padding: 4px 6px;
}

div.xmldb div.note table.sky th.tex5 {
width: 10%;
background: #BBE0E3;
text-align: center;
white-space: normal;
font-size: 100%;
font-weight: bold;
padding: 4px 6px;
}

div.xmldb div.note table.sky td.tex1 {
width: 30%;
background: #E1F2F3;
text-align: left;
white-space: normal;
font-size: 100%;
font-weight: bold;
padding: 4px 6px;
}

div.xmldb div.note table.sky td.tex2 {
width: 60%;
background: #E1F2F3;
text-align: left;
white-space: normal;
font-size: 100%;
padding: 4px 6px;
}

div.xmldb div.note table.sky td.tex3 {
width: 30%;
background: #BBE0E3;
text-align: left;
white-space: normal;
font-size: 100%;
font-weight: bold;
padding: 4px 6px;
}

div.xmldb div.note table.sky td.tex4 {
width: 60%;
background: #BBE0E3;
text-align: left;
white-space: normal;
font-size: 100%;
padding: 4px 6px;
}

div.xmldb div.note table.pricelist {
width:100%;
margin: 10px 0px;
}

div.xmldb div.note table.pricelist th.edition {
width:55%;
font-weight:normal;
color:#FFFFFF;
text-align:center;
padding:10px 15px;
background:#CE557B;
}

div.xmldb div.note table.pricelist th.price {
width:45%;
font-weight:normal;
color:#FFFFFF;
text-align:center;
padding:10px 15px;
background:#CE557B;
}

div.xmldb div.note table.pricelist td.edition {
width:55%;
padding:10px 15px;
background:#EEEEEE;
}

div.xmldb div.note table.pricelist td.price {
width:45%;
padding:10px 15px;
background:#EEEEEE;
}


/* 導入事例 -------------------- */

div.casestudy {
margin: 30px;
}

div.casestudy p {
margin-top: 20px;
margin-bottom: 20px;
}

div.casestudy h2.casestudy{
margin-bottom: 30px;
}

div.casestudy div.case {
margin-top: 20px;
margin-bottom: 15px;
padding-bottom: 15px;
background: url(/image/common/line_dot_gray.gif) repeat-x left bottom;
}

div.casestudy div.casenon {
margin-top: 20px;
margin-bottom: 15px;
padding-bottom: 15px;
}

div.casestudy div.case img.fr {
float:right;
margin:10px 0px 20px 20px;
}

div.casestudy div.case img.fl {
float:left;
margin:10px 20px 20px 0px;
}

a {
text-decoration:none;
}

a:hover {
text-decoration: underline;
}

div.casestudy div.case p {
margin-top: 20px;
margin-bottom: 20px;
}

div.casestudy div.case .ctr {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}


/* 会社概要カテゴリコンテンツページ -------------------- */
div.company {
margin: 30px;
}

div.company h2.company{
margin-bottom: 30px;
}

div.company div.note {}

div.company div.datergt {
text-align: right;
}

div.company div.note p {
margin-top: 20px;
margin-bottom: 20px;
}

div.company div.note img.fr {
float:right;
margin:4px 0px 15px 15px;
}

div.company div.note img.fl {
float:left;
margin:4px 15px 15px 0px;
}

div.company div.note .ctr {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}

div.company div.note div.tokucho {
width:auto;
}

div.company div.note div.tokucho p {
width: 520px;
height: 40px;
margin-left: 25px;
padding:8px 0px 0px 55px;
font-weight:bold;
background:url(/image/common/tokucho.gif) no-repeat left top;
}

div.company table.color {
width:100%;
margin: 10px 0px;
font-size: 100%;
}

div.company table.color th,
div.company table.color td {
padding: 4px 10px;
}

div.company table.color th.tit1 {
width:14%;
font-weight:normal;
color:#FFFFFF;
text-align: center;
background: #808080;
}

div.company table.color th.tit2 {
width:14%;
font-weight:normal;
color:#FFFFFF;
text-align: center;
background: #808080;
}

div.company table.color th.tit3 {
width:14%;
font-weight:normal;
color:#FFFFFF;
text-align: center;
background: #5F9EA0;
}

div.company table.color th.tit4 {
width:14%;
font-weight:normal;
color:#FFFFFF;
text-align: center;
background: #D2691E;
}

div.company table.color th.tit5 {
width:14%;
font-weight:normal;
color:#FFFFFF;
text-align: center;
background: #483D8B;
}

div.company table.color th.tit6 {
width:43%;
font-weight:normal;
color:#FFFFFF;
text-align: center;
background: #808080;
}

div.company table.color td.kou1 {
width:43%;
text-align: left;
background: #DCDCDC;
}

div.company table.color td.kou2 {
width:43%;
text-align: left;
background: #E0FFFF;
}

div.company table.color td.kou3 {
width:43%;
text-align: left;
background: #FFFACD;
}

div.company table.color td.kou4 {
width:43%;
text-align: left;
background: #E6E6FA;
}

div.company table.advantage {
width:100%;
margin: 10px 0px;
font-size: 100%;
}

div.company table.advantage th,
div.company table.advantage td {
padding: 4px 10px;
vertical-align: top;
}

div.company table.advantage th.tit1g {
width:14%;
font-weight:normal;
text-align: center;
background: #C0C0C0;
}

div.company table.advantage th.tit1b {
width:14%;
font-weight:normal;
text-align: center;
background: #87CEFA;
}

div.company table.advantage th.tit1p {
width:14%;
font-weight:normal;
text-align: center;
background: #FFB6C1;
}

div.company table.advantage th.tit2g {
width:10%;
font-weight:normal;
text-align: center;
background: #C0C0C0;
}

div.company table.advantage th.tit2b {
width:10%;
font-weight:normal;
text-align: center;
background: #87CEFA;
}

div.company table.advantage th.tit2p {
width:10%;
font-weight:normal;
text-align: center;
background: #FFB6C1;
}

div.company table.advantage th.tit3y {
width:38%;
font-weight:normal;
text-align: center;
background: #FFCC00;
}

div.company table.advantage th.tit4gr {
width:38%;
font-weight:normal;
text-align: center;
background: #9ACD32;
}

div.company table.advantage td.kou1 {
width:38%;
text-align: left;
background: #FFFACD;
}

div.company table.advantage td.kou2 {
width:38%;
text-align: left;
background: #98FB98;
}

div.company div.pa1 {
display: block;
margin-top: 10px;
}

div.company div.pa1:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

div.company div.pa1 .youso {
width: 110px;
float: left;
font-weight: bold;
padding: 6px 10px;
}

div.company div.pa1 .ans {
width: 415px;
float: left;
padding: 6px 10px;
font-weight: nomal;
}

div.company div.ans2 {
clear: both;
display: block;
margin-left: 140px;
}

div.company div.ans2 .more {
display: block;
margin: 9px 0 0 0;
padding: 9px 0 0 0;
background: url(/image/common/line_dot_gray.gif) repeat-x top;
}

div.company div.management {
margin: 30px 0 10px 0;
padding-bottom: 30px;
background: url(/image/common/line_dot_gray.gif) repeat-x bottom;
}

*:first-child+html div.company div.management {
margin: 30px 0 10px 0;
padding-bottom: 80px;
background: url(/image/common/line_dot_gray.gif) repeat-x bottom;
}

div.company div.management .ryaku {
margin: 6px 0 6px 135px;
padding-left: 5px;
border-left: 3px solid #c00;
color: #c00;
}

*:first-child+html div.company div.management .ryaku {
clear: both;
display: block;
margin-left: 135px;
padding-left: 5px;
border-left: 3px solid #c00;
color: #c00;
}

div.company div.management div.box1 {
display: block;
}

div.company div.management div.box1:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

div.company div.management div.box1 .yousoa {
width: 135px;
float: left;
}

div.company div.management div.box1 .yousob {
width: 310px;
float: left;
}

div.company div.management div.box1 img.yousoc {
width: 115px;
float: right;
}

div.company div.management div.box2 {
display: block;
}

div.company div.management div.box2:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

div.company div.management div.box2 .yousob {
width: 80px;
float: left;
margin-left: 135px;
padding: 6px 0px;
}

div.company div.management div.box2 .yousoc {
width: 345px;
float: left;
padding: 6px 0px;
}

div.company div.management2 {
margin-top: 30px;
}

div.company div.management2 .ryaku {
margin: 6px 0 6px 135px;
padding-left: 5px;
border-left: 3px solid #c00;
color: #c00;
}

*:first-child+html div.company div.management2 .ryaku {
clear: both;
display: block;
margin-left: 135px;
padding-left: 5px;
border-left: 3px solid #c00;
color: #c00;
}

div.company div.management2 div.box1dash {
display: block;
}

div.company div.management2 div.box1dash:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

div.company div.management2 div.box1dash .yousoa {
width: 135px;
float: left;
}

div.company div.management2 div.box1dash .yousob {
width: 310px;
float: left;
margin-bottom: 10px;
}

div.company div.management2 div.box2dash {
margin-bottom: 10px;
padding: 6px 0px 30px 135px;
background: url(/image/common/line_dot_gray.gif) repeat-x bottom;
}

div.company div.management2 div.box3dash {
display: block;
margin-bottom: 10px;
padding: 6px 0px 30px 135px;
background: url(/image/common/line_dot_gray.gif) repeat-x bottom;
}

*:first-child+html div.company div.management2 div.box3dash {
display: block;
margin-bottom: 10px;
padding: 6px 0px 50px 135px;
background: url(/image/common/line_dot_gray.gif) repeat-x bottom;
}

div.company div.management2 div.box3dash:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

div.company div.management2 div.box3dash .yousob {
width: 80px;
float: left;
}

div.company div.management2 div.box3dash .yousoc {
width: 345px;
float: left;
}


/* 人財募集カテゴリコンテンツページ -------------------- */
div.recruit {
margin: 30px;
}

div.recruit h2.rec{
margin-bottom: 30px;
}

div.recruit div.note {}

div.recruit div.datergt {
text-align: right;
}

div.recruit div.note p {
margin-top: 20px;
margin-bottom: 20px;
}

div.recruit div.note img.fr {
float:right;
margin:4px 0px 15px 15px;
}

div.recruit div.process {
margin-left: 100px;
margin-bottom: 50px;
}

div.recruit div.process1 {
margin-left: 100px;
margin-bottom: 20px;
}

div.recruit div.process2 {
margin-left: 130px;
}

div.recruit div.process .more {
margin: 15px 0 15px 0;
padding: 15px 0 0 0;
background: url(/image/common/line_dot_gray.gif) repeat-x top;
}
div.recruit table.rec {
width:100%;
}

div.recruit table.rec th {
width:20%;
font-weight:normal;
color:#FFFFFF;
text-align:left;
padding:6px 10px;
background:#003F73;
}

div.recruit table.rec td {
width:80%;
padding:6px 10px;
background:#F5F5F5;
}


/* ＦＡＱカテゴリコンテンツページ -------------------- */
div.faq {
margin: 30px;
}

div.faq div.note {
background: url(/image/common/faqq.gif) right top no-repeat;
}

div.faq div.note p {
margin-top: 20px;
margin-bottom: 20px;
}

div.faq div.note ul.linklist {
width:570px;
list-style-type:none;
}

div.faq div.note ul.linklist li {
float:left;
width:100%;
border-bottom:1px dashed #B5B5B5;
}

div.faq div.note ul.linklist li a {
display:block;
margin:10px 0px 10px 22px;
padding:0px 0px 0px 12px;
background:url(/image/common/link_mark.gif) no-repeat left top;
}


/* コンテンツカテゴリコンテンツページ -------------------- */
div.contents {
margin: 30px;
}

div.contents h2.contents{
margin-bottom: 30px;
}

div.contents div.note {
background: url(/image/common/contentsq.gif) right top no-repeat;
}

div.contents div.note p {
margin-top: 20px;
margin-bottom: 20px;
}

div.contents div.note .ctr {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}

div.contents div.datergt {
text-align: right;
}

div.contents div.note ul.linklist {
width:570px;
list-style-type:none;
}

div.contents div.note ul.linklist li {
float:left;
width:100%;
border-bottom:1px dashed #B5B5B5;
}

div.contents div.note ul.linklist li a {
display:block;
margin:10px 0px 10px 22px;
padding:0px 0px 0px 12px;
background:url(/image/common/link_mark.gif) no-repeat left top;
}

div.contents div.note img.fr {
float:right;
margin:4px 0px 15px 15px;
}


/* 入力フォームページ -------------------- */
div.form {
margin: 30px;
}

div.form .left40 {
margin-left: 40px;
}

div.form select.style1 {
margin-top: 10px;
margin-bottom: 10px;
}

div.form input.style1 {
margin-right: 10px;
}

div.form input.style2 {
margin-right: 10px;
margin-left: 10px;
}

div.form div.note {}

div.form div.note p {
margin-top: 20px;
margin-bottom: 20px;
}

div.form div.datergt {
text-align: right;
}

div.form div.note h5 {
margin-top: 20px;
padding-left: 5px;
color: #1a2170;
border-left: 5px solid #1a2170;
}

div.form div.note h6 {
margin-top: 10px;
padding: 5px;
background: #FFCC00;
font-weight:bold;
}

div.form div.note ul.formlist {
margin-top: 10px;
margin-left: 20px;
}

div.form div.note ul.formlist li {
padding: 3px;
}

div.form div.paramailmg {
margin-top: 20px;
margin-bottom: 15px;
padding-bottom: 15px;
background: url(/image/common/line_dot_gray.gif) repeat-x left bottom;
}

div.form div.note table.forma {
width: 550px;
margin-top: 10px;
margin-bottom: 10px;
border-collapse: collapse;
font-size: 100%;
}

div.form div.note table.forma tr {
text-align: left;
background:#E8E8E8;
}

div.form div.note table.forma th,
div.form div.note table.forma td {
border-bottom: dotted 1px #999;
padding: 10px 10px 10px 20px;
}

div.form table.form {
width: 100%;
}

div.form table.form tr {
vertical-align: top;
}

div.form table.form th {
width: 40%;
font-weight:normal;
color:#FFFFFF;
text-align:left;
padding:10px 10px;
background:#CF547B;
}

div.form table.form td {
width: 60%;
padding:10px 10px;
background:#EEEEEE;
}


/* その他コンテンツページ -------------------- */
div.sonota {
margin: 30px;
}

div.sonota div.note {}

div.sonota div.note p {
margin-top: 20px;
margin-bottom: 20px;
}

div.sonota div.note ul.no {
margin: 10px 10px 10px 30px;
list-style-type:decimal;
}

div.sonota div.note ul.no li {
padding: 8px 0px;
}

div.sonota div.datergt {
text-align: right;
}

div.sonota div.note h5 {
margin-top: 20px;
padding-left: 5px;
color: #1a2170;
border-left: 5px solid #1a2170;
}

div.sonota div.paramailmg {
margin-top: 20px;
margin-bottom: 15px;
padding-bottom: 15px;
background: url(/image/common/line_dot_gray.gif) repeat-x left bottom;
}

div.sotowaku {
margin: 30px;
}

div.sotowaku p {
margin-top: 20px;
margin-bottom: 20px;
}

div.arrow {
margin:0px 0px 30px;
}

div.arrow p {
width:auto;
line-height:120%;
margin:5px 0px 10px 10px;
padding:0px 0px 0px 10px;
background:url(/image/common/link_mark.gif) no-repeat left top;
}

div.arrow p.star {
width:auto;
line-height:120%;
margin:5px 0px 10px 10px;
padding:0px 0px 0px 13px;
background:url(/image/common/link_markstar.gif) no-repeat left top;
}

div.arrow_non {
margin:0px 0px 10px;
}

div.arrow_non p {
width:auto;
line-height:120%;
margin:5px 0px 10px 10px;
padding:0px 0px 0px 10px;
background:url(/image/common/link_mark.gif) no-repeat left top;
}
/* TOP震災のお知らせで使用した青い枠 -------------------- */
div.index_waku {
margin: 20px 20px;
padding:10px;
border:1px solid #28487E;
background:#ffffff;
}

div.index_waku p {
margin-top: 10px;
margin-bottom: 10px;
}
/* TOP震災のお知らせで使用した青い枠（ここまで） -------- */
div.waku {
margin: 5px 0px;
padding:10px;
border:1px solid #C0C0C0;
background:#ffffff;
}

div.wakufaq {
margin: 5px 0px;
padding:10px;
border:1px solid #C0C0C0;
background: url(/image/common/faqa.gif) right top no-repeat;
}

div.wakucontents {
margin: 5px 0px;
padding:10px;
border:1px solid #C0C0C0;
background: url(/image/common/contentsa.gif) right top no-repeat;
}

div.wakublue {
margin: 10px 0px;
padding:7px 10px;
border:1px solid #000080;
background:#ffffff;
}

div.wakured {
margin: 10px 0px;
padding:7px 10px;
border:1px solid #FF0000;
background:#ffffff;
}

div.wakumargin {
margin: 50px 0px 5px 0px;
padding:10px;
border:1px solid #C0C0C0;
background:#ffffff;
}

div.wakull {
margin:20px 20px 40px;
padding:5px 20px;
border:1px dashed #1a2170;
background:#F0FFFF;
}

div.wakull p {
width:auto;
padding:0px 0px 0px 40px;
font-size: 150%;
font-weight:bold;
background:url(/image/common/link_markcircle.gif) no-repeat left top;
}

div.datargt {
text-align: right;
}

div.contents_ft {
margin-top: 100px;
margin-bottom: 30px;
text-align: center;
}

div.pageDescription {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dashed #ccc;
}

#pagenavi01 {
width:570px;
height:55px;
margin:10px 0px 10px 0px;
}

#pagenavi01 ul {
}

#pagenavi01 li {
float:left;
}

#pagenavi01 li a {
width:100%;
height:35px;
display:block;
text-decoration:none;
}

#pagenavi0101 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/serial_1p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

#pagenavi0102 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/serial_2p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

#pagenavi0103 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/serial_3p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

#pagenavi0104 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/serial_4p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

#pagenavi0105 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/serial_5p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

#pagenavi0106 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/serial_6p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

#pagenavi0107 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/serial_7p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

#pagenavi0108 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/serial_8p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

#pagenavi0109 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/serial_9p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

#pagenavi0110 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/serial_10p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

#pagenavi0111 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/serial_11p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

/*オンマウス*/
#pagenavi0101 :hover {background:url(/image/common/serial_1pg.gif) no-repeat;}
#pagenavi0102 :hover {background:url(/image/common/serial_2pg.gif) no-repeat;}
#pagenavi0103 :hover {background:url(/image/common/serial_3pg.gif) no-repeat;}
#pagenavi0104 :hover {background:url(/image/common/serial_4pg.gif) no-repeat;}
#pagenavi0105 :hover {background:url(/image/common/serial_5pg.gif) no-repeat;}
#pagenavi0106 :hover {background:url(/image/common/serial_6pg.gif) no-repeat;}
#pagenavi0107 :hover {background:url(/image/common/serial_7pg.gif) no-repeat;}
#pagenavi0108 :hover {background:url(/image/common/serial_8pg.gif) no-repeat;}
#pagenavi0109 :hover {background:url(/image/common/serial_9pg.gif) no-repeat;}
#pagenavi0110 :hover {background:url(/image/common/serial_10pg.gif) no-repeat;}
#pagenavi0111 :hover {background:url(/image/common/serial_11pg.gif) no-repeat;}

/*現在位置*/
#pagenavi0101 a.stay {background:url(/image/common/serial_1pg.gif) no-repeat;}
#pagenavi0102 a.stay {background:url(/image/common/serial_2pg.gif) no-repeat;}
#pagenavi0103 a.stay {background:url(/image/common/serial_3pg.gif) no-repeat;}
#pagenavi0104 a.stay {background:url(/image/common/serial_4pg.gif) no-repeat;}
#pagenavi0105 a.stay {background:url(/image/common/serial_5pg.gif) no-repeat;}
#pagenavi0106 a.stay {background:url(/image/common/serial_6pg.gif) no-repeat;}
#pagenavi0107 a.stay {background:url(/image/common/serial_7pg.gif) no-repeat;}
#pagenavi0108 a.stay {background:url(/image/common/serial_8pg.gif) no-repeat;}
#pagenavi0109 a.stay {background:url(/image/common/serial_9pg.gif) no-repeat;}
#pagenavi0110 a.stay {background:url(/image/common/serial_10pg.gif) no-repeat;}
#pagenavi0111 a.stay {background:url(/image/common/serial_11pg.gif) no-repeat;}

#pagenavi02 {
width:570px;
height:55px;
margin:10px 0px 10px 0px;
}

#pagenavi02 ul {
}

#pagenavi02 li {
float:left;
}

#pagenavi02 li a {
width:100%;
height:35px;
display:block;
text-decoration:none;
}

#pagenavi0201 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/pno_1p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

#pagenavi0202 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/pno_2p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

#pagenavi0203 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/pno_3p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

#pagenavi0204 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/pno_4p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

#pagenavi0205 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/pno_5p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

#pagenavi0206 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/pno_6p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

#pagenavi0207 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/pno_7p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

#pagenavi0208 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/pno_8p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

#pagenavi0209 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/pno_9p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

#pagenavi0210 {
width:35px;
height:35px;
padding:0px 10px 0px 0px;
background:url(/image/common/pno_10p.gif) no-repeat;
text-indent:-99999px;
overflow:hidden;
}

/*オンマウス*/
#pagenavi0201 :hover {background:url(/image/common/pno_1pb.gif) no-repeat;}
#pagenavi0202 :hover {background:url(/image/common/pno_2pb.gif) no-repeat;}
#pagenavi0203 :hover {background:url(/image/common/pno_3pb.gif) no-repeat;}
#pagenavi0204 :hover {background:url(/image/common/pno_4pb.gif) no-repeat;}
#pagenavi0205 :hover {background:url(/image/common/pno_5pb.gif) no-repeat;}
#pagenavi0206 :hover {background:url(/image/common/pno_6pb.gif) no-repeat;}
#pagenavi0207 :hover {background:url(/image/common/pno_7pb.gif) no-repeat;}
#pagenavi0208 :hover {background:url(/image/common/pno_8pb.gif) no-repeat;}
#pagenavi0209 :hover {background:url(/image/common/pno_9pb.gif) no-repeat;}
#pagenavi0210 :hover {background:url(/image/common/pno_10pb.gif) no-repeat;}

/*現在位置*/
#pagenavi0201 a.stay {background:url(/image/common/pno_1pb.gif) no-repeat;}
#pagenavi0202 a.stay {background:url(/image/common/pno_2pb.gif) no-repeat;}
#pagenavi0203 a.stay {background:url(/image/common/pno_3pb.gif) no-repeat;}
#pagenavi0204 a.stay {background:url(/image/common/pno_4pb.gif) no-repeat;}
#pagenavi0205 a.stay {background:url(/image/common/pno_5pb.gif) no-repeat;}
#pagenavi0206 a.stay {background:url(/image/common/pno_6pb.gif) no-repeat;}
#pagenavi0207 a.stay {background:url(/image/common/pno_7pb.gif) no-repeat;}
#pagenavi0208 a.stay {background:url(/image/common/pno_8pb.gif) no-repeat;}
#pagenavi0209 a.stay {background:url(/image/common/pno_9pb.gif) no-repeat;}
#pagenavi0210 a.stay {background:url(/image/common/pno_10pb.gif) no-repeat;}

div#contents_box input.et1 {
margin-right: 10px;
}

div#contents_box input.etl1 {
margin-left: 10px;
}

div#contents_box table.source th {
font-weight:normal;
color:#FFFFFF;
text-align:left;
padding:5px 10px;
background:#FF6600;
}

div#contents_box table.source td {
font-weight:normal;
text-align:left;
padding:5px 10px;
background:#FFFFCC;
}

div#contents_box table.blue th {
font-weight:normal;
color:#FFFFFF;
text-align:left;
padding:5px 10px;
background:#003F73;
}

div#contents_box table.blue td {
padding:5px 10px;
background:#EEEEEE;
}

div#contents_box table.mdm {
width:100%;
margin-bottom: 30px;
}

div#contents_box table.mdm th {
width:30%;
font-weight:normal;
color:#FFFFFF;
text-align:left;
padding:5px 10px;
background:#DAA520;
}

div#contents_box table.mdm td {
width:70%;
padding:5px 10px;
background:#EEEEEE;
}

div#contents_box table.tablebasic {
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
border-collapse: collapse;
border: solid 1px #999;
font-size: 100%;
}

div#contents_box table.tablebasic th,
div#contents_box table.tablebasic td {
border: solid 1px #999;
padding: 4px 6px;
}

div#contents_box table.tablebasic th.blue {
text-align: left;
background: #B5C9ED;
white-space: nowrap;
}

div#contents_box table.tablebasic th.gray {
text-align: left;
background: #E8E8E8;
white-space: nowrap;
}

div#contents_box table.tablebasic td.txt1 {
text-align: center;
white-space: nowrap;

}

div#contents_box table.tablebasic td.txt2 {
text-align: left;
white-space: nowrap;
}

div#contents_box table.wg {
width:100%;
margin: 10px 0px;
font-size: 100%;
}

div#contents_box table.wg th,
div#contents_box table.wg td {
padding: 4px 6px;
}

div#contents_box table.wg th.kou1 {
width:20%;
background: #ADD8E6;
text-align: center;
}

div#contents_box table.wg th.kou2 {
width:40%;
background: #ADD8E6;
text-align: center;
}

div#contents_box table.wg td.kou1 {
width:20%;
text-align: left;
}

div#contents_box table.wg td.kou2 {
width:40%;
text-align: left;
}

div#contents_box table.wg tr.white {
background: #FFFFFF;
vertical-align: top;
}

div#contents_box table.wg tr.gray {
background: #f4f3f3;
vertical-align: top;
}

div#contents_box table.wg2 {
width:100%;
margin: 10px 0px;
font-size: 100%;
border-collapse: collapse;
}

div#contents_box table.wg2 tr {
vertical-align: top;
}

div#contents_box table.wg2 td.kou1w {
color:#336699;
padding: 6px 8px;
text-align: left;
}

div#contents_box table.wg2 td.kou1g {
color:#336699;
padding: 6px 8px;
background: #f4f3f3;
text-align: left;
}

div#contents_box table.wg2 td.kou2w {
padding: 6px 8px;
text-align: left;
}

div#contents_box table.wg2 td.kou2g {
padding: 6px 8px;
background: #f4f3f3;
text-align: left;
}

div#contents_box .optionBlue {
font-weight:bold;
color:#0059BF;
}

div#contents_box .optionRed {
font-weight:bold;
color:#C20024;
}

div#contents_box .optionBrown {
font-weight:bold;
color:#9C2000;
}

div#contents_box .optionGreen {
font-weight:bold;
color:#009900;
}

div#contents_box .disapp-txt {
position:absolute;
left:-5000px;
top:-5000px;

}

div#contents_box h2.b_margin30{
margin-bottom: 30px;
}

div#contents_box p.l_margin25 {
margin-left: 25px;
}

div#contents_box p.arrow25 {
margin-left: 25px;
padding-left:10px;
background:url(/image/common/link_mark.gif) no-repeat left top;
}

div#contents_box img.fr {
float:right;
margin:4px 0px 15px 15px;
}

div#contents_box ul.no {
margin: 10px 10px 10px 30px;
list-style-type:decimal;
}

div#contents_box ul.no li {
padding: 8px 0px;
}

div#contents_box ul.no2 {
margin: 5px 10px 5px 30px;
list-style-type:decimal;
}

div#contents_box ul.no2 li {
padding: 4px 0px;
}

div#contents_box ul.plist {
margin-left: 225px;
}

div#contents_box ul.plist li.contact {
color:#0059BF;
margin: 10px 0px 0px 0px;
padding:0px 0px 0px 15px;
background:url(/image/common/list_mark.gif) no-repeat left center;
}

div#contents_box img.plogo {
float:left;
margin:4px 25px 15px 0px;
}

div#contents_box .ctr {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}

div#contents_box div.paragline {
margin-top: 20px;
margin-bottom: 15px;
padding-bottom: 15px;
background: url(/image/common/line_dot_gray.gif) repeat-x left bottom;
}

div#contents_box div.headline1 {
margin-bottom: 50px;
padding: 10px;
color: #fff;
font-size: 150%;
border-top: 2px solid #c00;
border-bottom: 2px solid #c00;
background: #1a2170;
}

div#ct-left ul.dateMenu {
width: 620px;
}

div#ct-left ul.dateMenu li {
width: 620px;
}

div#ct-left ul.dateMenu li p {
margin: 5px;
margin-left: 0px;
float: right;
display: block;
width: 525px;
}

div#ct-left ul.dateMenu li span {
margin: 5px;
margin-left: 0px;
float: right;
display: block;
width: 80px;
}

ul.dateMenu:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.dateMenu { display:inline-block; }
/*\*/
* html ul.dateMenu { height:1%; }
ul.dateMenu { display:block; }
/**/

div#ct-left ul.listMenu {
width: 620px;
}

div#ct-left ul.listMenu li {
width: 620px;
}

div#ct-left ul.listMenu li a {
margin: 5px 5px 10px;
margin-left: 0px;
display: block;
padding-left: 10px;
background: url(/image/common/arrow.gif) no-repeat 0px 4px;
}

div#ct-left div.contentsBox {
float: left;
width: 280px;
margin-left: 10px;
margin-bottom: 30px;
}

*:first-child+html div#ct-left div.contentsBox {
float: left;
width: 280px;
margin-left: 10px;
margin-bottom: 60px;
padding-bottom: 30px;
}

div#ct-left div.contentsBox p.title a {
padding: 10px;
margin: 0px 0px 10px;
display: block;
padding-left: 10px;
background: url(/image/common/menugr.gif) repeat-x;
border-top: 4px solid #003;
}

div#ct-left div.contentsBox p.title img.cateicon {
float: left;
padding: 10px;
margin: 0px 0px 10px;
text-align: left;
}

div#ct-left div.contentsBox img.catego {
float: left;
margin: 0px 10px 10px 0px;
text-align: left;
}

div#ct-left div.contentsBox2 {
margin-bottom: 10px;
border: 1px solid #ccc;
}

div#ct-left div.contentsBox2 p.title a {
margin: 10px 10px 10px;
display: block;
padding-left: 10px;
background: url(/image/common/arrow.gif) no-repeat 0px 4px;
}

div#cBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#cBox { display:inline-block; }
/*\*/
* html div#cBox { height:1%; }
div#cBox { display:block; }
/**/

div#ct-left div#contents_box h3 {
border-left: 3px solid #1a2170;
background: #4d57af;
color: #fff;
padding: 5px;
margin: 10px 0px;
}

div#ct-left div#contents_box h3.search-results-header {
border-left: 3px solid #1a2170;
background: #1a2170;
color: #fff;
padding: 5px;
margin: 10px 0px;
}

div#ct-left div#contents_box h3 a {
color: #fff;
}

div#contents_box ul.sitemap dt {
border-left: 3px solid #1a2170;
background: #4d57af;
color: #fff;
padding: 5px;
margin: 10px 0px;
}

div#ct-left div#contents_box h4 {
border-left: 3px solid #c00;
color: #c00;
padding-left: 5px;
margin: 10px 0px;
}

div#ct-left div#contents_box h4.faq {
border-left: 3px solid #c00;
color: #c00;
padding-left: 5px;
margin: 15px 0px;
}

div#contents_box ul.sitemap dt a {
color: #fff;
}

div#contents_box ul.sitemap dd {
padding: 5px 15px;
margin: 5px 0px;
}

div.archiveBox {
height: 400px;
width: 100%;
margin-bottom: 10px;
overflow: auto;
}

/* タグクラウド -------------------- */
div.msp {
margin-left: 10px;
}

h2.module-header { margin: 20px 10px 0px 10px; }
.module-tagcloud .module-content {text-align: left; padding:5px 10px 20px; }
.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: 21px; }
.module-tagcloud .module-content .module-list li.taglevel2 { font-size: 18px; }
.module-tagcloud .module-content .module-list li.taglevel3 { font-size: 15px; }
.module-tagcloud .module-content .module-list li.taglevel4 { font-size: 13px; }
.module-tagcloud .module-content .module-list li.taglevel5 { font-size: 11px; }
.module-tagcloud .module-content .module-list li.taglevel6 { font-size: 10px; }

div#pagetop a { color: #999; }
div#pagetop {
color: #999;
width: 920px;
margin: 0 auto 15px auto;
padding: 5px 10px 0px;
font-size: 86%;
display: block;
text-align: left;
}
