@charset "utf-8";

/*----------------------------------------------------
	defult color
----------------------------------------------------*/

a { color:#33A3B7;}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: underline;}
a:active { text-decoration: underline;}

/*----------------------------------------------------
	#content
----------------------------------------------------*/

#container { background-color:#8f1d22;}


/* random background color start */
.color1{background-color:#ffa500;}
.color2{background-color:#fff300;}
.color3{background-color:#4cec0d;}
.color4{background-color:#ff4099;}
.color5{background-color:#00b0e2;}
/* random background color end*/

/* color start */
.colororange{background-color:#ffa500;}
.coloryellow{background-color:#fff300;}
.colorgreen{background-color:#4cec0d;}
.colorpink{background-color:#ff4099;}
.colorblue{background-color:#00b0e2;}
/* color end */

.title {
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, #433131),color-stop(1, #432f2f));
    background-image: -moz-linear-gradient(#433131 0%,#432f2f 100%);
    background-image: linear-gradient(#433131 0%,#432f2f 100%);
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: -2px -2px 2px rgba(51,51,51,0.5);
    color:#fff;
    padding:0.5em;
}

.title2 {
    padding:0.5em;
    color:#4c4c4c;
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(205, 205, 205)),color-stop(1, rgb(239, 239, 239)));
    background-image: -moz-linear-gradient(rgb(205, 205, 205) 0%,rgb(239, 239, 239) 100%);
    background-image: linear-gradient(rgb(205, 205, 205) 0%,rgb(239, 239, 239) 100%);
}

.title2 h3 {
    float:left;
    text-shadow   : 0px 1px 0px rgb(255, 255, 255);
    -ms-box-shadow: -2px -2px 2px rgba(51,51,51,0.5);
}

.moreBtn:link,
.moreBtn:visited {
    float:right;
    display:block;
    font-size:8pt;
    padding:0.5em 0.8em;
    text-decoration:none;
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(1, rgb(211, 211, 211)));
    background-image: -moz-linear-gradient(rgb(255, 255, 255) 0%,rgb(211, 211, 211) 100%);
    background-image: linear-gradient(rgb(255, 255, 255) 0%,rgb(211, 211, 211) 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    border-radius        : 5px;
    text-shadow   : 0px 1px 0px rgb(255, 255, 255);
    -ms-box-shadow: -2px -2px 2px rgba(51,51,51,0.5);
    color: #4c4c4c;
    border:solid 1px #a6a6a6;
}

.sideStyle {
    margin: 5px;
	padding: 5px;
	border: solid 1px #bfbfbf;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.sideStyleInner {
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(230, 247, 255)),color-stop(1, rgb(153, 189, 206)));
    background-image: -moz-linear-gradient(rgb(230, 247, 255) 0%,rgb(153, 189, 206) 100%);
    background-image: linear-gradient(rgb(230, 247, 255) 0%,rgb(153, 189, 206) 100%);
	border: solid 1px #016fa3;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.sideStyle p:first-of-type {
    border-right:solid 1px #99bdce;
}
.sideStyle p:last-of-type  {
    border-left :solid 1px #e6f7ff;
    margin-right:95px;
}

.sideStyle p:last-of-type a{
	color: #005f8c;
    font-weight: bold;
}

.longitudinallyStyle2 {
    margin: 5px;
    padding: 5px;
    border: solid 1px #bfbfbf;
    background-color: #fff;
	-webkit-border-radius: 4px;
    border-radius: 4px;
}

.longitudinallyStyle2 dt {
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(230, 247, 255)),color-stop(1, rgb(153, 189, 206)));
    background-image: -moz-linear-gradient(rgb(230, 247, 255) 0%,rgb(153, 189, 206) 100%);
    background-image: linear-gradient(rgb(230, 247, 255) 0%,rgb(153, 189, 206) 100%);
	-webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #016fa3;
    padding: 0.5em;
}

.longitudinallyStyle2 dt a{
	color: #005f8c;
	font-weight: bold;
	display: block;
}

.longitudinallyStyle2 dd {
    padding: 8px 5px 5px 35px;
    background-image:url(../img/memo_icon.png) ;
    background-position: 5px 7px;
    background-repeat: no-repeat;
}

.longitudinallyStyle {
	margin:5px;
	padding:5px;
	border:solid 1px #bfbfbf;
	background-color: #fff;
}
.longitudinallyStyle dt {
	padding:0.5em;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(247, 246, 246)),color-stop(1, rgb(234, 233, 233)));
	background-image: -moz-linear-gradient(top,rgb(247, 246, 246) 0%,rgb(234, 233, 233) 100%);
	background-image: linear-gradient(top,rgb(247, 246, 246) 0%,rgb(234, 233, 233) 100%);
}
.longitudinallyStyle dd {
	padding:0.5em;
}

.toPageTop {
    text-align:right;
    margin-bottom:10px;
}

.toPageTop a:link,
.toPageTop a:visited {
    font-size:8pt;
    padding:0.5em 1.0em;
    margin-right:5px;
    text-decoration:none;
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(1, rgb(211, 211, 211)));
    background-image: -moz-linear-gradient(rgb(255, 255, 255) 0%,rgb(211, 211, 211) 100%);
    background-image: linear-gradient(rgb(255, 255, 255) 0%,rgb(211, 211, 211) 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
    border-radius        : 5px;
    text-shadow   : 0px 1px 0px rgb(255, 255, 255);
    -ms-box-shadow: -2px -2px 2px rgba(51,51,51,0.5);
    color: #4c4c4c;
    border:solid 1px #a6a6a6;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow   : 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow        : 0px 1px 3px rgba(0,0,0,0.5);
}


.contentsInner {
    margin:6px;
    background-color:#fff;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow   : 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow        : 0px 1px 3px rgba(0,0,0,0.5);
}
.bottomPadding {
    padding-bottom:5px;
}

.basicListStyle li {
    padding:0.5em;
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(247, 246, 246)),color-stop(1, rgb(234, 233, 233)));
    background-image: -moz-linear-gradient(rgb(247, 246, 246) 0%,rgb(234, 233, 233) 100%);
    background-image: linear-gradient(rgb(247, 246, 246) 0%,rgb(234, 233, 233) 100%);
    border-top   :solid 1px #fff;
    border-bottom:solid 1px #dedddd;
}

#programInfo h1 {
}

#mainImage {
    display:block;
    margin:auto;
}


article p {
    padding:0.5em;
}


/* new */
div.mymenu {
	text-align: center;
	display: -webkit-box;
	width:263px;
	margin-top:10px;
	margin-left:auto;
	margin-bottom:10px;
	margin-right:auto;
}

div.mymenu p.before{
	background-image:url(../img/bt_left.png);
	background-repeat:no-repeat;
	background-position:top;
	height:43px;
	width:72px;
	text-align: center;
}


div.mymenu p.totop{
	background-image:url(../img/bt_bk.png);
	background-repeat:no-repeat;
	background-position:top;
	width: 121px;
	height:43px;
	text-align: center;

}

div.mymenu p.after{
	background-image:url(../img/bt_right.png);
	background-repeat:no-repeat;
	background-position:top;
	width: 71px;
	height:43px;
	text-align: center;

}
/*no link*/
div.mymenu p.before2{
	background-image:url(../img/bt_left2.png);
	background-repeat:no-repeat;
	background-position:top;
	display: block;
	height:43px;
	width:72px;
	padding-top:8px;
	color:#8b8989;
}

div.mymenu p.after2{
	background-image:url(../img/bt_right2.png);
	background-repeat:no-repeat;
	background-position:top;
	display: block;
	width: 71px;
	height:43px;
	text-align: center;
	padding-top:8px;
	color:#8b8989;
}

div.mymenu p.before a,
div.mymenu p.totop a,
div.mymenu p.after a{
	color:#4c4c4c;
	display: block;
	height:30px;
	line-height: 30px;
	padding-top:5px;
}

div.mymenu p.before2 a,
div.mymenu p.after2 a{
	color:#8b8989;
	display: block;
	height:30px;
	line-height: 30px;
	padding-top:5px;
}

/*story*/
.grayListBtn {
margin: 10px 0;
}
.grayListBtn {
	margin:10px 0;
}

.grayListBtn li {
	width:25%;
	float:left;
	text-align:center;
}

.grayListBtn li a:link,
.grayListBtn li a:visited {
	display:block;
	font-size:8pt;
	padding:0.5em;
	margin:3px;
	text-decoration:none;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(1, rgb(211, 211, 211)));
	background-image: -moz-linear-gradient(rgb(255, 255, 255) 0%,rgb(211, 211, 211) 100%);
	background-image: linear-gradient(rgb(255, 255, 255) 0%,rgb(211, 211, 211) 100%);
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	text-shadow   : 0px 1px 0px rgb(255, 255, 255);
	-ms-box-shadow: -2px -2px 2px rgba(51,51,51,0.5);
	color: #4c4c4c;
	border:solid 1px #a6a6a6;
}
.grayListBtn li {
text-align: center;
}
.centerBtnStyle {
	text-align:center;
	margin-bottom:10px;
}

