@charset "Shift_JIS";
/* *************************　　リンクの設定 　　************************* */

/*　リンクの設定（基本）　*/
a:link{color:#405392;text-decoration:underline;}
a:visited{color:#5075B1;	text-decoration: underline;}
a:hover, a:active{color:#3399cc;text-decoration:none;}

/*　リンクの設定（パンくずリストの部分）　*/
.TableNavi a:link{ color:#0a50a1; text-decoration:none;}
.TableNavi a:visited{	color:0a50a1;	text-decoration: none;}
.TableNavi a:hover{	color:#FF8000; text-decoration:underline;}


/* *************************　　　共通の設定 　　************************* */

body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;

}

Table {
	font-size: x-small;
	color: #111111;
	line-height: 135%;
}

.TableBody {
	width: 950px;
}
.TableNavi {
	width: 950px;
	font-size: 12px;
	color: #666666;
}
.TableTitle {
	width: 950px;

}
.TableMain {
	width: 950px;
}

.TableMain2 {
	width: 720px;
}


.TableSub {
	width: 220px;
}

.TableFooter td {
	font-size: 11px;
	color: #4D4D4D;
}
.TableFooter a {
	font-size: 11px;
	color: #4D4D4D;
}
.NoHeader {
	width: 950px;
	font-size: 11px;
	color: #666666;
}

/* *********************　　　　　FONTの設定 　　　　********************* */

.FontBig {
	font-size: medium;
	line-height: 130%;
	font-weight: bold;


}
.FontSmall {
	font-size: xx-small;
	letter-spacing: 1px;
	line-height: 130%;

}

/* *********************　　シリーズページの設定 　　********************* */

.Series {
	width: 700px;
	margin: 0px;
	color: #333333;
}
.Series h1 {
	margin: 0px;
	font-size: medium;
	line-height: 130%;
	font-weight: bold;
	color: #FF0000;
}
.Series h2 {
	margin: 0px;
	padding-top: 15px;
	font-size: larger;
	color: #333333;
}
.SeriesDetail {
	font-size: 12px;
	line-height: 130%;
	font-weight: normal;
	color: #333333;
	width: 700px;

}


.SeriesHead {
	width: 700px;
}

.SeriesBody {	padding-left: 30px;	vertical-align: top;}
.FontBase {
	font-size: x-small;
	line-height: 130%;
	color: #111111;

}

.License {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 680px;
	height:150px;
}
.NewsBody {
	margin: 0;
	padding: 0px;
	scrollbar-face-color: #EEEEEE;
	scrollbar-track-color: #F2F2F2;
	scrollbar-arrow-color: #808080;
	scrollbar-3dlight-color: #BBBBBB;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-darkshadow-color: #BBBBBB;
}
#cach {
}

.catch_copy { 
font-size : x-small; 
font-weight : bold; 
border-bottom : 1px solid #CCCCCC; 
margin : 0 0 4px; 
padding : 0 4px 4px; 
} 

.product_name { 
margin : 0; 
padding : 0 4px 4px; 
} 

.series_name {
font-size : large; 
margin : 0; 
padding : 0 4px 8px; 
font-weight : bold; 
}

/*----------------------------------------
	追加css　2008.6.3
-----------------------------------------*/

#bg_top {
	background: url(/image/cmn_bg02_master.gif) no-repeat top center;
}

#keyword {
	width: 140px;
	height: 20px;
	border: #afafaf solid 1px;
	size: 23;
}

/* *********************　　フッターの設定 　　********************* */

#footer {
	color: #999999;
}

#footer a:link, #footer a:visited {
	color: #666666;
	text-decoration: underline;
}

#footer a:hover, #footer a:active {
	color: #666666;
	text-decoration: none;
}

/*----------------------------------------
	追加css　2008.7.11
-----------------------------------------*/

@media print{
body,
table#bg_top {
	background: none !important;
}
}


