@charset "utf-8";

/*--------------------------------------------------------------------
/- file   : style.css
/- update : 20120926
/--------------------------------------------------------------------*/

/*
　基本フォントサイズは13px（下記を参考に%で指定する）
　10px→77%　 11px→85%　 12px→93%　 13px→100%　14px→108%
　15px→116%　16px→124%　17px→131%　18px→139%　19px→147%
　20px→154%　21px→162%　22px→169　%23px→177%　24px→185%
　25px→192%　26px→200%
*/


/***********************************************************************************
　01.共通指定
************************************************************************************/

#main{
	background:url(../images/main_bg.gif) repeat-y center top;
	min-height:650px;
}

#main .main_head{
	background:url(../images/main_bg_head.gif) no-repeat left top;
	padding:30px 30px 0;
}

#main .mainimg{
	margin:-18px 0 0 -20px;
	padding-bottom:30px;
}

#contents{
	width:655px;
	margin:6px 5px 0 5px;
	min-height:630px;
}


/***********************************************************************************
　02.Index指定
************************************************************************************/


#top #leftcolm{
	background:none;
}

#top_wrap{
	width:980px;
	margin:0 auto;
	padding-top:5px;
	padding-bottom:20px;
	/*background:url(../images/top_bg_wrap.jpg) no-repeat left top;
	background:url(../images/top_bg_wrap_bs.jpg) no-repeat left top;*/
	background:url(../images/top_bg_wrap_end.jpg) no-repeat left top;
	position:relative;
}

#top_header h1,
#top_header h2,
#top_header h3,
#top_header h4{
	display:none;
}

#leftcolm .socialbtn{
	margin-top:10px;
}

#leftcolm ul.left_banner{
	background:url(../images/bg_left_banner.jpg) no-repeat left top;
	padding:5px;
	margin-top:770px;
	margin-left:90px;
	margin-bottom:20px;
}

#leftcolm ul.left_banner .left{
	float:left;
	margin-right:5px;
}

#leftcolm ul.left_banner_long{
	margin-top:645px;
	margin-left:55px;
	margin-bottom:20px;
}




/***********************************************************************************
　02.News指定
************************************************************************************/

/* midashi */
.midashi{
	background:#121A34 url(../images/bg_midashi.gif) no-repeat left bottom;
	border-top:solid 3px #E1B133;
	line-height:1;
	padding-top:4px;
	padding-bottom:12px;
}

.midashi .date{
	background:url(../images/bg_midashi_date.gif) no-repeat left top;
	color:#FBDE91;
	font-size:77%;
	font-weight:bold;
	float:left;
	text-align:center;
	width:48px;
	margin:3px 5px 0 5px;
	padding:4px ;
}

.midashi h3{
	font-size:108%;
	color:#fff;
	margint-top:3px;
	margin-left:65px;
	padding-top:6px;
	width:535px;
}

/* kiji */

.kiji{
	margin-bottom:30px;
}

.kiji_in{
	clear:both;
	margin:0 20px;
	padding-top:10px;
}

.kiji_in p{
	margin-bottom:0.5em;
}

.kiji_in a img{
	margin-right:4px;
	vertical-align:text-bottom;
}

/* photo */

img.photo{
	padding:2px;
	border:solid 1px #c1b1a6;
}

#news p.ma_bottom15,
#news ul.ma_bottom15{
	margin-bottom:15px;
}

#news .left{
	float:left;
	margin-right:10px;
}

#news .right{
	float:right;
	margin-left:10px;
}

#news .kiji_in dl{
	background:#d5c9b2;
	margin-top:2px;
}

#news .kiji_in dl dt{
	font-weight:bold;
	float:left;
	padding:10px;
}

#news .kiji_in dl dd{
	background:#F5F0EA;
	margin-left:120px;
	border-bottom:dotted 1px #7d7365;
	border-right:dotted 1px #7d7365;
	padding:10px 0 10px 10px;
}

#news .kiji_in dl dd.firstbox{
	border-top:dotted 1px #7d7365;
}

#news ul.books{
	margin:0 75px;
}

