* { margin: 0; padding: 0; }

body { display: block; background-color:#013; font-family:"Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif; }
img { border:0; }
/** header design **/
#header                                        { position:fixed;    width:100%; top:0; background-image:url(/images/template/header_back.jpg); z-index:5; }
#header #head_contents                         { position:relative; width:960px; height:80px; margin:0 auto; }
#header #head_contents .pierrot_logo           { position:absolute; width:220px; height:70px; top:5px; left:4px; background-image:url(/images/template/pierrot_logo.png); }
#header #head_contents .menu_contents          { position:absolute; width:710px; top:30px;left:250px; }
#header #head_contents .menu_contents li       { float:left; width: 130px; margin:0 5px 0 0; display:block; overflow:visible; }
#header #head_contents .menu_contents li ul li { width: 200px; }

#header #head_contents .menu_contents li.eng   { float:left; width: 130px; margin:0 5px 0 0; display:block; overflow:visible; margin:0 0 0 12px; padding:8px 0; border-radius:6px; font-family:'Open Sans',sans-serif; color:#FFF; font-weight:600; text-align:center; vertical-align:middle; background-color:#333; box-shadow: 1px 1px 3px #999; -moz-box-shadow: 1px 1px 3px #999; -webkit-box-shadow: 1px 1px 3px #999; }
#header #head_contents .menu_contents li.eng:hover   { background-color:#555; }


/** contents defalt design **/
.white_bg { background-color:#FFF; }
#contents                     { width:100%; min-height:480px; min-width:700px; padding:80px 0 0 0; }
#contents .panel              { text-align:left; height:28px; margin:0 0 7px 0; background-image:url(/images/index/panel_backs.png); }
#contents .panel2             { position:relative; text-align:left; height:28px; margin:0 0 7px 0; background-image:url(/images/index/panel_backs.png); }
#contents .panel2 #rss_fl     { position:absolute; font-size:11px; vertical-align: bottom; bottom:5px; right:5px; }
#contents .panel2 #rss_fl img { float:right; margin-left:5px; border-style:none; }

/** main page design **/
#main_fl                  { height:300px; background-image:url(/images/index/mein_flame_back.png); background-color:#013; }
#main_fl .main_position   { width:960px; height:300px; margin:0 auto; }
#main_fl .player_position { width:940px; height:300px; margin:0 auto; }
#infomation_fl { position:relative; margin:10px 0; }
#info_position { width: 960px; margin:0 auto; }
#infomation_fl #blog_info_fl                { float:right; width:470px; height:auto; }
#infomation_fl #blog_info_box               { width:466px; height:250px; padding:2px; border-radius:8px; background-color:#579; }
#infomation_fl #blog_info_box .blog_info_sp { width:456px; height:240px; padding:5px; border-radius:6px; background-color:#FFF; }

#infomation_fl #tweet_fl                { border:2px #579 solid; border-radius:8px; padding:0 8px; }

#news_info_fl { width:470px; }
#news_info_fl #scroll{ width:470px; height:230px; margin:auto; }

#news_info_fl .news_fl          { float:left; width:244px; height:102px; margin:3px; padding:3px; border-radius:6px; z-index:2; background-color:#579; box-shadow: 1px 1px 2px #333; -moz-box-shadow: 1px 1px 2px #333; -webkit-box-shadow: 1px 1px 2px #333; }
#news_info_fl .news_index       { width:244px; height:102px; border-radius: 4px; background-color:#FFF; }
#news_info_fl .news_index:hover { background-color:#FFFFCC; }
#news_info_fl .day_name         { font-family:Tahoma, Geneva, sans-serif; font-size:10pt; font-weight:900; color:#069; padding:5px 10px 0 10px; }
#news_info_fl .daynews_title    { font-size:9pt; font-weight: 900; color:#013; line-height:14px; padding:5px 10px 0 10px; }
#news_info_fl .daynews_title a  { color:#013; }
#news_info_fl .daynews_comment  { font-size:7pt; line-height:14px; padding:5px 10px 0 10px; }
#site_info_fl                       { height:200px; padding:0 0 40px 0; }
#site_info_fl #banner_fl            { width:960px; margin:0 auto; clear:both; }
#site_info_fl #facebook_fl          { width:960px; margin:0 auto; clear:both; }
#site_info_fl #banner_fl .banner_sp { float:left; width:310px; height:74px; margin:5px; }
#site_info_fl #banner_fl img        { border-style:none; }
#twitter_info_fl { height:100px; padding:0 0 40px 0; }
#twitter_info_fl #content_fl            { width:960px; margin:0 auto; clear:both; }
#twitter_info_fl .links             { float:left; width:266px; height:80px; padding:0 10px 0 0; }

#contents #contents_fl    { width:960px; min-height:480px; margin:0 auto; }
#contents #category_title { padding:0 0 16px 0; }

/**menu color**/
#contents .menu_color00 { background-color:#55779A; }
#contents .menu_color01 { background-color:#3C9; }
#contents .menu_color02 { background-color:#3C9; }
#contents .menu_color03 { background-color:#09C; }
#contents .menu_color04 { background-color:#F1B000; }

#contents #menu_fl          { float:right; width:210px; height:100%; margin-right:0 4px 0 0; padding-top:22px; }
#contents #menu_fl ul li    { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; font-weight:900; list-style-type:none; margin:0 0 5px 0; }
#contents #menu_fl ul li hr { text-align:left; width:199px; border-style:none; border-top:1px solid #FFF; }

#contents #menu_fl ul li a          { color:#FFF; text-decoration:none; padding:0 0 0 15px; background-image:url(/images/template/side_menu_btm_01.png); }
#contents #menu_fl ul li a:visited  { color:#FFF; background-image:url(/images/template/side_menu_btm_01.png); }
#contents #menu_fl ul li a.selected { color:#FF9; background-image:url(/images/template/side_menu_btm_02.png); }
#contents #menu_fl ul li a:hover    { color:#FF6; background-image:url(/images/template/side_menu_btm_02.png); }
#contents #menu_fl .second_link     { padding:0 0 0 20px; }
#contents #menu_fl .second_link hr  { text-align:left; width:179px; border-style:none; border-top:1px solid #FFF; }

#info_arr_comm    { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px; vertical-align:bottom; margin:0 0 10px 0; padding:0 7px; }
#info_arr_comm h1 { font-size:16px; color:#C00; }
#info_arr_comm p  { line-height:20px; }
#info_ssn_comm    { position:relative; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; vertical-align:bottom; margin:0 0 10px 0; padding:5px 7px 5px 220px; background-color:#F3F3F3; border-radius:4px; }
#info_ssn_comm #ssn_link01 { position:absolute; width:100px; height:22px; top:3px; left:7px; }
#info_ssn_comm #ssn_link02 { position:absolute; width:100px; height:22px; top:3px; left:112px; }
#info_ssn_comm img         { border-style:none; }

#info_arr_comm .wframe { padding:5px 0; border-radius:5px;}

.clear { height:0; clear:both; }

/** article design **/
#article_area { width:720px; min-height:480px; padding:22px 11px 0 0; background-color:#FFF; }

/** footer design **/
#footer   { width:100%; bottom:0; clear:both; background-color:#013; }
.footfixd { position:fixed; bottom:0; z-index:2; }
#copy_sp  { position:relative; color:#FFF; height:28px; }
#footer #foot_contents             { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:8pt; width:940px; margin:0 auto; padding:10px 5px 5px 15px; clear:both; }
#footer #foot_contents .pierrot_cp { float:right; font:Verdana, Geneva, sans-serif; font-size:9pt; text-align:right; width:300px; }
#footer #foot_contents a           { color:#FFF; text-decoration:none; }
#footer #foot_bottom_fl            { height:22px; }