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

 file name  :style.css
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
a:link {
	color:#333;
	text-decoration:none;
}

a:visited {
	color:#333;
}

a:hover {
	color:#333;
	text-decoration:underline;
}

a:active {
}

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

.test{
	border:solid 1px #FF0000;
}

/* 外部リンクは別窓用の指定 */
.externalIcon {
	padding-left: 5px;
	vertical-align: middle;
}

/* clearfix */
#hoge:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.clr {
	clear: both;
/* macIE対策\*/
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
/* macIE対策*/
}

/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	width:100%;
}

/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header{
	width:800px;
	height:120px;
	background:url(../imgcommon/title_analystnet_infinity.jpg) no-repeat;
	text-align:left;
	margin:0 auto;
}

/*-- ヘッド --*/
#header .navi{
	width:800px;
	padding-top:5px;
	font-size:10px;
	line-height:100%;
	color:#FFF;
}
#header .navi:after{
	content: ".";
	display: block;
	visibility:
	hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#header .navi h1{
	padding-left:3px;
	font-size:10px;
	font-weight:normal;
	line-height:100%;
	color:#FFF;
	float:left;
}
#header .navi h1 a{
	color:#FFF;
	text-decoration:none;
}
#header .navi h1 a:hover{
	text-decoration:none;
}
#header .navi li{
	float:right;
	display:inline;
	margin-left:10px;
	padding-left:10px;
	border-left:solid 1px #FFF;
}
#header .navi li.non{
	border:none;
}
#header .navi li a{
	color:#FFF;
	text-decoration:underline;
}
#header .navi li a:hover{
	text-decoration:underline;
}


/*-- INFINITYタイトル --*/
#header .title a{
	width:280px;
	height:40px;
	margin:30px 0 0 5px;
	display:block;
	text-indent:-9999px;
	font-size:0pt;
}


/*----------------------------------------------------
	#menu
----------------------------------------------------*/
#menu{
	width:800px;
	text-align:left;
	margin:0 auto;
}
#menu ul{
	width:790px;
	height:28px;
	padding:4px 0 0 10px;
}
#menu li{
	height:28px;
	margin-right:18px;
	text-indent:-9999px;
	font-size:0pt;
	float:left;
}
#menu li.info a{
	width:110px;
	height:28px;
	display:block;
	background:url(../imgcommon/menu.jpg) no-repeat;
}
#menu li.info_off a{
	width:110px;
	height:28px;
	display:block;
	background:url(../imgcommon/menu_off.jpg) no-repeat;
}
#menu li.video a{
	width:150px;
	height:28px;
	display:block;
	background:url(../imgcommon/menu_video.jpg) no-repeat;
}
#menu li.video_off a{
	width:150px;
	height:28px;
	display:block;
	background:url(../imgcommon/menu_video_off.jpg) no-repeat;
}
#menu ul:after{
	content: ".";
	display: block;
	visibility:
	hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/*----------------------------------------------------
	#menu-sub
----------------------------------------------------*/
#menu-sub{
	width:100%;
	padding:0;
	margin-bottom:18px;
	background:url(../imgcommon/sub_menu_bg.jpg) repeat-x left bottom #FFF;
}
#menu-sub ul{
	width:800px;
	text-align:left;
	margin:0 auto;
	padding-bottom:5px;
	line-height:130%;
}
#menu-sub ul:after{
	content: ".";
	display: block;
	visibility:
	hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#menu-sub li{
	float:left;
	line-height:130%;
	font-size:12px;
	padding-right:8px;
	margin:3px 8px 0 0;
	background:url(../imgcommon/menu-sub_line.gif) no-repeat right center;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
#menu-sub li a{
	color:#666;
	text-decoration:none;
	line-height:130%;
}
#menu-sub li a:hover{
	color:#666;
	text-decoration: underline;
}
#menu-sub li.non{
	background:none;
}



/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	width:800px;
	margin:0 auto;
}
#contents:after {
	content: ".";
	display: block;
	visibility:
	hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#contents .title{
	background:url(../imgcommon/contents_title_bg.jpg) no-repeat;
	width:700px;
	padding-left:20px;
	font-size:12px;
	color:#000;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	line-height:25px;
	margin-bottom:10px;
}
/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#main {
	width:570px;
	float:left;
	color:#333;
	line-height:140%;
}

/* タイトル */
#main .title{
	background:url(../imgcommon/title_bg.jpg) no-repeat;
	width:550px;
	padding-left:20px;
	font-size:12px;
	color:#000;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	line-height:25px;
	margin-bottom:10px;
}#main .title:after {
	content: ".";
	display: block;
	visibility:
	hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#main .title h3{
	font-size:12px;
	color:#000;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	float:left;
}
#main .title .list{
	float:right;
	padding-right:15px;
}

/* -----------------------------------------------------------
	#sub
		サイドバー、サブ
----------------------------------------------------------- */
#sub {
	width:220px;
	float:right;
}
#sub h4{
	font-size:12px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-weight:bold;
	margin-bottom:3px;
}

