//edit user : No.9065 /*-----------------------------------ここからCSS開始----------------------*/ /*全体背景*/ body { background-image : url(http://fileup.jp/up/8584.jpg ) ; background-repeat : repeat ; background-position : center center ; background-attachment : fixed ; font-family : メイリオ ; } /*全体位置*/ #topmovie { position : relative ; bottom : 40px ; } /*配信名タイトル*/ #movie_title { background-image : url(http://fileup.jp/up/8585.jpg) ; color : #009966 ; font-size : 18pt ; text-align : center ; text-shadow : 2px 1px 3px #000000 ; border : 3px solid #F0FFFF; padding : 5px ; width : 966px ; position : absolute ; top : -6px ; border-radius : 10px ; /* 角丸Opera, IE */ -moz-border-radius : 10px ; /* 角丸Firefox */ -webkit-border-radius : 10px ; /* 角丸Safari, GoogleChrome */ } /*配信名タイトル横の配信者欄*/ #program_info { background-image : url(http://i.imgur.com/oIav8cK.png) ; text-align : center ; border : 3px solid #F0FFFF ; padding : 5px ; position : fixed ; top : 0px ; right : 0px ; border-radius : 10px ; /* 角丸Opera, IE */ -moz-border-radius : 10px ; /* 角丸Firefox */ -webkit-border-radius : 10px ; /* 角丸Safari, GoogleChrome */ z-index : 1 ; } /*上のメインボックス*/ #author_comment { background-image : url(https://ssl.dengeki.com/elem/000/000/854/854951/bkb_009_cs1w1_1280x720.jpg) ; background-position : center ; font-weight : 600 ; width : 970px ; height : 670px ; -moz-border-radius : 10px ; -webkit-border-radius : 10px ; border-radius : 10px ; border : solid #F0FFFF ; } /*上のメインボックス-左下ボックス*/ #box1 { background-image : url(http://i.imgur.com/oIav8cK.png) ; position : relative ; margin : 415px 0px 0px 38px ; -moz-border-radius : 20px ; -webkit-border-radius : 20px ; border-radius : 20px ; width : 560px ; height : auto ; border : 3px solid #ff9b20 ; } /*上のメインボックス-左下ボックス-番組の内容*/ .boxtitle1 { border-bottom : 1px solid #aaaaaa ; /* 下線 */ font-weight : bold ; /* 太字 */ color : #4564b0 ; /* 文字の色 */ padding-left : 30px ; /* 文字位置右に??px */ line-height : 25px ; /* 文字位上下に??px */ font-size : 20px ; /* 文字サイズ */ } /*上のメインボックス-左下ボックス-SkypeID*/ .boxtitle2 { border-top : 1px solid #aaaaaa ; /* 上線 */ font-weight : bold ; /* 太字 */ color : #4564b0 ; /* 文字の色 */ padding-left : 30px ; /* 文字位置右に??px */ line-height : 25px ; /* 文字位上下に??px */ font-size : 20px ; /* 文字サイズ */ } .program_attend_imgblock { background-image : url(http://i.imgur.com/y2ZtdxC.png) ; -moz-border-radius : 10px ; -webkit-border-radius : 10px ; border-radius : 10px ; border : 1px solid #E0FFFF ; } /*ファンメンバー-メンバー外枠色2*/ .program_fan_imgblock { background-image : url(http://i.imgur.com/y2ZtdxC.png) ; -moz-border-radius : 10px ; -webkit-border-radius : 10px ; border-radius : 10px ; border : 1px solid #E0FFFF ; } /*上のメインボックス-左下棒読みボックス1*/ #box2{ background-image : url(http://i.imgur.com/oIav8cK.png) ; color : #4564b0 ; text-align : center ; width : 310px ; height : 33px ; font-weight : 700px ; font-size : 19px ; -moz-border-radius : 20px ; -webkit-border-radius : 20px ; border-radius : 20px ; position : absolute ; margin : -286px 0px 0px 616px ; padding-top : 10px ; border : 3px solid #ff9b20 ; } /*上のメインボックス-左下棒読みボックス2*/ #box3 { background-image : url(http://i.imgur.com/oIav8cK.png) ; width : 300px ; height : 210px ; border : 3px solid #ff9b20 ; text-align : left ; padding : 5px 5px ; margin : -226px 0px 0px 616px ; -moz-border-radius : 20px ; -webkit-border-radius : 20px ; border-radius : 20px ; } /*上のメインボックス-左下棒読みボックス2-スクロール*/ #boxs { width : 300px ; height : 210px ; overflow : auto ; position : absolute ; } /*----------------------------ここからタグ部分の設定----------------------*/ /*配信者タグ*/ #author_tag a:link { color : #000000 ; } #author_tag a:hover { background-image : url(http://i.imgur.com/oIav8cK.png) ; border : 1px solid #0068b7 ; } #author_tag a:visited { color : #000000 ; } /*ユーザータグ*/ #usertag a:link { color : #000000 ; } #usertag a:hover { background-image : url(http://fileup.jp/up/8585.jpg) ; border : 1px solid #0068b7 ; } #usertag a:visited { color : #000000 ; } /*----------------------------ここまでタグ部分の設定----------------------*/ /*-------------------------ここからファン登録部分の設定-------------------*/ /*ファン登録-ブロックサイズ*/ .program_fan_imgblock { color : #000000 ; background-color : #ccffcc ; height : 150px ; width : 135px ; vertical-align : middle ; } /*ファン登録-画像サイズ*/ .program_fan_img { border : ridge 1px ; border-color : gray ; width : 100px ; height : 100px ; } /*ファン登録-ブロックサイズ*/ .tab_content{ background-image : url(http://i.imgur.com/oIav8cK.png) ; } /*管理者に報告-報告タイトル*/ .datablock { text-align : center ; } /*管理者に報告-テキスト枠*/ #report .rowdata textarea { width : 800px ; } /*-------------------------ここまでファン登録部分の設定-------------------*/ /*------------------ここからテキストコメント、番組情報欄の設定------------*/ /*テキストコメントと番組情報のタイトル*/ .home_head{ background-color : #E0FFFF ; border-left : none ; text-align : center ; font-size : 18px ; } /*テキストコメント欄*/ #movie_left_box{ height : 250px ; background-color : #F0FFFF ; } /*番組情報欄*/ #movie_right_box{ height : 250px ; background-color : #F0FFFF ; font-size : 18pt ; } #undermovie #movie_left_box textarea{ width : 586px !important; height : 70px !important; } /*スクロール*/ #textcomment_ret { background-color : #F0FFFF ; background-repeat : no-repeat ; height : 100px ; overflow : scroll ; overflow-x : hidden ; } /*ライン*/ #undermovie .txtcome_block dt { background-color : #E0FFFF ; } /*------------------ここまでテキストコメント、番組情報欄の設定------------*/ /*-----------------------------ここから広告系の設定-----------------------*/ /*アマゾン広告背景透過と色つけ*/ .thumbblock_3colum_ama { background-color : transparent ; } .thumbblock_3colum_ama:hover{ background-color : #F0FFFF ; -moz-transition : 1s ease-out ; -o-transition : 1s ease-out ; -webkit-transition : 1s ease-out ; } .thumbblock_3colum_ama .thumbdataback { color : #000000 ; } .thumbblock_3colum_ama .thumbcomment { color : #000000 ; } .thumbblock_3colum_ama .amabanner_sals_cnt { color : none ; } .thumbblock_3colum_ama .thumbimage_ama { background-color : #FFFFFF ; background-image : url(http://i.imgur.com/nVjOHCW.png) ; } .thumbblock_3colum_ama .thumbtitle a:link { color : #000000 ; } .thumbblock_3colum_ama .thumbtitle a:visited { color : #000000 ; } .thumbblock_3colum_ama .thumbtitle a:hover { color : #66ccff ; } /*アマゾン広告横サイズ*/ #undermovie #thumb { font-size : 10pt !important ; width : 100% !important ; } /*最下ミニアマゾン広告5つ*/ .thumbblock_3colum:hover{ background-color : #F0FFFF ; -moz-transition : 1s ease-out ; -o-transition : 1s ease-out ; -webkit-transition : 1s ease-out ; } .thumbblock_3colum a:link { color : #000000 ; } .thumbblock_3colum a:visited { color : #000000 ; } .thumbblock_3colum a:hover { color : #66ccff ; } /*上下の広告*/ #aswift_0 { border : 2px solid #0068b7 ; } #aswift_0_anchor { position : relative ; top : -30px ; left : 130px ; } #aswift_1 { border : 2px solid #0068b7 ; } #aswift_1_anchor { position : relative ; left : 130px ; } /*-----------------------------ここまで広告系の設定-----------------------*/ /*-----------------------------ここから最上部の設定-----------------------*/ /*右上メニューと説明文*/ #header table tbody tr td { text-align : left ; } #header table tbody tr td div.explanation { text-align : left ; } /*左上画像(タイトルロゴ)*/ /*左上検索欄*/ .headmenu { position : relative ; left : 75px ; } /*-----------------------------ここまで最上部の設定-----------------------*/ /*-----------------------------ここからその他の設定-----------------------*/ /*番組情報編集見やすくする&CSSフロート 51IE、45クローム、55火狐*/ #txt_author_comment { width : 480px ; height : 500px ; font-size : 9pt ; float : left ; margin-top : 70px ; margin-right : 0px ; } /*CSS編集見やすくする*/ #txt_css { width : 480px ; height : 500px ; font-size : 9pt ; } /*-----------------------------ここまでその他の設定-----------------------*/ /*-----------------------------------ここまでCSS終了----------------------*/