@charset "Shift_JIS";

/*----------------------------------------------------------------
  【基本設定】
----------------------------------------------------------------*/

html, body {
    margin:                 0px 0px 0px 0px;
    padding:                0px 0px 0px 0px;
    height:                 100%;
    width:                  0px auto;
    background-color :      #fff;
    background-image:       url('com/oback.gif');
    background-position:    center;
    background-repeat:      repeat-y;
}

html {
    overflow-y:             scroll;
}

a:link {
    color: 		#0066cc;
    background-color:   transparent;
}

a:visited {
    color: 	        #666666;
    background-color:   transparent;
}

a:hover, a:active {
    color: 		#ff0000;
    background-color:   transparent;
}

@media print {
 html, body {
    background-color:   #ffffff;
    background-image :  url(com/print_w.gif);
   }
}

/*----------------------------------------------------------------
  【大枠】
----------------------------------------------------------------*/

#hpb-container {
    width:              950px;
    min-height:         100%;
    margin:             0px auto;
    padding:            0px 0px 0px 0px;
    border-width :      0px 0px;
    background-color:   #ffffff;
    position:           relative;
    min-height:         100%;
}

/*----------------------------------------------------------------
   【メイン】
----------------------------------------------------------------*/

div#hpb-mainbk {
    width:                  950px;
    margin:                 0px auto 0px;
    padding-bottom:         200px;
}

div#hpb-main {
    border:                 0px;
    margin:                 0px auto 0px;
    padding:                0px 0px 0px 0px;
}

#main{
	padding:0;
	margin:0;
	height:258px;
	background:url('com/menu_line.png') no-repeat left bottom;	
}

/*-------------------------------------------------------
　【ヘッダー】
---------------------------------------------------------*/
#header{
	box-sizing: border-box;
	width:950px;
	height:103px;
	background:url('com/header.png') no-repeat left top;	
	padding:10px 0 0 0;
	
}

.head_name{
	float:left;
	padding:25px 0 0 60px;
}

.head_info{
	float:right;
	padding:20px 55px 0 0px;
}


/*-------------------------------------------------------
　【ナビ】
---------------------------------------------------------*/
div{
	margin:0;
	padding:0;
}

#navi{
	padding:0;
	margin:0;
}

#navi ul{
	padding:0 0 0 360px;
	margin:0;
	height:29px;
	background:url('com/menu_line.png') no-repeat left bottom;
}

#navi li{
	list-style: none;
	float:left;
}

#navi a{
	text-decoration:none;
	display:block;
	width:105px;
	height:27px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	font-size:10px;
}

#navi a.menu01{
	background:url('com/menu1.png') no-repeat left top;
}

#navi a:hover.menu01,#navi a.menu01.now{
	background:url('com/menu1_over.png') no-repeat left top;
}

#navi a.menu02{
	background:url('com/menu2.png') no-repeat left top;
}

#navi a:hover.menu02,#navi a.menu02.now{
	background:url('com/menu2_over.png') no-repeat left top;
}

#navi a.menu03{
	background:url('com/menu3.png') no-repeat left top;
}

#navi a:hover.menu03,#navi a.menu03.now{
	background:url('com/menu3_over.png') no-repeat left top;
}

#navi a.menu04{
	background:url('com/menu4.png') no-repeat left top;
}

#navi a:hover.menu04,#navi a.menu04.now{
	background:url('com/menu4_over.png') no-repeat left top;
}

#navi a.menu05{
	background:url('com/menu5.png') no-repeat left top;
}

#navi a:hover.menu05,#navi a.menu05.now{
	background:url('com/menu5_over.png') no-repeat left top;
}


.clearfix:before,
.clearfix:after{
  display: table;
  content: " ";
}
.clearfix:after{
  clear: both;
}


/*----------------------------------------------------------------
   【フッター】
----------------------------------------------------------------*/

div#hpb-footerbk {
    background-image:       url('com/footer.png');
    background-position:    center bottom;
    background-repeat:      no-repeat;
    width:                  949px;
    height:                 190px;
    position:               absolute;
    bottom:                 0px;
    padding:                0px 0px 0px 0px;
}

div#hpb-footer {
    height:                 140px;
    width:                  950px;
    margin:                 auto;
}
div#hpb-copyright {
    width:                  950px;
}

/*----------------------------------------------------------------
   【タイトル】
----------------------------------------------------------------*/
h1{
	margin:0px 0px 0px 0px;
}

h2{
	margin:0px 0px 0px 0px;
}

h3{
	margin:0px 0px 0px 0px;
}

/*-------------------------------------------------------
　【movie／映像制作の流れ】
---------------------------------------------------------*/

div#secime {
    width:              800px;
    height:             auto;
    margin:             15px auto;
    padding:            0px 0px 0px 0px;
    border-width :      0px 0px;
    background-color:   #fff;
}

div#secime img {
    /*-float:              left;-*/
    margin:             5px 0px 10px 0px;
    border:             0px;
}

#secime table {
    width:              720px;
    border-collapse:    collapse;
    border-width:       0px 0px 1px 0px;
    border-style:       solid;
    border-color:       #3399FF;
    color:              #000000;
    text-align:         left;
    background-color:   #ffffff;
}

#secime table td {
    border-collapse:    collapse;
    border-width:       1px;
    border-style:       solid;
}

/*--流れの項目---*/
.sec-style {
    background-color:   #036AB0;
    border-collapse:    collapse;
    padding:            8px 0px 8px 10px;
    border-color:       #036AB0;
    color:              #fff;
    text-align:         left;
    font-size:          12px;
    font-weight :       bold;
}

