/* CSS Document */

/*-----------------------------------------------
	
	SHARP Polaris Webマニュアル CSS
	2011/11/08

	1.all
	2.parts
		heading
		img
		section
	3.header
	4.left-menu
	5.step
	6.unit
		system(acc)
	7.table
	8.tooltip

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


/****** 1.all ************************************/

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 16px;

}
/* for IE6 */
* html body {
    /*font-size: 88%;*/
}
/* for IE7 */
*:first-child+html body {
    font-size: 88%;
}

#container{
	margin:0px 15px 15px;
}

#header{


}

#contents{
	padding-left:280px;
	background-color:#FFF;
	zoom:1;/*for IE6*/
	border:solid 3px #424242;
	
}
#scroll-area {
	overflow-y:scroll;
	position:relative;
	height:500px;
	border-top:#CCC solid 1px;
}
#main{
	float:right;
	width:100%;
	margin-left:-280px;	
	padding-left:280px;
	/*
	border-left:280px solid #fff;*/

	position:relative;
}

#left-menu{
	float:right;
	position: relative;
	z-index:999;
	width:280px;
	padding:0px;
	overflow-y:scroll;
	margin-left:-280px;
	font-size:12px;
}

#footer{
	float:left;
	width:60px;
	padding:10px;
	margin-left:10px;
	font-size:12px;
	font-color:black;
}
#outline-block,#step-block {
	margin:30px 40px 0px 40px;
	padding-bottom:0px;
	clear:both;
	line-height:150%;
}

/****** 2.parts ************************************/

/*--- heading ------------------------------*/

h1 {
	font-size:156%;
	margin:9px 80px 10px 25px;
	padding:10px 10px 2px;
	border-left:9px solid #194263;
}
	.sub-title {
		font-size:80%;
		padding-left:25px;
		color:#666;
	}
	#search_text {
		height:15px;
		width:150px;
		font-size:100%;
		float:left;
		margin-top:10px;
		margin-right:5px;
	}

	#print_bt {
		border:none;
		background:#333;
		color:#000;
		padding:0px 10px;
		height:20px;
		/*min-width:40px;
		*width:40px;*/
		line-height:20px;
		margin-top:10px;
		margin-right:2px;
		cursor:pointer;
		background:url(../images/print_bt_back.gif);
		text-decoration:none;
		font-size:88%;
		text-align:center;
		float:left;
	}
	#print_bt li {
		list-style:none;
		
	}

	#search_bt {
		/*min-width:60px;*/
		border:none;
		background:#333;
		color:#fff;
		padding:0px 10px;
		*padding:0px 0px;
		_padding:0px 0px;
		height:20px;
		line-height:20px;
		margin-top:10px;
		margin-right:5px;
		cursor:pointer;
		background:url(../images/menu_back_bk.gif);
		text-decoration:none;
		display:block;
		float:left;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-size:88%;
	}
	
	#context-menu {
		width:220px;
		right:1px;
		top:30px;
		position:absolute;
		background-color:#CCC;
		border-top:solid 1px #999;
		display:none;
		z-index:9999;
		
	}
	
	#context-menu li a{
		display:block;
		line-height:160%;
		text-align:right;
		border-left:solid 1px #999;
		border-right:solid 1px #999;
		border-bottom:solid 1px #999;
		padding-right:10px;
		background-color:#c3cde9;
		color:#000;
		padding:5px 5px;
		text-decoration:none;

	}
	#context-menu li a:hover{
		background-color:#e6edff;

	}	

h2 {
	font-size:133%;
	background:#6B7B94;
	padding:10px 15px 5px;

	margin-right:-15px;
	margin-left:-15px;
	margin-bottom:0px;
	margin-top:15px;
	font-weight:bold;
	color:#fff;
	*width:100%;
}

#outline-block h2 {
	background:#6B7B94;
	color:#fff;
}

#step-block h2{
	color:#003399;
	background:#B0DAFF;
}

h3 {
	font-size:110%;
	padding:3px 0px 3px 5px;
	margin:25px 0px 0px;
	font-weight:bold;
	border-left:5px solid #369;
}

h3.no-line {
	font-size:110%;
	padding:3px 0px 3px 0px;
	height:20px;
	margin:40px 0px 0px;
	font-weight:bold;
	border:none;
}

