@charset ‘UTF-8′;


/*// recet style /////////////////////////////////////////////////////////////////////////////////////////////*/

body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,blockquote,
pre,
form,fieldset,input,textarea,
th,td {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,
address,
cite,
dfn,
abbr,acronym,
code,var,samp,kbd,
strong,em,b,
strike,ins,del,s,
i,
u {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

/*-- other settings --------------------------------------------------------------------*/

/*-- text --*/
pre {
	font-size: 1em;
	white-space: -moz-pre-wrap;	/* Mozilla */
	white-space: -pre-wrap;		/* Opera 4-6 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	white-space: pre-wrap;		/* CSS3 */
	word-wrap: break-word;		/* IE 5.5+ */
}

/*-- table --*/
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
}
caption {
	text-align: left;
}
th {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}
td {
	vertical-align: top;
}

/*-- form --*/
fieldset {
	border: 0;
}

/*-- img --*/
img { 
	border: 0;
}

/*-- scroll bar --*/
*html body {overflow-y: auto;}	/* ** for IE6 only **  */
*+html body {overflow-y: auto;}	/* ** for IE7 only **  */

body {overflow-y: scroll;}



/*// basic style /////////////////////////////////////////////////////////////////////////////////////////////*/

body {
	background: #868889;
	text-align: center;
	color: #585858;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ricoh-lx p gothic", "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size : 9pt;
	letter-spacing :0.5;
}


/*-- link --*/
a:link { color: #336600; text-decoration: none;}
a:visited { color: #336600; text-decoration: none;}
a:hover { color: #336600; text-decoration: underline;}
a:active { color: #336600; text-decoration: underline;}

/*-- img --*/
img {
	vertical-align: middle;
}

/*-- text --*/
h1,h2,h3,h4,h5,h6 {font-size: 1em;}
strong,em,b {
	font-weight: bold;
}
strike,ins,del,s {
	text-decoration: line-through;
}
i {
	font-style: italic;
}
u {
	text-decoration: underline;
}

/*-- form --*/
label {
	vertical-align: middle;
	text-transform: capitalize;
	cursor: pointer;
}
input,
select,
textarea {
	padding: 5px;
	vertical-align: middle;
}

input,
textarea {
	color: #FFF;
	background: #303024;
	border-style: none;
}

/*// common style ////////////////////////////////////////////////////////////////////////////////////////////*/

/*-- .clearfix --*/
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/*\*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/**/

/*-- .iepngfix --*/
.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

/*// layout style ////////////////////////////////////////////////////////////////////////////////////////////*/

.wrapper {
	margin: 25px auto;
	width: 964px;
	text-align: left;
}

#header {
	width: 964px; height: 258px;
	background: url(/interfm/images/header_bg.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));
}

#content {
	width: 964px;
	background: url(/interfm/images/content_bg.gif) repeat-y left top;
}

#main {
	float: right;
	width: 773px;
	background: url(/interfm/images/intro_bg.jpg) no-repeat left top;
}

#side {
	float: left;
	width: 180px;
}

#footer {
	clear: both;
	width: 964px; height: 60px;
	background: url(/interfm/images/footer_bg.gif) no-repeat left top;
}


/*// each setting ////////////////////////////////////////////////////////////////////////////////////////////*/

/*-- #header -----------------------------------------------------------------------------*/
#header h1 {
	padding: 109px 29px 0 0;
	text-align: right;
}

/*-- #intro ------------------------------------------------------------------------------*/
#intro {
	margin-right: 6px;
	padding-left: 235px;
	height: 206px;
}

#intro h2 {padding-top: 19px;}
#intro p {padding-top: 8px;}


/*-- #oa ---------------------------------------------------------------------------------*/
/* #main =====
width: 767px
==============*/
#oa {
	padding: 0 15px 420px 13px;
	background: url(/interfm/images/photo_bg.jpg) no-repeat left bottom;
}
#oa h2.oa-ttl {
	width: 739px; height: 30px;
	color: #FFF;
	font-size: 13px; font-weight: bold; line-height: 30px;
	background: url(/interfm/images/onair_ttl_bg.png);
	behavior: expression(IEPNGFIX.fix(this));
}
#oa h2.oa-ttl span {
	display: block;
	margin-left: 31px;
	font-size: 13px;
}
#oa .oa-content {
	padding-bottom: 10px;
	width: 739px; /* 767-(15+13) */
	background: url(/interfm/images/oa_bg_btm.gif) no-repeat left bottom;
}