#news ul.books li{
	float:left;
	width:195px;
	text-align:center;
	padding:10px 0;
}




/***********************************************************************************
　03.Story指定
************************************************************************************/

#story .oa_number{
	clear:both;
	margin-bottom:7px;
}

#story .storyinfo{
	margin: 0 0 32px -2px;
	padding:30px 0 36px 22px;
	background:url(../story/images/bg_story.gif) left bottom no-repeat;
	width:584px;
}

#story .storyinfo .photo{
	position:relative;
	width:276px;
	height:174px;
	float:left;
	margin-right:12px;
	padding-bottom:16px;
}

#story .zoom{
	display:block;
	position:absolute;
	right:0;
	bottom:8px;
	z-index: 4;
}

#story .storyinfo h4{
	color:#af1901;
	font-weight:bold;
	font-size:108%;
}

#story .storytext{
	clear:both;
	padding: 5px 24px 8px 0;
}

#story .photogallary {
	background:url(../story/images/banner_gallery_bg.jpg) no-repeat left top;
}

#story .intro{
	background:url(../story/images/bg_intro.jpg) no-repeat center top;
	padding:30px;
	height:480px;
	clear:both;
}

#story h3{
	height:45px;
}

#story h3 img{
	position:absolute;
	z-index:3;
}

/* pager */
#story dl.midashi{
	border-top:none;
	margin-top: 5px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:right;
	background:url(../story/images/bg_pager.gif) right top no-repeat;
	line-height:1;
	font-size:93%;
	width:480px;
	height:40px;
}

#story dl.midashi dt{
	display:none;
}

#story dl.midashi dd{
	float:right;
	display:inline;
	padding:7px 6px 0 0;
	text-align:right;
}

#story dl.midashi dd #navi_back,
#story dl.midashi dd #navi_next {
	display:block;
	background:none;
	padding:7px 5px 3px;
	float:left;
	line-height:1;
	font-size:8px;
}

#story dl.midashi ul{
	float:left;
	margin:0 4px;
}

#story dl.midashi li{
	float:left;
	margin:3px 1px;
	list-style:none;
}

#story dl.midashi li span {
	color: #ad9361; 
	background: #936924; 
	padding: 3px 0; 
	width: 20px; 
	text-align: center; 
	display: block; 
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 1px 1px 1px rgba(194, 172, 131, 0.9), inset 0px 0px 1px rgba(46, 27, 3, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(194, 172, 131, 0.9), inset 0px 0px 1px rgba(46, 27, 3, 0.6); box-shadow: 1px 1px 1px rgba(194, 172, 131, 0.9), inset 0px 0px 1px rgba(46, 27, 3, 0.6); }

#story dl.midashi li a {
	color: #ad9361; 
	background: #630; 
	padding: 3px 0; 
	width: 20px; 
	text-align: center; 
	text-decoration: none; 
	display: block; 
	background: -moz-linear-gradient(top, #443111 0%, #443111 20%, #684a1a); background: -webkit-gradient(linear, left top, left bottom, from(#443111), color-stop(0.2, #443111), to(#684a1a)); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 1px 1px 1px rgba(194, 172, 131, 0.9), inset 0px 0px 1px rgba(46, 27, 3, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(194, 172, 131, 0.9), inset 0px 0px 1px rgba(46, 27, 3, 0.6); box-shadow: 1px 1px 1px rgba(194, 172, 131, 0.9), inset 0px 0px 1px rgba(46, 27, 3, 0.6); 
}

