@charset "shift_jis";

/*-----------------------------------//
	  初期設定
//-----------------------------------*/
html, body{ 
	width:100%;
	height:100%;
}
*{	
	margin:0;
	padding:0;
}
img{ 
	border:0;
	vertical-align:top;
}
body, h1, h2, h3, h4, h5, h6, div, p, ol, ul, li, dl, dd, form, fieldset, a, input{
	margin:0;
	padding:0;
}
ol, ul{
	list-style-type:none;
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:normal;
}
hr{
	display:none;
}
/* clearfix */
.clearfix:after{
	content:url(../images/common/pixel.gif);
	display: block;
	clear: both;
	height:0;
}
.clearfix{
	display: inline-block;
} 


/* Hides from IE-mac \*/ 
* html .clearfix{height: 1%;}
.clearfix{display: block;} 
/* End hide from IE-mac */


/* container */
div#container{
	width:900px;
	margin:0 auto;
}

/*-----------------------------------//
	 グローバルヘッダー
//-----------------------------------*/
/* ロゴ */
#globalHeader{
	padding:27px 0 10px;
	background:url(../images/common/bg_uarea.gif) no-repeat right bottom;
}
h1#logo{
	float:left;
	width:181px;
}
ul#utility li{
	float:right;
	padding:14px 15px 0 0;
}
/* 検索ボックス */
ul#utility li#search{
	width:173px;
	padding:8px 93px 0 10px;
}
#search input.boxSearch{
	width:130px;
	height:17px;
	margin-right:5px;
	border:1px solid #cfcfcf;
}
* html #search input.boxSearch{
	margin-top:-1px;
}
*:first-child+html #search input.boxSearch{
	margin-top:-1px;
}
#search input{
	margin:0;
	vertical-align:top;
}
/* グローバルナビ */
#globalNavi ul{
	margin-bottom:12px;
	line-height:0;
}
#globalNavi li{
	float:left;
}

/*-----------------------------------//
	 グローバルフッター
//-----------------------------------*/
#globalFooter{
    width:100%;
	padding-bottom:30px;
	border-top:2px solid #e60012;
}
#globalFooter ul{
	margin:10px 0;
}
#globalFooter li{
	float:left;
	margin-bottom:15px;
	padding-right:11px;
}
#globalFooter li.emphasis{
	padding-right:18px;
}
#globalFooter li.control{
	padding-right:24px;
}
#globalFooter #copy{
	width:100%;
	text-align:left;
}