/*-- .article ----------------------------------------------------------------------------*/
.article {
	clear: both;
	padding: 11px;
	background: url(/interfm/images/oa_bg.gif) repeat-y left top;
}
.articleset {
	width: 717px; /* 739-(11x2) */
	margin-bottom: 13px;
	padding-bottom: 13px;
	border-bottom: 1px solid #7C787A;
}
.articleset2 {
	width: 717px; /* 739-(11x2) */
}

.article-header{
	margin-bottom: 13px;
	border-bottom: 1px solid #7C787A;
}
	.article-header h2,
	.article-header h3 {
		margin-right: 500px;
		margin-bottom: 0;
		padding: 6px;
		background: #81AE43;
		border-left: 6px solid #4A7338;
		color: #FFF;
	}
	
	.article-header p {
		padding: 6px 0;
		font-weight: bold;
	}

.article-content {
	line-height: 1.5;
}

.article-visual {
	float: right;
	margin: 0 0 20px 20px;
	width: 425px; height: 344;
}

.article-body {}

ul.article-credit {
	clear: right;
	list-style: none;
}

ul.article-credit li {
	float: left;
	margin: 0 10px 0 0;
}

ul.article-credit li img {
	float: left;
	margin: 0 10px 10px 0;
}
ul.article-credit li div {
	float: left;
}
ul.article-credit .fs_smaller {font-size: .8em;}
ul.article-credit .fs_larger {font-size: 1.25em;}

/*-- .widget -----------------------------------------------------------------------------*/
/* #side =====
width: 180px
==============*/
.widget {
	margin-bottom: 11px;
	margin-left: 17px;
	padding-bottom: 10px;
	width: 163px;
	background: url(/interfm/images/widget_bg_btm.gif) no-repeat left bottom;
	color: #ABACAF;
	font-size: 11px;
}
.widget h2 {
	height: 29px;
	background: url(/interfm/images/widget_bg_ttl.gif) no-repeat left top;
	text-align: center;
	line-height: 29px;
	font-size: 11px;
}
.widget .widget-content {
	padding: 10px 15px 5px;
	background: url(/interfm/images/widget_bg.gif) repeat-y left top;
	font-size: 10px; line-height: 1.6;
}

.widget .widget-content ul {
	list-style: none;
}



/*-- .widget #backnumber ---------------*/
ul.li-backnumber li {
	margin-bottom: 3px;
}
ul.li-backnumber li span {
	display: block;
}

ul.li-backnumber li span.oa-date {
	padding-left: 10px;
	height: 20px;
	background: url(/interfm/images/ic_arrow.gif) no-repeat left center;
	font-size: 10px; line-height: 20px;
}
ul.li-backnumber li span.oa-image a {
	display: block;
}


/* navi */
ul.navi {
	margin-top: 8px;
	height: 14px;
}
ul.navi li {
	margin-bottom: 0;
	height: 14px;
	font-size: 10px; line-height: 14px;
}
ul.navi li.navi-prev {
	float: left;
	padding-left: 13px;
	width: 53px;
	background: url(/interfm/images/ic_prev.gif) no-repeat left center;
}
ul.navi li.navi-next {
	float: right;
	padding-right: 13px;
	width: 53px;
	background: url(/interfm/images/ic_next.gif) no-repeat right center;
	text-align: right;
}



/*-- .widget #profile ------------------*/
#profile p.image {
	padding-bottom: 10px;
	text-align: center;
}

#profile p {line-height: 1.5;}




/*-- .side-banner ------------------*/
.side-banner {
	margin-bottom: 11px;
	margin-left: 17px;
	width: 163px;
}



/*-- #footer -----------------------------------------------------------------------------*/
/* #footer ====
width: 964px
==============*/
#footer address {
	padding-top: 10px;
	height: 60px;
	color: #CDCAC9;
	text-align: center;
}