@charset "utf-8";
/* ****************************************************************************
  ＣＭサイトの標準スタイルシート
**************************************************************************** */
@import url('default.css');

/* ----------------------------------------------------------------------------
  タイプ セレクタ
---------------------------------------------------------------------------- */
html
{
	/* 拡大縮小で背景が連動しない不具合対策
	   参考:http://le-arche.jugem.jp/?eid=61
	   これでもダメなら、bodyの中にもう一つブロックで解消するしかないだろう */
	background-color:#fff;
	height: 100%;
}

body
{
	background-position: center;
	background-image: url( '/cmusic/images/bg.gif' );
	background-repeat: repeat-y;
/*
	background-image:url('/cmusic/images/top_renew_20100531/bg_body.gif');
	background-repeat:repeat-x;*/
	color: #333;
	height: 100%;
}

html>body
{
	height:auto;
	/* 結局これで元の木阿弥*/
}

p
{
	line-break: strict;
}
/*
h2
{
//	line-height: 1.4;
//	margin: 2px 0;
//	padding: 0 0.6em;
//	border-top-width: medium;
//	border-top-color: #AA3;
//	border-top-style: solid;
//	background-image: url( '/cmusic/images/h3bg.gif' );
//	background-repeat: repeat-x;

	background-image: url( '/cmusic/images/zn_h2bg.jpg' );
	background-repeat:no-repeat;
	clear: both;
	height:18px;
	padding:1px 0 0 0;
//	font-size:12px;
	font-size:13px;
	text-indent: 0.5em;
	border-left: 0 none;
	border-color:inherit;
	color:White;
}
*/
h2
{
/*
	background-image: url( '/cmusic/images/top_renew_20100531/h2bg.gif' );
	background-repeat:no-repeat;
*/
    margin:0 0 4px 10px;
    padding-bottom:6px;
    font-size:18px;
    font-weight:bold;
    letter-spacing:1px;
    line-height:120%;
/*
	background-image:none;
	border-bottom:solid 1px #ccc;
*/
/*
	color:black;
	font-size:95%;
	height:21px;
	clear:both;
*/
}

h5, h6
{
/*
	clear: both;
	line-height: 1.4;
	text-indent: 0.3em;
	border-left: 0.5em solid;
	border-color: #AA3;
*/
}

h3
{
/*	background-image: url( '/cmusic/images/h3bg.gif' );
	background-repeat: repeat-x;
*/
/*
	background-image: url( '/cmusic/images/zn_h3bg.gif' );
	background-repeat:no-repeat;
	clear: both;
	height:19px;
	padding:2px 0 0 0;
	font-size:12px;
	text-indent: 1.5em;
	border-left: 0 none;
	border-color:inherit;
*/
	background-image: url( '/cmusic/images/top_renew_20100531/h2bg.gif' );
	background-repeat:no-repeat;
    margin-bottom:14px;
	color:#444;
	font-size:97%;
	height:23px;
	clear:both;
}

h4
{
/*
	margin-top: 1em;
	background-color: #eeeef8;
	border-bottom: 1px dotted;
*/
	clear: both;
	height: 16;
	line-height: 1.4;
	font-size:12px;
	text-indent: 1em;
	padding-bottom: 5px;
	margin-left:0.3em;

	margin-top: 1em;
	background-image: url( '/cmusic/images/zn_h4bg.gif' );
	background-repeat:no-repeat;
	background-position: left bottom;
}

h5
{
   	clear: both;
    color: #008;
    border-left: none;
    margin-left: 0.8em;

/*
	margin-left: 0.3em;
	border-left: 0.5em solid;
	border-color: #008;
*/
	font-size:12px;
	line-height: 1.4;
	text-indent: 0.3em;
}

h6
{
	clear: both;
	color: Black;
	font-size:12px;
	line-height: 1.4;

	margin-left: 0.8em;
	text-indent: 0.3em;
/*
	margin-left: 0.4em;
	border-left: 0.5em solid;
*/
	border-color: #00c;
}

