@charset "utf-8";

/*
	Site Name: Pioneer
	Description: panel pages setting
*/

/*
===== CONTENTS ===================================================================

	1: common setting
	2: each page setting
	3: tools
	
==================================================================================
*/


/*
===== 1: common setting ==========================================================
*/

/*---- tab navi setting ------------------------------*/
#sub_navi {
	width:   881px;
	margin-right: auto;
	margin-left:  auto;
	padding: 0px;
}
#sub_navi li {
	float: left;
}


/*---- panel content erea setting ---------------------*/
#panel h3 {
	width: 820px;
	margin:0px auto 18px auto;
}
#panel {
	background-color: #FFFFFF;
	border-right:  1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left:   1px solid #CCCCCC;
	width: 879px;
	padding-top:    25px;
	padding-bottom: 15px;

}
.panel05,
.panel07 {
	height: 265px;
}

#panel .block {
	width:  820px;
	margin: 0px auto 18px auto;
}


/*---- inner left setting -----------------------------*/
#panel .inner_left {
	background-color: #ECECEC;
	border: 1px solid #CCCCCC;
	text-align: center;
	float:  left;
	width:  160px;
	margin-right: 20px;
}
#panel .inner_left h4.nolink {
    border-bottom-style: none;
	height:  25px;
	padding: 21px 0px 10px 0px;
}
#panel .inner_left h4 {
    border-bottom: 1px solid #CCCCCC;
	text-align: center;
	font-size:  small;	
	height:  13px;
	padding: 9px 0px 10px 0px;
}
#panel .inner_left h4.high_s  {height: 20px; padding:   3px 0px 10px 0px; line-height: 1em;}
#panel .inner_left h4#high_s2,
#panel .inner_left h4#high_s3 {height: 32px; padding:  16px 0px 10px 0px; line-height: 1em;}
#panel .inner_left h4.high    {height: 32px; padding: 15px 0px;}
#panel .inner_left h4.high4   {height: 40px; padding: 37px 0px 15px  0px;}
#panel .inner_left h4.high5   {height: 88px; padding: 88px 0px 15px  0px;}
#panel .inner_left h4.high6   {height: 51px; padding: 51px 0px 15px  0px;}
#panel .inner_left h4.high4_alpha {height: 57px; padding: 45px  0px 15px 0px;}
#panel .inner_left h4.high_img1   {height: 11px; padding: 11px  0px 10px 0px;}
#panel .inner_left h4.high_img2   {height: 17px; padding:  5px  0px 10px 0px;}
/* for IE6 */
*html #panel .inner_left h4.high_s     {height: 12px; padding:  6px 0px  4px 0px;}
*html #panel .inner_left h4.high5      {height: 83px; padding: 85px 0px 15px  0px;}
*html #panel .inner_left h4.high4_alpha{height: 53px; padding: 46px 0px 15px 0px;}
*html #panel .inner_left h4.high_img1  {height:  8px; padding: 11px 0px 10px 0px;}
*html #panel .inner_left h4.high_img2  {height:  9px; padding:  7px 0px  6px 0px;}
/* for IE7 */
*:first-child+html #panel .inner_left h4.high4 {height: 38px; padding-top: 35px;}
*:first-child+html #panel .inner_left h4.high5 {height: 92px; padding-top: 95px;}
*:first-child+html #panel .inner_left h4.high6 {height: 50px; padding-top: 48px;}
*:first-child+html #panel .inner_left h4.high4_alpha{height: 51px; padding: 45px 0px 15px 0px;}
/* for Opera */
#panel .inner_left h4.high_s:not(\*|*)      {height: 18px; padding:  2px 0px 10px 0px;}
#panel .inner_left h4#high_s2:not(\*|*),
#panel .inner_left h4#high_s3:not(\*|*)     {height: 30px; padding:  14px 0px 10px 0px;}
#panel .inner_left h4.high_img1:not(\*|*)   {height: 10px; padding:  9px 0px 10px 0px;}
#panel .inner_left h4.high4_alpha:not(\*|*) {height: 52px; padding: 40px 0px 15px 0px;}
#panel .inner_left h4:not(\*|*)        {height: 12px; padding-top:  7px;}
#panel .inner_left h4.high:not(\*|*)   {height: 28px; padding-top: 13px;}
#panel .inner_left h4.high4:not(\*|*)  {height: 35px; padding-top: 32px;}
#panel .inner_left h4.high5:not(\*|*)  {height: 87px; padding-top: 90px;}
#panel .inner_left h4.high6:not(\*|*)  {height: 43px; padding-top: 43px;}

