@charset "utf-8";
/* Basic elements */ 
body {
font: normal 500 100% "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
color: #fff;
background-color: #000;
background-image: url(./resources/bodygfx.gif); 
background-position: top left;
background-repeat: repeat-y;
}

h1 {
font: normal 700 140% "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
margin: 0 0 0.8em 0;
color: #333;
text-align: center;
clear: left;
}

h2 {
font: normal 500 100% "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
margin: 0.5em 4px;
padding: 0.3em 0;
border: 1px solid #fff;
color: #fff;
background: #333;
clear: left;
} 

h3 {
font: normal 500 90% "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
margin: 0.5em 4px;
padding: 0.3em 0;
border: 1px solid #fff;
color: #fff;
background: #666;
clear: left;
} 

h4 {
font: normal 600 100% "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
margin: 0.7em 0 0.8em 0.6em;
color: #336; 
background: transparent; 
clear: left;
} 

h5 {
font: normal 600 100% "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
margin: 0.7em 0 0.8em 1em;
color: #669; 
background: #FFFFFF; 
clear: left;
} 

h6 {
font: normal 500 100% "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
margin: 0.7em 0 0.8em 1.3em;
color: #99c; 
background: #ffffff;
clear: left;
} 

p {
font: normal 500 100% "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
line-height: 1.25;
} 

p.inln {
font-size: 80%;
}

p.supl {
font-size: 80%;
color: #333;
}

/* Link 要素  */
a {
color: #366;
background: transparent;
text-decoration: none;
}

a:hover,
a:active {
color: #900;
background: #fcc;
}

/*read more Link*/
a.readmore:link {
color: #366; 
font-weight: 600;
text-decoration: none; 
margin: 1px; 
padding: 1px 1px 1px 68px; 
background-color: transparent; 
background-image: url(./resources/readMore_st1.gif); 
background-repeat: no-repeat; 
background-position: 0 0px;
}

a.readmore:visited {
color: #9900CC;
text-decoration: none; 
margin: 1px; 
padding: 1px 1px 1px 68px; 
background-color: transparent;
background-image: url(./resources/readMore_st1.gif); 
background-repeat: no-repeat; 
background-position: 0 0px;
}

a.readmore:hover {
color: #FF0033; 
text-decoration: none; 
background-image: url(./resources/readMore_st2.gif); 
background-repeat: no-repeat; 
background-position: 0 0px;
}

/* 矢印付リンク */
a.arrow {
text-decoration: none; 
padding: 1px 0px 1px 14px;
margin: 0px 0px 0px 3px;
background-color: transparent;
background-image: url(./resources/link_arrow.gif);
background-repeat: no-repeat;
background-position: 0 1px;
}

a.arrow:link {
 text-decoration: none;
 color: #366;
}

a.arrow:visited {
 text-decoration: none;
 color: #663366;
}

a.arrow:hover {
 text-decoration: underline;
 color: #ff6600;
}

a.arrow:active {
 text-decoration: underline;
 color: #ff6600;
}

/* ul 基本スタイル */
ul {
list-style-type: none;
margin: 1.1em 0;
padding: 0;
}

ul li {
margin: 0;
margin-left: 2.2em;
padding-top: 0.4em;
}

/* dl 基本スタイル */
dl {
font: normal 500 100% "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
}

dt {
font-weight: 700;
color: #003;
}

dd {
font-weight: 400;
font-size: 90%;
color: #000;
}

dd span {
font: normal 700 90% "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
color: #030;
}

/* テーブル */
table {
font: normal 500 80% "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
color: #000000;
margin: 0 auto ;
border-collapse: collapse;
border: 1px solid #999999;
}

td {
padding: 0.1em 0.2em;
border: 1px solid #999999;
background-color: #ffffff;
color: #000000;
}

/* 画像のフローティング */
img.center {
display: block;
margin: 0.8em auto;
text-align: center;
}

img.float-lft {
float: left;
margin: 0 0.8em 0 0;
}

img.float-rgt {
float: right;
margin: 0 0 0 0.8em;
}

.float-clr {
clear: both;
}

.flclear-lft {
clear: left;
}

.flclear-rgt {
clear: right;
}

/* 強調 */
em {
color: #609;
font: bold 500 100% "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
text-decoration: underline;
}

/*さらに強調*/
strong {
color: red;
font: bold 700 100% "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
text-decoration: none;
}

/*アンダーライン*/
.uline {
text-decoration: underline;
}

