
body {
	font: 14px/1.231 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','Helvetica','sans-serif';
}
header {
	background: #FFFFFF;
	text-align:center;
	height:220px;
}

header ul#sb{
	width:150px;
	margin:5px auto 0;
}


header ul#sb li{
	list-style:none;
	margin:0 20px 0 0;
	float:left;

}

header ul#sb li.line{
	margin:0;
}


#subtitle h2{
	width:100%;
	background:#D20377;
	text-align:center;
	color:#FFF;
}



nav {
	width:100%;
	background:#D20377;
	text-align:center;
}


nav ul li{
	border-bottom:1px solid #FFF;
}

#lead{
	width:100%;
	margin:10px auto 0;
	text-align:center;
}


#desc{
	width:80%;
	margin:10px auto 0;
}


.photo{
	width:100%;
	margin:10px auto 0;
	text-align:center;
}


/* =========================================================
callsign
========================================================= */


#callsign{
	width:94%;
	padding:20px 0 10px 0;
	margin:0 auto;
}


/* =========================================================
onair
========================================================= */


#onair{
	width:94%;
	padding: 20px 0 10px 0;
	margin:0 auto;
}

#onair a{
	color:#D20377;
}

/* =========================================================
info
========================================================= */


#info{
	width:80%;
    background-color: #fbf5f8;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 20px 10px 10px 10px;
	margin:0 auto 20px;
}

#info h2{
	font-size:110%;
	color:#D20377;
	padding:0 0 15px 0;
}

.info a{
	color:#D20377;
}

#info .dot{
	border:2px solid #D20377;
	padding:10px;
	background:#FFFFFF;
}



/* =========================================================
lovesong
========================================================= */


#lovesong{
	width:80%;
    background-color: #fbf5f8;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 20px 10px 10px 10px;
	margin:0 auto 20px;
}

#lovesong h2{
	font-size:110%;
	color:#D20377;
	padding:0 0 15px 0;
}

#lovesong a{
	color:#D20377;
}

#lovesong .dot{
	border:2px solid #D20377;
	padding:10px;
	background:#FFFFFF;
}



.btn{
	text-align:center;
}

p {
	margin-bottom: 1em;
}

p span{
	color:#D20377;
}

p.photo{
	text-align:center;
}


p.anchor{
	text-align:center;
	font-size:80%;
	padding:10px 0 0 0;
}


p.anchor a{
	color:#D20377;
}

/* =========================================================
theme
========================================================= */
#theme {
	width:80%;
	margin:0 auto;
	padding: 10px 10px 10px 10px;
	border:2px solid #D20377;
}

#theme h3 {
	font-size:110%;
	color:#D20377;
}

#theme dl {
}

#theme dl dt {
	font-weight:bold;
	margin:10px 0 20px 0;
}

#theme dl dd {
	margin:0 0 10px 0;
}

/* =========================================================
app
========================================================= */
#app{
	width:80%;
	margin:0 auto 20px;
	padding: 10px 10px 10px 10px;
	border:2px solid #D20377;
}

#app h3 {
	font-size:110%;
	color:#D20377;
}

#app dl {
}

#app dl dt {
	font-weight:bold;
	margin:10px 0 20px 0;
}

#app dl dd {
	text-align:center;
	margin:0 0 10px 0;
}

#app dl dd a{
	color:#D20377;
}

/* =========================================================
contact
========================================================= */
#contact {
	width:80%;
	margin:20px auto;
	padding: 10px 10px 10px 10px;
	border:2px dashed #D20377;
}

#contact h4 {
	font-size:110%;
	color:#D20377;
}

#contact p {
	color:#D20377;
}

#contact dl dt{
	font-weight:bold;
}

#contact dl dd{
	margin:0 0 20px 0;
}


#contact dl dd a{
	color:#D20377;

}

article a:link,
a:hover,
a:visited,
a:active{
    color:#D20377;
	text-decoration:underline;
}

aside p:last-child {
	margin-bottom: 0;
}

aside span{
	color:#D20377;

}



/* =========================================================
form整形
========================================================= */
#formarea{
	width:80%;
    background-color: #fbf5f8;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 20px 10px 60px 10px;
	margin:20px auto;
}

#formarea h3 {
	color:#D20377;
}