.centerBtnStyle a:link,
.centerBtnStyle a:visited {
	font-size:0.7em;
	padding:0.4em 1em;
	margin-right:5px;
	text-decoration:none;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(1, rgb(211, 211, 211)));
	background-image: -moz-linear-gradient(rgb(255, 255, 255) 0%,rgb(211, 211, 211) 100%);
	background-image: linear-gradient(rgb(255, 255, 255) 0%,rgb(211, 211, 211) 100%);
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	text-shadow   : 0px 1px 0px rgb(255, 255, 255);
	-ms-box-shadow: -2px -2px 2px rgba(51,51,51,0.5);
	color: #4c4c4c;
	border:solid 1px #a6a6a6;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow   : 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow        : 0px 1px 3px rgba(0,0,0,0.5);
}

/*news*/

.actorText {
	margin-left:0px;
}

.actorText a{
	color:blue;
}

/*着うたbtn追加*/

.soundbtn{
        text-align:center;
        padding:0 6px 6px;
        }

.soundbtn p:first-of-type{
        text-align:left;
}

.soundbtn a:link, .soundbtn a:visited{
        font-size: 0.8em;
        margin:0 auto;
        padding: 0.7em 1.0em;
        text-decoration: none;
        background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, white),color-stop(1, lightGrey));
        background-image: -moz-linear-gradient(white 0%,lightGrey 100%);
        background-image: linear-gradient(white 0%,lightGrey 100%);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        text-shadow: 0px 1px 0px white;
        -ms-box-shadow: -2px -2px 2px rgba(51,51,51,0.5);
        color: #4C4C4C;
        border: solid 1px #A6A6A6;
        -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
        box-shadow: 0px 1px 3px rgba(0,0,0,0.5); }