/*打ち消し線*/
.uchikeshi {
text-decoration: line-through;
}

/* 文字修飾 */
span.redletter {
	color: red;
}


/*Layout要素*/ 
/* container for main documents */
#maincontainer {
position: absolute;
top: 0;
left: 160px;
margin: 0;
padding: 0;
padding-top: 80px;
width: 600px;
color: #fff;
background-color: transparent;
background-image: url(./resources/top_mid.jpg);
background-position: top left;
background-repeat: no-repeat;
}

/* container for banner */
#rightside {
position: absolute;
top: 0;
left: 760px;
margin: 0;
padding: 0;
padding-top: 80px;
width: 220px;
color: #fff;
background-color: transparent;
background-image: url(./resources/top_right.jpg);background-position: top left;
background-repeat: no-repeat;
}

/* 本文エリアコンテンツボックス*/ 
div.maincopy {
text-align: left;
margin: 8px;
padding: 4px;
color: #fff;
background-color: transparent;
}

div.maincopy h1 {
display: run-in;
margin-right: 1.5em;
font: normal 500 90% "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
color: #fff;
background: transparent;
}

div.maincopy p {
margin: 0 -0.3em;
line-height: 1.1em;
font-size: small;
}

/* slideshow style */
div.slideshow {
color: #000;
background-color: #ccc;
margin: 0px auto;
}

div.slideshow p {
font-size: 70%;
padding-top: -14px;
}

div.slideshow ul {
color: #fff;
background: transparent;
bottom: 0;
position: absolute;
overflow: hidden;
padding: 4px 8px;
right: 0;
z-index: 1000;
}

div.slideshow ul a {
background: url(./resources/dot.png) no-repeat;
cursor: pointer;
display: block;
height: 14px;
margin: 0 4px 0 0;
overflow: hidden;
width: 12px;
}

div.slideshow ul a.prev {
background-image: url(./resources/prevArrow.png);
width: 14px;
}

div.slideshow ul a.next {
background-image: url(./resources/nextArrow.png);
margin-right: 0;
width: 14px;
}

div.slideshow ul a.active,
div.slideshow ul a.prev :hover,
div.slideshow ul a.next :hover {
background-position: 0 -14px;
}

div.slideshow ul li {
float: left;
list-style: none;
}

/* ニュースヘッドラインおよびピックアップコンテナ */
div.doccontainer {
width: 576px;
margin: 4px auto;
padding: 0;
text-align: center;
}

/* ヘッドラインコンテナ */
div.leftcontainer {
width: 324px;
margin: 0;
padding: 0;
float: left;
}

/* ヘッドラインコンテンツボックス */
div.leftblok {
font-size: 90%;
margin: 4px;
padding: 0.5em;
text-align: left;
color: #000;
background: #fff;
}

/* news headline list style */
div.leftblok ul.news {
list-style-type: none;
margin: 0;
margin-left: -1em;
padding: 0;
}

div.leftblok ul.news li {
padding-bottom: 0.2em;
border-bottom: 1px solid #666;
}

div.leftblok ul.news li span{
color: #939;
font-weight: 700;
font-size: 90%;
margin-left: -0.5em;
margin-right: 0.5em;
}

/* biz profile */
div.leftblok ul.biz {
margin: 0;
padding: 0;
list-style-type: square;
color: #000;
background: transparent;
font-size: 90%;
}

div.leftblok ul.biz li span {
color: #666;
font-size: 90%;
}

/* ピックアップコンテナ */
div.rightcontainer {
width: 252px;
margin: 0;
padding: 0;
float: right;
}

/* ピックアップコンテンツボックス */
div.rightblok {
font-size: 80%;
margin: 4px;
padding: 0.5em;
text-align: left;
color: #000;
background: #fff;
}

/* おすすめコンテンツボックス */
div.r-subblok {
font-size: 80%;
margin: 0;
padding: 0;
border: 1px solid #333;
width: 248px;
height: 60px;
text-align: left;
color: #333;
background: #fff;
clear: both;
}

div.subtext {
margin: 0.3em;
padding: 0;
text-align: left;
}

/* フッター */
div.footer {
margin: 4px;
padding: 8px;
border-top: 1px solid #fff;
font-size: 70%;
color: #fff;
background: #transparent; 
clear: both;text-align: center;
} 

/* サーチブロック */
div.searchblok {
font: normal 500 80% "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
margin: 4px;
padding: 1px;
border: 2px solid #cc3399;
color: #000;
background: #fff;
text-align: left;
line-height: 1.1;
clear: both;
}