h2.system-h {
	font-size:133%;
	background:#060 !important;
	padding:10px 15px 5px;
	margin-top:25px;
	margin-right:-15px;
	margin-left:-15px;
	margin-bottom:20px;
	font-weight:bold;
	color:#fff;
}

h3.system-h {
	font-size:110%;
	padding:3px 0px 3px 5px;
	height:20px;
	margin:15px 0px 0px;
	font-weight:bold;
	border-left:5px solid green;
	border-top:1px solid green;
	background:#EEE;
}

h4.system-h {
	font-size:110%;
	padding:3px 0px 3px 5px;
	height:20px;
	margin:15px 0px 0px;
	font-weight:bold;
	border-left:3px solid green;
}

h5.system-h {
	font-size:100%;
	margin:15px 0px 0px;
}

h6.system-h {
	font-size:100%;
	margin:15px 0px 0px;
}


/*--- img ------------------------------*/

p img {
	margin-top:15px;
}
img.inline-img {
	vertical-align:middle;
}


/*--- section ------------------------------*/

.lead {
	margin-top:15px;

}
.sentence {
	margin-top:15px;
}

/*--- other ------------------------------*/
.key_name {
	color:#09C;
}
.to-top {
	margin-top:15px;
	display:block;
}
/*--- ul ol ------------------------------*/
.unit ul
,.step-list-inner ul
,.sentence ul,
.items {
	padding:0px;
	margin:15px 0px 0px 20px;
}

ol.paren {
	padding:0px;
	margin:15px 0px 0px 0px;
	*list-style-type:none;
}
ol.paren li {
	list-style-type:none !important;
	*list-style: none !important;
	padding:0px;
	margin:15px 0px 0px 20px;
	position: relative;
	

}
ol.paren li span.num {
	position: absolute;
	top: 0;
	left: -1.5em;
}
* html ol.paren li span.num { top: -0.1em; } /* for win ie6 */
*:first-child+html ol.paren li span.num { top: -0.1em; } /* for win ie7 */


ol.cf div.step-list-inner div.unit ul.items li.no_bullet
,ul.items li.no_bullet
,.unit ul.items li.no_bullet{
	list-style-type:none;
	list-style:none;
}
ol.cf div.step-list-inner div.unit ul.items li.no_bullet
,ul.items li.no_bullet
,.unit ul.items li.no_bullet{
list-style-type:none !important;
list-style:none !important;
}

/****** 3.header ************************************/

#site-id {
	z-index:9998;
	margin-top:0px;
	height:50px;
	position:absolute;
	padding:15px 10px 10px 0px;

}
#site-id img{


}
#site-id span{
	padding:15px;
	white-space: nowrap;
	display:block;
	margin-left:130px;
	margin-top:-25px;	
}

#groval-search {
	right:15px;
	position:absolute;
	z-index:9999;
}

#groval-nav{
	clear:both;
	margin: 0;
	padding: 0;
	padding-top:25px;
	*padding-top:60px;
	_padding-top:60px;		
}

#groval-nav ul{
	list-style-type: none;
	margin: 0;

	padding: 0;
	overflow:hidden;
	/*height:45px;*/
	margin-top:35px;
}

#groval-nav li{
	line-height:100%;
	width:auto;
	height:41px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	border:solid 1px #ccc;
	border-bottom:none;
	border-top-left-radius:3px;  /* 左上 */
	border-top-right-radius:3px; /* 右上 */
	-webkit-border-top-left-radius:3px;  /* 左上 */
	-webkit-border-top-right-radius:3px; /* 右上 */
	-moz-border-radius-topleft:3px;  /* 左上 */
	-moz-border-radius-topright:3px; /* 右上 */
	float:left;
	overflow:hidden;
	
	margin-top:5px;
}

#groval-nav li a{
	display:block;
	font-size:88%;
	text-decoration:none;
	color:#FFF;	
	vertical-align:middle;
	padding: 5px 10px 0px;

}

#groval-nav li.active a{
	text-decoration:none;
	display:block;
	padding: 5px 10px 0px;
	color:#000;	
	vertical-align:middle;
}


#groval-nav li.bk{
	background:url(../images/menu_back_bk.gif) top;
	/*height:55px;*/
}
#groval-nav li.blue{
	background:url(../images/menu_back_blue.gif) top;
	/*height:55px;*/
}
#groval-nav li.purple{
	background:url(../images/menu_back_purple.gif) top;
	/*height:55px;*/
}