/*--流れの文章---*/
.sec-style2 {
    border-collapse:    collapse;
    padding:            8px 0px 8px 10px;
    border-color:       #036AB0;
    background-color:   #fff;
    color:              #000;
    text-align:         left;
    font-size:          12px;
    font-weight :       normal;
    text-indent:        1em;
}

/*----------------------------------------------------------------
   【よくある質問／角丸】
----------------------------------------------------------------*/

/*--テーブル--*/
table.pointwaku {
    width:              720px;
    margin:             35px 0px 0px 0px;
    padding:            15px 0px 0px 27px;
    border-width:       2px;
    border-style:       solid;
    border-color:       #c9c9c9;
    border-radius:      15px 15px 15px 15px;
    background-color:   #ffffff;
    text-align:         left;
    font-size:          12px;
    font-weight :       bold;
    color:              #000000;
    line-height:        1.5;
    box-shadow:         3px 3px 10px 0px rgba(0,0,0,0.1);
}

/*--回答の白テーブル--*/
table.kaito {
    width:              650px;
    margin:             0px auto;
    padding:            10px 15px 0px 7px;
    border-width:       0px;
    background-color:   #ffffff;
    text-align:         left;
    font-size:          12px;
    font-weight:        normal;
    color:              #000000;
    line-height:        1.5;
}

/*-------------------------------------------------------
　【お問い合わせ／フォーム テーブル】
---------------------------------------------------------*/

.hpb-toi-tb-cell1 {
    width:              220px;
    margin:             0px;
    padding:            8px 5px 8px 8px;
    background-color:   #eeeeee;
    border-width:       0px 1px 1px 0px;
    border-style:       solid;
    border-color:       #333333;
    font-weight:        normal;
    color:              #000;
}

/*--入力確認画面---*/
.text10b-2 {
    margin:             0px 0px 0px 0px;
    color:              #000;
    font-size:          10pt;
    font-weight:        bold;
    text-align:         center;
    line-height:        1.5;
}
/*--▲ここまで---*/

.text10_hidari {
    float:              left;
    margin:             0px 0px 0px 0px;
    color:              #000000;
    font-size:          9pt;
    line-height:        1.5;
    font-weight:        bold;
}

.text10r_migi {
    float:              left;
    margin:             0px 0px 0px 5px;
    color:              #ff0000;
    font-size:          9pt;
    line-height:        1.5;
}

.text10_kuro {
    clear:both;
    float:              left;
    margin:             0px 0px 0px 0px;
    color:              #000000;
    font-size:          9pt;
    line-height:        1.5;
    font-weight:        normal;
}

.text10_kuroind {
    width:              405px;
    margin:             0px 0px 0px 10px;
    color:              #000000;
    font-size:          9pt;
    line-height:        1.5;
    text-align:         left;
    text-indent:        -1em;
}

/*-------------------------------------------------------
　【共通／テーブル】
---------------------------------------------------------*/

.hpb-cnt-tb1 {
    width:              720px;
    background-color:   #333;
    border-width:       1px 0px 0px 1px;
    border-style:       solid;
    border-color:       #333;
    text-align:         left;
    font-size:          12px;
}

.hpb-cnt-tb-cell1 {
    width:              100px;
    margin:             0px;
    padding:            8px 5px 8px 8px;
    background-color:   #eeeeee;
    border-width:       0px 1px 1px 0px;
    border-style:       solid;
    border-color:       #333333;
    font-weight:        bold;
    color:              #000;
}

.hpb-cnt-tb-cell2 {
    margin:             0px;
    padding:            8px 5px 8px 8px;
    background-color:   #fff;
    color:              #000;
    border-width:       0px 1px 1px 0px;
    border-style:       solid;
    border-color:       #333333;
    line-height:        1.5;
}

/*-------------------------------------------------------
　【共通／ページ内リンク テキスト】
---------------------------------------------------------*/

.text10h_line {
    width:              500px;
    color:              #000;
    font-size:          10pt;
    line-height:        3.0;
    border-width:       1px 0px 1px 0px;
    border-style:       dotted;
    border-color:       #666666;
}

/*-------------------------------------------------------
　【共通／ページのトップへもどる テキスト】
---------------------------------------------------------*/

.modoru {
    width:              730px;
    font-size:          9pt;
    line-height:        3.0;
    text-align:         right;
    border-width:       0px;
}

/*-------------------------------------------------------
　【共通／テキスト】
---------------------------------------------------------*/

.text10h {
    color:              #000;
    font-size:          10pt;
    line-height:        1.5;
}

.text_10B  {
    color:              #000;
    font-size:          10pt;
    font-weight:        bold;
}

.text10w {
    color:              #fff;
    font-size:          10pt;
    font-weight:        bold;
    line-height:        1.5;
}

.text10r_ind {
    margin:             0px 0px 0px 25px;
    width:              650px;
    color:              #ff0000;
    font-size:          10pt;
    line-height:        1.5;
    text-align:         left;
    text-indent:        -1em;
}

.text10r {
    margin:             0px 0px 0px 0px;
    color:              #ff0000;
    font-size:          10pt;
    line-height:        1.5;
    text-align:         left;
}

.text10r2 {
    margin:             0px 0px 0px 0px;
    color:              #ff0000;
    font-size:          10pt;
    line-height:        1.5;
    text-align:         center;
}


div#hpb-footer table{
    width:                  950px;
    margin-top:             120px;
}

div#hpb-footer table td{
     color: #ffffff;
     font-size: 9pt;
     line-height: 25px;
     font-family: "ＭＳ Ｐ明朝";
     font-weight: 500;
}
div#hpb-copyright table{
    width:                  950px;
    margin-top:             3px;
}

div#hpb-copyright table td{
     color: #ffffff;
     font-size: 8pt;
     line-height: 25px;
     font-weight: 500;
     font-family: Batang;
}


.movie{
	padding-bottom:40px;
}