@charset "UTF-8";

/* プロダクトサイト移設用外部css
------------------------------------------------------------------------------- */

* {
	margin:0;
	padding:0;
	background-color:transparent;
	font-style: normal;
	text-decoration: none;
	line-height: 1.5em;
	}

html {
	height: 100%;}
	
body  {
	font-family:Arial,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
		font-size: 100%;
	background: #f5f5f5;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
	min-width:980px;
	min-height: 100%;	
	}

.cs #pnkz{
	background-color:#fff;
	width: 960px; 
	margin: 0 auto;
	position:relative;
	font-size:80%;
	font-family:Arial,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";	
	filter: Alpha(opacity=70);
	opacity:0.7;
	padding: 5px 5px 5px 5px;
	border-top:#6d70b3 1px solid;
	border-bottom:#6d70b3 1px solid;
	}

.cs #container,  .cs #container_top{ 
	background-image:url(../img/common/bg.png) ;
	background-repeat:no-repeat;
	background-color:#FFF;
	width: 980px; 
	margin: 0 auto;
	border-left:#6d70b3 1px solid;
	border-right:#6d70b3 1px solid;
	height:auto;
	text-align: left;
	}
.cs #container_top {
	background-color: inherit;
	border:none;
}

.cs #header {
	background-image:url(/img/common/header.png);
	background-repeat: no-repeat;            /* 背景を繰り返さない */
	background-position: right top;        /* 背景画像の位置は右下 */
	width:980px;
	height:70px;
	padding: 0px;
	margin:0px;
	} 
	
.cs #header_top {
	background-color: #FFF;
	background-image:url(../img/common/bg.png);
	background-repeat: no-repeat;            /* 背景を繰り返さない */
	background-position: left top;        /* 背景画像の位置は右下 */
	border:#6d70b3 1px solid;
	border-width: 0 1px 1px 1px;
	width:980px;
	height:auto;
	padding: 0px;
	margin:0px -1px;
	} 
.cs .header_contents {
	background-image:url(/img/common/header.png);
	background-repeat: no-repeat;            /* 背景を繰り返さない */
	background-position: right top;        /* 背景画像の位置は右下 */
	height:auto;
	padding: 0px;
	margin:0px;
}	
	
.cs #sidebar {
	font-size:80%;
	font-family:Arial,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";	
	width: 270px;
	padding: 5px;
	height:auto;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left:20px;
	float: left; 
	}

.cs #sidebar h3, .cs #sidebar p {
	font-size:100%;
	font-family:Arial,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";	
	width: 270px;
	padding: 5px;
	height:auto;
	margin-bottom:10px;
	float: left; 
	}

.cs #maincontent {
	width:600px;
	float:right;
	margin-top:10px;
	margin-left:20px;
	margin-right:30px;
	padding: 5px;
	font-size:80%;
	font-family:Arial,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";	
	} 
	
.cs #maincontent-wide {
	width:940px;
	float:left;
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
	padding: 0px;
	min-height:600px;
	font-size:80%;
	font-family:Arial,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";	
	} 
	
.cs #footer {
	background-image:url(../img/common/footer.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	padding: 0px;
	background-color:#f5f5f5;
	height:62px;
	width:982px;
	margin: 0 auto;
	}

.footer_top {
	background-image:url(../img/common/footer_01.gif);
	background-repeat: repeat-x;
	background-position:top;
	background-color:#f5f5f5;
	height:15px;
	border-left:#6d70b3 1px solid;
	border-right:#6d70b3 1px solid;
	}

.cs #footer p {
	font-family:Arial,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";	
	font-size:0.6em;
	color:#FFF;
	font-weight:normal;
	text-align:center;
	padding: 7px 10px 5px;
	}

div { word-break: break-all; }

p {	padding: 5px 0 5px 0;	}

pre {
	background-color:#F60;
	margin:10px 0;
	overflow-x:auto;
	overflow-y:hidden;
	padding:6px 4px;
	}

a img {	border:none;}

code {
	font-size: 100%;
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";	
	margin:0;
	padding:0;
	}
	