/*-----------------------------------//
	 コンテンツ
//-----------------------------------*/
#topContents{
	padding-bottom:20px;
}
/* パンくず */
#breadcrumbs{
	float:left;
	width:500px;
	padding-top:5px;
}
#breadcrumbs li{
	float:left;
	padding-right:5px;
}
/* 印刷機能 */
#printArea{
	float:right;
	vertical-align:bottom;
}
#printArea li{
	float:left;
	padding-right:5px;
}
#printArea{
	height:24px;
}
#printArea p{
	padding:5px 0 6px 24px;
	background:url(../images/common/icon_print.gif) no-repeat 0 0;
	vertical-align:middle;
}
/* サブコンテンツ */
#subContents{
	float:left;
	width:200px;
	padding-right:30px;
}
/* ローカルナビ */
#localNavi li{
	padding-bottom:5px;
}
#localNavi ul.nest li{
	padding-bottom:0px;
}
#localNavi li#btTop{
	margin-top:5px;
	padding-top:10px;
	background:url(../images/common/brd_dot_02.gif) repeat-x top;
}
#localNavi #toggleMenuButton{
	cursor: pointer;
}
#localNavi #toggleMenu{
	overflow: hidden;
}
/* メインコンテンツ */
#mainContents{
	float:left;
	width:670px;
}
#mainContents h2{
	margin-bottom:25px;
}
.contentsWrap{
	margin-bottom:35px;
}
#mainContents h3,
#mainContents h4{
	margin-bottom:15px;
}
#mainContents h3.typeHigh,
#mainContents h4.typeHigh{
	margin-bottom:20px;
}
#mainContents h3.typeMaxHigh,
#mainContents h4.typeMaxHigh{
	margin-bottom:25px;
}
#mainContents h3.typeLow,
#mainContents h4.typeLow{
	margin-bottom:10px;
}
#mainContents h3.typeMin,
#mainContents h4.typeMin{
	margin-bottom:5px;
}
.listContents dt{
	float:left;
}
* html .listContents dt{
	position:absolute;
}
head~/* */body .listContents a{/*IE8*/
	line-height /*\**/ :1.4\9!important;
}
.listContents dd{
	margin-bottom:15px;	
	padding-bottom:10px;
	background:url(../images/common/brd_dot_02.gif) repeat-x bottom;
}
.listContents dd.bottom{
	margin-bottom:0;
	padding-bottom:0;
	background:none;
}
.indentWrap{
	padding-left:10px;
}
.dotBottom{
	margin-bottom:15px;
	padding-bottom:16px;
	background:url(../images/common/brd_dot_02.gif) repeat-x bottom;
}
.dotTop{
	margin-top:15px;
	padding-top:16px;
	background:url(../images/common/brd_dot_02.gif) repeat-x top;
}
.borderSlit.borderBottom{
	margin-bottom:30px;
	padding-bottom:20px;
	border-bottom:1px solid #dedede;
}
.borderSlit.twoClm{
	float:left;
	width:300px;
	margin-right:34px;
}
.borderSlit.twoClm.right{
	margin-right:0;
}
.borderSlit.threeClm{
	float:left;
	width:172px;
	margin-right:38px;
}
.borderSlit.threeClm.right{
	margin-right:0;
}
.borderSlit .contTitleWrap{
	float:left;
	width:388px;
}
.borderSlit.twoClm .contTitleWrap{
	float:left;
	width:130px;
}
#goodsIndex .borderSlit .contTitleWrap{
	width:172px;
}
#goodsIndex .borderSlit .contTitleWrap li{
	padding-bottom:0;
	margin-bottom:0;
}
#goodsIndex .borderSlit .contTitleWrap a,
.borderSlit.twoClm .contTitleWrap a{
	display:block;
}
.borderSlit .contTitle{
	margin-bottom:15px;
}
.borderSlit.twoClm .contTitle,
.borderSlit.threeClm .contTitle{
	margin-bottom:7px;
}
.borderSlit.threeClm .contTitle a{
	color:#e60012!important;
	display:block;
}
.borderSlit .thumb{
	margin:0 15px 0 0;
}
.borderSlit.twoClm .thumb{
	margin:0 10px 0 0;
}
.borderSlit.threeClm .thumb{
	margin:0 0 10px 0;
}
.contactWrap{
	border:1px solid #C1C1C1;
}
.contactWrap .contactBox{
	padding:0 15px 15px;
}
.contactWrap p.floatL{
	width:430px;
	padding-right:15px;
}
table.typeTop th,
table.typeTop td{
	text-align:left;
	vertical-align:top;
}
/* 各製品のCOMMON */
#proContWrap{
	margin:0 auto;
}

/*-----------------------------------//
	 index
//-----------------------------------*/
#goodsIndex .borderSlit{
	padding-right:38px;
	border-right:1px solid #cdcdcd;
}
#musicIndex .borderSlit{
	padding-right:34px;
	border-right:1px solid #cdcdcd;
}
#musicIndex .borderSlit.right,
#goodsIndex .borderSlit.right{
	padding-right:0;
	border-right:none;
}

/*-----------------------------------//
	 ページトップ
//-----------------------------------*/
.pagetop{
	padding:0px 0 25px;
	text-align:right;
}
#mainContents .pagetop a{
	padding:0;
	background:none !important;
}