/*----------------------------------------

	追加分   2009.12.18
	  =1 global navigation area // 共通部分用スタイル指定
	    =1_1 header
	    =1_2 gnav
	  =2 global footer area // 共通部分用スタイル指定
	  =3 index main contents // index.html用スタイル指定
	    =3_1 レイアウト枠
	    =3_2 リスト部分のスタイル指定
	  =4 index foot navigation // index.html用スタイル指定
	    =4_1 グレーのリスト部分
	    =4_2 ロゴ部分
	  
	  ==clear box // 共通部分用スタイル指定

-----------------------------------------*/

/* ----------------------------------------
	=1 global navigation area
----------------------------------------- */
#header div, 
#header h1, 
#header ul, 
#header li, 
#header img, 
#header input, 
#gnav, 
#gnav li, 
#gnav img {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-align: left;
	text-indent: 0;
}

/* =1_1 header
----------------------------------------- */
form {
	margin: 0;
	padding: 0;
}
#header {
	width: 950px;
	margin: 0 auto;
	position: relative;
	zoom: 1;
}
#header #logoflash {
	float: left;
	width: 172px;
	overflow: hidden;
}

#header ul {
	position: absolute;
	  top: 21px;
	  left: 278px;
}
#header #search {
	float: right;
	margin-top: 21px;
	width: 223px;
	position: relative;
	left: 35px;
}
#search #keyword {
	border: 1px solid #999;
	width: 142px;
	height: 19px;
	position: absolute;
	  top: 0;
	  left: 0;
}
#search input#sbmt {
	position: absolute;
	  top: 0;
	  left: 142px;
}
#search img {
	position: absolute;
	  top: 0;
	  left: 172px;
}

#header li {
	float: left;
}
/* =1_2 gnav
----------------------------------------- */
#gnav  {
	width: 960px;
	margin: 0 auto;
}
#gnav ul {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 30px;
}
#gnav li {
	margin: 0;
	padding: 0;
	float: left;
}

/* ----------------------------------------
	  =2 global footer area
----------------------------------------- */
#gfooter {
	margin: 15px auto 0;
	padding: 0 0 12px;
	width: 740px;
	background: url(../image/foot_bg.jpg) no-repeat 0 0;
	text-align: center;
}
#gfooter ul, 
#gfooter li, 
#gfooter p {
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style: none;
	font-size: 10px;
	line-height: 1;
	text-align: center;
}
#gfooter ul {
	display: block;
	padding-top: 12px;
}
#gfooter li {
	padding: 0 3px;
	display: inline;
	border-left: 1px solid #666;
} 
#gfooter li a{
	color: #666;
}
#gfooter li.first {
	border-left: none;
}
#gfooter p {
	margin-top: 10px;
}
/* ----------------------------------------
	  =3 index main contents
----------------------------------------- */
#maincol ul, 
#maincol li, 
#maincol h2, 
#maincol p, 
#maincol img {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-align: left;
	text-indent: 0;
}
/* =3_1 レイアウト枠
----------------------------------------- */
.leftwrap {
	float: left;
}
.rightwrap {
	float: right;
}

#maincol {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
#wrap1 {
	width:740px;
}
#maincol .left1 {
	margin-right: 20px;
	width: 271px;
	_width: 289px;
}
.middle1 {
	width: 411px;
	_width: 429px;
}
.right1 {
	width: 180px;
	_width: 200px;
}
.right2 {
	width: 180px;
	_width: 200px;
	background-color: #ecffd8;
}


/* =3_2 リスト部分のスタイル指定
----------------------------------------- */
/* リスト部分のグレー枠 */
#maincol ul {
	margin-bottom: 20px;
	border: 1px solid #ccc;
	padding: 8px;
}
#maincol ul ul{
	margin: 0;
	border: none;
	padding: 0;
}

/* デフォルトのスタイル 左側部分 */
#maincol li li {
	padding: 12px 0 6px;
	color: #333;
	font-size: 12px;
	line-height: 1.5;
}