#groval-nav li:hover{
	border:solid 1px #06C;
	border-bottom:none;
} 

#groval-nav li.active{
	text-align: center;
	margin-top:0px;
	height:45px;
	border:solid 1px #ccc;0
	border-bottom:none;
	color:#000;
	text-decoration:none;
	font-size:100%;
	background:url(../images/leftMenuarrowInmenu.png) top;
	font-weight:bold;
}

/****** 4.left-menu ************************************/

h4.trigger {
	/*background:url('../images/leftMenuarrow.gif') no-repeat #fff 0% 55%;*/
	background:url('../images/leftMenuarrow.png') no-repeat #fff 0% 55%;

}

h4.trigger_single {
	/*background:url('../images/leftMenuarrowInmenu.gif') no-repeat #fff 0% 55%;*/
	background:#d6ebfe;


}

h4.trigger_single a,h4.trigger {
	padding:10px 10px 10px 25px;
	cursor:pointer;
	display:block;
}


h4.trigger:hover {
	background:url('../images/leftMenuarrowHover.gif') no-repeat #fff 0% 55%;
	color:#000;
}

h4.accordion_head_opened:hover {
	background:url('../images/leftMenuarrowActiveHover.gif') no-repeat #fff 0% 55%;
	color:#000;
}

h4.trigger_single:hover  {
	/*background:url('../images/leftMenuarrowInmenuActive.gif') no-repeat #fff 0% 55%;*/
	background:#fff;
	color:#000;
}

h4.accordion_head_opened {
	background:url('../images/leftMenuarrowActive.gif') no-repeat #fff 0% 55%;
}

h4.accordion_head_opened_single a:hover{
	background:#6B7B94;
	
}

h5.inner-trigger {
	background:url('../images/leftMenuarrow.png') no-repeat #fff 0% 55%;
	padding:10px 10px 10px 25px;
	cursor:pointer;
	border-left:solid 1px #DDD;
}
h5.inner-trigger:hover{
	background:url('../images/leftMenuarrowHover.gif') no-repeat #fff 0% 55%;	
}
h5.accordion_head_opened {
	background:url('../images/leftMenuarrowActive.gif') no-repeat #fff 0% 55%;
}
h5.accordion_head_opened:hover {
	background:url('../images/leftMenuarrowActiveHover.gif') no-repeat #fff 0% 55%;
}
h6 {
	margin:18px 0px 0px;
}

#accMenu a{
	color:#000;
	text-decoration:none;
}

#accMenu {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#fff;
}

#accMenu li {
	margin:0px 5px 0px 20px;
	font-size:14px;
	padding:0px;
	list-style-type: none;
	border-bottom:1px solid #999;


}

#accMenu li.level1 {
	margin:0px 0px 0px 0px;
	font-size:14px;
	border-top:1px solid #fff;
	border-bottom:2px solid #666;
	background-image:url(../images/menuback.jpg);
	background-repeat:repeat-x;
	background:#ddeefe;

}
.inMenu-inner-list {
	background-image:url(../images/menuback.jpg);
	border-bottom:0px !important;		
}

ul.inMenu {
	margin:0px;
	padding:0px;
	margin-bottom:5px;

}

ul.inMenu li{
	margin:0px;	
	font-size:100%;
	cursor:pointer;	
	display:block;
}
/*
*:first-child+html ul.inMenu li{
	min-height:30px;
}
*/
ul.inMenu *{zoom:1;}

ul.inMenu li a {
	display:block;
	text-decoration:none;
	padding:5px 0px 5px 0px;
	display:block;
	padding-left:5px;

	line-height:140%;
	font-weight:bold;
	
}

ul.inMenu li a:hover {
	background:#fff;
	color:#000 !important;
}

ul.inMenu li a.active {
	background:#6B7B94;
	color:#FFFFFF !important;
}

ul.inMenu li a.active:hover {
	background:#6B7B94;
	color:#FFFFFF !important;
}

.menu-inline-img {
	display:block;
	margin-bottom:10px;
}

h4.accordion_head_opened_single {
	/*background:url('../images/leftMenuarrowInmenuActive.gif') no-repeat #fff 0% 55%;*/
	background:#6B7B94;
}
h4.accordion_head_opened_single a{
	color:#FFFFFF !important;
}
	
/******************************************/