/*着メロbtn追加120808*/

.contentList_btn{
padding: 15px 0;
width: 100%;
font-size: 0.75em;
text-align: center;
}
 
.contentList_btn a {
              padding: 1em 2em;
text-align: center;
color: #666;
background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), color-stop(0.5,#E2E2E2), color-stop(0.5,#D2D2D2), to(#F7F7F7));
background: -moz-linear-gradient(top center, #FBFBFB 0%, #E2E2E2 50%, #D2D2D2 50%, #F7F7F7 100%);
background: linear-gradient(top center, #FBFBFB 0%, #E2E2E2 50%, #D2D2D2 50%, #F7F7F7 100%);
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border: 1px #666 solid;
}


/*着メロ・ボイス非対応文言120821*/
.txt_attention {
color:white;
font-size:0.575em;
}

/* sphone btn common*/

.sphone_btn{ margin: 20px 10px;}
.sphone_btn ul{ padding: 10px 0;}
.sphone_btn li{ text-align: center; display: block;}
.sphone_btn li a{
	color: #2d2d2d;
	-webkit-text-shadow: 0 2px 2px #fff;
	text-shadow: 0 2px 2px #fff;
	text-decoration: none;
	width: 85%;
	background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), color-stop(0.5,#E2E2E2), color-stop(0.5,#D2D2D2), to(#F7F7F7));
	background: -moz-linear-gradient(top,#FBFBFB 0%, #E2E2E2 50%, #D2D2D2 50%, #F7F7F7 100%);
	background: linear-gradient(top,#FBFBFB 0%, #E2E2E2 50%, #D2D2D2 50%, #F7F7F7 100%);
	-webkit-border-radius: 20px;
	border-radius: 20px;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5), 0px 2px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5), 0px 2px 5px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5), 0px 2px 5px rgba(0,0,0,0.5);
	padding: 4px 6px;
	display: inline-block;
}

/*   btn single   */
.sphone_btn li{ width: 100%;}

/*   btn dable   
.sphone_btn li{ width: 50%; float: left;}*/

/*160610追加*/
/*汎用スタイル*/
.f-10 {
  font-size: 60% !important;
}

.f-11 {
  font-size: 70% !important;
}

.f-12 {
  font-size: 77% !important;
}

.f-13 {
  font-size: 85% !important;
}

.f-14 {
  font-size: 93% !important;
}

.f-15 {
  font-size: 100% !important;
}

.f-16 {
  font-size: 108% !important;
}

.f-17 {
  font-size: 116% !important;
}

.f-18 {
  font-size: 123.1% !important;
}

.f-19 {
  font-size: 130% !important;
}

.f-20 {
  font-size: 150% !important;
}

.f-under {
  text-decoration: underline !important;
}

.f-bold {
  font-weight: bold !important;
}

.f-red {
  color: #d61618;
}

.f-dred {
  color: #8e1e23;
}

.txtline {
  border-bottom: 1px dotted;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb100 {
  margin-bottom: 100px;
}