#story dl.midashi li a:hover {
	color: #ad9361; 
	background: #241a09; 
	background: -moz-linear-gradient(top, #241a09 0%, #241a09 20%, #382508); 
	background: -webkit-gradient(linear, left top, left bottom, from(#241a09), color-stop(0.2, #241a09), to(#382508)); 
}

#story #leftcolm.introduction dl.midashi dd li.introduction a,
#story #leftcolm.no01 dl.midashi dd li.no01 a,
#story #leftcolm.no02 dl.midashi dd li.no02 a,
#story #leftcolm.no03 dl.midashi dd li.no03 a,
#story #leftcolm.no04 dl.midashi dd li.no04 a,
#story #leftcolm.no05 dl.midashi dd li.no05 a,
#story #leftcolm.no06 dl.midashi dd li.no06 a,
#story #leftcolm.no07 dl.midashi dd li.no07 a,
#story #leftcolm.no08 dl.midashi dd li.no08 a,
#story #leftcolm.no09 dl.midashi dd li.no09 a,
#story #leftcolm.no10 dl.midashi dd li.no10 a,
#story #leftcolm.no11 dl.midashi dd li.no11 a{
	padding: 3px 0; width: 20px; 
	text-decoration: none; 
	display: block; 
	background: #003; 
	background: -moz-linear-gradient(top, #000033 0%, #22225c); 
	background: -webkit-gradient(linear, left top, left bottom, from(#000033), to(#22225c)); 
	color: #fff;
}

#story dl.midashi dd li.introduction a,
#story #leftcolm.introduction dl.midashi dd li.introduction a{
	padding:3px 5px;
	width:auto;
}

/* item */
#story .iteminfo{
	margin-left:-20px;
	padding:7px 0 52px;
	background:url(../story/images/bg_itemblock.gif) left bottom no-repeat;
	width:638px;
}

#story .iteminfo ul{
	padding-left:30px;
}

#story .iteminfo li{
	margin-bottom:7px;
	background:url(../story/images/bg_item.gif) left top no-repeat;
	width:588px;
	height:133px;
}

#story .iteminfo li span,
#story .iteminfo li div{
	padding:9px 0 4px 10px;
	float:left;
}

#story .iteminfo li span img{
	border:solid 1px #2b1700;
}

#story .iteminfo li strong{
	display:block;
	padding-bottom:12px;
}

#story .iteminfo li p{
	width:375px;
}


/* nextmovie */

#story #nextmovie{
	margin-left:-20px;
	padding:15px 15px 70px 35px;
	background:url(../story/images/bg_nextmovie.jpg) left top no-repeat;
	width:638px;
}


/* btnset */

ul.btnset{
	width:605px;
	margin:20px auto 0;
}

ul.btnset li{
	float:left;
}


/***********************************************************************************
　04.cast指定
************************************************************************************/

#cast h2,
#cast h3,
#cast .txt{
	text-indent:-9999px;
	font-size:1px;
	text-decoration:none;
	line-height:0;
}

#cast #castindex{
	background:url(../cast/images/bg_index.jpg) no-repeat center top;
	height:590px;
	padding:35px 0 0 80px;
}

#cast #castindex li{
	float:left;
}

#cast #yoshihiko{background:url(../cast/images/bg_yoshihiko.jpg) no-repeat center top;}
#cast #danjo{background:url(../cast/images/bg_danjo.jpg) no-repeat center top;}
#cast #murasaki{background:url(../cast/images/bg_murasaki.jpg) no-repeat center top;}
#cast #merebu{background:url(../cast/images/bg_merebu.jpg) no-repeat center top;}
#cast #hotoke{background:url(../cast/images/bg_hotoke.jpg) no-repeat center top;}
#cast #hisa{background:url(../cast/images/bg_hisa.jpg) no-repeat center top;}

#cast ul.castnav{
	padding:540px 0 0 0;
}

#cast ul.castnav li{
	float:left;
}

#cast .ability{
	position:relative;
}

#cast .ability dl.merebu_jumon{
	width:200px;
	height:205px;
	position:absolute;
	top:290px;
	right:28px;
}

#cast .ability dl.murasaki_tokugi{
	background:url(../cast/images/bg_murasaki_tokugi.png) no-repeat left top;
	width:200px;
	height:80px;
	position:absolute;
	top:330px;
	right:27px;
}

#cast .ability dl.murasaki_jumon{
	background:url(../cast/images/bg_murasaki_jumon.png) no-repeat left top;
	width:200px;
	height:80px;
	position:absolute;
	top:405px;
	right:27px;
}

#cast .ability dl dt{
	display:none;
}

#cast .ability dl dd{
	padding:42px 0 0 17px;
}

#cast .ability dl dd ul li{
	float:left;
	margin:0 3px 3px 0;
	width:81px;
	height:21px;
}