h3 a[href],
h4 a[href],
h5 a[href],
h6 a[href]
{
/*
	display: block;
	color: #333;
	text-decoration: none;
	margin-bottom: -1px;
	border-bottom: 1px solid #aa3;
	background-image: url( '../images/headlinka.png' );
	background-position: right center;
	background-repeat:no-repeat;
*/
	display: block;

	text-decoration: none;
	margin-bottom: -1px;
	background-image: url( '../images/headlinka.png' );
	background-position: right center;
	background-repeat:no-repeat;
}

h3 a[href],
h4 a[href],
h6 a[href]
{
   	color: #444;
}

h5 a[href]
{
   	color: #008;
}

h3 a[href]:hover,
h4 a[href]:hover,
h5 a[href]:hover,
h6 a[href]:hover
{
/*
	color: #a22041;
	margin-left: -0.5em;
	border-left: 0.5em solid;
	border-color: #a22041;
	background-image: url( '../images/headlinkah.png' );
*/
	color: #71aa00;
	background-image: url( '../images/headlinkah.png' );
}

strong
{
	font-weight: normal;
	color: Red;
}

/* ----------------------------------------------------------------------------
  汎用クラス
---------------------------------------------------------------------------- */
.center
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

img.center
{
	display: block;
	margin: 10px auto;
}

/*
	下のほうに imgbox_ というのがあるので整理したい
*/
.pleft
{
	margin: 5px 20px;
	float: left;
}

.pright
{
	float: right;
	margin: 5px 20px;
}

.evenhorizontal
{
	text-align: center;
	width: 100%;
}

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

.evenhorizontal img
{
	margin-left:10px;
	margin-right:10px;
}

.symbol
{
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
}

.evenhorizontal div.caption-set
{
	float: left;
}

.caption
{
	margin-top: 0;
	font-size: 7pt;
	display: block;
	color: #666;
	text-align: center;
}

.rewind
{
    clear: both;
}

/* ----------------------------------------------------------------------------
  CLEAR HACKS
---------------------------------------------------------------------------- */
.clear:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:0.1em;
	line-height:0;
}
.clear { display: inline-table; }
/* *Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* *End hide from IE-mac */

/* ----------------------------------------------------------------------------
  コンテナ
---------------------------------------------------------------------------- */
div#container
{
	width: 786px;
	padding: 0;
	margin: 0 auto;
/*
	background-position: center;
	background-image: url( '/cmusic/images/top_renew_20100531/bg_container.gif' );
	background-repeat: repeat-y;*/
}

/* ----------------------------------------------------------------------------
  ヘッダ
---------------------------------------------------------------------------- */
div#header_box
{
    height:96px;
}

div#header
{
/*
	padding: 0 20px;
	margin: 0;
	float: left;
	background-color: #00552e;
	height: 66px;
*/
	/* ちょっと実験 */
/*
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#00552e,endColorStr=#028760);
*/
	border-top: 6px solid #555;
}

/* ----------------------------------------------------------------------------
  ロゴ
---------------------------------------------------------------------------- */
#logo
{
	margin: 20px 0 0 16px;
	padding: 0;
	width: 300px;
	float: left;
}

/* ----------------------------------------------------------------------------
  会社名
---------------------------------------------------------------------------- */
#company
{
	float: right;
	margin: 10px 16px 0 0;
	padding: 0 0 12px 0;
}

/* ----------------------------------------------------------------------------
  サイト内検索
---------------------------------------------------------------------------- */
#search
{
	clear: right;
	float: right;
	padding:0 0 0 0;
	margin: 0 16px;
}

/* ----------------------------------------------------------------------------
  学校向けサイト
---------------------------------------------------------------------------- */
div#schoolsite
{
	clear: right;
	float: right;
	padding:0 0 0 0;
	margin: 0 16px;
}

