@charset "utf-8";
/* CSS Document */

/* contents
--------------------------------------------------------------------------
01. 共通設定
02. visual_list (ul#visual_list)
03. top_bavi (div#top_navi)
04. top_banner (div#top_banner)
05. margin
99. clearfix
--------------------------------------------------------------------------
*/

/* 01. 共通設定
----------------------------------------------------------------------- */
.ocp #mainArea{
	font-size: 95%;
	line-height: 1.6;
	}

/*--head_start--*/
.ocp #head_start{
	margin: 0 0 5px;
	}

/*--main_visual--*/
.ocp #main_visual{
	margin: 0 0 10px;
	}

/*--button--*/
.ocp div.button{
	text-align: right;
	}

/*--paging--*/
.ocp .paging{
	margin: 0 0 40px;
	padding: 8px 8px 3px;
	border-style: solid;
	border-color: #CCC;
	border-width: 1px 1px 4px 1px;
	}
.ocp .paging li{
	float: left;
	}
.ocp .paging li.pagetop{
	float: right;
	}
.ocp .page_top{
	text-align: right;
	}
.ocp hr{
	background: url(/files/ocp/ja_jp/products/musical-instruments/strings/start/line.gif) repeat-x;
	padding:10px 0;
	clear:both;
}

/* 02. visual_list
----------------------------------------------------------------------- */
.ocp #main_visual ul#visual_list{
	position: relative;
	margin: 15px 0 0;
        max-width: 740px;
	width: 100%;
	height: 270px !important;
	list-style-type: none;
	}
.ocp #main_visual ul#visual_list li {
	position: absolute;
	top: 0;
	left: 0;
	}
	
/* 03. top_navi
----------------------------------------------------------------------- */
.ocp #top_navi{
	margin: 0 0 5px;
	}
.ocp #top_navi ul{
	list-style-type: none;
	}
.ocp #top_navi ul li{
	float: left;
	padding: 0 10px 0 0;
	/padding: 0 7px 0 0;
	}
.ocp #top_navi ul li.end{
	padding:0;
	}
	/.ocp *#top_navi ul li.end{
	padding: 0;
	}
	*/
	
/* 04. top_banner
----------------------------------------------------------------------- */
.ocp #top_banner{
	margin:10px 0 30px 0;
	}
.ocp #top_banner ul{
	list-style-type: none;
	}
.ocp #top_banner ul li{
	float: left;
	padding: 0 10px 15px 0;
	/padding: 0 7px 15px 0;
	}
.ocp #top_banner ul li.end{
	padding: 0;
	}

/* 05. margin
----------------------------------------------------------------------- */
.ocp .mg_top10{ margin-top: 10px!important; }
.ocp .mg_top20{ margin-top: 20px!important; }
.ocp .mg_top30{ margin-top: 30px!important; }
.ocp .mg_top40{ margin-top: 40px!important; }
.ocp .mg_top50{ margin-top: 50px!important; }

.ocp .mg_btm10{ margin-bottom: 10px!important; }
.ocp .mg_btm20{ margin-bottom: 20px!important; }
.ocp .mg_btm25{ margin-bottom: 25px!important; }
.ocp .mg_btm30{ margin-bottom: 30px!important; }
.ocp .mg_btm40{ margin-bottom: 40px!important; }
.ocp .mg_btm50{ margin-bottom: 50px!important; }

.ocp .mg_left10{ margin-left: 10px!important; }
.ocp .mg_left20{ margin-left: 20px!important; }
.ocp .mg_left30{ margin-left: 30px!important; }

.ocp .mg_right10{ margin-right: 10px!important; }
.ocp .mg_right20{ margin-right: 20px!important; }
.ocp .mg_right30{ margin-right: 30px!important; }

/* 99. clearfix
----------------------------------------------------------------------- */
.ocp .clearfix:after{ 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.ocp .clearfix{ display: inline-block; }
*html .ocp .clearfix{ height: 1%; }
.ocp .clearfix{ display: block; }