/***********************************************************************************
　05.onair指定
************************************************************************************/

/* midashi */
#onair .midashi .date{
	background:url(../images/bg_midashi_date.gif) no-repeat left top;
	color:#FBDE91;
	font-size:93%;
	font-weight:bold;
	float:left;
	text-align:center;
	width:48px;
	margin:2px 5px 0 5px;
	padding:4px 4px 2px 4px;
}

#onair .midashi h3{
	font-size:108%;
	color:#fff;
	padding-top:6px;
	margint-top:3px;
	margin-left:8px;
}


/***********************************************************************************
　06.music指定
************************************************************************************/

#music .music_col {
  width: 285px;
  float: left;
  padding-bottom: 10px;
}

#music .music_col > h3 {
  margin-bottom: 15px;
}

#music .music_col > h3 + p {
  margin-bottom: 15px;
}

#music .music_col .heightLine .title {
  margin-bottom: 12px;
}

#music .music_col .heightLine p {
  color: #0E0E3D;
  font-size: 12px;
  line-height: 1.5;
}

#music_wrap .left {
  padding-right: 15px;
  border-right: 1px #dfd4b6 solid;
}

#music_wrap .right {
  padding-left: 15px;
}

#music_wrap .prof {
  background: #DFD2B3 url(../music/images/music_prof_foot.jpg) no-repeat left bottom;
  margin-top: 10px;
  vertical-align: bottom;
}

#music .prof_text {
  padding: 0 15px 20px;
  color: #3F3324;
  line-height: 1.6;
  font-size: 93%;
}

#music .prof_text strong {
  display: block;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 3px;
}

#music .prof_text p {
  margin-bottom: 10px;
}

#music .prof_text p:last-child {
  margin-bottom: 0;
}

#music p.button {
	padding:10px 0;
}

#music p.button a {
  padding:5px 10px;
  background:#900;
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
}

#music p.button a:hover {
  padding:5px 10px;
  background:#F00;
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
}

#music .arrowFR{
  position:relative;
  top:0;
  left:0;
  padding-left:12px;
}

#music .arrowFR:before{
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #fff;
}


/***********************************************************************************
　07.special指定
************************************************************************************/

/*スペシャルトップ*/

.sptop #sptop {
	background:url(../special/images/bg_special_top.jpg) top left no-repeat;
	height:765px;
	/*background:url(../special/images/bg_special_top_s.jpg) top left no-repeat;
	height:470px;*/
	width:605px;
	position:relative;
}

.sptop .top_left {
	position:absolute;
	left:18px;
	top:50px;
}

.sptop .top_right {
	position:absolute;
	left:304px;
	top:50px;
}

.sptop .bottom_left {
	position:absolute;
	left:18px;
	top:360px;
}

.sptop .bottom_right {
	position:absolute;
	left:304px;
	top:360px;
}

.sptop .socialbtn {
	position:absolute;
	right:155px;
	bottom:60px;
}

.sptop .chara img, 
.sptop .cd img, 
.sptop .game img, 
.sptop .present img{
  behavior: expression(IEPNGFIX.fix(this));
}

.wp .pagetop,
.form1 .pagetop{
	clear:both;
	background:none;
	padding:0;
	text-align:right;
}


/*キャラクター図鑑*/

#chara #chara_wrap{
	height:620px;
	position:relative;
}

#chara h2{
	position:relative;
}

#chara .hidetext{
	display:none;
}

#chara #pulldown{
	position:absolute;
	top:10px;
	right:10px;
}

#chara #pulldown select {
	width:10em;
}

#chara #nav_nextback{
	width:400px;
	position:absolute;
	top:45px;
	left:245px;
}

#chara #nav_nextback .back{
	float:left;
}

#chara #nav_nextback .next{
	float:right;
}

/*メラチン100連発ゲーム*/

#game h2{
	height:213px;
}

#game #contents{
	background:#F2EDDF url(../special/game/images/bg_game.jpg) left top no-repeat;
}

#game #form,
#game #present{
	background:url(../special/game/images/bg_bb_form.jpg) left top repeat-y;
	margin:0 25px;
}