.comment {color:#007B1C;}

.title{
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS P Gothic";
	width:280px;
	color:#333;
	font-size:110%;
	display:block;
	padding-left:5px;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:#6d70b3 2px solid;
	font-weight:bold;
	margin-bottom:5px;
	}


.line {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS P Gothic";
	width:280px;
	color:#333;
	font-size:100%;
	display:block;
	padding-left:5px;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:#6d70b3 1px solid;
	margin-bottom:5px;
	}
	
.linebold {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS P Gothic";
	width:280px;
	color:#333;
	font-weight:bold;
	font-size:100%;
	display:block;
	padding-left:5px;
	padding-bottom:2px;
	padding-top:0px;
	margin-top:7px;
	border-bottom:#6d70b3 5px solid;
	}



/* リンク
------------------------------------------------------------------------------- */

a:link{text-decoration:none;color: #588CAF;}/* デフォルト */
a:active{text-decoration:none;color: #6d70b3;}
a:visited{text-decoration:none;color: #888888;}
a:hover{color:#6d70b3;}

.a_sidebar a:link{text-decoration:none;color: #333333;}/* サイドバー */
.a_sidebar a:active{text-decoration:none;color: #6d70b3;}
.a_sidebar a:visited{text-decoration:none;color: #333333;}
.a_sidebar a:hover{color:#6d70b3;}

.a_footer a:link{text-decoration:none;color: #FFFFFF;}/* フッター */
.a_footer a:active{text-decoration:none;color: #6d70b3;}
.a_footer a:visited{text-decoration:none;color: #FFFFFF;}
.a_footer a:hover{color:#6d70b3;}



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

h1 {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
	width:600px;
	color:#333333;
	font-size:110%;
	display:block;
	padding: 5px 0 5px 5px;
	margin-bottom:5px;
	border-bottom:#6d70b3 2px solid;
	}

h1.wide {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
	width:940px;
	color:#333333;
	font-size:110%;
	display:block;
	padding: 5px 0 5px 5px;
	margin-bottom:5px;
	border-bottom:#6d70b3 2px solid;
	}

h2 {
	width:600px;
	height:auto;
	min-height:18px;
	_height:18px;
	color:#333333;
	font-size:110%;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:6px;
	padding-left:5px;
	padding-bottom:2px;
    border-bottom:#555555 2px solid;
	}

h3 {
	color:#6d70b3;
	font-size:100%;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin:20px 0 5px 0;
	}

h4 {
	color:#4E4E4E;
	font-size:100%;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin:10px 0 5px 0;
	}



/* TEXT 
------------------------------------------------------------------------------- */

.text_r { /* 赤 */
	color:#fc4444;
	margin: 0 5px 0 0;
	}
	
.text_rb { /* 赤・太*/
	color:#fc4444;
	margin: 0 5px 0 0;
	font-weight:bold
	}

.text_s { /* 字・小 */
	font-size: 10px;
	*font-size: 80%; /* IE 7 */
	*font: 80%; /* IE 6以下 */
	}


/* 寄せ
------------------------------------------------------------------------------- */
.r{clear:right}

.l{clear:left}


/* BOX
------------------------------------------------------------------------------- */

.box_g { /* 灰 */
	border: 1px solid #999999;
	padding: 5px 7px;
	margin: 5px;
	}

.box_r { /* 赤 */
	border: 1px solid #fc4444;
	padding: 5px 7px;
	margin: 5px;
	}

.box_p { /* 紫 */
	border: 1px solid #6d70b3;
	padding: 5px 7px;
	margin-top:5px;
	margin-bottom:5px;
	}

.box_n { /* 過去News */
	border: 1px solid #cccccc;
	padding: 5px;
	margin-top:5px;
	margin-bottom:5px;
	width:565px;
	}



/* テーブル
------------------------------------------------------------------------------- */


.tb_line table {
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	border:solid #CCC 1px;
	border-width:1px 0 0 1px;
	border-collapse:collapse;
	border-spacing:0;
	font-size:90%;
	}

.tb_line table th {
	border:solid #CCC 1px;
	text-align:center;
	font-weight:700;
	border-width:0 1px 1px 0;
	padding:3px 5px;
	}

.tb_line table td {
	border:solid #CCC 1px;
	border-width:0 1px 1px 0;
	padding:5px 7px 3px 7px;
	}
	
td, th {
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace,;
	}

.news td, th {
	font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	font-size:12pt;
	}

.black15, .black15 td, .black15 th {
	background:#E5E5E5;
	}

.black30, .black30 td, .black30 th {
	background:#B2B2B2;
	color:#FFF;
	}

.black45, .black45 td, .black45 th {
	background:#6E6E6E;
	color:#FFF;
	}



/* リスト
------------------------------------------------------------------------------- */


h5 {
	text-indent: 2px;
	width: 270px;
	padding-left:5px;
	padding-top:5px;
	font-style:normal;
	}
	
h5.menu{
	padding:0px;}

h5.list_2{
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS P Gothic";
	width:280px;
	color:#333;
	font-weight:bold;
	font-size:100%;
	display:block;
	padding:3px 0 5px 5px;
	margin: 3px 0 5px 0;
	border-bottom:#6d70b3 1px solid;
	}

.list_headerimage {
	margin:8px 0px 5px 0px;
	}
	
.list_headerimage li {
	list-style:none;
	min-height:19px;
	background:url(/img/common/header_arrow.gif) no-repeat -1px 0.2em;
	padding:0px 0px 0px 20px;
	margin:4px 0px 4px 0px;
	font-weight:normal;
	}

.list_sidebar li {
	clear:both; 
	list-style-type: none;
	padding:5px 0px 0px 5px;
	font-weight:normal;
	border-left: #6d70b3 5px solid;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	}

.list_headerdot {
	line-height:10px;
	list-style:none;
	margin:0;
	}

.list_headerdot li {
	list-style:none;
	background:url(/img/common/list_dot.gif) no-repeat -1px 3.5px;
	padding:0px 0px 0px 15px;
	font-weight:normal;
	}

ol.list_number li {
	margin-left:27px;
	font-weight:normal;
	}


ul.letter_index{
    margin:5px;
    font-size:12px;
	padding:5px;
}

ul.letter_index li {
	clear:both; 
	list-style-type: none;
	padding:5px 0px 0px 5px;
	font-weight:normal;
	border-left: #6d70b3 5px solid;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
}

p.indent{
	margin-bottom:0px;
	margin-left:2.4em;
	text-indent:-2.4em;
	}



/* ライン
------------------------------------------------------------------------------- */

hr.line_c {display:none;} /* 透明線 */

hr.line_d { /* 破線 */
	height: 1px;
	border: none;
	border-top: 1px #999999 dashed;
	}
	
hr.line_p{ /* TOP線 */
	height: 1px;
	border: none;
	border-top: 1px #6d70b3 solid;
	width:980px;
	}

hr.dotted{
	border-top: 1px #999999 dotted;
	width:600px;}
	

/* 共通
------------------------------------------------------------------------------- */

.cleaner {clear:both;}

.f_left { 
	float:left;
	margin-right:5px;
	margin-bottom:15px;
	}

.f_right {
	float:right;
	margin-left:5px;
	margin-bottom:15px;	
	}

.mar_btm0 {margin-bottom:0px !important;}
.mar_btm2 {margin-bottom:2px !important;}
.mar_btm4 {margin-bottom:4px !important;}
.mar_btm5 {margin-bottom:5px !important;}
.mar_btm6 {margin-bottom:6px !important;}
.mar_btm8 {margin-bottom:8px !important;}
.mar_btm10 {margin-bottom:10px !important;}
.mar_btm12 {margin-bottom:12px !important;}
.mar_btm14 {margin-bottom:14px !important;}
.mar_btm15 {margin-bottom:15px !important;}
.mar_btm18 {margin-bottom:18px !important;}
.mar_btm20 {margin-bottom:20px !important;}
.mar_btm24 {margin-bottom:24px !important;}
.mar_btm30 {margin-bottom:30px !important;}
.mar_btm40 {margin-bottom:40px !important;}
.mar_btm50 {margin-bottom:50px !important;}
.mar_left0 {margin-left:0px !important;}
.mar_left18 {margin-left:18px !important;}
.mar_left40 {margin-left:40px !important;}
.padd6 {padding:6px !important;}
.padd_left5{ padding-left:5px !important;}
.padd_left25{ padding-left:25px !important;}
.mar_top0 {margin-top:0px !important;}
.mar_top10 {margin-top:10px !important;}
.mar_right40 {margin-right:40px !important;}

.clear_after:after {
	content:"";
	display: block;
	text-indent: -9999px;
	height: 1px;
	clear: both;
	zoom: 1;
	overflow: hidden;
}

/* サイトマップ
------------------------------------------------------------------------------- */

.sitemap {margin-top:14px;line-height:150%;}

.sitemap ul {margin-bottom:16px;list-style-type:circle;list-style-position:inside;}

.sitemap ul ul {margin-bottom:4px;}

.sitemap ul li {
	margin-top:0px;	
	color:#666666;
	font-weight:bold;
	}

.sitemap ul ul li {
	margin-left:14px;
	font-weight:normal;
	}




/* 旧サイト用タグ※保存・表示専用※使用不可
------------------------------------------------------------------------------- */
	
.cs #maincontent-info {
width:600px;
	float:right;
	margin-top:10px;
	margin-left:20px;
	margin-right:30px;
	padding: 5px;
	font-size:80%;
	font-family:Arial,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";	
	} 
td.pale_gray, th.pale_gray {
	background-color: #f2f2f2;
}
ul.mark_down_arr {	/*アンカー下矢印リンクマーク*/
	list-style: url(/img/common/down_arr.gif);
	margin: 1px 0px 0px 20px;
	padding:0px;
	}

table.table_gen {
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	border-style: solid;
	border-width: 1px;
	border-color: #afafaf;
	font-size:90%;
}

table.table_gen td, table.table_gen th
	{
	padding:3px 5px;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #afafaf;
	}
	
table.table_gen td.ubold, table.table_gen th.ubold  {
	border-bottom-color: #afafaf; 
}

table.table_gen td.td_r, table.table_gen th.td_r {
	border-right-width: 0px; 
}

table.table_gen td.td_btm, table.table_gen th.td_btm {
	border-bottom-width: 0px; 
}

/* 右端と底辺はこっち優先で使って */
table.table_gen td.right, table.table_gen th.right {
	border-right-width: 0px; 
}

table.table_gen td.btm, table.table_gen th.btm {
	border-bottom-width: 0px; 
}
.h1textpage {
	padding-top:5px;	border-bottom:#6d70b3 2px solid;
	font-weight:bold;
	margin:0px 0px 14px 0px;
	padding:0px 10px 5px 0px;
	width:600px;
	
}
.h2textpage {
	margin:10px 0px 10px 0px;
	padding:0px 10px 5px 10px;
		width:600px;
}

.h2textpage02 {
	margin:10px 0px 14px 0px;
	padding:0px 5px 2px 14px;
	font-size:125%;
	width:600px;
}
.h3textpage {
	border-bottom:#ccc 2px solid;
	margin:5px 0px 4px 0px;
	font-size:100%;
	width:600px;
}
.h3textpage_color {
	border-bottom:#66F 2px solid;
	margin:5px 0px 4px 0px;
	color:#5a7e92;
	font-size:100%;
	width:600px;
}
.h4textpage {
	color:#444444;
	margin:10px 0px 0px 0px;
	font-size:100%;
	width:600px;
}

.font_red{
	color:#C00;
	
}

/* その他
------------------------------------------------------------------------------- */

.pointer{
	cursor:pointer;
	}
.pointer a:active{text-decoration:none;color: #6d70b3;}

/* 販売終了対応
------------------------------------------------------------------------------- */
.bt_eos_info, .bt_ps_bl_eos_info {
	position:relative;
}
.bt_eos_info a:hover, .bt_ps_bl_eos_info a:hover {
	opacity:0.2;
	filter: alpha(opacity=20);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=20)";  /* ie 8 */
	-moz-opacity:0.2;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.2;              /* Safari 1.x */
	zoom:1;
}
.bt_eos_info a {
	display:block;
	width:130px;
	height:34px;
	position:absolute;
	right:0;
	top:3px;
	text-indent:-9999px;
	background-color:#666666;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	opacity:0;
	filter: alpha(opacity=0);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity:0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0;              /* Safari 1.x */
	zoom:1;
}
.bt_ps_bl_eos_info a {
	display:block;
	width:96px;
	height:34px;
	position:absolute;
	right:0;
	top:3px;
	text-indent:-9999px;
	background-color:#666666;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	opacity:0;
	filter: alpha(opacity=0);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity:0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0;              /* Safari 1.x */
	zoom:1;
}
.thumb_eos {
	position: relative;
}
.thumb_eos span {
	display: block;
	text-indent: -9999px;
	width: 54px;
	height: 24px;
	background: url(../img/eos/thumb_eos.jpg) no-repeat left top;
	position: absolute;
	left: 0;
	top: 0;
}