@charset "UTF-8";
/* CSS Document */

body {
  position:relative;
  margin:0;
  padding:0;
  font-size: 14px;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  color: #333;
  background: url(/images/bg.jpg) no-repeat top center fixed #fff;
}

img {
  border:0;
  vertical-align: bottom;
}

a:link {
  color: #c50344;
  text-decoration: underline;
}
a:visited {
  color: #666;
}
a:hover {
  color: #c50344;
  text-decoration: none;
}
a:foucus {
  color: #c50344;
  text-decoration: none;
}
a:active {
  color: #c50344;
  text-decoration: none;
}

hr {
	border: 0; 
  height: 1px;
  width: 90%;
  margin: 24px auto;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #FFC9DF, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #FFC9DF, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #FFC9DF, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #FFC9DF, #f0f0f0); 
}
.clearfix { display: inline-block; }   
.clearfix:after {   
  clear: both;   
  content: " ";   
  display: block;   
  font-size: 0;   
  height: 0;   
  visibility: hidden;   
}   
/* start commented backslash hack \*/  
* html .clearfix { height: 1%; }   
.clearfix { display: block; }   
/* close commented backslash hack */

#wrapper {
	margin: 0 auto;
	padding: 0;
	position:relative;
}

#header-nav {
	margin: 0 auto;
	padding: 0;
	background: url(/images/header_nav_bg.png) repeat-x;
	z-index: 100;
	position: fixed;
	top: 0;
	width: 100%;
	height: 60px;
}
#header-nav ul {
	width: 960px;
	height: 60px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	font-size: 16px;
	line-height: 100%;
}
#header-nav li {
	float: left;
	width: 240px;
	height: 60px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#header-nav a {
	display: block;
	width: 100%;
	height: ;
	padding: 22px 0;
}
#header-nav a:link {
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0 8px #fff;
}
#header-nav a:hover {
  color: #c50344;
  background: rgba(255,255,255,0.4);
}
#header-nav a:visited {
  color: #fff;
}
#header-nav a:foucus {
  color: #fff;
}
#header-nav a:active {
  color: #fff;
}

header {
	margin: 0;
	padding: 0 0 540px;
	height: 934px;
	width: 100%;
	z-index: 1;
	position: relative;
	background: url(/images/top_main.png) no-repeat top center;
}
header h1 {
	display: none;
}


#top {
	position: absolute;
	top: 554px;
	width: 100%;
	height: 900px;
	margin: 0 0;
	padding: 20px 0 0;
	background: rgba(255,255,255,0.9);
	z-index:2;
}
#top h2 {
	display: none;
}

#content-top {
	width: 960px;
	margin: 0 auto 0;
	padding: 0;
	
}
#content-top-left {
	float: left;
	margin: 60px 0 0;
}
#onair,
#navigator {
	width: 331px;
	color: #333;
}


#onair h3, 
#navigator h3 {
	margin: 0 0 18px;
	padding: 0;
}
.navigator-name {
	color: #c50344;
}

#content-top-left p {
	margin: 0 0 24px;
	padding: 0;
	line-height: 150%;
}
#message {
	float: right;
	width: 600px;
}
#message h3 {
	margin: 0;
	padding:0;
}
#message p {
	margin: 0;
	padding: 0;
	line-height: 150%;
}

#konshu,
#obo {
	width: 100%;
	height: 1100px;
	margin: 0 0;
	padding: 0;
	background: rgba(255,255,255,0.9);
}
#konshu h2,
#kako h2,
#obo h2 {
	width: 100%;
	height: 146px;
	background: #ff1774;
	text-align: center;
	margin: 0 0 24px;
}
#konshu h3,
#kako h3,
#obo h3 {
	margin: 0 0 24px;
}


#content-konshu {
	width: 960px;
	height: 480px;
	margin: 0 auto 0;
	padding: 0;
}
#konshu-otayori {
	float: left;
	margin: 60 0;
	width: 331px;
	background: #fff;
	border-radius: 12px;
}
#konshu-otayori .name {
	margin: 0 20px 12px 20px;
	padding: 0;
	color: #c50344;
	font-size: 14px;
	line-height: 150%;
}
#konshu-otayori p {
	margin: 0 20px 24px;
	padding: 0;
	line-height: 150%;
}
#konshu-digest {
	float: right;
	width: 600px;
	background: #fff;
	border-radius: 12px;
}
#digest {
	margin: 0 auto 60px;
	width: 550px;
	height: ;
	background: #fff;
}
.digest-caption {
	text-align: center;
	margin: 4px auto;
}
#toradiko {
	margin: 0 auto 24px;
	width: 550px;
}



#kako {
	width: 100%;
	height: 1600px;
	margin: 0 0;
	padding: 0;
	background: rgba(255,255,255,0.9);
}
#content-kako {
	width: 960px;
	height: 1200px;
	margin: 0 auto 0;
	padding: 0;
	background: #fff;
	border-radius: 12px;
	
}

#kako-ichiran {
	border: 0;
	margin: 0 auto 24px;
	width: 920px;
	
}
#kako-ichiran tr {
	height: 90px;
	border-width: 0 0 4px;
	border-style: solid;
	border-color: #fff;
}
#kako-ichiran th {
	width: 180px;
	vertical-align: middle;
	background: #fbe7f0;
}
#kako-ichiran td {
	padding: 12px;
	vertical-align: middle;
	line-height: 150%;
}


#content-obo {
	width: 960px;
	height: 540px;
	margin: 0 auto 0;
	padding: 0;
	background: #fff;
	border-radius: 12px;
	
}
#content-obo-left {
	float: left;
	width: 600px;
	margin: 0 0 0 20px;
}
#content-obo-left p {
	margin: 0 0 24px;
	padding: 0;
	line-height: 150%;
}
#example {
	padding: 12px !important;
	background: #fbe7f0;
	
}
#obo-btn {
	margin: 0 0 12px;
	
}
#obo-btn img {
	filter: drop-shadow(0 2px 2px #ccc);
}
#privacy-link {
	font-size: 16px;
	font-weight:bold;
}
#present {
	float: right;
	width: 300px;
	height: 300px;
	margin: 0 20px 0 0;
}


#footer1 {
	width: 100%;
	height: 300px;
	background: #FBECF6;
}
#footer1-1 {
	width: 960px;
	margin: 0 auto;
}
#footer2 {
	width: 100%;
	height: 60px;
	text-align:center;
	background: url(/images/header_nav_bg.png) repeat-x #ff1774;
}
#copy {
	font-size: 12px;
	color: #fff;
	margin: 0;
	padding: 22px 0 0;
}
/*