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

 file name  :style.css
 author     :hirasawa (admin)
 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 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%;
	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:2px;
}
#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 3px 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;
}
#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 .bg2{
	width:800px;
	background:url(../imgcommon/title_bg2.jpg) no-repeat;
	padding-left:20px;
	font-size:13px;
	color:#000;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	line-height:25px;
	margin-bottom:10px;
}
#contents .static{
	width:770px;
	border:1px solid #CCC;
	line-height:160%;
	padding:15px;
}
#contents .static_right{
	width:770px;
	line-height:140%;
	text-align:right;
}
#contents .static p{
	font-size:13px;
	margin-bottom:10px;
}
#contents .static ul{
	font-size:12px;
	line-height:150%;
}
#contents .static li{
	font-size:12px;
	margin:5px;
	font-weight:bold;
}
#contents .static li.text{
	font-size:12px;
	margin:5px;
	font-weight:normal;
}
#contents .static .privacy{
	padding:10px;
}
#contents .static .privacy ul{
	line-height:150%;
}
#contents .static .privacy li{
	margin:5px;
	font-size:12px;
	font-weight:normal;
	list-style-type:disc;
}
#contents .static .publish{
	padding:10px;
}
#contents .static .publish ul{
	line-height:180%;
}
#contents .static .publish li{
	margin:5px;
	font-size:12px;
	font-weight:normal;
/*	list-style-type:disc; */
}
/*----------------------------------------------------
	#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 .titledetail{
	background:url(../imgcommon/title_detail.jpg) no-repeat;
	width:570px;
	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:180px;
	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:1px solid #000;
	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{
	border:1px solid #000;
	padding:0 2px;
	text-align:right;
}
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{
	background-color:#ffcc00;
}
div.calendar table.cal_main a:hover{
	text-decoration: underline;
}
div.calendar table.cal_main a{
	background-color:transparent;
	color:#009933;
	font-weight:bold;
	margin:0;
	padding:0;
	text-decoration: none;
}

#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:12px;
	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 .list a{
	color:#3E0137;
	text-decoration:none;
}
#sub .box .list a:hover{
	color:#3E0137;
	text-decoration: underline;
}


/*----------------------------------------------------
	#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%;
}