/* カレンダーコンテナ */
#cal_container{
	margin:0;
	padding:0;
	height:170px;
	width:220px;
	background-color:#EEEDEA;
	margin-bottom:10px;
}
#cal_container div.calendar{
	width:200px;
	padding:10px;
	font-size:12px;
	color:#000;
}
/* カレンダータイトル */
div.calendar table.cal_title{
	border:0 none;
	width:100%;
}
div.calendar table.cal_title td.prev_month{
	padding:0 5px;
	text-align:left;
	width:15%;
}
div.calendar table.cal_title td.curr_month{
	font-weight:bold;
	text-align:center;
}
div.calendar table.cal_title td.next_month{
	padding:0 5px;
	text-align:right;
	width:15%;
}
div.calendar table.cal_title a{
	background-color:#000;
	color:#FFF;
	margin:0;
	padding:0 3px;
}
/* カレンダーメイン */
div.calendar table.cal_main{

	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
}
div.calendar table.cal_main th{
	border:0 none;
	font-weight:bold;
	padding:0 2px;
	text-align:center;
}
div.calendar table.cal_main td{

	padding:0 2px;
	text-align:center;
}
div.calendar table.cal_main th.sun,th.sat{
	width:15%;
}
div.calendar table.cal_main th.mon,th.tue,th.wed,th.thu,th.fri{
	width:14%;
}
div.calendar table.cal_main td.sun{
	color:#ff0000;
}
div.calendar table.cal_main td.sat{
	color:#0000ff;
}
div.calendar table.cal_main td.mon,td.tue,td.wed,td.thu,td.fri{
	color:#003333;
}
div.calendar table.cal_main td.today{
	color:#ff0000;
	font-weight:bold;
}
div.calendar table.cal_main a{
	background-color:#000;
	color:#FFF;
	font-weight:bold;
	margin:0;
	display:block;
}


#sub .box{
	width:200px;
	padding:5px 10px;
	font-size:12px;
	color:#333;
	background-color:#EEEDEA;
	margin-bottom:10px;
}
#sub .box img{
	margin-bottom:5px;
}
#sub .box li{
	font-size:13px;
	font-weight:bold;
	margin-bottom:7px;
	background:url(../imgcommon/cap_white.jpg) no-repeat 0 2px;
	padding-left:15px;
	width:185px;
	line-height:140%;
}
#sub .box .list{
	font-size:12px;
	margin-bottom:7px;
	background:url(../imgcommon/cap_black.jpg) no-repeat 0 2px;
	padding-left:15px;
	width:185px;
	line-height:140%;
}
#sub .box a{
	color:#333333;
	text-decoration: underline;
	font-weight:bold;
}
#sub .box a:hover{
	color:#000099;
	text-decoration: underline;
	font-weight:bold;
}

#sub .box_att{
	width:200px;
	padding:5px 10px;
	font-size:12px;
	color:#333;
	background-color:#FEF3FA;
	margin-bottom:10px;
}
#sub .box_att img{
	margin-bottom:5px;
}
#sub .box_att li{
	font-size:13px;
	font-weight:bold;
	margin-bottom:7px;
	background:url(../imgcommon/cap_white.jpg) no-repeat 0 2px;
	padding-left:15px;
	width:185px;
	line-height:140%;
}
#sub .box_att .list{
	font-size:12px;
	margin-bottom:7px;
	background:url(../imgcommon/cap_black.jpg) no-repeat 0 2px;
	padding-left:15px;
	width:185px;
	line-height:140%;
}
#sub .box_att a{
	color:#003466;
	text-decoration:none;
}
#sub .box_att a:hover{
	color:#000099;
	text-decoration: underline;
}
#sub #report_box{
	width:200px;
	padding:5px 10px;
	font-size:12px;
	color:#333;
	background-color:#EEEDEA;
	margin-bottom:10px;
}
#sub #report_box .tiw_rssbox{
	width:200px;
	margin-bottom:5px;
}
#sub #report_box .tiw_rssbox a{
	color:#333333;
	text-decoration: underline;
	font-weight:bold;
}
#sub #report_box .tiw_rssbox a:hover{
	color:#000099;
	text-decoration: underline;
	font-weight:bold;
}
#sub #report_box .tiw_rssbox li{
	font-size:13px;
	font-weight:bold;
	margin-bottom:7px;
	padding-left:15px;
	width:185px;
	line-height:140%;
	text-align:right;
}
#sub .box .banner{
	padding:10px 0;
	margin-left:20px;
}

/*----------------------------------------------------
	#footer
----------------------------------------------------*/

#top_back{
	padding-bottom:15px;
	margin:0 auto 8px auto;
	border-bottom:solid 9px #F6F6F6;
}
#top_back .btn{
	width:800px;
	text-align:left;
	margin:0 auto;
}
#top_back a{
	color:#000;
	text-decoration:none;
}
#top_back a:hover{
	color:#000;
	text-decoration:none;
}

#footer{
	width:800px;
	text-align:left;
	margin:0 auto;
}
#footer .inner:after{
	content: ".";
	display: block;
	visibility:
	hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#footer .inner ul{
	float:left;
}
#footer .inner ul:after{
	content: ".";
	display: block;
	visibility:
	hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#footer li{
	font-size:10px;
	float:left;
	padding-right:10px;
	margin-right:10px;
	border-right:solid 1px #666;
	line-height:100%;
}
#footer li.non{
	margin:0;
	padding:0;
	border:none;
}

#footer .inner .copy{
	float:right;
	font-size:10px;
	text-align:right;
	line-height:140%;
}