#game #present{
	margin-top:20px;
}

#game #form .bg_foot,
#game #present .bg_foot{
	background:url(../special/game/images/bg_bb_form_bottom.jpg) left bottom no-repeat;
	padding-bottom:25px;
}

#game #form .bg_head,
#game #present .bg_head{
	background:url(../special/game/images/bg_bb_form_top.jpg) left top no-repeat;
	margin:0 10px;
	padding:15px 0 0 0;
}

#game #form .form_inner{
	padding:10px 20px;
}

#game #present .form_inner{
	width:585px;
}

#game #form .read{
	/*background:url(../special/game/images/img_bearbrick.jpg) right 5px no-repeat;
	min-height:185px;*/
	margin-bottom:15px;
}

#game #form h3,
#game #form h4{
	margin-bottom:10px;
}

#game #form .readtxt{
	margin-bottom:10px;
}

#game #form .ti_try_1 { background: url(../special/game/images/title_try.gif) left top no-repeat; height: 38px; margin-bottom: 5px; }
#game #form .ti_try_2 { background: url(../special/game/images/title_try.gif) left -38px no-repeat; height: 38px; margin-bottom: 5px; }
#game #form .ti_try_3 { background: url(../special/game/images/title_try.gif) left -76px no-repeat; height: 38px; margin-bottom: 5px; }

#game #form .playlist li{
	width:175px;
	height:200px;
	float:left;
}

#game #form .attenntion{
	clear:both;
	/*border-bottom:solid 1px #D9C3A3;*/
	padding:15px 5px;
}

#game #form li.level_1{
	margin-right:10px;
}

#game #form li.level_2{
	margin-right:10px;
}

#game #form .bear {
	border-top:solid 1px #fff;
	padding-top:15px;
}

#game #present .notes{
	padding:0 10px;
	font-size:93%;
}



/*CDプレゼント*/

#cd2 #contents{
	background:#F2EDDF url(../special/cd2/images/bg_cd2.jpg) left top no-repeat;
}

#cd2 .mainimg{
	/*height:247px;*/
	height:420px;
	position:relative;
}

#cd2 .mainimg .movie{
	position:absolute;
	bottom:10px;
	left:35px;
	border:3px solid #fff;
}

#cd2  #present{
	background:url(../special/cd2/images/bg_bb_form.gif) left top repeat-y;
	margin:0 25px;
}

#cd2 #present .bg_foot{
	background:url(../special/cd2/images/bg_bb_form_bottom.jpg) left bottom no-repeat;
	padding-bottom:25px;
}

#cd2 #present .bg_head{
	background:url(../special/cd2/images/bg_bb_form_top.jpg) left top no-repeat;
	margin:0 10px;
	padding:15px 0 0 0;
}

#cd2 #present .form_inner{
	width:585px;
}

#cd2 #present h4{
	padding:0 10px;
	font-size:108%;
}

#cd2 #present .notes{
	padding:5px 10px;
	font-size:85%;
	line-height:1.2;
}


/* Wallpaper */

.wp h2 {
	height:150px;
}

.wp #main {
	background:url(../special/wallpaper/images/bg_wp.jpg) top left no-repeat;
	padding-left:35px;
}

.wp .wp_block {
	margin: 0 10px 20px 0;
	padding: 8px 15px 0 15px;
	background: url(../special/images/bg_wpblock.jpg) no-repeat;
	float: left;
	width: 260px;
	height: 227px;
}

.wp .wp_block h4 {
	margin-bottom: 20px;
	line-height: 1;
	color: #fff;
	font-size: 11px;
	font-weight: 100;
}

.wp .wp_block h4 .new {
	color: #d49f5c;
}

.wp .wp_block ul {
	margin: 8px 0 0 25px;
	list-style: none;
}

.wp .wp_block ul li {
	margin-right: 10px;
	float: left;
}

.wp .wp_block ul li a,
.wp .wp_block ul li img {
	line-height: 1;
	vertical-align: top;
}

.wp h3 {
	margin: 20px 0 30px;
}


/***********************************************************************************
　08.mobile指定
************************************************************************************/

