
html {

}

body {
	width: 100%;
	height:100%;
	color: #fff;
	background: url(../images/bg-top01.jpg) no-repeat center 0 #000;
	line-height: 1.5;
	letter-spacing: .6;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


/* ------------------------------------------------------------
	header Layout
------------------------------------------------------------ */
#header {
	background: url(../images/bg-ttl.png) no-repeat 312px 54px;
	z-index:50;
	position: relative;
	height: 180px;
}

#header h1 {
	width: 535px;
	height: 30px;
	position: absolute;
	top: 72px;
	left: 310px;
}

#header p {
	width: 535px;
	height: 30px;
	position: absolute;
	top: 120px;
	left: 310px;
}

#header.everything h1,
#header.mon h1,
#header.tue h1,
#header.wed h1,
#header.thu h1 {
	background: url(../images/ttl-top.png) no-repeat center 0;
}

#header.meeting h1 {
	background: url(../images/ttl-meeting.png) no-repeat center 0;
}

#header.voice h1 {
	background: url(../images/ttl-voice.png) no-repeat center 0;
}

#header.meeting p {
	background: url(../images/sttl-mtg.png) no-repeat center 0;
}
#header.voice p {
	background: url(../images/sttl-voice.png) no-repeat center 0;
}


/* ------------------------------------------------------------

------------------------------------------------------------ */
#footer {
    clear: both;
	margin: 0 auto 0;
	text-align: left;
	position: relative;
	padding: 0 0 0 10px;
}

.logos{ 
	position: absolute;
	top: 15px;
	left: 80px;
}

.logos img {
	margin: 0 0 3px 0;
}

#socialfeed {
	position: absolute;
	top: 15px;
	left: 205px;
}

#socialfeed li {
	float: left;
	width: 100px;
}

#home {
	position: absolute;
	top: 15px;
	left: 10px;
}

/* ------------------------------------------------------------
	container Layout
------------------------------------------------------------ */
#container {
	width: 100%;
	height: 100%;
/*	background: url(../images/bg-top01.jpg) no-repeat center 0;*/
}

#container-inner {
	width: 980px;
	margin: 0 auto;
	background: url(../images/mainobj.png) no-repeat center 7px;	
}

#main {
	position: relative;
	z-index:100;
}

#mL {
	width: 264px;
	position: absolute;
	left: 15px;
	top: -175px;
	padding: 289px 0 0 0;
	text-align: center;
	background: url(../images/bg-left.png) no-repeat center 0;
}

#mR {
	width: 175px;
	float: right;
	margin: 0 40px 0 0;
}

#mC {
	width: 470px;
	float: left;
	margin: 0 0 0 260px;
	padding: 0 0 30px 0;
*position: absolute;
*left: 260px;
*margin: 0;
}




/* ------------------------------------------------------------
	Left
------------------------------------------------------------ */
#mL-menu {

}

#mL-menu ul {
	margin: 0 0 15px 0;
}

#mL-menu li {
	margin: 0 0 10px 0;
}

#navigators {

}

#navigators li {
	margin: 0 0 10px 0;
}

#gotoppage {
	position: absolute;
	display: block;
	width: 200px;
	height: 250px;
	top:10px;
	left: 20px;
}


/* ------------------------------------------------------------
	Center
------------------------------------------------------------ */
.entry-asset.asset {
	margin: 0 0 30px 0;
	background: url(../images/bg-entries.png) repeat-y 0 0;
}

.asset-header {
	background: url(../images/bg-ent-title.gif) repeat-x 0 0;
	position: relative;
}

.asset-header h1 {
	color: #000;
}

.asset-header h2 a{
	color: #000;
}

.entry-title {
	font-size: 12px;
	padding: 5px 0 0 70px;
}

.asset-meta h3 {
	font-size: 14px;
	padding: 25px 10px 20px 63px;
	background: url(../images/separater.png) no-repeat 0 bottom;
}


.asset-body {
	line-height: 1.9;
	font-size: 13px;
	padding: 20px 20px 0;
	letter-spacing: 1px;
	color: #f0f0f0;
}


.asset-footer, .info  {
	padding: 0 20px 20px;
}

.info {
	padding-top: 20px;
	font-size: 12px;
}
	

.asset-footer a, .info a, .content-nav a, .archive-content a{
	font-size: 12px;
	color: #ddb952;
}

.content-nav {
	text-align: center;
	font-size: 12px;
	padding: 10px 0 20px;
}

.archive-title {
	margin: 0 0 30px 0;
	font-size: 28px;
}

.entry-categories {
	margin: 10px 0 0 0;
}

.entry-categories h4, .entry-categories ul, .entry-categories li {
	font-size: 11px;
	display: inline
}


.entry-asset a {
	color:#f4942f;
}
/* ------------------------------------------------------------
	Right
------------------------------------------------------------ */
.widget {
	margin: 0 0 20px 0;
}

.widget a {
	color: #ddb952;
}

.widget h3 {
	padding: 6px 0px 8px 10px;
	font-size: 12px;
	background: url(../images/bg-rigth.gif) repeat-x 0 0;
}

.widget-content table {
	margin: 5px 0 0 0px;
	font-size: 12px;
}
.widget-content table td, .widget-content table th {
/*	padding: 5px 6px;*/
	padding: 5px 0;
	width: 25px;
	text-align: center;
}

.widget-content li {
	color: #ddb952;
	margin: 0 0 5px 0;
	font-size: 12px;
}

.week0 {
	color: #ff0000;
}

.week6 {
	color: #5599ff;
}
/*
.asset-meta.mon {
	background: url(../images/ent-mon.png) no-repeat 0 0;
}
.asset-meta.tue {
	background: url(../images/ent-tue.png) no-repeat 0 0;
}
.asset-meta.wed {
	background: url(../images/ent-wed.png) no-repeat 0 0;
}
.asset-meta.thu {
	background: url(../images/ent-thu.png) no-repeat 0 0;
}
*/

