@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 author     :yourName (admin)
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、リンクカラー、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub
 
=================================================================== */
/*--- reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
p {
	margin-bottom: 1em;
}
br {
	 letter-spacing: 0;
}

/*--- default */
body {
	color: #333333;
	font-size: 13px;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.3em;
	background: #FFFFFF;	
}
body.hello {
	color: #333333;
	font-size: 13px;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.3em;
	background:url(../images/staff_report/wrapper-bg_hello.gif) repeat;	
}
body.mline {
	color: #333333;
	font-size: 13px;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.3em;
	background:url(../images/staff_report/wrapper-bg_mline.gif) repeat;	
}
body.ayaway {
	color: #333333;
	font-size: 13px;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.3em;
	background:url(../images/staff_report/wrapper-bg_ayaway.gif) repeat;	
}
body.melon {
	color: #333333;
	font-size: 13px;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.3em;
	background:url(../images/staff_report/wrapper-bg_melon.gif) repeat;	
}

*:first-child + html body {	/* for IF7 */
	font-family: "メイリオ","Meiryo";
}
/*----------------------------------------------------
	基本設定、リンクカラー、レイアウト、横幅設定など
----------------------------------------------------*/
a:link			{ color: #333333; text-decoration:underline;}
a:visited		{ color: #9966CC; text-decoration:none;}
a:hover,a:active 	{ color: #333333; text-decoration:none;}

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR		{ float: right; margin: 0 0 10px 10px;}
.imgL		{ float: left; margin: 0 10px 10px 0;}
.btn		{ text-align: center;}
.clear		{ clear:both;}
.f-L		{ float:left;}
.f-R 		{ float:right;}

/*
	clearfix
*/
.clearfix:after {
		content: url(../images/other/pixel.gif);
		display: block; clear: both;
		height: 0;
}

/*Hides from IE5-mac \*/
* html ul {
    height: 1%;
}
ul {
    display: block;
}
*+html body ul {
    zoom: 1;
}
/*End hide from IE5-mac */

/*----------------------------------------------------
	#wrapper
----------------------------------------------------*/
#wrapper {
		width:800px; height:auto;
		margin-left:auto; margin-right:auto; text-align:justify;
		background-color:#FFFEF2;
		padding-bottom:10px;		
}
#container  {
		width:780px; height:auto;
		margin:0px 10px;
		background:url(../images/staff_report/container-bg.gif) repeat;
}

/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header #parts1 li {
		float:left;
		height:142px;
}
#header #parts2 li {
		margin:0px; padding:0px;
}
#main  {
		width:760px; height:auto;
		margin:0px 10px;
}
/*----------------------------------------------------
	#main,#main-left
		メイン
----------------------------------------------------*/
#main-left {
		width:550px; height:auto;
		float:left;
}
#main-left .newslist li,
#main-left .newslist ul,
#main-left .newslist img {
		margin:0px; padding:0px;
		list-style:none;
		vertical-align:top;
		line-height:0px;
}
#main-left .newslist p
{
		margin:0px; padding:0px;
		line-height:1.1;		
}
#main-left .newslist div.day {
    position: absolute;
		text-align: right;
    top: 10px;
    left: 450px;
		padding-bottom: 10px;
		color:#00B3E6;
		line-height:110%;
}

#main-left .newslist p.main-txt-single {
		padding:0px 10px 0px 30px;		
		color:#333333;
}
#main-left .newslist p.main-txt-a {
		padding:0px 10px 10px 30px;		
		color:#333333;
}