.outline-block-inner-left {
	float:left;
	width:50%;
}
.outline-block-inner-right {
	float:left;
	width:50%;
}
/****** 5.step ************************************/

ol#step-list,
ol#step-list-g1,
ol#step-list-g2,
ol#step-list-g3,
ol#step-list-g4,
ol#step-list-g5,
ol#step-list-g6 {
	padding-left:0px;	

}

ol#step-list li,
ol#step-list-g1 li,
ol#step-list-g2 li,
ol#step-list-g3 li,
ol#step-list-g4 li,
ol#step-list-g5 li,
ol#step-list-g6 li {
	clear:both;	
	list-style:none;
	padding-top:10px;
}

ol#step-list * li,
ol#step-list-g1 * li,
ol#step-list-g2 * li,
ol#step-list-g3 * li,
ol#step-list-g4 * li,
ol#step-list-g5 * li,
ol#step-list-g6 * li {
	clear:none;	
	list-style:none;
	padding-top:0px;
	list-style-type:disc;
}

ol#step-list li ul li ul li,
ol#step-list-g1 li ul li ul li,
ol#step-list-g2 li ul li ul li,
ol#step-list-g3 li ul li ul li,
ol#step-list-g4 li ul li ul li,
ol#step-list-g5 li ul li ul li,
ol#step-list-g6 li ul li ul li {
	clear:none;	
	list-style:circle;
	padding-top:0px;
}

#step-list li h4,
#step-list-g1 li h4,
#step-list-g2 li h4,
#step-list-g3 li h4,
#step-list-g4 li h4,
#step-list-g5 li h4,
#step-list-g6 li h4 {
	font-size:100%; /* 16px */
	margin-top:10px;
	margin-bottom:0px;
	position: relative;
	padding:5px 8px 0px 45px;
	line-height:150%;
}

ol#step-list li h5,
ol#step-list-g1 li h5,
ol#step-list-g2 li h5,
ol#step-list-g3 li h5,
ol#step-list-g4 li h5,
ol#step-list-g5 li h5,
ol#step-list-g6 li h5 {
	display:inline;
}

.step-id {
	position: relative;
	width:40px;
	display:block;
}
.step-id img {
	position: absolute;
	top: 5px;
	left: 0;
	padding: 2px;
}
.step-list-inner {
	clear:both;
	margin-bottom:0px;
	margin-left:45px;

}
.step-list-inner-left {
	float:left;
	width:50%;
	padding:10px 10px 10px 0px;

}
.step-list-inner-right {
	float:right;
	padding:10px;
}
.step-list-right-inner img{
	border-style:none;
}


/****** 6.unit ************************************/

.unit {
	padding:10px 10px 10px 50px;
	margin:10px 0px;
	position:relative;
	background-color:#efefef;
	border-radius: 7px; 
	-webkit-border-radius: 7px;  
	-moz-border-radius: 7px;  
	border-bottom:solid 1px #CCC;
	font-size:88%; /* =table */
	*padding:10px 10px 15px 50px;
}

.unit ul {
	margin:0px 0px 0px 20px;
}
.unit h6 {
	padding:0px;
	margin:5px 0px 0px 0px;
}

.unit-inner {
	padding:0px;	
}

.unit .inner-icon {
	position: absolute;
	top: 5px;
	left: 10px;
	_left: -40px;
	padding: 2px;
}


/*--- system(acc) ------------------------------*/

/*
.system h6.acc-head {
	font-size:115%;
	line-height:34px;
	display:block;
	padding:5px;
	background-color:#D3FFD2;
	background-position :2px 2px;
	border-top:1px solid green;
	border-bottom:1px solid green;
	cursor:pointer;
}
.system h6.acc-head img {
	vertical-align:middle;
	margin-right:10px;
	
}
.system {
	padding:0px;
	margin-bottom:10px;
	position:relative;
	border-bottom:solid 1px #CCC;
	background-color:#efefef;
}
*/

/****** 7.table ************************************/

table.y-table,
table.x-table,
table.x-table-t {
    width: auto;
	border:solid;
	border-collapse: separate;
	border-spacing: 3px;
	border-width: 1px 1px 0px 0px;
	border-color: #CCCCCC;
 	margin-top:15px;


}