#maincol li li a:link, 
#maincol li li a:visited {
	background: none;
	color: #666;
	text-decoration: under-line;
}
#maincol li li a:hover, 
#maincol li li a:active {
	background: #effc16;
	text-decoration: under-line;
}
/* 中央部分 追加指定 */
#maincol .middle1 li li {
	padding: 0;
	width: 411px;
}
/* ﾘﾘｰｽ枠 */
#maincol .middle1 li li img{
	float: left;
	margin: 15px 12px 6px 0;
	margin-right: 12px;
	border: 1px solid #fff;
	display: inline;
}
#maincol .middle1 li li p{
	float: left;
	padding: 12px 0 6px;
	width: 327px;
}
/* 右側部分 追加指定 */
#maincol .right1 li li.support {
	margin-top: 5px;
	padding: 0;
	height: 20px;
	overflow: hidden;
}#maincol .right1 li li.bnr {
	margin: 0;
	padding: 0;
	height: 65px;
	overflow: hidden;
}
/*** 右側部分 追加指定(pushバナー用：一時設定用) */
#maincol .right1 li li.push {
	margin: 0;
	padding: 0;
	height: 80px;
	overflow: hidden;
}
#maincol .right1 li li.text{
	padding: 3px 0 3px 12px;
	background: url(../image/index_list01.gif) no-repeat 0 8px;
}
#maincol .right1 li li.top{
	margin-top: 5px;
}
/* 一覧へのリンク部分 */
#maincol li li.full {
	padding: 0 0 0 12px;
	background: url(../image/index_list02.gif) no-repeat 0 4px;
	font-size: 10px;
	float: right;
}
#maincol .middle1 li li.full {
	width: auto;
}
/* =3_3 Flash部分のスタイル指定
----------------------------------------- */
#mainflash {
	margin: 13px auto 22px;
}
#mainflash p.text{
	padding-top: 100px;
}
.adobedl {
	color: #666;
	font-size: 14px;
	font-weight: bold;
}

/* ----------------------------------------
	  =4 index foot navigation
----------------------------------------- */
#footcol ul, 
#footcol li, 
#footcol img, 
#footcol p {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-align: left;
	text-indent: 0;
}

/* =4_1 グレーのリスト部分
----------------------------------------- */
#footcol {
	background: #f6f6f6;
	text-align: center;
	padding-top: 5px;
	
}

#footcol .foot1{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#footcol ul {
	float: left;
	padding-bottom: 15px;
}
#footcol ul ul {
	float: none;
	padding-bottom: 0;
}
#footcol ul li p{
	padding: 0 0 0 8px;
	background: url(../image/index_list01.gif) no-repeat 0 8px;
	font-size: 12px;
	line-height: 2;
}
#footcol ul li h3{
	margin: 0 auto;
	padding: 0 0 0 8px;
	background: url(../image/index_list01.gif) no-repeat 0 8px;
	font-size: 12px;
	line-height: 2;
	font-weight: bold;
}
#footcol ul li p.none{
	background:none;
}
#footcol ul li li {
	padding: 0;
	background: none;
	font-size: 10px;
	text-indent: 0;
	line-height: 1.4;
}
#footcol ul li a{
	color: #333;
	zoom: 1;
}
#footcol ul li li a{
	color: #666;
	zoom: 1;
}
#footcol li a {
	text-decoration: none;
}

#footcol ul li h4{
	font-size: 10px;
	margin: 0 auto;
	font-weight: normal;
}
#footcol li a:hover, 
#footcol li a:active {
	text-decoration: underline;
}

/* リストの幅指定 */
#footcol .w175{
	width: 175px;
}
#footcol .w170{
	width: 170px;
}
#footcol .w157{
	width: 157px;
}
#footcol .w164{
	width: 164px;
}
#footcol .w135{
	width: 135px;
}
#footcol .w120{
	width: 120px;
}


/* =4_2 ロゴ部分
----------------------------------------- */
#footlogo img {
	border: 0;
}
#footlogo p{
	text-align: center;
	margin: 0;
	padding: 0;
}
#footlogo .logoE{
	margin: 30px auto;
}
#footlogo .logos{
	margin: 0;
	padding: 4px 0 0;
}

/* ----------------------------------------
	==clear box
----------------------------------------- */
.block:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.block {
  zoom: 1;
}

/* 臨時お知らせ　タイトル部スタイル
----------------------------------------- */
.oshirase {
	font-size:14px;
	line-height:1.2;
	color:#FF0000;
	font-weight: bold;
}