@charset "Shift_JIS";

/********************************************************

	Šî–{�Ý’è

********************************************************/
.cl {
	clear:both;
}

/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/

body {
	font-family:"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Sans-Serif;
	line-height :1.5;
	color: #fff;
}

a:link,
a:visited{
	color:#e49e38;
	text-decoration:none;
}

a:hover,
a:active{
	color:#e49e38;
	text-decoration:underline;
}

/********************************************************

	�ã�‘‚«�i/common/css/common.css�j

********************************************************/
#cp #header {
	height: 70px;
}

#cp #contentsArea {
	margin-bottom: 0;
}

#cp #footer {
	height: 69px;
}

#cp #footer ul#footerNavi {
	top: 3px;
}

#cp #footer p#copyright {
	top: 3px;
}


/********************************************************

	‹¤’Ê

********************************************************/
#cp h1 {
	clear: both;
}

#cp #cp_foot {
	clear: both;
	background: url(../img/foot_bg.gif) no-repeat left top;
	height: 30px;
	padding: 0 20px;
}

#cp p#pagetop {
	float: right;
	padding-top: 9px;
}

#cp ul#foot_navi {
	float: left;
	padding-top: 9px;
}

#cp ul#foot_navi li {
	float: left;
	padding-right: 18px;
	font-size: 0px;
	line-height: 0px;
}

#cp #cp_head {
	background: url(../img/head_bg.gif) no-repeat left top;
}

#cp p#head_logo {
	float: left;
}

#cp p#head_top {
	float: left;
	padding-top: 40px;
}

#cp ul#head_navi {
	float: right;
	padding-top: 23px;
}

#cp ul#head_navi li {
	float: left;
}


/********************************************************

	index.html

********************************************************/
#cp ul#tp_navi {
	background: url(../img/tp_navi_bg.jpg) no-repeat left top;
	height: 93px;
	padding-top: 24px;
	width: 900px;
}

#cp ul#tp_navi li {
	font-size: 0px;
	line-height: 0px;
}

#cp ul#tp_navi li#navi_01,
#cp ul#tp_navi li#navi_02,
#cp ul#tp_navi li#navi_03 {
	float: left;
}

#cp ul#tp_navi li#navi_01 {
	padding-left: 75px;
}

#cp ul#tp_navi li#navi_02 {
	padding-left: 46px;
}

#cp ul#tp_navi li#navi_03 {
	padding-left: 47px;
}

#cp ul#tp_navi li#navi_03 ul {
	text-align: right;
}


/********************************************************

	about.html

********************************************************/
#cp #about {
	background: url(../img/bg_01.gif) repeat-y left top;
	padding-bottom: 50px;
	width: 900px;
}

#cp #about p.txt_01 {
	padding-left: 50px;
	width: 435px;
}

#cp #about_01 {
	background: url(../img/ab_bg_01.jpg) no-repeat left top;
	height: 283px;
	padding: 42px 19px 0 21px;
}

#cp #about_01 p.txt_01 {
	color: #000000;
}

#cp #about h2 {
	padding-bottom: 25px;
}

#cp #about_02 {
	background: url(../img/ab_bg_02.jpg) no-repeat right top;
	padding: 26px 19px 46px 21px;
}

#cp #about_02 p.txt_01 {
	color: #ffffff;
}

#cp #about h3 {
	padding: 20px 0 13px 50px;
}

#cp #about_02 ul {
	padding-left: 50px;
}

#cp #about_02 li {
	width: 740px;
	padding-bottom: 7px;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}

#cp #about_02 li p {
	font-size: 12px;
	line-height: 1.5;
}

#cp p.shop {
	float: left;
	padding-right: 10px;
}

#cp p.shop_txt {
	float: left;
	padding-top: 5px;
}

#cp p.shop_detail {
	float: right;
	padding-top: 5px;
}


#cp #about_03 {
	background: url(../img/ab_bg_03.jpg) no-repeat left bottom;
	padding: 0 19px 225px 21px;
}

#cp #about p.txt_02 {
	padding-left: 50px;
}


/********************************************************

	product.html

********************************************************/
#cp ul#product {
	background: url(../img/bg_01.gif) repeat-y left top;
	padding-bottom: 70px;
}


/********************************************************

	cm.html

********************************************************/
#cp #cm {
	background: url(../img/bg_01.gif) repeat-y left top;
	padding-bottom: 40px;
	width: 900px;
}

#cp #cm_01 {
	background: url(../img/cm_bg_01.gif) no-repeat left top #1B0F0F;
	padding: 61px 20px 30px;
}

#cp #movie_s {
	background: url(../img/cm_movie_bg_s.gif) no-repeat center top;
	text-align: center;
	padding-top: 21px;
	height: 291px;
}

#cp #movie_l {
	background: url(../img/cm_movie_bg_l.gif) no-repeat center top;
	text-align: center;
	padding-top: 21px;
	height: 532px;
}

#cp p#replay {
	padding-top: 15px;
}

#cp p#cm_btn_s {
	text-align: center;
	padding: 35px 0 30px;
}

#cp p#cm_btn_l {
	text-align: center;
	padding: 35px 0 30px;
}

#cp dl#player {
	padding: 0 0 30px 50px;
}

#cp dl#player dd {
	background: url(../img/arrow_01.gif) no-repeat left 3px;
	padding-left: 15px;
}

#cp dl#player dd a:link,
#cp dl#player dd a:visited{
	color:#fff;
	text-decoration:none;
}

#cp dl#player dd a:hover,
#cp dl#player dd a:active{
	color:#fff;
	text-decoration:underline;
}

#cp #cm h2 {
	padding-bottom: 25px;
}

#cp #cm p.txt_01 {
	padding-left: 50px;
}

#cp #cm_info {
	background: url(../img/cm_bg_info.gif) no-repeat left bottom;
	margin-top: 30px;
}

#cp .info {
	width: 270px;
	padding-bottom: 15px;
	float: left;
	margin-right: 25px;
}

#cp .info_r {
	margin-right: 0;
}

#cp .info h3 {
	padding-bottom: 10px;
}

#cp .info p {
	margin: 0 15px;
}

#cp .info p.link {
	background: url(../img/arrow_01.gif) no-repeat left 3px;
	padding-left: 15px;
}

#cp .info p.link a:link,
#cp .info p.link a:visited{
	color:#fff;
	text-decoration:none;
}

#cp .info p.link a:hover,
#cp .info p.link a:active{
	color:#fff;
	text-decoration:underline;
}

#cp #cm_02 {
	background: url(../img/cm_bg_02.jpg) no-repeat right top;
	padding: 30px 20px 0;
	min-height:347px;
	height: auto !important;
	height: 347px;
}

#cp #cm p.txt_02 {
	padding-left: 50px;
	width: 520px;
}