div.searchblok table {
margin: 0 auto;
width: 200px;
border-collapse: collapse;
border: 1px solid #eee;
}

div.searchblok table td {
padding: 0.1em 0.2em;
border: 1px solid #eee;
background-color: #fff;
color: #000000;
}

/*バナーブロック*/
div.banner {
font: normal 600 80% "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
margin: 8px;
padding: 4px;
border: 1px solid #666;
color: #fff;
background: #transparent;
text-align: center;
line-height: 1.1;
clear: both;
}

div.banner a {
text-decoration: none;
font-weight: 600;
}

div.bannerblok {
padding: 0.66em;
margin: 4px;
text-align: left;
color: #fff;
background: transparent;
}

div.bannerblok p {
margin: -0.8em 0;
padding: 0;
font-size: 90%;
}

div.bannerblok a:link {color: #ff3; background: transparent;} 
div.bannerblok a:visited {color: pink; background: transparent;} 
div.bannerblok a:hover {color: #f60; background: transparent;}

div.bannerblok2 {
	padding: 0.66em;
	margin: 4px;
	border-radius:0.4em;
	-webkit-border-radius:0.4em;
	-moz-border-radius:0.4em;
	background: #484650;
	text-align: left;
	color: #fff;
}

div.bannerblok2 p {
margin: -0.8em 0;
padding: 0.8em;
font-size: 90%;
}

div.bannerblok2 a:link {color: #ff3; background: transparent;} 
div.bannerblok2 a:visited {color: pink; background: transparent;} 
div.bannerblok2 a:hover {color: #f60; background: transparent;}

/* News Head Line */ 
div.newshead {
font: normal 500 90% "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
color: #000;
background: #fff;
line-height: 1.18;
margin: 0.2em;
padding: 4px;
}


/* ページ左メニューセクション */
#leftside {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
padding-top: 120px;
width: 160px;
color: #fff;
background-color: transparent;
background-image: url(./resources/top_left.jpg);
background-position: top left;
background-repeat: no-repeat;
z-index: 100;
} 

/* 左メニューセクションlayout */
div#leftside ul {
width: 158px;
¥width: 130px;
w¥idth: 156px;
border: 1px solid #6f878e;
border-top: 0px;
margin: 0px;
padding: 0px;
font-size: 100%;
}

div#leftside li {
list-style-type: none;
margin: 0px;
padding: 0px;
border-top: 1px solid #6f878e;
color: aqua;
}

div#leftside li a {
display: block; 
width: 136px;
¥width: 128px;
w¥idth: 134px;
border: 0px;
border-right: 6px solid #6f878e;
font-weight: 700;
font-size: 90%; 
padding: 2px 8px;
text-decoration: none;
color: #fff;
background: #647378;
}

div#leftside a:hover {
color: #f30;
background: #ccc;
border-color: #c99;
}

div#leftside a:link#present,
div#leftside a:visited#present,
div#leftside a:hover#present {
color: #000;
background: #ccc;
border-color: #c99;
}


div#leftside li li a {
display: block; 
width: 126px;
¥width: 118px;
w¥idth: 124px;
text-align: left; 
font-weight: 500;
font-size: 80%;
padding-left: 12px;
margin: 0px 1px;
text-decoration: none;
color: #fff;
background: #6f878e;
}

div#leftside a span {
display: none;
}

div#leftside a:hover span {
display: block;
position: absolute;
top: 400px;
left: 0;
width: 124px;
padding: 5px;
margin: 10px;
z-index: 100;
color: #fff;
background: transparent;
font-weight: bold;
font-size: 80%;
line-height: 1.1;
text-align: center;
}
/* 左メニューセクション指定終了 */


/* プラグインダウンロード案内 */
div.pluginbdg {
margin: 4px;
margin-top: 36px;
padding: 4px;
font-size: 70%;
text-align: left;
color: #666;
background: #fff;
}

div.pluginbdg>span {
font-size: 26px;
}

/* 日付の書式 (date of issue)*/
.doi {
display: block;
width: 50%;
border-bottom: 1px solid #666;
font-size: 70%;
color: #666;
text-align: right;
clear: left;
}

/* 移転告知欄 */
div.spinfo {
margin: 0.6em; 
padding: 0.6em 1em;
border: 3px solid #2077ff;
color: black;
background-color: white;}

div.spinfo p {
line-height: 1.4;
font-size: 100%;
text-align: left;
}