@charset "UTF-8";

/* =============================================== */
/* base reset */
html, body, div, p, h1, h2, h3, h4, h5, dl, dt, dd, ul, ol, li
{
	margin:0;
	padding:0;
	font-weight:normal;
	zoom:1;
}

html, body
{
	width:100%;
	height:100%;
	background-color:#F6F5F3;
	font-size:12px;
	line-height:140%;
}

body
{
	background:url('images/public/body_bg.gif') repeat-x;
}

/* ----------------------------------------------- */
/* defualt tag decoration */
a			{	text-decoration:none; }
a:link 		{	color: #339900;	}
a:visited	{	color: #000000;	}
a:hover 	{	color: #ff6600;	}
img			{	border:none;	}

.center		{	text-align:center; }

/* =============================================== */
/* main layout */
#body
{
	width:1000px;
	margin:auto;
}

/* ----------------------------------------------- */
#header
{
	position:relative;
	background:url('images/public/head_bg.gif') no-repeat 50% 0%;
	height:160px;
	overflow:hidden;
	margin-bottom:30px;
}

#header h3
{
	height:35px;
	line-height:35px;
	font-size:90%;
}

#header #menu
{
	margin-left:10px;
	margin-top:5px;
}

#header #menu ul
{
	position:absolute;
	right:92px;
	bottom:0;
	list-style-type:none;
}

#header #menu ul li
{
	display:inline;
	list-style-type:none;
}

#header #menu ul li a
{
	display:block;
	float:left;
	width:67px;
	height:72px;
	margin-left:20px;
	overflow:hidden;
	background-repeat:no-repeat;
	text-indent:-9999px;
	background-image:url('images/public/head_link.gif');
}

/* header link - image position */
#link_home		a 		{	background-position:   0px 0px;	}
#link_bgm		a 		{	background-position: -67px 0px;	}
#link_music		a 		{	background-position:-134px 0px;	}
#link_media		a 		{	background-position:-201px 0px;	}
#link_etc		a 		{	background-position:-268px 0px;	}
#link_contact	a 		{	background-position:-335px 0px;	}

#link_home		a:hover {	background-position:   0px -72px;	}
#link_bgm		a:hover {	background-position: -67px -72px;	}
#link_music		a:hover {	background-position:-134px -72px;	}
#link_media		a:hover {	background-position:-201px -72px;	}
#link_etc		a:hover {	background-position:-268px -72px;	}
#link_contact	a:hover {	background-position:-335px -72px;	}


#header #policy
{
	position:absolute;
	right:35px;
	top:40px;
}

/* ----------------------------------------------- */
#contents
{
	position:relative;

}

#submenu
{
	margin-left:20px;
	width:180px;
	float:left;
}

#main
{
	width:760px;
	margin-left:220px;
	_width:750px;
	_margin-left:230px;

}

/* ----------------------------------------------- */
#footer
{
	position:relative;
	clear:both;
	background-color:#999999;
	margin-top:20px;
}
#footer p
{
	padding:2px 5px;
	text-align:right;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
}


/* =============================================== */
/* side sub menu */
#sub_contact
{
	margin-bottom:30px;
}

#sub_contact h4
{
	height:25px;
	background:url('images/public/sub/01-01.jpg') no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	margin-bottom:10px;
}

#sub_contact p
{
	margin: 20px 0px;
}

/* ----------------------------------------------- */
/* service area */
#sub_service
{
	width:178px;
	margin-bottom:20px;
	padding:0px 1px 30px;
	background:url('images/public/sub_service_bg.gif') no-repeat 0% 100%;
	
}

#sub_service #service_top
{
	margin:5px -1px 0px;
	height:92px;
	background:url('images/public/sub_service.gif') no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}

#sub_service h3 
{
	display:inline;
}

#sub_service h3 a
{
	height:31px;
	background:url('images/public/sub_group.gif') no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	margin:10px 0px 5px;
	display:block;
}


#sub_service #sub_bgm	h3 a	{	background-position:0px   0px;	}
#sub_service #sub_music	h3 a	{	background-position:0px -31px;	}
#sub_service #sub_media	h3 a	{	background-position:0px -62px;	}
#sub_service #sub_etc	h3 a	{	background-position:0px -93px;	}


#sub_service ul
{
	list-style-type:none;
	background:#FFFFFF;
}

#sub_service li
{
	list-style-type:none;
	display:block;
	border-top:dotted 1px #ccc;
	border-bottom:dotted 1px #ccc;
	margin:-1px 0px;
}
#sub_service li a
{
	margin:5px auto;
	width:165px;
	height:25px;
	overflow:hidden;
	display:block;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#sub_service #sub_bgm   li a{	background-image:url('images/public/sub_bgm.gif');		}
#sub_service #sub_music li a{	background-image:url('images/public/sub_music.gif');	}
#sub_service #sub_media li a{	background-image:url('images/public/sub_media.gif');	}
#sub_service #sub_etc   li a{	background-image:url('images/public/sub_etc.gif');		}

#sub_service li.sub_i01	a	{	background-position:0px    0px;	}
#sub_service li.sub_i02	a	{	background-position:0px  -25px;	}
#sub_service li.sub_i03	a	{	background-position:0px  -50px;	}
#sub_service li.sub_i04	a	{	background-position:0px  -75px;	}
#sub_service li.sub_i05	a	{	background-position:0px -100px;	}
#sub_service li.sub_i06	a	{	background-position:0px -125px;	}
#sub_service li.sub_i07	a	{	background-position:0px -150px;	}
#sub_service li.sub_i08	a	{	background-position:0px -175px;	}


/* ----------------------------------------------- */
/* address and etc area */
#sub_addr
{
	padding:0px 5px 20px;
	line-height:180%;
}
#sub_addr a
{
	text-decoration:underline;
}

#sub_etc_info
{
	margin-bottom:30px;
}










/* =============================================== */
/* top */
#flash
{
	background:url('images/00_top/0f.jpg') no-repeat;
/* 20200619追記 */
    height:330px;
/* ここまで */
}

#news 
{
	margin:15px auto;
	width:870px;
	background:#FFFFFF;
}

#news ul
{
	padding:5px;
	list-style-type:none;
}

#news ul li
{
	padding-right:90px;
	min-height:18px;
	list-style-type:none;
/*  2020.8.27追記↓  */
    color: black;
    border-left: solid 8px orange;/*左側の線*/
    background: whitesmoke;/*背景色*/
    margin-bottom: 5px;/*下のバーとの余白*/
    line-height: 1.5;
    border-radius: 0 15px 15px 0;/*右側の角だけ丸く*/
    padding: 0.5em;
    list-style-type: none!important;
}
/*  2020.8.27追記↑  */

#news ul li.news
{
	background:url('images/00_top/news_icon_01.gif') no-repeat 98% 50%;
}

/*  2020.8.27追記↓  */
#news ul li a:link,#news ul li a:visited
{
	color: #333333;
    text-decoration: underline;
}
#news ul li a:hover
{
	color: #ff6600;
}
/*  2020.8.27追記↑  */


/* =============================================== */
/* top 3column */
#main_column
{
	width:560px;
	float:left;
}

/* ----------------------------------------------- */
#contents #right_column
{
	width:170px;
	margin-left:auto;
}

#contents .rc_group
{
	padding:0px 0px 15px;
	margin-bottom:20px;
	background:#FFFFFF url('images/00_top/rc_foot.gif') no-repeat;
}

#contents #rc_company		{	background-position:   0% 100%; }
#contents #rc_pickup	,
#contents #rc_blog		,
#contents #rc_sample		{	background-position: 50% 100%; }
#contents #rc_voice			{	background-position:100% 100%; }

#contents .rc_group h3
{
	overflow:hidden;
	text-indent:-9999px;
	width:170px;
	height:47px;
	background:url('images/00_top/rc_group.gif') no-repeat;
}
#contents #rc_company	h3	{	background-position:0px    0px; }
#contents #rc_pickup	h3	{	background-position:0px  -47px; }
#contents #rc_blog		h3	{	background-position:0px  -94px; }
#contents #rc_sample	h3	{	background-position:0px -141px; }
#contents #rc_voice		h3	{	background-position:0px -188px; }


#contents .rc_group p
{
	padding:5px;
}

#rc_sample li
{
	list-style-type:none;
	text-align:center;
	border-top: dotted 1px #cccccc;
	padding:10px 0px;
}

#rc_sample ul li:first-child
{
	border:none;
}

/* =============================================== */
/* top center column layout */
#main_left
{
	width:270px;
	float:left;
	margin-bottom:20px;
}
#main_right
{
	width:270px;
	float:right;
	margin-bottom:20px;
}
#main_bottom
{
	clear:both;
	margin-bottom:30px;
}


#main_left h2
{
	width:270px;
	height:117px;
	background:url('images/00_top/rc_topgroup.gif') no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
#main_right h2
{
	width:270px;
	height:117px;
	background:url('images/00_top/rc_topgroup.gif') no-repeat 100% 0%;
	overflow:hidden;
	text-indent:-9999px;
}

#main_column .main_block
{
	border-style:solid;
	border-color:#cecece;
	border-width:0px 1px 10px;
	background:#FFFFFF;
	margin-bottom:20px;
	text-align:center;
	padding:5px 0;
}

#main_column .main_block h3
{
	width:240px;
	height:27px;
	margin:20px auto 10px;
	background:url('images/00_top/rc_subgroup.gif') no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
#main_column #main_web		h3	{	background-position:0px   0px;	}
#main_column #main_dance	h3	{	background-position:0px  -27px;	}
#main_column #main_bridal	h3	{	background-position:0px  -54px;	}
#main_column #main_movie	h3	{	background-position:0px  -81px;	}
#main_column #main_hp		h3	{	background-position:0px -108px;	}

#main_column .main_block div
{
	width:240px;
	margin:auto;
	padding-bottom:8px;
	margin-bottom:30px;
	border-bottom-style:solid;
	border-bottom-width:2px;
}

#main_column div	#main_web		{	border-bottom-color:#5dd71f;	}
#main_column div	#main_dance		{	border-bottom-color:#d0a533;	}
#main_column div	#main_bridal	{	border-bottom-color:#fb706f;	}
#main_column div	#main_movie		{	border-bottom-color:#893cdd;	}
#main_column div	#main_hp		{	border-bottom-color:#41a4cd;	}

#main_column .main_block div p
{
	text-align:left;
	min-height:95px;
	_height:95px;
	margin-bottom:10px;
}
#main_column .main_block div p img
{
	float:left;
}


/* ----------------------------------------------- */
#main #motto
{
	width:560px;
	background:url('images/00_top/motto_bg.gif') no-repeat 50% 100%;
	padding-bottom:5px;
}

#main #motto h3
{
	width:560px;
	height:75px;
	background:url('images/00_top/motto_head.gif') no-repeat 50% 0%;
	text-indent:-9999px;
}

#main #motto p#image_dummy
{
	background:url('images/00_top/motto_img.jpg') no-repeat 50% 50%;
	padding:5px;
	margin-right:20px;
	width:290px;
	height:120px;
	float:right;
	display:block;
}
#main #motto p
{
	padding:10px 20px;
}

/* =============================================== */
/* sub page - shared */
#main h1
{
	width:750px;
	height:100px;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}

/* ----------------------------------------------- */
#card
{
	width:750px;
	background:#FFFFFF url('images/public/choice_card.gif') no-repeat;
	padding-top:120px;
	padding-bottom:90px;
	border-bottom:solid 4px #f8be2c;
}

#card p.dummy
{
	display:none;
}

#card ul
{
	list-style-type:none;
	width:732px;
	margin:auto;
	height:307px;
}

#card li
{
	list-style-type:none;
	display:inline;
}


#card li a
{
	display:block;
	float:left;
	width:177px;
	height:307px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 3px;
	_margin:0 1px;
}

#card li.card_01	a		{	background-position:    0px    0px;	}
#card li.card_02	a		{	background-position: -177px    0px;	}
#card li.card_03	a		{	background-position: -354px    0px;	}
#card li.card_04	a		{	background-position: -531px    0px;	}
#card li.card_01	a:hover	{	background-position:    0px -307px;	}
#card li.card_02	a:hover	{	background-position: -177px -307px;	}
#card li.card_03	a:hover	{	background-position: -354px -307px;	}
#card li.card_04	a:hover	{	background-position: -531px -307px;	}

/* ----------------------------------------------- */
#main .detail
{
	width:710px;
	background:#FFFFFF;
	padding:50px 20px 30px;
}

#main .detail h2
{
	margin:0 -20px 20px;
	height:30px;
	overflow:hidden;
	text-indent:-9999px;
}

#main .detail#c01 h2 	{	background-position:  0px    0px;	}
#main .detail#c02 h2 	{	background-position:  0px  -30px;	}
#main .detail#c03 h2 	{	background-position:  0px  -60px;	}
#main .detail#c04 h2 	{	background-position:  0px  -90px;	}
#main .detail#c05 h2 	{	background-position:  0px -120px;	}
#main .detail#c06 h2 	{	background-position:  0px -150px;	}


#main .detail dl
{
	margin:0;
}

#main .detail dt
{
	background:#F2F2F2;
	padding:6px 8px;
	font-weight:bold;
	margin-bottom:10px;
}

#main .detail dd
{
	padding:2px 12px 12px;
	position:relative;
}

#main .detail dd p
{
	padding:5px;
}
#main .detail dd .smoke
{
	background:#f6f6f6;
}

#main .detail table.ptn1
{
	width:100%;
}

#main .detail table.ptn1 th
{
	background:#E8E8E8;
	text-align:center;
	width:13%;
}

#main .detail table.ptn1 td
{
	background:#F9F9F9;
}

#main .detail table.ptn1 th,
#main .detail table.ptn1 td
{
	padding:8px;
	margin:3px;
}

#main .detail table.ptn2
{
	border-collapse:collapse;
	width:100%;
}

#main .detail table.ptn2 th
{
	background:#F3F3F3;
}

#main .detail table.ptn2 th,
#main .detail table.ptn2 td
{
	padding:5px;
	border:ridge 2px #ccc;
	text-align:center;
}
#main .detail table.ptn2 tbody th
{
	width:15%;
}

#main .detail table.ptn2 td
{
	background:#FFFFFF;
}



#main .detail table.ptn3
{
	border-collapse:collapse;
	width:100%;
}

#main .detail table.ptn3 th
{
	background:#F3F3F3;
}

#main .detail table.ptn3 th,
#main .detail table.ptn3 td
{
	padding:5px;
	border:ridge 2px #ccc;
	text-align:left;
}
#main .detail table.ptn3 tbody th
{
	vertical-align: top;
	width:15%;
	text-align:center;
}

#main .detail table.ptn3 td
{
	background:#FFFFFF;
}

/* ----------------------------------------------- */
#main .detail .sample
{
	width:340px;
}

#main .detail .sample_left
{
	float:left;
}

#main .detail .sample_right
{
	margin-left:350px;
	_margin-left:0px;
}

#main .detail .sample dl
{
	position:relative;
	margin:0;
	padding:0;
}

#main .detail .sample dt,
#main .detail .sample dd
{
	position:static;
	height:25px;
	line-height:25px;
	overflow:hidden;
	margin:0px 0 2px;
	padding:5px;
	background:#eaeaea;
	font-weight:normal;
}

#main .detail .sample dt
{
	font-weight:bold;
	float:left;
	width:100px;
	_float:none;
}

#main .detail .sample dd
{
	margin-left:115px;
	_margin-left:0px;
	width:215px;
	float:none;
}
#main .detail .sample p
{
	padding:3px 5px;
	background:#eaeaea;
	text-align:right;
}

/* ----------------------------------------------- */
#main .return
{
	margin:0 -20px 20px;
	height:30px;
	line-height:30px;
	color:#000;
	text-align:center;
	background-repeat:no-repeat;
}
#main .return p
{
	padding:0;
	margin:0;
}
#main .return a
{
	color:#000;
}

#main #c01 .return 	{	background-position:  0px    0px;	}
#main #c02 .return 	{	background-position:  0px  -30px;	}
#main #c03 .return 	{	background-position:  0px  -60px;	}
#main #c04 .return 	{	background-position:  0px  -90px;	}

#main .contact 
{
	margin-bottom:50px;
}

#main .contact a
{
	margin:auto;
	display:block;
	width:560px;
	height:89px;
	overflow:hidden;
	text-indent:-9999px;
	background:url('images/public/contact.gif') no-repeat;
}

/** page link **************************************************************/
#page_home		#link_home		a {	background-position:   0px -72px;	}
#page_bgm		#link_bgm		a {	background-position: -67px -72px;	}
#page_music		#link_music		a {	background-position:-134px -72px;	}
#page_media		#link_media		a {	background-position:-201px -72px;	}
#page_etc		#link_etc		a {	background-position:-268px -72px;	}
#page_contact	#link_contact	a {	background-position:-335px -72px;	}

/** page header image ******************************************************/
#page_bgm		#main h1 {	background-image:url('images/01_bgm/title.gif');		}
#page_music		#main h1 {	background-image:url('images/02_music/title.gif');		}
#page_media		#main h1 {	background-image:url('images/03_media/title.gif');		}
#page_etc		#main h1 {	background-image:url('images/04_etc/title.gif');		}
#page_sample	#main h1 {	background-image:url('images/05_sample/title.gif');		}
#page_qa		#main h1 {	background-image:url('images/06_qa/title.gif');			}
#page_flowchart	#main h1 {	background-image:url('images/07_flowchart/title.gif');	}
#page_company	#main h1 {	background-image:url('images/08_company/title.gif');	}
#page_policy	#main h1 {	background-image:url('images/09_policy/title.gif');		}
#page_voice		#main h1 {	background-image:url('images/11_voice/title.gif');	}
#page_contact	#main h1 {	background-image:url('images/00_contact/title.gif');	}


/** page hedding image *****************************************************/
#page_bgm		#main h2 {	background-image:url('images/01_bgm/heading.gif');		}
#page_music		#main h2 {	background-image:url('images/02_music/heading.gif');	}
#page_media		#main h2 {	background-image:url('images/03_media/heading.gif');	}
#page_etc		#main h2 {	background-image:url('images/04_etc/heading.gif');		}
#page_contact	#main h2 {	background-image:url('images/00_contact/heading.gif');	}


/** page card image ********************************************************/
#page_bgm		#main #card ul a {	background-image:url('images/01_bgm/card.gif');		}
#page_music		#main #card ul a {	background-image:url('images/02_music/card.gif');	}
#page_media		#main #card ul a {	background-image:url('images/03_media/card.gif');	}
#page_etc		#main #card ul a {	background-image:url('images/04_etc/card.gif');		}


/** page return image ******************************************************/
#page_bgm		#main .detail .return {	background-image:url('images/01_bgm/return.gif');	}
#page_music		#main .detail .return {	background-image:url('images/02_music/return.gif');	}
#page_media		#main .detail .return {	background-image:url('images/03_media/return.gif');	}
#page_etc		#main .detail .return {	background-image:url('images/04_etc/return.gif');	}

/* ----------------------------------------------- */



/* =============================================== */
/* company  */
#page_company .detail
{
	padding-top:20px;
}
#company_image
{
	border-bottom:solid 3px #fac81a;
	margin-bottom:0px;
}


/* =============================================== */
/* flowchart  */
#page_flowchart .detail div
{
	border:solid 2px #999;
	margin-bottom:20px;
	padding-bottom:20px;
}


#page_flowchart .detail h3
{
	width:700px;
	height:100px;
	background:url('images/07_flowchart/heading.gif') no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	margin-bottom:10px;
}
#page_flowchart #step01 h3	{	background-position: 0px 0px;	}
#page_flowchart #step02 h3	{	background-position: 0px -100px;	}
#page_flowchart #step03 h3	{	background-position: 0px -200px;	}
#page_flowchart #step04 h3	{	background-position: 0px -300px;	}
#page_flowchart #step05 h3	{	background-position: 0px -400px;	}


#page_flowchart .detail ul
{
	list-style:none;
	margin-bottom:30px;
}
#page_flowchart .detail div ul
{
	width:600px;
	margin-left:auto;
	margin-bottom:0px;
}

#page_flowchart .detail li
{
	list-style:none;
	padding-left:70px;
	margin-bottom:10px;
	min-height:25px;
	_height:25px;
	padding-top:2px;
}



#page_flowchart .detail li.step_music
{
	background:url('images/07_flowchart/icon_music.gif') no-repeat;
}

#page_flowchart .detail li.step_media
{
	background:url('images/07_flowchart/icon_media.gif') no-repeat;
}

#page_flowchart .detail li.step_movie
{
	background:url('images/07_flowchart/icon_movie.gif') no-repeat;
}


#page_flowchart .detail .next
{
	width:700px;
	height:60px;
	background:url('images/07_flowchart/next.gif') no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	margin-bottom:10px;
}


/* =============================================== */
/* question and answer  */
#page_qa .detail ul,
#page_qa .detail li
{
	list-style-type:none;
}

#page_qa .detail dl
{
	width:600px;
	position:relative;
	background:#666666;
	margin:0 0 10px;
	margin-left:auto;
}

#page_qa .detail dt
{
	background:#666666;
	width:20px;
	margin:0;
	padding:5px;
	color:#FFFFFF;
	float:left;
	border-top:solid 2px #FFFFFF;
}

#page_qa .detail dd
{
	padding:5px;
	margin-left:25px;
	background:#e7e7e7;
	border-top:solid 2px #FFFFFF;
	border-left:solid 2px #FFFFFF;
}

#page_qa .detail .answer
{
}
#page_qa .detail dd.answer
{
	background:#FFFFFF;
}

/* =============================================== */
/* privacy policy */
#page_policy ol
{
	margin-left:30px;
}

#page_policy #main h4
{
	font-size:110%;
	font-weight:bold;
	margin:32px 0 8px;
}


/* =============================================== */
/* home font */
p.home { font-size: 10px; 
		line-height: 15px;
}