/* CSS Document */

/* 開発レポート共用 */

#menutab {
	width: 750px;
	margin: 10px 0px 0px 15px;
}

.repo_head{
	width:800px;
	margin:0 auto;
	position:relative;
	z-index:2;
}

.repo_head #gPankuzu{
	width:550px;
}

.repo_head .to_schedule_link{
	width:233px;
	margin-bottom:5px;
}

.repo_head .to_schedule_link a{
	display:block;
	width:233px;
	height:42px;
	background:url(../images/to_schedule_btn_off.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.repo_head .to_schedule_link a:hover{
	background:url(../images/to_schedule_btn_on.jpg) no-repeat;
}

.repo_head .to_report_link{
	width:330px;
	margin-bottom:5px;
}

.repo_head .to_report_link a{
	display:block;
	width:330px;
	height:42px;
	background:url(../images/to_repo_btn_off.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.to_report_link a:hover{
	background:url(../images/to_repo_btn_on.jpg) no-repeat;
}


.hide{
	display:none;
}

.report_upper{
	width:800px;
	height:58px;
	padding-top:190px;
	background:url(../images/common/report_upper.jpg) no-repeat;
}


.report_upper h2{
	display:none;
}


.report_upper p{
	width:600px;
	margin-left:80px;
	font-size:13px;
	color:#fff;
	line-height:1.3;
}

.report_number_navi_box{
	width:800px;
	height:95px;
	margin-top:-20px;
	padding-top:51px;
	position:relative;
	background:url(../images/common/report_number_navi_back.gif) no-repeat;
	z-index:1;
}

.report_number_navi_under_box{
	width:800px;
	position:absolute;
	bottom:0;
}

* html body .report_number_navi_under_box {
    /* IE6以下のIEみ適用 */
	margin-bottom:-2px;
}


.report_number_navi_under_l{
	width:420px;
	padding-bottom:6px;
}

/* ナビの数にあわせてクラス指定を変更 */

.report_number_navi_under_r_01{
	width:100px;
}

.report_number_navi_under_r_02{
	width:190px;
}

.report_number_navi_under_r_03{
	width:290px;
}

.report_number_navi_under_r_04{
	width:380px;
}

.report_number_navi_under_r_05{
	width:470px;
}


a.return_link{
	display:block;
	width:200px;
	height:22px;
	margin-top:20px;
	margin-left:5px;
	padding-left:22px;
	background:url(../images/common/return_link_indent.gif) no-repeat left center;
	font-size:13px;
	color:#666;
	line-height:1.8;
	text-decoration:none;
}

a.return_link:hover{
	text-decoration:underline;
}

ul.report_number_navi{
	position:absolute;
	bottom:0px;
}

ul.report_number_navi li{
	float:left;
	list-style-type:none;
}

a.report_number_navi01_off{
	display:block;
	width:87px;
	height:27px;
	margin-right:5px;
	background:url(../images/common/number_navi01_off.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

a.report_number_navi01_off:hover{
	background:url(../images/common/number_navi01_active.gif) no-repeat;
}

a.report_number_navi02_off{
	display:block;
	width:87px;
	height:27px;
	margin-right:4px;
	background:url(../images/common/number_navi02_off.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

a.report_number_navi02_off:hover{
	background:url(../images/common/number_navi02_active.gif) no-repeat;
}

a.report_number_navi03_off{
	display:block;
	width:87px;
	height:27px;
	margin-right:4px;
	background:url(../images/common/number_navi03_off.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

a.report_number_navi03_off:hover{
	background:url(../images/common/number_navi03_active.gif) no-repeat;
}

a.report_number_navi04_off{
	display:block;
	width:87px;
	height:27px;
	background:url(../images/common/number_navi04_off.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

a.report_number_navi04_off:hover{
	background:url(../images/common/number_navi04_active.gif) no-repeat;
}



a.report_number_navi04b_off{
	display:block;
	width:87px;
	height:27px;
	margin-right:4px;
	background:url(../images/common/number_navi04_off.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

a.report_number_navi04b_off:hover{
	background:url(../images/common/number_navi04_active.gif) no-repeat;
}




a.report_number_navi05_off{
	display:block;
	width:87px;
	height:27px;
	background:url(../images/common/number_navi05_off.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

a.report_number_navi05_off:hover{
	background:url(../images/common/number_navi05_active.gif) no-repeat;
}




p.report_number_navi01_active{
	display:block;
	width:87px;
	height:27px;
	margin-right:5px;
	background:url(../images/common/number_navi01_active.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

p.report_number_navi02_active{
	display:block;
	width:87px;
	height:27px;
	margin-right:4px;
	background:url(../images/common/number_navi02_active.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

p.report_number_navi03_active{
	display:block;
	width:87px;
	height:27px;
	margin-right:4px;
	background:url(../images/common/number_navi03_active.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

p.report_number_navi04_active{
	display:block;
	width:87px;
	height:27px;
	background:url(../images/common/number_navi04_active.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}


p.report_number_navi04b_active{
	display:block;
	width:87px;
	height:27px;
	background:url(../images/common/number_navi04_active.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-right:4px;
}



p.report_number_navi05_active{
	display:block;
	width:87px;
	height:27px;
	background:url(../images/common/number_navi05_active.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}


.reportnavi_box{
	width:700px;
	padding-bottom:5px;
	margin:0 auto;
}

.reportnavi_box a{
	font-size:12px;
	color:#000;
	text-decoration:underline;
}

.reportnavi_box a:hover{
	text-decoration:none;
}

.under_link{
	width:800px;
	padding-bottom:15px;
	background:url(../images/common/under_link_back.gif) repeat-y;
}

.to_limitedpage{
	margin-bottom:10px;
	text-align:center;
	padding:3px 0;
}

.to_limitedpage a{
	padding-left:15px;
	background:url(../images/common/link_indent.png) no-repeat left center;
	font-size:14px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

.to_limitedpage a:hover{
	text-decoration:underline;
}


.under_link_box{
	width:670px;
	margin:0 auto;
	padding:20px;
	background:#fff;
}

.under_navi_box{
	width:700px;
	margin:0 auto;
	padding:5px;
	background:#000;
}

.under_navi_box ul{
	padding-top:5px;
}

/* ナビの数にあわせてクラス指定を変更 */

.under_navi_list01{
	width:90px;
}

.under_navi_list02{
	width:170px;
}

.under_navi_list03{
	width:250px;
}

.under_navi_list04{
	width:330px;
}

.under_navi_list05{
	width:410px;
}





.under_navi_box ul li{
	display:inline;
	float:left;
	margin-left:8px;
	list-style:none;
}

.under_navi_box ul a{
	overflow:hidden;
}

.under_navi_box ul a.under_navi01_off{
	display:block;
	width:72px;
	height:26px;
	background:url(../images/common/under_navi01_off.gif) no-repeat;
	text-indent:-9999px;
}

.under_navi_box ul a.under_navi01_off:hover{
	background:url(../images/common/under_navi01_active.gif) no-repeat;
}

.under_navi_box ul p.under_navi01_active{
	width:72px;
	height:26px;
	background:url(../images/common/under_navi01_active.gif) no-repeat;
	text-indent:-9999px;
}

.under_navi_box ul a.under_navi02_off{
	display:block;
	width:72px;
	height:26px;
	background:url(../images/common/under_navi02_off.gif) no-repeat;
	text-indent:-9999px;
}

.under_navi_box ul a.under_navi02_off:hover{
	background:url(../images/common/under_navi02_active.gif) no-repeat;
}

.under_navi_box ul p.under_navi02_active{
	width:72px;
	height:26px;
	background:url(../images/common/under_navi02_active.gif) no-repeat;
	text-indent:-9999px;
}

.under_navi_box ul a.under_navi03_off{
	display:block;
	width:72px;
	height:26px;
	background:url(../images/common/under_navi03_off.gif) no-repeat;
	text-indent:-9999px;
}

.under_navi_box ul a.under_navi03_off:hover{
	background:url(../images/common/under_navi03_active.gif) no-repeat;
}

.under_navi_box ul p.under_navi03_active{
	width:72px;
	height:26px;
	background:url(../images/common/under_navi03_active.gif) no-repeat;
	text-indent:-9999px;
}

.under_navi_box ul a.under_navi04_off{
	display:block;
	width:72px;
	height:26px;
	background:url(../images/common/under_navi04_off.gif) no-repeat;
	text-indent:-9999px;
}

.under_navi_box ul a.under_navi04_off:hover{
	background:url(../images/common/under_navi04_active.gif) no-repeat;
}

.under_navi_box ul p.under_navi04_active{
	width:72px;
	height:26px;
	background:url(../images/common/under_navi04_active.gif) no-repeat;
	text-indent:-9999px;
}




.under_navi_box ul a.under_navi05_off{
	display:block;
	width:72px;
	height:26px;
	background:url(../images/common/under_navi05_off.gif) no-repeat;
	text-indent:-9999px;
}

.under_navi_box ul a.under_navi05_off:hover{
	background:url(../images/common/under_navi05_active.gif) no-repeat;
}

.under_navi_box ul p.under_navi05_active{
	width:72px;
	height:26px;
	background:url(../images/common/under_navi05_active.gif) no-repeat;
	text-indent:-9999px;
}




.under_popularity_link_title{
	width:611px;
	height:23px;
	margin:0 auto 15px;
	padding-left:30px;
	background:url(../images/common/under_link_title_back.gif) no-repeat;
	font-size:16px;
	color:#FF7F50;
}

.under_popularity_link{
	margin-bottom:10px;
}

.under_popularity_link a{
	display:inline-block;
	font-size:15px;
	color:#000;
	text-decoration:none;
	margin-left:25px;
	padding-left:20px;
	background:url(../images/common/link_indent.png) no-repeat left top;
}

.under_popularity_link a:hover{
	text-decoration:underline;
}

.under_recommendation_link_title{
	width:611px;
	height:23px;
	margin:20px auto 15px;
	padding-left:30px;
	background:url(../images/common/under_link_title_back.gif) no-repeat;
	font-size:16px;
	color:#FF7F50;
}

.under_recommendation_link_title_nb{
	float:left;
	width:330px;
	height:23px;
	margin:10px 0 0 4px;
	padding-left:30px;
	background:url(../images/common/under_link_title_indent.gif) no-repeat left center;
	font-size:16px;
	color:#FF7F50;
}

.under_recommendation_link{
	margin-bottom:10px;
}

.under_recommendation_link a{
	display:inline-block;
	font-size:15px;
	color:#000;
	text-decoration:none;
	margin-left:25px;
	padding-left:20px;
	background:url(../images/common/link_indent.png) no-repeat left top;
}

.under_recommendation_link a:hover{
	text-decoration:underline;
}


/* 開発レポート一覧タブメニュー */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

#report_list_tab{
	width:650px;
	margin:10px auto 0;
}

.report_list{
	float:right;
	width:600px;
	list-style:none;
}

.report_list li{
	float:left;
    margin:10px 0 -1px 0px;
    min-width: 84px; /* be nice to Opera */
}

.report_list li a{
	display:block;
	width:75px;
	height:16px;
	margin:0 0 0 5px;
	padding:5px;
	border:1px solid #777;
	border-bottom:none;
	text-align:center;
	font-size:13px;
	color:#000;
	text-decoration:none;
}

.report_list li a:focus{
	outline:none;
}

.ui-tabs-selected{
	margin:0 0 -1px 5px;
	background:#fff;
	overflow:hidden;
}

* html .ui-tabs-selected{
	position:relative;
}

.in_tab{
	width:640px;
	margin:0 auto;
	clear:both;
	border-top:1px dashed #777;
}

.report_link_list{
	width:630px;
	margin:10px auto 0;
	list-style:none;
}

.report_link_list li{
	display:inline;
	float:left;
	margin:0 0 12px 15px;
	white-space:nowrap;
}

.report_link_list a{
	padding-left:10px;
	background:url(../images/common/indent_s.gif) no-repeat left center;
	font-size:13px;
	color:#000;
	text-decoration:none;
}

.report_link_list a:hover{
	text-decoration:underline;
}

.to_report_index{
	margin-top:15px;
	text-align:center;
	padding:3px 0;
}

.to_report_index a{
	padding-left:15px;
	background:url(../images/common/link_indent.png) no-repeat left center;
	font-size:14px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

.to_report_index a:hover{
	text-decoration:underline;
}