#mobile #contents {
	width:605px;
	padding:25px 25px 30px 25px;
}

#mobile #contents h2 {
	font-size:0.1em;
}

#mobile .mobileimg {
	float:right;
	margin-bottom:20px;
}

#mobile .mobiletxt {
	float:left;
	margin-bottom:20px;
}

#mobile h3 {
	margin-bottom:10px;
}

#mobile h4 {
	clear:both;
	margin-bottom:12px;
}

#mobile .btn_googleplay {
	float:right;
}

#mobile .txt {
	margin-bottom:15px;
}

#mobile p.img {
	clear:both;
	margin-bottom:40px;
}

#mobile ul.img li {
	float:left;
	margin-right:5px;
	margin-bottom:40px;
}

#mobile ul.img li.last {
	margin-right:0;
}

#mobile ul.mail{
	margin-bottom:20px;
}

#mobile ul.mail li{
	margin:0 15px 15px 0;
	margin-bottom:15px;
}

#mobile .btn_googleplay {
	float:right;
	margin-bottom:12px;
}

#mobile #access {
	overflow:hidden;
	clear:both;
}

#mobile #access dt {
	display:none;
}

#mobile #access dd {
	float:left;
}



/***********************************************************************************
　09.bbs指定　→bbs.css
************************************************************************************/


/***********************************************************************************
　10.goods指定
************************************************************************************/

/*グッズトップ*/

#goods .main_head {
	padding:30px 15px 0;
}

#goods .mainimg {
	margin:-18px 0 0 -5px;
}

#goods #goodstop_wrap {
	background:url(../goods/images/bg_goodstop_top.jpg) top left no-repeat;
	padding-top:10px;
}

#goods #goodstop {
	/*background:url(../special/images/bg_special_top.jpg) top left no-repeat;
	height:765px;*/
	background:url(../goods/images/bg_goodstop.jpg) bottom left no-repeat;
	width:635px;
	padding:10px 30px 85px 30px;
}

#goodstop li img{
	behavior: expression(IEPNGFIX.fix(this));
}


/***********************************************************************************
　11.dvd指定　→dvd.css
************************************************************************************/








/* //////////////////////////////////
video_sevice
////////////////////////////////// */
#rightcolm .video_service{
 font-family: Arial, Roboto, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
 margin: 20px 0 5px;
}
#rightcolm .video_service .center{
 text-align: center;
}
#rightcolm .video_service {
 background: rgba(255,255,255,.95);
}
#rightcolm .video_service h1 {
 font-size: 18px;
 line-height: 1em;
 padding: 15px 10px 15px 10px;
 color: #222;
 border-top: solid 4px #966c3d;
}
#rightcolm .video_service .common_title_second {
 color: #fff;
 padding: 20px;
}
#rightcolm .video_service li {
 padding: 10px;
 border-top: solid 1px #efefef;
 background: none !important;
}
#rightcolm .video_service li img {
 display: block;
 width: 50%;
 float: left;
 margin: 0 10px 0 0;
 border-radius: 3px;
}
#rightcolm .video_service li a, #rightcolm .video_service nav ul li span, .wrapper nav ul .video_service li span {
 transition: all 0.3s;
 -webkit-transition: all 0.3s;
 display: block;
 text-decoration: none;
 color: #222;
 font-size: 78%;
 line-height: 1.5em;
}
#rightcolm .video_service li:after {
 content: "";
 display: block;
 clear: both;
}
#rightcolm .video_service li.other {
 text-decoration: underline;
 text-align: right;
}
#rightcolm .video_service li:hover {
 opacity: 0.9;
}
#rightcolm .video_service li.large img {
 width: 100%;
 float: none;
 border-radius: 3px 3px 0 0;
}
#rightcolm .video_service li.large span.txt {
 display: block;
 padding: 10px;
 font-size: 14px;
}
#rightcolm .video_service li.original img {
 width: 100%;
 float: none;
 border-radius: 3px 3px 0 0;
}
#rightcolm .video_service li.original span.txt {
 display: block;
 padding: 10px;
 background: #000;
 color: #fff;
 font-size: 14px;
 border-radius: 0 0 3px 3px;
}