div#schoolsite p a
{
	color: #e62f8b;
}

div#schoolsite p
{
	font-size: 80%;
}

/* ----------------------------------------------------------------------------
  ナビゲーション
---------------------------------------------------------------------------- */
#navi_box
{
    height:56px;
    clear:both;
}

#navi
{
	clear: both;
	padding: 0px;
	margin: 0 0 0 16px;
	list-style-type: none;
	width:105%;
}

#navi ul
{
	margin: 0;
	padding: 0;
	/*
	FireFoxであわせようとするがだめだなあ
	仕方ないのでcompanyの下paddingで調整中
	*/
	position: relative;
	bottom: 0;
}

#navi li
{
	padding: 0;
	float: left;
	text-align: center;
	margin:0 4px 0 0;
	width: 148px;
}

#navi li span
{
    font-size:66%;
    color:#71aa00;
    letter-spacing:1px;
    display:block;
}

#navi li a
{
/*
	font-weight: bold;
	padding: 2px 0;
	display: block;
	text-decoration: none;
	color: #333;
	background-color: #BBB;
	border-top: 4px solid #AAA;
*/
    font-size:106%;
	font-weight: bold;
	padding: 10px 0 0 4px;
	height: 35px;
	display: block;
	text-decoration: none;
	color: #555;
	line-height:16px;
	border-bottom: 3px solid #666;
/*	background-image:  url( '/cmusic/images/zn_nvbg.gif' );*/
	background-position: left top;
	background-repeat:no-repeat;
}

#navi li a:hover
{
/*
	color: #a22041;
	background-color: #CCC;
	border-top-color: #598;
*/
    color: #71aa00;
	border-bottom: 3px solid #7b0;
	background-color:Transparent;
}

#products #navi li#products a,
#movie #navi li#movie a,
#download #navi li#download a,
#shop #navi li#shop a,
#qanda #navi li#qanda a
{
    color: #71aa00;
	border-bottom-color:#7b0;
}

#products #navi li#products a:hover,
#movie #navi li#movie a:hover,
#download #navi li#download a:hover,
#shop #navi li#shop a:hover,
#qanda #navi li#qanda a:hover
{
    color: #71aa00;
	border-bottom-color:#7b0;
}

/* ----------------------------------------------------------------------------
  グローバルナビ
---------------------------------------------------------------------------- */
div#foot-navi
{
	background-image: url( '/cmusic/images/top_renew_20100531/sightmapbg.jpg' );
	background-repeat: repeat-x;
	background-color:Transparent;
	
	margin: 15px 0 0 0;
	padding: 5px 20px;
	font-size: 70%;
	clear: both;
	color:#fff;
	overflow:hidden;
}

div#foot-navi a
{
	color: #666;
}

div#foot-navi a:hover
{
	color: #71aa00;
	background-color:Transparent;
}

div#foot-navi ul
{
	margin: 0;
	font-size: 1.2em;
}

div#foot-navi li
{
	margin:0 0 6px;
	padding:0;

    padding-left:1em;
    text-indent:-0.9em;
}

div#foot-navi li a span
{
    font-weight:bold;
    line-height:28px;
}

div#foot-navi li.last
{
	border-right-style: solid;
}

/* ----------------------------------------------------------------------------
  ナビゲーション
---------------------------------------------------------------------------- */
.floatLeft
{
	padding: 0 15px 0 0;
	margin: 0;
	list-style-type: none;
	width:137px;
	float:left;
	line-height:17px;
}

.floatLeft ul
{
	padding: 0;
	/*
	FireFoxであわせようとするがだめだなあ
	仕方ないのでcompanyの下paddingで調整中
	*/
	position: relative;
	bottom: 0;
}

.floatLeft li
{
	padding: 0;
	margin-left: 0;
}