#formarea dl dt{
	font-weight:bold;
	margin:0 0 5px 0;

}

#formarea dl dd{
	margin:0 0 20px 0;
}

#formarea dl dd input.tel {
	width:50px;
}

#formarea dl dd input.zip {
	width:50px;
}

#formarea dl dd input.mailad{
	width:240px;
}


#formarea dl dd input.name,
#formarea dl dd input.kana,
#formarea dl dd input.rname,
#formarea dl dd input.city,
#formarea dl dd input.addr,
#formarea dl dd textarea.image{
	width:240px;
}


#formarea dl dd textarea.message {
	width:240px;
	height:80px;
}




#formarea p{
	width:254px;
	margin:0 auto;
	text-align:center;
	display:block;

}

.require {
	font-size: 80%;
	background-color: #D20377;
	color: #fff;
	padding: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-left: 10px;
}


input[type="submit"]{
background-color: #cdcb3a;
border-bottom: 2px solid #cdcb3a;
border-left: 2px solid #cdcb3a;
border-right: 2px solid #cdcb3a;
border-top: 2px solid #cdcb3a;
color: #333333;
font-size: 120%;
font-weight: bold;
width: 250px;
height:50px;
margin: 0;
padding: 0;
text-align: center;
vertical-align: baseline;

}

/* ///////////////////////////////////////////////////////////////////
注意事項
/////////////////////////////////////////////////////////////////// */


.cation {
	width:90%;
	padding:10px;
	font-size:80%;
	border:1px solid #D20377;
	display:block;
	margin:10px auto;

}

.cation h3 {
	font-weight:bold;
	font-size:120%;
	color:#D20377;
	text-align:center;
}

.cation  dl {
}

.cation  dl dt {
	color:#D20377;
	padding:20px 0 5px 0;
}

.cation  dl dd {
	background:url(../../../form/img/icon.gif) no-repeat;
	padding:0 0 0 10px;

}

.cation  dl dd a {
	color:#000000;
}

.red_text{
color:#D20377;
text-align:left;
padding:10px 0 10px 0;
}


/* ///////////////////////////////////////////////////////////////////
errMsg
/////////////////////////////////////////////////////////////////// */

.errMsg{
	text-align: center;
	margin:50px auto;
	font-weight: bold;
    color:#D20377;
	font-size:140%;
}

.jumptop{
	text-align: center;
	font-size:100%;
}



.jumptop a:link,
.jumptop a:hover,
.jumptop a:visited,
.jumptop a:active{
    color:#D20377;
	text-decoration:underline;
}



/* ///////////////////////////////////////////////////////////////////
footer
/////////////////////////////////////////////////////////////////// */


footer{
	background:url(../../../smartphone/img/sp_footer_bg.gif) repeat-x 0 0;
	height:124px;
}

footer .copyright{
	text-indent: -1000em;
	padding:10px 0 0 0;
	text-align:center;
}


footer ul{
	padding:10px 0
}


footer ul li.link a{
	color:#FFFFFF;
	font-size:80%;
}

footer .tfm{
	padding:10px 0 0 0;
}
footer .tfm a{
	color:#FFFFFF;
	font-size:80%;
}

footer small{
	text-indent: -1000em;
	text-decoration: none;
	background: url(../../../smartphone/img/sp_copy.gif) no-repeat;
	width: 302px;
	height: 13px;
	display: block;
	margin: 0 auto;
}


#footContent{
	margin:20px 0 0 0;
}

#btnTop {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #969494;
	background: -webkit-gradient(linear, left top, left bottom, from(#969494), to(#333333));
	width: 7em;
	font-size: 85%;
	text-align: center;
	float: right;
	margin-right: 10px;
}
#btnTop a {
	text-shadow: 1px 1px 0 #000;
	display: block;
	padding: 5px 0;
	color: #FFFFFF;
	text-decoration: none;
}

#switchButton {
	clear: both;
	text-align: center;
	font-size: 80%;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

/*  social bookmark
-------------------------------------------------------------------- */

.socialBtn {
	width:205px;
	margin:0 auto 30px auto;
	text-align:center;
}

.socialBtn ul li {
	float:left;
	padding:10px 7px 0 0;
	list-style:none;
}

.socialBtn ul li.fb {
	width:80px;
}


aside{
	text-align:center;
}