#panel .inner_left h4#set_pt{
    height: 22px;
	padding-top: 25px;
	padding-bottom:15px;
}
/* for firefox */html>/**/body #panel .inner_left h4#set_pt{height: 25px; padding-top: 22px;}

#panel .inner_left p {
	background-color: #FFFFFF;
	text-align: center;
	height:  15px;
	padding: 4px 0px 5px 0px;
	line-height:1.3em;
}
#panel .inner_left p#link3 a.pb5{
   margin-bottom:-10px;
   margin-top:3px;   
   display:block;	
}

#panel .inner_left p#links {height:  56px; padding: 4px 0px 5px 0px; line-height:1.4em;}
#panel .inner_left p#link3 {height:  95px; padding: 5px 0px 5px 0px;}
/* for IE6 */
*html #panel .inner_left p#links {height:  56px; padding: 4px 0px 5px 0px;}
#*html panel .inner_left p#link3 {height:  95px; padding: 4px 0px 5px 0px;}
/* for IE7 */
*:first-child+html #panel .inner_left p#links {height:  56px; padding: 4px 0px 5px 0px;}
*:first-child+html #panel .inner_left p#link3 {height:  95px; padding: 4px 0px 5px 0px;}
/* for Opera */
#panel .inner_left p#links:not(\*|*) {height:  56px; padding: 4px 0px 5px 0px;}
#panel .inner_left p#link3:not(\*|*) {height:  95px; padding: 4px 0px 5px 0px;}

/*---- inner right setting -----------------------------*/
#panel .inner_right {
	float: right;
	width: 630px;
}
#panel .inner_right ul {
	background: url(../../panel/img/bg_line_dots.gif) left top repeat-x;
	float: left;
	width: 300px;	
}
#panel .inner_right li {
	background: url(../../panel/img/bg_line_dots.gif) left bottom repeat-x;
	padding: 8px 0px 8px 3px;
}
/* for firefox */
html>/**/body #panel .inner_right li {
	background: url(../../panel/img/bg_line_dots.gif) left bottom repeat-x;
	padding: 7px 0px 7px 3px;
} 
#panel .block .inner_right .pbset  {padding-bottom: 20px; padding-top: 20px;}
#panel .block .inner_right .pbset2 {padding-bottom: 15px; padding-top: 16px;}
/* for IE6   */
*html #panel .block .inner_right .pbset  {padding-bottom: 19px;	padding-top: 19px;}
*html #panel .block .inner_right .pbset2 {padding-bottom: 18px; padding-top: 19px;}
/* for IE7   */
*:first-child+html #panel .block .inner_right .pbset  {padding-bottom: 18px; padding-top: 18px;}
*:first-child+html #panel .block .inner_right .pbset2 {padding-bottom: 18px; padding-top: 19px;}
/* for Opera */
#panel .block .inner_right .pbset2:not(\*|*) {padding-bottom: 17px; padding-top: 18px;}
/* safari only \*/
html:\66irst-child #panel .block .inner_right .pbset {padding-bottom: 18px;	padding-top: 18px;}

#panel .inner_right ul.second {
	float: right;
	margin-right: 0px;
}
#panel .inner_right li a{
	padding-left: 17px;
}
#panel .block .inner_right li.lineset a {
    display: block;
	text-indent: 2px;	
	line-height: 1.3em;
	padding-left:15px;
}



/*
===== 2: each page setting ===========================================================
*/

/*---- list icon setting ----------------------------------*/
.panel01 .inner_right a {background: url(../../panel/img/icon_panel_01.gif) left center no-repeat;}
.panel02 .inner_right a {background: url(../../panel/img/icon_panel_02.gif) left center no-repeat;}
.panel03 .inner_right a {background: url(../../panel/img/icon_panel_03.gif) left center no-repeat;}
.panel04 .inner_right a {background: url(../../panel/img/icon_panel_04.gif) left center no-repeat;}
.panel05 .inner_right a {background: url(../../panel/img/icon_panel_05.gif) left center no-repeat;}
.panel06 .inner_right a {background: url(../../panel/img/icon_panel_06.gif) left center no-repeat;}
.panel07 .inner_right a {background: url(../../panel/img/icon_panel_07.gif) left center no-repeat;}



/*
===== 3: tools =========================================================================
*/
.clear_panel {
	clear: both;
	line-height: 1%;
}