.floatLeft li a
{
    font-size:105%;
	padding: 0 0 0 0;
	display: block;
	text-decoration: none;
	background-position: left top;
	background-repeat:no-repeat;
}

.floatLeft li a span
{
}

.floatLeft li a:hover
{
    color: Red;
}

.floatRight
{
	padding: 0 0 0 0;
	margin: 0;
	list-style-type: none;
	width:137px;
	float:left;
	line-height:17px;
}

.floatRight ul
{
	padding: 0;
	/*
	FireFoxであわせようとするがだめだなあ
	仕方ないのでcompanyの下paddingで調整中
	*/
	position: relative;
	bottom: 0;
}

.floatRight li
{
	padding: 0;
	margin-left: 0;
}

.floatRight li a
{
    font-size:105%;
	padding: 0 0 0 0;
	display: block;
	text-decoration: none;
	background-position: left top;
	background-repeat:no-repeat;
}

/* ----------------------------------------------------------------------------
  パンくずリスト
---------------------------------------------------------------------------- */
#topicPath
{
    margin:10px 0 10px;
    padding-left:10px;
}

#topicPath li
{
/*
    font-size:16px;
    */
    font-size:10px;
    font-weight:normal;
    letter-spacing:1px;
	display: inline;
	line-height: 120%;
	margin-bottom:0px;
	list-style-type: none;
}

#topicPath li a
{
    color:#71aa00;
}

#topicPath li a:hover
{
    color:#999;
}

/* ----------------------------------------------------------------------------
  メインコンテンツ
---------------------------------------------------------------------------- */
div#main
{
	margin: 0 0 4px 0; 
	padding: 0 6px 6px 6px; 
	float: right;
	width: 580px;
}

div#main p
{
    margin-left: 1.2em;
}
p a, li a, #main dt a, #main dd a
{
/*
    color: #800;
    */
	text-decoration: none;
	color: #71aa00;
}

p a:hover, li a:hover, #main dt a:hover, #main dd a:hover
{
/*
    text-decoration: underline;
    color: #800;
    */
	text-decoration: none;
	color: #999;
/*
	color: White;
	background-color:#7b0;
	*/
}

#main li p
{
    margin-left: 0;
}

#main li h5, #main li h6
{
    margin-left: 0;
    text-indent: 0;    
}

/* ----------------------------------------------------------------------------
  通常のコンテンツ
---------------------------------------------------------------------------- */
div#contents
{
	margin: 4px 16px;
	width: 756px;
	/*background-color: #f0f0e0;*/
}

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

/* ----------------------------------------------------------------------------
  フッタ
---------------------------------------------------------------------------- */
div#footer
{
	padding: 5px 20px;
	line-height: 1.5;
	font-size: 70%;
	background-color: #777;
	clear: both;
	color: #eee;
	overflow:hidden;
}

div#footer a
{
	color: White;
}

div#footer a:hover
{
	color: #666;
}

div#footer ul
{
	margin: 0;
	font-size: 1.2em;
}

div#footer li
{
	border-width: 1px;
	border-color: #aaa;
	display: inline;
	border-left-style: solid;
	padding-left: 5px;
	padding-right: 5px;
}

div#footer li.last
{
	border-right-style: solid;
}

div#sidebarflame
{
    margin: 0;
	padding: 0;
	float: left;
	width: 148px;
	clear: both;
}

/* ----------------------------------------------------------------------------
  サイドバー(実験中)
---------------------------------------------------------------------------- */
div#sidebar
{
/*	margin: 0;
	padding: 0;
	float: left;
	width: 160px;
	clear: both;
	background-color: #DDD;*/	/* contentsのclearfixが機能していないので背景の高さがない */

	margin: 0;
	padding: 0;
	float: left;
	width: 148px;
	clear: both;
}

div#sidebar p
{
	margin: 0 2px;
	padding: 2px;
/*	border-top: 1px solid #ccc;*/
	text-align:center;
	font-size: 80%;
}

