@charset  "Shift_JIS";



/* ========================================================== */
/*  body                                                      */
/* ---------------------------------------------------------- */
/*　

* {
	margin: 0;
	padding: 0;
	}

 */
 
body {
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	line-height: 120%;
	height: auto;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}


/*　リンク
----------------------------------------------- */

a:link {color:#004D91;} 
a:visited {color:#004D91; } 
a:hover {color:#004D91; } 
a:active {color:#004D91; }



/* ========================================================== */
/*  reset                                                     */
/* ---------------------------------------------------------- */


/*　初期化
----------------------------------------------- */
h2,h3,h4,h5,h6,p,form,table,tr 
	{
	margin: 0;
	color: #003;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0;
	}

ul,li,ol
	{
	margin: 0 0 0 10px;
	padding: 0 0 0 0px;
	}

	
/*　画像
----------------------------------------------- */
/*　
img 
	{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	}

 */

/*　全体
----------------------------------------------- */

h1
	{
	font-size: 14px;
	margin: 0;
	padding: 0;
	}


#body-bg
	{
	background-image:url(../images/bodybg.jpg);
	background-repeat:repeat-y;
	width: 863px;
	margin: 0px auto;
	text-align: left;
	position: relative;
	}

#layoutbody 
	{
	text-align: left;
	position: relative;
	border: thin solid #333;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}

#border-bg
	{
	border:1px solid #EAF0F1;
	margin:0;
	padding:0;
	}

#main-visual
	{
	width:848px;
	margin: 0px auto;
	padding:0;
	}

#main-bg
	{
	width:839px;
	margin: 0px;
	padding:9px 0 0 9px;
	background-image:url(../images/mainbg.jpg);
	background-repeat:repeat-x;
	background-color:#E2EAEC;
	}


/*　サイトタイトル　
----------------------------------------------- */


#main 
	{
	float:left;
	width:630px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 17px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	height: auto;
	}

h2
	{
	margin:0 0 23px 0;
	}	


.index-p{
	margin:0px;
	padding:5px 10px 10px 10px ;
	line-height:170%;
	}


/* ========================================================== */
/*  共通　　　　　　                                           */
/* ---------------------------------------------------------- */

.mandatory
	{
	color:#CC0000;
	font-size:10px;
	}


.img-middle
	{
	vertical-align:middle;
	}

.fontsize-xl
	{
	font-size:18px;
	}

.fontsize-l
	{
	font-size:16px;
	}

.fontsize-sm
	{
	font-size:14px;
	}
	
.fontsize-s
	{
	font-size:12px;
	}

.fontsize-xs
	{
	font-size:10px;
	}
	
.font-red
	{
	color:#CC0000;
	}
	
.font-redb
	{
	color:#CC0000;
	font-weight:bold;
	}

.font-blueb
	{
	color:#3858C1;
	font-weight:bold;
	}

.font-redl
	{
	color:#CC0000;
	font-size:24px;
	}	

.font-redxs
	{
	color:#CC0000;
	font-size:10px;
	}	

.photo-border
	{
	border:1px solid #dcdcdc;
	}	
	
.photo-left
	{
	border:0px solid #dcdcdc;
	float:left;
	margin-right:15px;
	}	
	
.photo-right
	{
	border:0px solid #dcdcdc;
	float:right;
	margin-left:15px;
	}	

.font-emphasized1
	{
	font-size:12px;
	font-weight: bolder;
	color: #D42DD5	}

.border
	{
	background-image:url(../img/bg_border.gif);
	background-repeat:repeat-x;
	height:1px;
	font-size:1px;
	}

#headingCP 
	{
	border-left:solid #1594C1 6px;
	padding: 2px 0px 2px 5px;
	margin: 0px 0px 10px 0px;
	background-color: #FFFFFF;
	}

#headingCT 
	{
	border-left:solid #999965 6px;
	padding: 2px 0px 2px 5px;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	}

#headingLI 
	{
	border-left:solid #FE65C2 6px;
	padding: 0px 0px 2px 5px;
	margin: 0px 0px 0px 0px;
	border-bottom: solid #FE65C2 1px;
	}

#headingRE 
	{
	border-left:solid #D42DD5 6px;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 5px 0px;
	}

#headingREUnderLine 
	{
	border-left:solid #D42DD5 6px;
	padding: 0px 0px 2px 5px;
	margin: 0px 0px 15px 0px;
	border-bottom: solid #D42DD5 1px;
	}

#headingMN 
	{
	border-left:solid #416D9C 6px;
	padding: 0px 0px 2px 5px;
	margin: 0px 0px 0px 0px;
	color: #416D9C;
	font-size: 14px;
	border-bottom: solid #416D9C 1px;
	}

#headingMN2 
	{
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 2px 0px;
	color: #416D9C;
	font-size: 14px;
	font-weight: bold;
	}

#IconBottom 
	{
	margin: 35px 0px 20px 0px;
	text-align: center;
	}

.divider_dot1 
	{
	margin: 20px 0px 20px 0px;
	border-top:dotted #999 2px;
	}

.divider_dot2
	{
	margin: 15px 0px 15px 0px;
	border-top:dotted #CCC 1px;
	}

.headingRE
	{
	margin: 20px 2px 6px 2px;
	color: #B528B8;
	font-size: 16px;
	font-weight: bold;
	padding: 1px 2px 1px 6px;
	text-align: center;
	border-top: dotted #B528B8 1px;
	border-bottom: dotted #B528B8 1px;
	}

#bbs-wrapper
	{
	margin: 0px auto 6px auto;
	width: 750px;
	}
title {
	font-size: 36px;
	color: #F00;
}
.redtitle {
	font-size: 36px;
	color: #F00;
	font-weight: bold;
}
.jouken {
	font-size: 18px;
	color: #309;
	font-weight: bold;
}
.catch2 {
	font-size: 14px;
	color: #C0C;
}

/* ========================================================== */
/*  コンテンツページ　　　　　　                              */
/* ---------------------------------------------------------- */

/*　共通
----------------------------------------------- */
#contents div
	{
	overflow: hidden;
	}
#contents img
	{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	}
#contents p,
#contents ol,
#contents ul
	{
	line-height: 1.5em;
	color: #000033;
	font-size: 12px;
	}
#contents ul
	{
	list-style: none;
	margin: 0;
	padding: 0;
	}
#contents li.green
	{
	margin: 0;
	padding: 0 0 0 16px;
	background: url(../images/icon_green.gif) 2px 5px no-repeat;
	}
#contents span
	{
	font-weight: bold;
	color: #228e23;
	}
#contents .m_top_20
	{
	margin-top: 20px;
	}
#contents .m_bottom_17
	{
	margin-bottom: 17px;
	}
#contents .p_top_14
	{
	padding-top: 14px;
	}
#contents .p_top_17
	{
	padding-top: 17px;
	}
#contents .p_bottom_12
	{
	padding-bottom: 12px;
	}
#contents .p_bottom_20
	{
	padding-bottom: 20px;
	}
#contents .table_normal
	{
	margin: 0 0 17px;
	padding: 0;
	width: 630px;
	}
#contents .table_normal .header
	{
	height: 30px;
	}
#contents .table_normal .column
	{
	border: 1px solid #cccccc;
	}
#contents .table_normal .column p,
#contents .table_normal .column ol
	{
	padding: 14px 14px 0 12px;
	}
#contents .table_normal .column p.comment_r
	{
	padding: 4px 14px 0 10px;
	text-align: right;
	font-size: 11px;
	color: #535353;
	}
#contents .table_normal .column .img_border_610
	{
	margin: 14px 0 0 10px;
	}
#contents .table_normal .column .p_bottom
	{
	margin-top: 22px;
	}
#contents .table_normal .column .footer
	{
	margin-bottom: 12px;
	}
#contents .ban_inquiry
	{
	background-image:url(../images/bg_inquiry.gif);
	position:relative;
	width: 630px;
	height: 57px;
	}
#contents .ban_inquiry .btn
	{
	position:absolute;
	top: 13px;
	left: 428px;
	}
#contents .ban_recruit
	{
	background-image:url(../images/bg_recruit.jpg);
	position:relative;
	margin-top: 17px;
	width: 630px;
	height: 151px;
	}
#contents .ban_recruit .btn
	{
	position:absolute;
	top: 101px;
	left: 84px;
	}
#contents .comment_balloon
	{
	margin: 0 Auto;
	width: 598px;
	}
#contents .comment_balloon .h
	{
	height: 36px;
	}
#contents .comment_balloon .c
	{
	background-image:url(../images/bg_balloon.gif);
	padding: 10px 12px 0 12px;
	}
#contents .comment_balloon .c_blue
	{
	background-image:url(../images/bg_balloon_blue.gif);
	padding: 10px 12px 0 12px;
	}
#contents .comment_balloon .f
	{
	height: 15px;
	}

/*　コンテンツトップ
----------------------------------------------- */
#original_contents
	{
	background-image:url(../images/bg_original_contents.jpg);
	position:relative;
	margin: 5px 0 17px;
	width: 630px;
	height: 588px;
	}
#original_contents p
	{
	padding-left: 5px;
	font-size: 70%;
	color: #535353;
	}
#original_contents .btn1
	{
	position:absolute;
	top: 255px;
	left: 80px;
	}
#original_contents .btn2
	{
	position:absolute;
	top: 378px;
	left: 388px;
	}
#original_contents .btn3
	{
	position:absolute;
	top: 444px;
	left: 388px;
	}
#original_contents .btn4
	{
	position:absolute;
	top: 510px;
	left: 388px;
	}

/*　2.立体音響のサウンドドラマ
----------------------------------------------- */
#contents .sound_sample1
	{
	background-image:url(../images/bg_contents02_01.jpg);
	width: 614px;
	height: 392px;
	}
#contents .sound_sample1 .btn_left
	{
	float: left;
	height: 54px;
	margin: 305px 0 0 72px;
	}
#contents .sound_sample1 .btn_right
	{
	float: left;
	height: 54px;
	margin: 305px 0 0 12px;
	}
#contents .comment_balloon .c p,
#contents .comment_balloon .c ol,
#contents .comment_balloon .c_blue p,
#contents .comment_balloon .c_blue ol
	{
	padding: 0;
	}
#contents .sound_sample2
	{
	background-image:url(../images/bg_contents02_02.jpg);
	margin: 0 0 7px 14px;
	width: 601px;
	height: 201px;
	}
#contents .sound_sample2 .btn_left
	{
	float: left;
	height: 34px;
	margin: 140px 0 0 62px;
	}
#contents .sound_sample2 .btn_right
	{
	float: left;
	height: 34px;
	margin: 140px 0 0 12px;
	}

/*　3.全プラットフォーム対応
----------------------------------------------- */
#contents .comment_balloon_green
	{
	margin: 0 Auto;
	width: 600px;
	}
#contents .comment_balloon_green .h
	{
	background-image:url(../images/bg_contents03_01_header.jpg);
	position:relative;
	height: 276px;
	}
#contents .comment_balloon_green .h_non
	{
	background-image:url(../images/bg_contents03_01_header_non.jpg);
	position:relative;
	height: 276px;
	}
#contents .comment_balloon_green .h .btn,
#contents .comment_balloon_green .h_non .btn
	{
	position:absolute;
	top: 130px;
	left: 357px;
	}
#contents .comment_balloon_green .c
	{
	background-image:url(../images/bg_contents03_01.gif);
	}
#contents .comment_balloon_green .f
	{
	height: 15px;
	}
#contents .arasuji_box
	{
	margin: 0 Auto;
	width: 580px;
	}
#contents .arasuji_box .text
	{
	border-bottom: 1px solid #b7d4b4;
	border-left: 1px solid #b7d4b4;
	border-right: 1px solid #b7d4b4;
	background-color: #ffffff;
	width: 558px;
	height: 95px;
	overflow: auto;
	padding: 6px 10px;
	line-height: 1.5em;
	color: #000033;
	font-size: 12px;
	text-align: left;
	}
#contents .list_support
	{
	margin: 0 Auto;
	width: 600px;
	}
#contents .list_support h1
	{
	border-left: 6px solid #50af4e;
	margin: 0 0 5px;
	padding: 0 0 0 5px;
	font-size: 12px;
	color: #16a717;
	}
#contents .list_support table
	{
	border-bottom: 1px solid #50b251;
	border-collapse: collapse;
	border-top: 1px solid #50b251;
	width: 100%;
	height: auto;
	}
#contents .list_support table tr
	{
	border: 1px solid #50b251;
	}
#contents .list_support table th
	{
	border: 1px solid #50b251;
	color: #16a717;
	font-weight: bold;
	padding: 6px;
	text-align: left;
	}
#contents .list_support table td
	{
	border: 1px solid #50b251;
	padding: 6px;
	text-align: left;
	}
#contents .e_comic
	{
	background: url(../images/bg_contents03_02.jpg) 0 0 no-repeat;
	position:relative;
	width: 100%;
	height: 227px;
	}
#contents .e_comic ul
	{
	position:absolute;
	top: 75px;
	left: 204px;
	}

/*　人材募集案内
----------------------------------------------- */
#contents p.text_rec,
#contents .contents_rec table th,
#contents .contents_rec table td
	{
	line-height: 1.5em;
	}
#contents p.text_rec
	{
	padding: 15px 10px 0;
	width: 100%;
	}
#contents .contents_rec
	{
	margin: 20px 0 0;
	width: 100%;
	}
#contents .contents_rec .h
	{
	border-left: 6px solid #50af4e;
	font-weight: bold;
	margin: 0 0 5px;
	padding: 5px 0 0 5px;
	color: #409f41;
	font-size: 16px;
	}
#contents .contents_rec table
	{
	border-bottom: 1px solid #50b251;
	border-collapse: collapse;
	border-top: 1px solid #50b251;
	width: 100%;
	height: auto;
	}
#contents .contents_rec table tr
	{
	border: 1px solid #50b251;
	}
#contents .contents_rec table th
	{
	border: 1px solid #50b251;
	vertical-align: top;
	color: #409f41;
	font-weight: bold;
	padding: 6px 10px;
	text-align: left;
	width: 20%;
	}
#contents .contents_rec table td
	{
	border: 1px solid #50b251;
	vertical-align: top;
	padding: 6px 12px;
	text-align: left;
	width: 80%;
	}

/*　募集に関するQ&A
----------------------------------------------- */
#headingREUnderLine_contents
	{
	border-bottom: 1px solid #409f41;
	border-left: 6px solid #409f41;
	margin: 0 0 15px;
	padding: 0 0 2px 5px;
	}
#contents .headingRE_contents
	{
	border-bottom: 1px dotted #409f41;
	border-top: 1px dotted #409f41;
	color: #409f41;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 2px 6px;
	padding: 1px 2px 1px 6px;
	text-align: center;
	}
#contents table.qa_text_contents
	{
	width: 630px;
	}
#contents table.qa_text_contents td
	{
	padding-bottom: 10px;
	}
#contents table.qa_text_contents td.l_q
	{
	width: 6%;
	vertical-align: middle;
	}
#contents table.qa_text_contents td.r_q
	{
	width: 94%;
	vertical-align: middle;
	font-weight: bold;
	}
#contents table.qa_text_contents td.l_a,
#contents table.qa_text_contents td.r_a
	{
	vertical-align: top;
	}
#contents .dot_line625
	{
	border-top: 1px dotted #999999;
	margin-bottom: 10px;
	}