table.y-table th {
	font-size:88%;
    padding: 5px;
	border:solid;
	border-width: 0px 0px 2px 2px;
	border-color: #CCCCCC;
    background: #F5F5F5;
    font-weight: bold;
	word-break: break-all;
    text-align: center;
	vertical-align:middle;	

}
table.y-table td {
	font-size:88%;
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0px 0px 2px 2px;
    text-align: left;
	vertical-align:top;
	word-break: break-all;

}
table.y-table td.va_middle {
	vertical-align:middle;
}



table.x-table th {
	font-size:88%;
    padding: 5px;
	width:200px;
	border:solid;
	border-width: 0px 0px 2px 2px;
	border-color: #CCCCCC;
    background: #F5F5F5;
    font-weight: bold;
	word-break: break-all;
    text-align: center;
}
table.x-table td {
	font-size:88%;
    padding: 5px;
	border:solid;
	border-width: 0px 0px 2px 2px;
	border-color: #CCCCCC;
	vertical-align:top;
    text-align: left;
	word-break: break-all;
}

table.x-table-t th {
	font-size:88%;
    padding: 5px;
	width:200px;
	border:solid;
	border-width: 0px 0px 2px 2px;
	border-color: #CCCCCC;
    background: #F5F5F5;
    font-weight: bold;
    text-align: left;
	vertical-align:top;
}
table.x-table-t td {
	font-size:88%;
    padding: 5px;
	border:solid;
	border-width: 0px 0px 2px 2px;
	border-color: #CCCCCC;
    text-align: left;
   
	vertical-align:top;
	
}

table.noline-table {
    width: 100%;
	border:none;
	border-collapse: collapse;
	border-spacing: 0px;
	border-width: 0px 0px 0px 0px;
	border-color: #CCCCCC;
 	margin-top:0px;
}

table.noline-table th {
	font-size:100%;
    padding: 5px;
	border:none;
	border-width: 0px 0px 0px 0px;
	border-color: #CCCCCC;
    background: #FFFFFF;
    font-weight: bold;
    text-align: center;
	word-break: break-all;
}
table.noline-table td {
	font-size:100%;
    padding: 5px;
    border: 0px #000000 solid;
    border-width: 0px 0px 0px 0px;
    text-align: center;
	word-break: break-all;
}
table th ul,
table td ul {
	 margin-top:0px !important;
}

/*----------------------
indent
マークに続くテキストのインデントを揃えるためだけのテーブル
----------------------*/

table.indent {
	border-collapse: collapse;
	border-spacing: 0;
	margin:0px;
	padding:0px;
}
table.indent th {
	
}
table.indent td{
	margin:0px;
	padding:0px;
	vertical-align:top;
	font-size:100%;
	border:0px solid #ffffff !important;
	word-break: break-all;

}
table.indent th {
	padding:0px 0px 0px 0px;
	margin:0px;

}

.indent-box {
	text-indent: -1em;
	padding-left:1em;
	font-size:86%;
}
.indent-box-num {
	text-indent: -2em;
	padding-left:2em;
	font-size:86%;
}


/****** 8.tooltip ************************************/


.popup {
	display: none;
	background:#ccc;
	line-height:150%;
	background-color:#efefef;
	border:solid 1px #999;
	border-radius: 7px; 
	-webkit-border-radius: 7px;  
	-moz-border-radius: 7px;  
	font-size:88%; /* =table */
	width:400px;

}
.popup strong {

}
.popup a{

}
.popupClose {
	background:#253778;
	padding:0px 0px 4px 0px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	text-align:right;
	float:right;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #333;
	border-left:solid 1px #fff;
	border-right:solid 1px #333;
}

.popupClose a {
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	width:30px;
	font-size:30px;
	text-align:center;		
}

.popupText {
	padding:10px;
}

sup {
	font-size:12px;
}


.popup sup {
	color:#000000;
	font-size:12px;
}
/*ボタン*/
.bt_sel {
	display:none; /* 使うときはメモ表示にする　*/

	color: #FFCC66;
	background-color: #660000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFB9B9;
	border-right-color: #420000;
	border-bottom-color: #420000;
	border-left-color: #FFB9B9;
}

.bt_sel_s {
	display:none; /* 使うときはメモ表示にする　*/
	color: #FFCC66;
	background-color: #660000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFB9B9;
	border-right-color: #420000;
	border-bottom-color: #420000;
	border-left-color: #FFB9B9;
	width:2em;
	Height:2em;
	font-size:12px;
}