div#sidebar ul+p
{
    padding-top: 8px;
    border-top:none;
}

div#sidebar p a
{
	margin: 0 0 0 0;
	text-decoration: none;
	color: #f60;
	display: inline-block;
/*
	background: url( '../images/button/zn_topliststylea.gif' ) no-repeat left center;
*/
}

div#sidebar p a:hover
{
    text-decoration: underline;
    color: #800;
/*
	background: url( '../images/button/zn_topliststyleah.gif' ) no-repeat left center;
*/
}

/* ----------------------------------------------------------------------------
  バグの応急処置（2010.07.15 kawacast）
---------------------------------------------------------------------------- */
div#sidebar2
{
/*	margin: 0;
	padding: 0;
	float: left;
	width: 160px;
	clear: both;
	background-color: #DDD;*/	/* contentsのclearfixが機能していないので背景の高さがない */

	margin: 0;
	padding: 0;
	float: left;
	width: 148px;
	clear: both;
}

div#sidebar2 p
{
	margin: 0 2px;
	padding: 2px;
/*	border-top: 1px solid #ccc;*/
	text-align:center;
	font-size: 80%;
}

div#sidebar2 ul+p
{
    padding-top: 8px;
    border-top:none;
}

div#sidebar2 p a
{
	margin: 0 0 0 0;
	text-decoration: none;
	color: #f60;
	display: inline-block;
/*
	background: url( '../images/button/zn_topliststylea.gif' ) no-repeat left center;
*/
}

div#sidebar2 p a:hover
{
    text-decoration: underline;
    color: #800;
/*
	background: url( '../images/button/zn_topliststyleah.gif' ) no-repeat left center;
*/
}

/* ----------------------------------------------------------------------------
  ソフトウェアご使用上の注意
---------------------------------------------------------------------------- */
#copyright
{
	margin: 10px;
	padding: 1em;
	background-color: #f8f4e6;
}

