@charset "Shift-JIS";

/* --------------------------------------------------
  Infomation
-----------------------------------------------------

  このCSSファイルはSaaSアプリケーションページにのみ反映されます。

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


/* --------------------------------------------------
  base layout
-------------------------------------------------- */


/* cont_sttl ------------------------------------- */

div.section h4{
	font-size: 16px;
	background:url(img/aplist_sttlbg.gif) repeat-x;
	margin-bottom:5px;
}
div.section h4 span{
	background-color: #fff;
	padding-right: 10px;
}


/* cont_lnav ------------------------------------- */

div#cont01_head,
div#cont02_head,
div#cont03_head,
div#cont04_head{
	margin-bottom:20px;
	position:relative;
}

ul.cont_lnav{
	position:absolute;
	top:0;
	right:0;
	display:block;
}
ul.cont_lnav li{
	display:inline;
	float:left;
}
ul.cont_lnav li a{
	text-indent:-9999px;
	height:39px;
	display:block;
	float:left;
}


/* ap_list ------------------------------------- */


/* 一行の設定（共通）
-------------------- */

div.ap_list{display:inline-block; margin-bottom: 15px;}
div.ap_list:after{clear: both; display: block; content: "."; visibility: hidden; height: 0;}
/* Hides from IE-mac \*/
* html div.ap_list {height: 1%;}
div.ap_list{display: block;}
/* End hide from IE-mac */


/* ブロック設定
-------------------- */

div.ap_block {
	letter-spacing: 0;
	width: 272px;
	float: left;
	margin-right: 6px;
}
div.ap_block_r {
	letter-spacing: 0;
	width: 272px;
	float: left;
}


/* 上部設定
-------------------- */

div.ap_block p,
div.ap_block_r p {
	font-size: 10px;
	line-height: 1em;
	text-align: right;
	color: #717071;
	margin-bottom: 3px;
}

/* リンクブロック設定
-------------------- */

div.ap_block a.ap_block_link,
div.ap_block_r a.ap_block_link,
div.ap_block span.ap_block_link,
div.ap_block_r span.ap_block_link {
	line-height: 1.5em;
	min-height: 115px;
	display: block;
	padding-bottom: 3px;
}
*html div.ap_block a.ap_block_link{height: 120px;}
*html div.ap_block_r a.ap_block_link{height: 120px;}
*html div.ap_block span.ap_block_link{height: 120px;}
*html div.ap_block_r span.ap_block_link{height: 120px;}

a.ap_block_link span.ap_list_outline,
a.ap_block_link span.ap_list_ttl,
span.ap_block_link span.ap_list_outline,
span.ap_block_link span.ap_list_ttl {
	font-size: 12px;
	display: block;
}
a.ap_block_link span.ap_list_outline,
span.ap_block_link span.ap_list_outline{
	padding: 5px 10px 2px 10px;
}
a.ap_block_link span.ap_list_ttl,
span.ap_block_link span.ap_list_ttl {
	padding: 0 10px 5px 10px;
}
a.ap_block_link span.ap_list_ttl strong,
span.ap_block_link span.ap_list_ttl strong {
	font-size: 16px;
	font-weight: bold;
}

a.ap_block_link span.ap_list_txt,
span.ap_block_link span.ap_list_txt {
	color: #000;                /*font*/
	display: block;
	padding: 5px 10px 0 10px;
	float:clear;
}

a.ap_block_link span.ap_list_txt img,
span.ap_block_link span.ap_list_txt img {
    float:right;
    margin:0 0 2px 2px ;
	padding-bottom:10px;
	width:60px;
	height:60px;
}

span.ap_list_comment {
	color:#FF0000;
	display: block;
	padding: 1px 10px 0 10px;
	font-weight:bold;
	margin-top: 2px;
}
span.ap_list_more img{
	position:relative;
	margin: 5px 10px;
}

/* cont_nav ------------------------------------- */

.nav{	
    padding: 3px;
} 
.nav ul{
    padding: 0; 	
	margin-bottom:10px;
} 

.nav ul li {
    display: inline; 	
    margin-right: 1em;
	font-weight:bold;
	color:#FF9900;
	border-bottom: solid 1px #FF9900;	
} 

.nav ul li a { 
    text-decoration: none;
	color:#FF9900;
} 

.nav01{	
    padding: 3px;
} 
.nav01 ul{
    padding: 0; 	
	margin-bottom: 10px;
} 

.nav01 ul li {
    display: inline; 	
    margin-right: 1em;
	font-weight:bold;
	color:#000;
	border-bottom: solid 1px #FF9900;	
} 

.nav01 ul li a a:hover{ 
    text-decoration: none;
	color:#FF9900;
} 


/* --------------------------------------------------
  cont01
-------------------------------------------------- */
div#cont01_head{
	margin-bottom:20px;
	margin-top:20px;
	position:relative;
}
div#cont01_head h3{
	text-indent:-9999px;
	background:url(img/aplist_cont01_ttl.gif) no-repeat;
	width:828px;
	height:39px;
	overflow:hidden;
}