#main-left .newslist p.news-all,
#main-left .newslist p.news-hello,
#main-left .newslist p.news-melon,
#main-left .newslist p.news-ayaway,
#main-left .newslist p.news-mline  {
    position: absolute;
    top: 26px;
		padding:3px 10px 0px 30px;
		font-size:14px;
		font-weight:bold;
}
#main-left .newslist p.news-all {
		color:#00B3E6;
}
#main-left .newslist p.news-hello {
		color:#FF4C4C;
}
#main-left .newslist p.news-melon {
		color:#76A812;
}
#main-left .newslist p.news-ayaway {
		color:#FF842A;
}
#main-left .newslist p.news-mline {
		color:#FE5AFF;
}
#main-left .newslist li.list1 {
		background:url(../images/staff_report/newslist-a.gif) no-repeat;
		width:550px; height:78px;
		position:relative;
}
#main-left .newslist li.list2 {
		background:url(../images/staff_report/newslist-b.gif) repeat-y;
		width:550px; height:auto;
}
#main-left .newslist li.list3 {
		background:url(../images/staff_report/newslist-c.gif) no-repeat;
		width:550px; height:24px;		
}
.main-txt-image {
  float: left;
  width: 210px;
  margin-left: 20px;
}
.main-txt-message {
  color:#333333;
  float: right;
  width: 285px;
  margin-right: 10px;
  line-height: 120%;
}

/*----------------------------------------------------
	#main-right
		メイン
----------------------------------------------------*/
#main-right {
		width:200px; height:auto;
		float:right;
}
#main-right .right-topics li,
#main-right .right-topics ul,
#main-right .right-topics img {
		margin:0px; padding:0px;
		list-style:none;
		vertical-align:top;
		line-height:0px;
}
#main-right ul.right-topics  {
		background:url(../images/staff_report/righttopics-b.gif) repeat-y;
		width:200px;
}
#main-right .right-topics p {
		margin:0px; padding:0px;
		line-height:1.1;
}
#main-right .right-topics li.right-list1 {
		background:url(../images/staff_report/righttopics-a.gif) no-repeat;
		width:200px; height:5px;
}
#main-right .right-topics li.right-list3 {
		background:url(../images/staff_report/righttopics-c.gif) no-repeat;
		width:200px; height:15px;
}
#main-right .right-topics li.right-list1 p.back-title {
		padding:10px 10px 0px 10px;
		font-size:14px;
		font-weight:bold;
}

#main-right .right-topics ul.back-txt {
		padding:25px 0px;
}
#main-right .right-topics .back-txt li{
		padding:0 10px;
		line-height:1.5em;
}


/*----------------------------------------------------
	#footer
		フッター
----------------------------------------------------*/
#footer {
		width:auto; height:54px;
		background:url(../images/top/footer-border.gif) repeat-x;
		margin-top:30px;
}

#footer .f-border {
		border-top:1px solid #C7C7C7;
		margin:50px 0px 15px 0px; 
}

#footer .f-icon {
		width:130px; float:left;
}

#footer .subnavi {
		width:297px; height:auto;
		font-size:11px;
		padding:10px 0px 0px 3px;
		float:left;
}

#footer .copyright {
		width:410px; height:auto;
		font-size:10px;
		padding:10px 0px 0px 0px;
		text-align:right;
		float:right;
}

/* -----------------------------------------------------------
	#H
		見出し小見出し
----------------------------------------------------------- */
h1 {
		margin:0px;
		padding:0px;
}
h2 {
		margin:0px 0px 20px 0px;
		padding:0px;
		border-bottom:1px solid #6A694D;
}
h3 {
		margin:0px 0px 8px 0px;
		padding:0px;
}


/* -----------------------------------------------------------
	#a
		リンク
----------------------------------------------------------- */

a.small:link		{ color: #555555; text-decoration:underline;}
a.small:visited		{ color: #9966CC; text-decoration:none;}
a.small:hover,a:active 	{ color: #777777; text-decoration:none;}



/* -----------------------------------------------------------
	#etc
		その他
----------------------------------------------------------- */

.mb-20 			{ margin-bottom:20px;}
.bold			{ font-weight:bold;}

.orange			{ color:#FF8400;}
.red			{ color:#CC1800;}
.aquablue		{ color:#00BBD6;}
.green1 		{ color:#98C500;}