/* ----------------------------------------------------------------------------
  ローカルナビ
---------------------------------------------------------------------------- */
.lnavi
{
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.lnavi li
{
	font-size:12px;
	letter-spacing:-1px;
    padding: 0;
	margin: 4px 0 0 0;
}

.lnavi li a
{
	padding: 0 2px 0 10px;
	display: inline-block;
	text-decoration: none;
	font-weight:bold;
	color:#666;
	background-color: #eee;
	vertical-align: middle;
	width: 134px;
	border-bottom: 2px solid #666;
}

.lnavi li.new a
{
	padding-right: 24px;
	background-image: url( '../images/new.png' );
	background-position: right bottom;
	background-repeat: no-repeat;
}

.lnavi li a:hover
{
	color: #7b0;
	background-color: White;
	border-bottom-color: #7b0;
}

.lnaviChild
{
	font-size: 1em;
	clear: both;
	margin: 0 0 0 3px;
	padding: 0;
}

/*
	IE7だと前のliで行が空くのでとりあえずハック
*/
*:first-child+html .lnaviChild
{
	margin-top: -1.4em;
}

/*
	IE6も同様
*/
* html .lnaviChild
{
	margin-top: -1.4em;
}

.lnaviChild li
{
	list-style-type: none;
	list-style-position:outside;
	font-size: 11px;
	letter-spacing:-1px;
    border-style: none;
	margin: 0;
}

.lnaviChild li a
{
	padding-left: 1em;
	font-weight:normal;

	display: inline-block;
	border-left-width: 0px;
	color: #333;
	background-color:White;
	width: 130px;
	border-bottom-width: 0;
}

.lnaviChild li a:hover
{
/*
	list-style-image: url( '../images/lnavichildh.png' );
*/
}

/* ----------------------------------------------------------------------------
  デフォルトの表
---------------------------------------------------------------------------- */
table.defaulttable
{
	margin: 0.5em auto;
	width: 96%;
	border: 1px solid #333;
	border-collapse: collapse;
	empty-cells: show;
	caption-side: top;
	text-align: center;
	vertical-align: middle;
/*	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
*/}

table.defaulttable th
{
	padding: 0.2em 0.3em;
	border-width: 1px;
	border-style: solid;
	background-color: #67b5b7;
}

table.defaulttable td
{
	padding: 0.2em 0.3em;
	border-width: 1px;
	border-style: solid;
}

/* ----------------------------------------------------------------------------
  比較表
---------------------------------------------------------------------------- */
table.compare
{
	margin: 0.5em auto;
	width: 96%;
	border: 1px solid #333;
	border-collapse: collapse;
	empty-cells: show;
	caption-side: top;
	text-align: center;
	vertical-align: middle;
	font-family: "メイリオ" , "Meiryo" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS P Gothic" , "Osaka" ,Verdana,Arial, Helvetica, sans-serif;
	font-size: 80%;
	table-layout: fixed;
}

table.compare th
{
	padding: 0.2em 0.3em;
	border-width: 1px;
	border-style: solid;
	background-color: #dbebc4;
	font-weight: normal;
}

table.compare th.group
{
	font-weight: bold;
	background-color: #deb068;
}

table.compare td
{
	padding: 0.2em 0.3em;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
}

table.compare .odd
{
	background-color: #e7e7eb;
}

table.compare .even
{
	background-color: #fff;
}

/* ----------------------------------------------------------------------------
  交互に行の背景を変更
---------------------------------------------------------------------------- */
table.alterrow .odd
{
	background-color: #e8ece9;
}
table.alterrow .even
{
	background-color: #fff;
}

/* ----------------------------------------------------------------------------
  横型定義リスト
---------------------------------------------------------------------------- */
dl.horizontal
{
	margin: 0.6em 1em;
	padding: 0;
}

dl.horizontal dt
{
	clear: both;
	font-weight: bold;
	padding: 0.2em 0;
	float:left;
	width: 4em;
	border-top: 1px #CCCCCC solid;
}
dl.horizontal dt:first-of-type
{
	border-top-style: none;
}

dl.narrow dt
{
	width: 2em;
}

dl.wide dt
{
	width: 8em;
}

dl.verywide dt
{
	width: 12em;
}

dl.ultrawide dt
{
	width: 20em;
}

/* 本当はdtにclearとfloatの両方があることに原因がありそうだが
   とりあえずモダンブラウザだけの現象なのでここでハック */
html>/**/body dl.horizontal dd:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

dl.horizontal dd
{
	padding: 0.2em 0.5em;
	margin-left: 4em;
	border-top: 1px #CCCCCC solid;
}

dl.horizontal dd:first-of-type
{
	border-top-style: none;
}

dl.narrow dd
{
	margin-left: 2em;
}

dl.wide dd
{
	margin-left: 8em;
}

dl.verywide dd
{
	margin-left: 12em;
}

dl.ultrawide dd
{
	margin-left: 20em;
}

dl.horizontal dd+dt
{
	margin-top: 0;
}

/* ----------------------------------------------------------------------------
  縦型定義リスト
---------------------------------------------------------------------------- */
dl.vertical
{
	margin: 0.6em 1em;
	padding: 0;
	border: 1px dotted #333;
}

dl.vertical dt
{
	font-weight: bold;
	margin: 0;
	padding: 0.2em 1em;
	background-color: #cbc2c6
}

dl.vertical dd
{
	margin: 0;
	padding: 0.2em 1em;
}

/* ----------------------------------------------------------------------------
  動作環境の定義リスト
---------------------------------------------------------------------------- */
dl.requirement
{
    clear: both;
	font-size: 100%;
	margin: 0.6em 0;
	padding: 0;
}

dl.requirement p
{
	line-height: 1.2;
	margin: 0.2em 0;
}

dl.requirement dt
{
	clear: both;
	font-weight: bold;
	padding: 0.2em 0;
	float:left;
	width: 10em;
	border-top: 1px #CCCCCC solid;
}

dl.requirement dt:first-of-type
{
	border-top-style: none;
}

dl.requirement dd
{
	padding: 0.2em 0.5em;
	margin-left: 10em;
	margin-bottom: 0.4em;
	border-top: 1px #CCCCCC solid;
}

dl.requirement dd:first-of-type
{
	border-top-style: none;
}

dl.requirement dd+dt
{
	margin-top: 0;
}

/* ----------------------------------------------------------------------------
  横並びリスト
---------------------------------------------------------------------------- */
ul.horizontal
{
	margin-bottom: 1em;
	margin-right: 0;
	margin-left: 1em;
}

ul.horizontal li
{
	display: inline;	/* floatよりもいい感じ */
	margin-right: 2em;
	list-style-type: circle;	/* マーカーが表示されんぞ */
}

/* ----------------------------------------------------------------------------
  コラム
---------------------------------------------------------------------------- */
div.column
{
	margin: 0.5em 1em;
	padding: 0.8em 2em 0.8em 1em;
	-moz-border-radius: 15px;
	border: 1px solid #864;
	background-color: #fff5dd;
	clear: both;
}

div.column p
{
	margin: 0;
}

p.column
{
    clear: both;
	margin: 0.5em 2em;
	padding: 0.8em 2em;
	-moz-border-radius: 15px;
	border: 1px solid #864;
	background-color: #fff5dd;
}

div.column .warning
{
	margin-top: 0;
	border-bottom: 1px dotted #ff8c00;
	color: #ff8c00;
	font-weight: bold;
}

div.column .important
{
	margin-top: 0;
	border-bottom: 1px dotted Red;
	color: Red;
	font-weight: bold;
}

/* ----------------------------------------------------------------------------
  ダウンロードページへボタン
---------------------------------------------------------------------------- */
span.dlpage a
{
	background: url( '../images/button/dlpage.png' ) no-repeat 0px 0px;
	display: block;
	text-indent: -9999px;
	min-height: 20px;
}

span.dlpage a:hover
{
	background-image: url( '../images/button/dlpage_h.png' );
}

/* ----------------------------------------------------------------------------
  詳しくはリンク
---------------------------------------------------------------------------- */
.fordetail
{
	margin: 0 0 0 auto;
	text-align: right;
}

.fordetail a
{
	text-decoration: none;
/*	font-weight: bold;
*/	color: #f60;
	padding-left: 18px;
	background: url( '../images/button/zn_fordetaila.gif' ) no-repeat left center;
}

.fordetail a:hover
{
    text-decoration: underline;
    color: #aaa;
	background: url( '../images/button/zn_fordetailah.png' ) no-repeat left center;
}

/* ----------------------------------------------------------------------------
  外部リンク
---------------------------------------------------------------------------- */
.globallink
{
    clear:both;
    margin:0 0 4px 0;
    font-size:11px;
    text-align:left;
}

.globallink a
{
	color: #71aa00;
	background: url( '../images/top_renew_20100531/linkicon_global.gif' ) no-repeat left center;
    padding-left:20px;
}

.globallink a:hover
{
    color: #aaa;
	background: url( '../images/top_renew_20100531/linkicon_global.gif' ) no-repeat left center;
}

/* ----------------------------------------------------------------------------
  図と説明
---------------------------------------------------------------------------- */
div.imgbox_top,
div.imgbox_bottom,
div.imgbox_left,
div.imgbox_right
{
	clear: both;
	margin: 0 0.5em 1.5em;
}

div.imgbox_top img,
div.imgbox_bottom img
{
	text-align: center;
}

div.imgbox_left img
{
	display: block;
	float: left;
	margin-right: 10px;
}

div.imgbox_right img
{
	display: block;
	float: right;
	margin-left: 10px;
}

/* ----------------------------------------------------------------------------
  数字つきリストの数字を大きくする
---------------------------------------------------------------------------- */
ol.big li
{
    clear:both;
	font-size: 2em;
	color: #369;
}

ol.big li *
{
	font-size: .5em;
	color:inherit;
}

ol.big li p
{
	color: #333;
}

ol.big li p a
{
	color: #71aa00;
}

ol.big li * *
{
	font-size: 1em;
}

ol.big li ol li
{
	font-size: 1em;
	color: #333;
}

ol.big li h4+p
{
/*
    padding-top:1em;
*/
    margin-top:20px;
}
/*
	h4は数字つきリスト多用しているので特別に用意してみた
*/
ol.big li h4
{
/*	height: 1.5em;
*/    margin:0;
    padding:0;
	font-size: .5em;
	background-color: #fff;
	border-left-style: none;
	background-image:none;
}

a.thumbnail img
{
	border-style: solid;
}

/*
    ホバーさせたときに光らせよう
*/
a:hover img {
    -moz-opacity:0.8;
    opacity:0.8;
    filter: alpha(opacity=80);
} 

/* ----------------------------------------------------------------------------
  ASIO
---------------------------------------------------------------------------- */
div.asio
{
    margin-top: 3mm;
    margin-bottom: 3mm;
    background-image: url( '../images/banner/asio_color_small.gif' );
    background-repeat: no-repeat;
    text-indent: 84px;
    min-height: 30px;
}

div.asio p
{
	padding-left: 120px;
	line-height: 1.0;
}

/* ----------------------------------------------------------------------------
  Thomson
---------------------------------------------------------------------------- */
div.thomson
{
    margin-top: 3mm;
    margin-bottom: 3mm;
    background-image: url( '../images/Iis_16.gif' );
    background-repeat: no-repeat;
    min-height: 41px;
}

div.thomson p
{
	padding-left: 120px;
	line-height: 1.0;
}


dl.accordion
{
	margin-top: 1em;
}

dl.accordion dt
{
	clear: both;
	line-height: 1.4;
	text-indent: 0.3em;
	border-left: 0.5em solid;
	border-color: #0075c2;
	background-color: #eeeef8;
	border-bottom: 1px dotted;
}

dl.accordion dt:hover
{
	color: #a22041;
	border-left: 0.5em solid;
	border-color: #a22041;
	border-bottom: 1px solid;
}

/* ----------------------------------------------------------------------------
  ページ下部のナビ
---------------------------------------------------------------------------- */
div.page_navi
{
    clear:both;
}

div.page_navi p.prev
{
    float:left;
    text-align:left;
    margin-bottom: 0;
    line-height:1;
}

div.page_navi p.next
{
    float:right;
    text-align:right;
    margin-bottom: 0;
    line-height:1;
}

div.page_part .clear
{
    clear:both;
}

/* ----------------------------------------------------------------------------
  コメント(shop.cssから拝借)
---------------------------------------------------------------------------- */
.comment
{
	font-size: 0.8em;
	font-weight: normal;
	color: #c9171e;
	line-height: 1.4;
}

input
{
	padding: 3px 8px;
}

/* ----------------------------------------------------------------------------
  原因不明のハック
---------------------------------------------------------------------------- */
#main dd p
{
	margin-left: 0;
}

/* ----------------------------------------------------------------------------
  スペーサー
---------------------------------------------------------------------------- */
.spacer1
{
    clear:both;
    height:1px;
}

.spacer5
{
    clear:both;
    height:5px;
}

.spacer10
{
    clear:both;
    height:10px;
}

.spacer20
{
    clear:both;
    height:20px;
}

.spacer40
{
    clear:both;
    height:40px;
}

/* ----------------------------------------------------------------------------
  サイト検索
---------------------------------------------------------------------------- */
form#cse-search-box
{
    text-align:right;
    margin:-10px 0 10px 0;
    clear: both;
}