.search-results-header {
	margin: 0 0 20px 0;
	font-size: 1.6em;
}


/* ------------------------------------------------------------
	message
------------------------------------------------------------ */
#formarea {
	width: 80%;
	margin: 0 auto;
	font-size: 12px;
	line-height: 1.4;
	padding: 0 0 30px 0;
}

#formarea a {
	color: #ddb952;
}

#formarea td{
	padding: 3px 0;
}

#formarea td input,
#formarea td textarea,
#formarea td select {
	margin: 0 0 0 10px;
	padding: 10px 7px;
}

#formarea td .text2{
	padding: 0 5px 0 0;
}


#bnr-kp-area {
	position: relative;
	margin: 0 0 0 0;
	height: 168px;
}

#bnr-kp-area a {
	position: absolute;
	top: -30px;
	left: -2px;
}

#bnr-kp-area form{
	margin: 5px 0 0 0;
}


.pagelist {
	margin-bottom: 20px;
}
.pagelist a {
	text-decoration: none;
	color: #00A3E0;
}
.pagelist a:hover {
	color: #DEFBFF;
	text-decoration: none;
}

#footer_ad
	{
	width: 800px;
	margin: 0px auto 20px;
	text-align:center;
	}

#mC #formarea .thanks{
	width:100%;
	margin:60px 0 60px 87px;
	text-align:center;
  font-size: 20px;
  font-weight: bold;
}

#mC #formarea .thanks_back{
	width:100%;
	margin:60px 0 60px 87px;
	text-align:center;
	font-size:16px;
}


@media screen and (max-width: 900px) {
	*, *::after, *::before {
	    box-sizing: inherit;
	}

	#container {
		width:100%;
	}

	#container-inner {
			width:100%;
	}

	#inbox {
		width:100%;
		padding:0;
	}


	#header {
		width:100%;
		height:auto;
	}

	#header h1 {
		width: 96%;
		margin: 0 auto;
		position: relative;
		left: 0;
		top: 0;
	}

	#header ul {
		display:none;
	}

	#header p {
		width:100%;
		height:auto;
	}

	#header.everything h1, #header.mon h1, #header.tue h1, #header.wed h1, #header.thu h1 {
    display: none;
	}

	#navigators li {
	    margin: 0 0 10px 0;
	    width: 49%;
	    display: inline-block;
	}

	#menu {
		margin: auto;
	}

	#main {
	    float: initial;
	    margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	    border: 0px;
	    width: 100%;
	}

	#main .entry {
		margin-bottom:40px;
	}

	#mC {
		margin:0 auto;
		width:100%;
    float: initial;
	}

	#mC .text {
		width:100%;
	}

	#mC .pagelist {
		margin-bottom: 40px;
		text-align:center;
	}

	#mC .pagelist b{
		padding:10px;
		background-color:#fff;
		color:#000;
		display: inline-block;
	}

	#mC .pagelist a{
		display:block;
		padding:10px;
		color:#fff;
		display: inline-block;
	}

	#mC #formarea{
		width:96%;
    box-sizing: inherit;
	}

	#mC #formarea table{
		width:100%;
	}

	#mC #formarea tr{
		width:100%;
	}

	#mC #formarea td{
		width:100% !important;
		display:inline-block;
		text-align: left;
		font-weight: bold;
		white-space: normal !important;
	}

	#mC #formarea .thanks{
		width:100%;
		margin:60px auto;
		text-align:center;
    font-size: 20px;
    font-weight: bold;
	}

	#mC #formarea .thanks_back{
		width:100%;
		margin:60px auto;
		text-align:center;
		font-size:16px;
	}



	#contents {
		margin:0 auto;
		padding:0;
	}

	.asset-body {
		word-wrap:break-word;
	}

	.asset-body img{
		width:100%;
		height:auto;
	}


	#mL {
		position: relative;
		width: 97%;
		float: initial;
		margin: 0px 0px 0px 0;
		padding: 0px 0px 0px 0px;
		border: none;
		top: 0;
		left: 5px;
	}

	#mL #mL-menu {
		padding-top: 290px;
	}

	#mL #lohas_banner {
		text-align:center;
	}

	#mL #block_others {
		display:none;
	}

	#mL #programinfo,#mL #rssinfo {
		display:none;
	}

	#mL #block_home {
		text-align:center;
    margin-bottom: 20px;
	}

	#mL #block_home img{
		display:none;
	}

	#mL #block_home li{
		margin-bottom: 10px;
		display: inline-block;
	}

	#mL #block_home li:nth-of-type(3){
		margin-right:4px;
	}

	#mL #block_home li:nth-of-type(4){
		margin-left:4px;
	}

	#mL h2#home {
		display:none;
	}

	.widget h3 {
		font-size: 14px;
	}

	#mR {
		float: initial;
		margin: 0px auto 10px;
    width: 96%;
	}

	#mR .widget-archive-monthly ul{
		overflow:auto;
		height:200px;
	}

	#mR h2 span.text2 {
    font-size: 14px;
	}

	#mR li {
		font-size: 14px;
    margin: 0px 0px 0px 0px;
    padding: 8px 0;
    position: relative;
	}



	#mR table {
		width:100%;
	}


	#footer_ad {
	    width: 100%;
	}

	#footer {
		width: 96%;
		height: 100px;
		margin: 0 auto;
	}

	#footer_txt p {
		width:auto;
	}

	#footer_copy p {
		margin:0 auto;
		width:225px;
		height:9px;
    float: left;
	}
}