div#cont01_head ul.cont_lnav li a.cont_lnav01{
	background:url(img/aplist_cont01_lnav.gif) no-repeat 0 0;
	width:150px;
	overflow:hidden;
}
div#cont01_head ul.cont_lnav li a.cont_lnav01:hover{
	background:url(img/aplist_cont01_lnav.gif) no-repeat 0 -39px;
}
div#cont01_head ul.cont_lnav li a.cont_lnav02{
	background:url(img/aplist_cont01_lnav.gif) no-repeat -150px 0;
	width:100px;
	overflow:hidden;
}
div#cont01_head ul.cont_lnav li a.cont_lnav02:hover{
	background:url(img/aplist_cont01_lnav.gif) no-repeat -150px -39px;
}
div#cont01_head ul.cont_lnav li a.cont_lnav03{
	background:url(img/aplist_cont01_lnav.gif) no-repeat -250px 0;
	width:105px;
	overflow:hidden;
}
div#cont01_head ul.cont_lnav li a.cont_lnav03:hover{
	background:url(img/aplist_cont01_lnav.gif) no-repeat -250px -39px;
}

div#cont01_body{
	margin-bottom:40px;
}

/* cont_sttl ------------------------------------- */
div#cont01_body h3{
	padding:1px 4px;
	border-color:#FF9900;
	border-width:0 0 0 6px;
	border-style:solid;
	font-size:117%;
}

div#cont01_body h4{
	color: #0089ff;
}

/* ap_list ------------------------------------- */
div#cont01_body a.ap_block_link span.ap_list_outline,
div#cont01_body span.ap_block_link span.ap_list_outline {
	background: url(img/ap_block01_top.gif) no-repeat top;
}
div#cont01_body a.ap_block_link span.ap_list_ttl,
div#cont01_body span.ap_block_link span.ap_list_ttl{
	background: url(img/ap_block01_ttl.gif) no-repeat top;
}

div#cont01_body div.ap_block a.ap_block_link,
div#cont01_body div.ap_block_r a.ap_block_link,
div#cont01_body div.ap_block span.ap_block_link,
div#cont01_body div.ap_block_r span.ap_block_link {
	background: url(img/ap_block01_btm.gif) no-repeat bottom;
}

div#cont01_body a.ap_block_link span.ap_list_outline,
div#cont01_body a.ap_block_link span.ap_list_ttl,
div#cont01_body span.ap_block_link span.ap_list_outline,
div#cont01_body span.ap_block_link span.ap_list_ttl {
	color: #0089ff;
}

div#cont01_body a.ap_block_link:hover span.ap_list_outline,
div#cont01_body a.ap_block_link:hover span.ap_list_ttl,
div#cont01_body a.ap_block_link:hover span.ap_list_txt,
div#cont01_body a.ap_block_link:hover span.ap_list_more {
	color: #ff6600;
}


/* --------------------------------------------------
  cont02
-------------------------------------------------- */
div#cont02_head{
	margin-bottom:20px;
	position:relative;
}
div#cont02_head h3{
	text-indent:-9999px;
	background:url(img/aplist_cont02_ttl.gif) no-repeat;
	width:828px;
	height:39px;
	overflow:hidden;
}

div#cont02_head ul.cont_lnav li a.cont_lnav01{
	background:url(img/aplist_cont02_lnav.gif) no-repeat 0 0;
	width:150px;
	overflow:hidden;
}
div#cont02_head ul.cont_lnav li a.cont_lnav01:hover{
	background:url(img/aplist_cont02_lnav.gif) no-repeat 0 -39px;
}
div#cont02_head ul.cont_lnav li a.cont_lnav02{
	background:url(img/aplist_cont02_lnav.gif) no-repeat -150px 0;
	width:100px;
	overflow:hidden;
}
div#cont02_head ul.cont_lnav li a.cont_lnav02:hover{
	background:url(img/aplist_cont02_lnav.gif) no-repeat -150px -39px;
}
div#cont02_head ul.cont_lnav li a.cont_lnav03{
	background:url(img/aplist_cont02_lnav.gif) no-repeat -250px 0;
	width:105px;
	overflow:hidden;
}
div#cont02_head ul.cont_lnav li a.cont_lnav03:hover{
	background:url(img/aplist_cont02_lnav.gif) no-repeat -250px -39px;
}

div#cont02_body{
	margin-bottom:40px;
}

/* cont_sttl ------------------------------------- */
div#cont02_body h4{
	color: #28a6a0;
}

/* ap_list ------------------------------------- */
div#cont02_body a.ap_block_link span.ap_list_outline,
div#cont02_body span.ap_block_link span.ap_list_outline {
	background: url(img/ap_block02_top.gif) no-repeat top;
}
div#cont02_body a.ap_block_link span.ap_list_ttl,
div#cont02_body span.ap_block_link span.ap_list_ttl {
	background: url(img/ap_block02_ttl.gif) no-repeat top;
}