/*-----------------------------------//
	  フォント
//-----------------------------------*/
html>body{
	font-size:16px;
}
body{
	margin:0 auto;
	padding:0;
	color:#333333;
	font-family:"ヒラギノ角ゴ Pro W3","Lucida Grande","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;	
	font-size:100%; /*win ie*/
	line-height:1.3;
}
#container{
	font-size:84%;
}
body:first-of-type strong{ /*safari3 Opera*/
	letter-spacing:-1.10em;
}
* html body{ /*ie6*/
	letter-spacing:.05em;
}
*:first-child+html body{ /*ie7*/
	letter-spacing:.05em;
}
body, x:-moz-any-link{ /* firefox */
	letter-spacing:.03em;
}
.txt10,.txt10b{ 
	font-size:80%;
}
.txt14,.txt14b{ 
	font-size:12px;
}
.txt16,.txt16b{ 
	font-size:125%;
}
.txt18,.txt18b{ 
	font-size:145%;
}
.bold,
.txt10b,
.txt14b,
.txt16b{ 
	font-weight: bold;
}
.fontRed{
	color:#e60012;
}
.br05em{
	margin-bottom:0.5em;
}
.br10em{
	margin-bottom:0.5em;
}
.br15em{
	margin-bottom:1.5em;
}
.br20em{
	margin-bottom:2em;
}
.br25em{
	margin-bottom:2.5em;
}
.br30em{
	margin-bottom:3em;
}
.br35em{
	margin-bottom:3.5em;
}
.br40em{
	margin-bottom:4em;
}
.br45em{
	margin-bottom:4.5em;
}
.br50em{
	margin-bottom:5em;
}
.lead{
	font-weight:bold;
	padding-bottom:30px;
}


/*-----------------------------------//
	  image
//-----------------------------------*/
img.imgBorder{
	border:solid 1px #a6a6a6;
	vertical-align:bottom;
}


/*-----------------------------------//
	  リンク
//-----------------------------------*/
/* ヘッダー、フッター */
#globalFooter li a{
	padding-left:8px;
	background:url(../images/common/arr_hf_02.gif) no-repeat 0 .2em;
}
ul#utility li a,
#globalFooter li.emphasis a{
	padding-left:14px;
	background:url(../images/common/arr_hf.gif) no-repeat 0 .2em;
}
/* コンテンツ */
#mainContents a{
	padding-left:8px;
	background:url(../images/common/arr_link.gif) no-repeat 0 .3em;
}
#mainContents a.noIcon{
	padding-left:0;
	background:none;
}
/* 共通 */
#utility a:link,
#globalFooter a:link,
#top a:link,
#topContents a:link,
#mainContents a:link{
	color:#0c3eae;
	text-decoration:none;
}
#utility a:visited,
#globalFooter a:visited,
#top a:visited,
#topContents a:visited,
#mainContents a:visited{
	color:#5A2680;
	text-decoration:none;
}
#utility a:hover,
#utility a:active,
#globalFooter a:hover,
#globalFooter a:active,
#top a:hover,
#top a:active,
#topContents a:hover,
#topContents a:active,
#mainContents a:hover,
#mainContents a:active{
	color:#285ac7;
	text-decoration:underline;
}


/*-----------------------------------//
	 パーツ
//-----------------------------------*/
/* PDFアイコン */
.iconPdf{
	padding:.15em .15em 0 .1em;
}
/* Blankアイコン */
.iconBlank{
	padding:.1em .15em 0 .15em;
}
.indentRed{
	padding-left:12px;
	background:url(../images/common/icon_indent_red.gif) no-repeat 0 .35em;
}
.indentGray{
	padding-left:11px;
	background:url(../images/common/icon_indent_gray.gif) no-repeat 0 .15em;
}
a.iconSquare{
	padding-left:13px!important;
	background:url(../images/common/arr_square.gif) no-repeat 0 .2em!important;
}
.iconBar{
	padding-left:8px;
	background:url(../images/common/icon_bar_red.gif) no-repeat 0 0;
	font-size:10px;
}
.getPlugin{
	padding:10px;
	background-color:#F5F5F5;
}
.getPlugin img{
	float:left;
	margin-right:15px;
}
.getPlugin p{
	margin-top:3px;
}
.getPlugin img.getWmp{
	margin-top:3px;
}
.getPlugin img.iconBlank{
	float:none;
	margin:0;
}

/*-----------------------------------//
	 FLOAT
//-----------------------------------*/
.floatL{
	float:left;
}
.floatR{
	float:right;
}
.textLeft{
	text-align:left;
}
.textCenter{
	text-align:center;
}
.textRight{
	text-align:right;
}