div#cont02_body div.ap_block a.ap_block_link,
div#cont02_body div.ap_block_r a.ap_block_link,
div#cont02_body div.ap_block span.ap_block_link,
div#cont02_body div.ap_block_r span.ap_block_link {
	background: url(img/ap_block02_btm.gif) no-repeat bottom;
}

div#cont02_body a.ap_block_link span.ap_list_outline,
div#cont02_body a.ap_block_link span.ap_list_ttl,
div#cont02_body span.ap_block_link span.ap_list_outline,
div#cont02_body span.ap_block_link span.ap_list_ttl {
	color: #28a6a0;
}
div#cont02_body a.ap_block_link:hover span.ap_list_outline,
div#cont02_body a.ap_block_link:hover span.ap_list_ttl,
div#cont02_body a.ap_block_link:hover span.ap_list_txt,
div#cont02_body a.ap_block_link:hover span.ap_list_more {
	color: #ff6600;
}


/* --------------------------------------------------
  cont03
-------------------------------------------------- */
div#cont03_head{
	margin-bottom:20px;
	position:relative;
}
div#cont03_head h3{
	text-indent:-9999px;
	background:url(img/aplist_cont03_ttl.gif) no-repeat;
	width:828px;
	height:39px;
	overflow:hidden;
}

div#cont03_head ul.cont_lnav li a.cont_lnav01{
	background:url(img/aplist_cont03_lnav.gif) no-repeat 0 0;
	width:150px;
	overflow:hidden;
}
div#cont03_head ul.cont_lnav li a.cont_lnav01:hover{
	background:url(img/aplist_cont03_lnav.gif) no-repeat 0 -39px;
}
div#cont03_head ul.cont_lnav li a.cont_lnav02{
	background:url(img/aplist_cont03_lnav.gif) no-repeat -150px 0;
	width:100px;
	overflow:hidden;
}
div#cont03_head ul.cont_lnav li a.cont_lnav02:hover{
	background:url(img/aplist_cont03_lnav.gif) no-repeat -150px -39px;
}
div#cont03_head ul.cont_lnav li a.cont_lnav03{
	background:url(img/aplist_cont03_lnav.gif) no-repeat -250px 0;
	width:105px;
	overflow:hidden;
}
div#cont03_head ul.cont_lnav li a.cont_lnav03:hover{
	background:url(img/aplist_cont03_lnav.gif) no-repeat -250px -39px;
}

/* cont_sttl ------------------------------------- */
div#cont03_body h4{
	color: #044b80;
}

/* ap_list ------------------------------------- */
div#cont03_body a.ap_block_link span.ap_list_outline,
div#cont03_body span.ap_block_link span.ap_list_outline {
	background: url(img/ap_block03_top.gif) no-repeat top;
}
div#cont03_body a.ap_block_link span.ap_list_ttl,
div#cont03_body span.ap_block_link span.ap_list_ttl {
	background: url(img/ap_block03_ttl.gif) no-repeat top;
}

div#cont03_body div.ap_block a.ap_block_link,
div#cont03_body div.ap_block_r a.ap_block_link,
div#cont03_body div.ap_block span.ap_block_link,
div#cont03_body div.ap_block_r span.ap_block_link {
	background: url(img/ap_block03_btm.gif) no-repeat bottom;
}

div#cont03_body a.ap_block_link span.ap_list_outline,
div#cont03_body a.ap_block_link span.ap_list_ttl,
div#cont03_body span.ap_block_link span.ap_list_outline,
div#cont03_body span.ap_block_link span.ap_list_ttl,
div#cont01_body a.ap_block_link:hover span.ap_list_text {
	color: #044b80;
}
div#cont03_body a.ap_block_link:hover span.ap_list_outline,
div#cont03_body a.ap_block_link:hover span.ap_list_ttl,
div#cont03_body a.ap_block_link:hover span.ap_list_txt,
div#cont03_body a.ap_block_link:hover span.ap_list_more {
	color: #ff6600;
}

/* 文字色 ------------------------------------- */

span.new {
	color:#FF0000;
	font-weight:bold;
	margin-right:5px;
}

.comment {
	color:#FF0000;
	font-weight:bold;
	padding-top: 2px;
	margin-top: 5px;
	text-align: right;
}

/* --------------------------------------------------
  　lnav
-------------------------------------------------- */
ul.cont_lnav01 ul {
    position:relative;
	top:0;
	margin-left:0;
	margin-right:80px;
	font-size:14px;
}
ul.cont_lnav01 li{
	font-size:14px;
	font-weight:bold;
}
ul.cont_lnav02 ul{
    position:relative;
	top:0;
	left:0;
	font-size:12px;
	font-weight:normal;
}

ul.cont_lnav02 li{
	display:inline;
  　margin-bottom:30px;
    padding:0 20px 10px 10px;
	font-size:12px;
	font-weight:normal;
	background:url(img/gnav_arrow.gif) no-repeat;
}
ul.cont_lnav02 ul li a{
	display:inline;
	color:#ff9900;
	font-size:14px;
	font-weight:normal;
}