@charset "utf-8";
@media only screen and (min-width: 531px){
	#main {
		margin-left: 270px;
		background-color: #FFF;
		padding: 20px 20px 20px 0px;
	}
}
@media only screen and (max-width: 530px) {
	#main {
		background-color: #FFF;
		padding: 10px 15px 20px 15px;
		clear: both;
	}
}

#main p {
	margin-top: 5px;
	clear: left;
}
.operation{
}
.operation .text,
.operation .title,
.operation .sub_title,
.operation .color_red,
.operation .memo,
.operation .notice,
.operation .img,
.operation .table_box{
	margin-left: 20px;
}
.operation .note{
	margin-left: 25px;
}
.operation table .text,
.operation table .title,
.operation table .sub_title,
.operation table .color_red,
.operation table .memo,
.operation table .notice,
.operation table .img{
	margin-left: 0px;
}
.number1, .number2, .number3, .number4, .number5, .number6, .number7, .number8, .number9, .number10, .number11, .number12, .number13, .number14, .number15, .number16, .number17, .number18, .number19, .number20{
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
	padding: 0px 0px 0px 20px;
	background-image: url(../img/number/step_01.png);
	background-position: left -4px;
	background-repeat: no-repeat;
	clear: both;
	overflow: hidden;
	zoom:1;
}

.number2{
	background-image: url(../img/number/step_02.png);
}
.number3{
	background-image: url(../img/number/step_03.png);
}
.number4{
	background-image: url(../img/number/step_04.png);
}
.number5{
	background-image: url(../img/number/step_05.png);
}
.number6{
	background-image: url(../img/number/step_06.png);
}
.number7{
	background-image: url(../img/number/step_07.png);
}
.number8{
	background-image: url(../img/number/step_08.png);
}
.number9{
	background-image: url(../img/number/step_09.png);
}
.number10{
	background-image: url(../img/number/step_10.png);
}
.number11{
	background-image: url(../img/number/step_11.png);
}
.number12{
	background-image: url(../img/number/step_12.png);
}
.number13{
	background-image: url(../img/number/step_13.png);
}
.number14{
	background-image: url(../img/number/step_14.png);
}
.number15{
	background-image: url(../img/number/step_15.png);
}
.number16{
	background-image: url(../img/number/step_16.png);
}
.number17{
	background-image: url(../img/number/step_17.png);
}
.number18{
	background-image: url(../img/number/step_18.png);
}
.number19{
	background-image: url(../img/number/step_19.png);
}
.number20{
	background-image: url(../img/number/step_20.png);
}
.sub_step{
	margin-left: 20px;
}
.sub_step .text,
.sub_step .title,
.sub_step .sub_title,
.sub_step .color_red,
.sub_step .memo,
.sub_step .notice,
.sub_step .img,
.sub_step .table_box{
	margin-left: 22px;
}
.sub_step .note{
	margin-left: 27px;
}
.sub_number1, .sub_number2, .sub_number3, .sub_number4, .sub_number5, .sub_number6, .sub_number7, .sub_number8, .sub_number9, .sub_number10, .sub_number11, .sub_number12, .sub_number13, .sub_number14, .sub_number15, .sub_number16, .sub_number17, .sub_number18, .sub_number19, .sub_number20, .sub_number21, .sub_number22, .sub_number23, .sub_number24, .sub_number25, .sub_number26, .sub_number27, .sub_number28, .sub_number29, .sub_number30{
	font-size: 14px;
	padding: 0px 0px 0px 23px;
	margin-top: 10px;
	background-image: url(../img/number/sub_step1.png);
	background-position: left 1px;
	background-repeat: no-repeat;
	clear: both;
	overflow: hidden;
	zoom:1;
}
.sub_number1 img, .sub_number2 img, .sub_number3 img, .sub_number4 img, .sub_number5 img, .sub_number6 img, .sub_number7 img,
.sub_number8 img, .sub_number9 img, .sub_number10 img, .sub_number11 img, .sub_number12 img, .sub_number13 img, .sub_number14 img, .sub_number15 img, .sub_number16 img, .sub_number17 img, .sub_number18 img, .sub_number19 img, .sub_number20 img, .sub_number21 img, .sub_number22 img, .sub_number23 img, .sub_number24 img, .sub_number25 img, .sub_number26 img, .sub_number27 img, .sub_number28 img, .sub_number29 img, .sub_number30 img{
	height:16px;
}
.sub_number2{
	background-image: url(../img/number/sub_step2.png);
}
.sub_number3{
	background-image: url(../img/number/sub_step3.png);
}
.sub_number4{
	background-image: url(../img/number/sub_step4.png);
}
.sub_number5{
	background-image: url(../img/number/sub_step5.png);
}
.sub_number6{
	background-image: url(../img/number/sub_step6.png);
}
.sub_number7{
	background-image: url(../img/number/sub_step7.png);
}
.sub_number8{
	background-image: url(../img/number/sub_step8.png);
}
.sub_number9{
	background-image: url(../img/number/sub_step9.png);
}
.sub_number10{
	background-image: url(../img/number/sub_step10.png);
}
.sub_number11{
	background-image: url(../img/number/sub_step11.png);
}
.sub_number12{
	background-image: url(../img/number/sub_step12.png);
}
.sub_number13{
	background-image: url(../img/number/sub_step13.png);
}
.sub_number14{
	background-image: url(../img/number/sub_step14.png);
}
.sub_number15{
	background-image: url(../img/number/sub_step15.png);
}
.sub_number16{
	background-image: url(../img/number/sub_step16.png);
}
.sub_number17{
	background-image: url(../img/number/sub_step17.png);
}
.sub_number18{
	background-image: url(../img/number/sub_step18.png);
}
.sub_number19{
	background-image: url(../img/number/sub_step19.png);
}
.sub_number20{
	background-image: url(../img/number/sub_step20.png);
}
.sub_number21{
	background-image: url(../img/number/sub_step21.png);
}
.sub_number22{
	background-image: url(../img/number/sub_step22.png);
}
.sub_number23{
	background-image: url(../img/number/sub_step23.png);
}
.sub_number24{
	background-image: url(../img/number/sub_step24.png);
}
.sub_number25{
	background-image: url(../img/number/sub_step25.png);
}
.sub_number26{
	background-image: url(../img/number/sub_step26.png);
}
.sub_number27{
	background-image: url(../img/number/sub_step27.png);
}
.sub_number28{
	background-image: url(../img/number/sub_step28.png);
}
.sub_number29{
	background-image: url(../img/number/sub_step29.png);
}
.sub_number30{
	background-image: url(../img/number/sub_step30.png);
}

.item_num{
	overflow: hidden;
	margin-bottom: 0px;
}
.item_number1, .item_number2, .item_number3, .item_number4, .item_number5, .item_number6, .item_number7, .item_number8, .item_number9, .item_number10, .item_number11, .item_number12, .item_number13, .item_number14, .item_number15, .item_number16, .item_number17, .item_number18, .item_number19, .item_number20, .item_number21, .item_number22, .item_number23, .item_number24, .item_number25, .item_number26, .item_number27, .item_number28, .item_number29, .item_number30{
	font-size: 14px;
	padding: 0px 0px 0px 23px;
	margin-top: 20px;
	background-image: url(../img/number/item1.png);
	background-position: left 1px;
	background-repeat: no-repeat;
	overflow: hidden;
	zoom:1;
}
.item_number1 h3, .item_number2 h3, .item_number3 h3, .item_number4 h3, .item_number5 h3, .item_number6 h3, .item_number7 h3, .item_number8 h3, .item_number9 h3, .item_number10 h3, .item_number11 h3, .item_number12 h3, .item_number13 h3, .item_number14 h3, .item_number15 h3, .item_number16 h3, .item_number17 h3, .item_number18 h3, .item_number19 h3, .item_number20 h3, .item_number21 h3, .item_number22 h3, .item_number23 h3, .item_number24 h3, .item_number25 h3, .item_number26 h3, .item_number27 h3, .item_number28 h3, .item_number29 h3, .item_number30 h3{
	font-weight: bold;
}

.item_number2{
	background-image: url(../img/number/item2.png);
}
.item_number3{
	background-image: url(../img/number/item3.png);
}
.item_number4{
	background-image: url(../img/number/item4.png);
}
.item_number5{
	background-image: url(../img/number/item5.png);
}
.item_number6{
	background-image: url(../img/number/item6.png);
}
.item_number7{
	background-image: url(../img/number/item7.png);
}
.item_number8{
	background-image: url(../img/number/item8.png);
}
.item_number9{
	background-image: url(../img/number/item9.png);
}
.item_number10{
	background-image: url(../img/number/item10.png);
}
.item_number11{
	background-image: url(../img/number/item11.png);
}
.item_number12{
	background-image: url(../img/number/item12.png);
}
.item_number13{
	background-image: url(../img/number/item13.png);
}
.item_number14{
	background-image: url(../img/number/item14.png);
}
.item_number15{
	background-image: url(../img/number/item15.png);
}
.item_number16{
	background-image: url(../img/number/item16.png);
}
.item_number17{
	background-image: url(../img/number/item17.png);
}
.item_number18{
	background-image: url(../img/number/item18.png);
}
.item_number19{
	background-image: url(../img/number/item19.png);
}
.item_number20{
	background-image: url(../img/number/item20.png);
}
.item_number21{
	background-image: url(../img/number/item21.png);
}
.item_number22{
	background-image: url(../img/number/item22.png);
}
.item_number23{
	background-image: url(../img/number/item23.png);
}
.item_number24{
	background-image: url(../img/number/item24.png);
}
.item_number25{
	background-image: url(../img/number/item25.png);
}
.item_number26{
	background-image: url(../img/number/item26.png);
}
.item_number27{
	background-image: url(../img/number/item27.png);
}
.item_number28{
	background-image: url(../img/number/item28.png);
}
.item_number29{
	background-image: url(../img/number/item29.png);
}
.item_number30{
	background-image: url(../img/number/item30.png);
}

/*----------------------------------------------------
	table
----------------------------------------------------*/
.table_box {
	padding-bottom: 3px;
	margin-top: 10px;
	clear: both;
	overflow-x: auto;
}
.table_box + .memo, 
.table_box + .notice{
	margin-top: 10px;
	display: inline-block;
}
.note + .indent .table_box{
	margin-top: 0px;
}
.indent .table_box{
	margin-left:12px;
}
.table_box .indent .text{
	margin-left:17px;
}
.table_box .list {
	width: 100%;
	border: 1px solid #CCCCCC;
}
.table_box .striped_der {
	width: 100%;
	border: 1px solid #CCCCCC;
}
.list .li1,
.list .li1-parts {
	border: 1px solid #CCCCCC;
	color:#FFF;
	text-align: center;
	vertical-align: middle;
}
.list .li1-parts{
	width:30%;
}
.list .li1-parts:last-child{
	width:70%;
}
.striped_der .li1 {
	border: 1px solid #CCCCCC;
	color:#FFF;
	text-align: center;
	vertical-align: middle;
}
.hide-table-header .li1,
.hide-table-header .li1-parts{
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}
.hide-table-header .li1 p,
.hide-table-header .li1-parts p{
	display: none;
}
.list .hide-table-header .li1,
.list .hide-table-header .li1-parts {
	background-color:#FFF;
}
.striped_der .hide-table-header .li1 {
	background-color:#FFF;
}

.list .li1,
.list .li1-parts {
	background-color:#9c9b9b;
}
.striped_der .li1 {
	background-color:#9c9b9b;
}
.list .li2,
.striped_der .li2 {
	border: 1px solid #CCCCCC;
	margin:auto;
	vertical-align: middle;
	text-align: left;
}
.list .li3,
.striped_der .li3 {
	border: 1px solid #CCCCCC;
	margin:auto;
	vertical-align: middle;
	text-align: left;
}
.list img,
.striped_der img {
	text-align: center;
	vertical-align: middle;
}
td .img{
	padding: 5px 0px;
	margin: 0px;
}
.striped_der tr.bg_even {
	background:#f5f5f5;
}
.striped_der tr.bg_odd {
	background:#fff;
}
.list td {
	border: 1px solid #CCCCCC;
}
.list th,
.list td	{
	padding: 0px 5px 5px 5px;
	vertical-align: middle;
	
}
.list th:nth-child(1),
.list th:nth-child(2),
.list td:nth-child(1),
.list td:nth-child(2){
}
/*----------------------------------------------------
	sub_story
----------------------------------------------------*/
.sub_story{
	margin-top: 0px;
}
.text + .sub_story,
.note + .sub_story,
.sub_note + .sub_story,
.sub_story + .sub_story,
.memo + .sub_story,
.notice + .sub_story,
.table_box + .sub_story,
.operation + .sub_story,
.law_story + .sub_story,
.accent_box_line + .sub_story{
	margin-top: 20px;
}

#acc_t.sub_story_title{
	color:#9c9b9b;
	font-weight: bold;
	margin-left:5px;
	padding: 6px 10px 6px 30px;
	border: none;
	margin-right: 2px;
	display: block;
	cursor:pointer;
}
#acc_t.sub_story_title h4{
	font-weight: bold;
}
#acc_t.sub_story_title.active{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#acc_t.sub_story_title{
	background: url(../img/burette/remote_bottom.png) no-repeat left center;
}
#acc_t.sub_story_title.active{
	background: url(../img/burette/remote_top.png) no-repeat left center;
}
.sub_story_title{
	color: #000;
	text-decoration:none;
	background: #EFEFEF url(../img/burette/arrow_01.png) no-repeat right center;
	padding: 7px 45px 7px 10px;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	cursor:pointer;
	display:block;
}

.sub_story_title.active{
	color: #000; 
	background: #EFEFEF url(../img/burette/arrow_01_c.png) no-repeat right center;
}
.sub_story_box{
	padding: 10px 20px 20px 20px;
	border-bottom: 1px #ccc solid;
}
.sub_story_box .sub_title,
.sub_story_box .list{
	margin: 10px 0px 0px 0px;
}
.list + .sub_title,
.list + .list{
	margin: 30px 0px 0px 0px;
}


/*----------------------------------------------------
	.memo, .notice, .warning
----------------------------------------------------*/
.memo, .notice, .warning {
	width:100%;
	margin-top: 15px;
	clear: both;
	overflow: hidden;
	display:inline-block;
}
.memo .me_title_box{
	padding: 12px;
	margin-bottom:-5px;
	border: solid 2px #209F18;
	background: url(../img/icon/memo.png) no-repeat left center;
	display:inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.notice .at_title_box{
	font-size: 14px;
	color: #37C880;
	font-weight: bold;
	padding:1px 5px;
	border: solid 2px #37C880;
	display:inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.memo .note {
	background-image: url(../img/burette/note_02.png);
}
.warning .note {
	background-image: url(../img/burette/note_03.png);
}

.warning {
	margin-top: 10px;
	border: solid 1px #E72842;
	clear: both;
	overflow: hidden;
}

.warning .wa_title_box{
	font-size: 14px;
	text-align: center;
	background-color: #E72842;
	padding:1px 5px;
	border-bottom: solid 1px #999999;
}

.warning .wa_title_box .mnw_title{
	color: #FFF;
	font-weight: bold;
}

.warning .mnw_box {
	padding: 0px 5px 10px 5px;
}

.mnw_sub_title {
	font-weight: bold;
	font-size: 14px;
	margin-top: 5px;
	color: #424242;
}

.item_explanation{
	clear: both;
	overflow: hidden;
	zoom:1;
}
.sub_story .sub_note{
	margin-left:13px;
}
.item_explanation_lead_title{
	margin-left:5px;
	margin-bottom: 0px;
	float: left;
	clear:left;
}
.item_explanation_lead_title_line{
	float: left;
	clear:left;
	background: url(../img/burette/line_01.png) no-repeat left 15px;
	padding-left: 10px;
	margin-bottom: 0px;
}
.item_explanation_lead_text{
	float: left;
	padding-left: 0px;
}
.item_explanation_lead_text a{
	font-size: 14px;
	padding-left: 10px;
}
.item_explanation_title{
	margin-left:0px;
	margin-bottom: 10px;
	float: left;
	clear: left;
}
.item_explanation_title_bo{
	line-height: 1;
	margin: 20px 0px 0px 0px;
	padding: 0px 5px 4px 5px;
	border: 2px solid #000;
	display: inline-block;
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; 
	overflow: hidden;
	zoom:1;
}
.item_explanation_title_bo + .item_explanation_text{
	float: none;
	margin-bottom: 0px;
	
}
.item_explanation_text{
	padding-left: 0px;
	margin-bottom: 10px;
	float: left;
}
.accent_box_line{
	width: auto;
	margin-top:10px;
	padding: 0px 10px 5px 10px;
	border: solid 1px #999999;
}
.accent_box_line .color_red{
	margin-top: 10px;
}

.law_story{
	font-weight: bold;
	width: auto;
	margin-top:10px;
	padding: 0px 10px 5px 10px;
	border: solid 1px #999999;
}

/*----------------------------------------------------
	accordion
----------------------------------------------------*/
.accordion{
	margin-top: 15px;
	border-bottom: 1px #ccc solid;
}
.title + .accordion{
	margin-top: 0px;
}

.accordion_title a{
	color: #000;
	text-decoration:none;
	background: #EFEFEF url(../img/burette/arrow_01.png) no-repeat right center;
	padding: 7px 45px 7px 10px;
	border-top: 1px #ccc solid;
	cursor:pointer;
	display:block;
}

.accordion_title a:hover{
	text-decoration:none;
}
.accordion_title.open a{
	color: #000; 
	background: #EFEFEF url(../img/burette/arrow_01_c.png) no-repeat right center;
}
.accordion_box{
	padding: 10px 20px 20px 20px;
	display:none;
}
.accordion_box .sub_title,
.accordion_box .list{
	margin: 10px 0px 0px 0px;
}
.list + .sub_title,
.list + .list{
	margin: 30px 0px 0px 0px;
}
.accordion_title.active a{
	color: #000; 
	background: #EFEFEF url(../img/burette/arrow_01_c.png) no-repeat right center;
}

/*----------------------------------------------------
	accordion_web
----------------------------------------------------*/
.accordion_web {
	margin-top: 15px;
 }
 .title + .accordion_web{
	margin-top: 0px;
}
.accordion_web .accordion_web_title {
	color: #000;
	font-size: 14px;
	margin-top: 20px;
	text-decoration:none;
	background: #EFEFEF url(../img/burette/arrow_01.png) no-repeat right center;
	padding: 7px 45px 7px 10px;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	cursor:pointer;
	display:block;
}
.accordion_web .accordion_web_title.open {
	color: #000; 
	background: #EFEFEF url(../img/burette/arrow_01_c.png) no-repeat right center;
}
.accordion_web .accordion_web_box {
	padding: 10px 20px 20px 20px;
	border-bottom: 1px #ccc solid;
}
.accordion_web_box .sub_title,
.accordion_web_box .list{
	margin: 10px 0px 0px 0px;
}

.accordion_web_title.active{
	color: #000; 
	background: #EFEFEF url(../img/burette/arrow_01_c.png) no-repeat right center;
}


/*----------------------------------------------------
	tabs
----------------------------------------------------*/

/* Layout helpers
----------------------------------*/
.ui-helper-reset {
	list-style: none;
	
}
.ui-helper-clearfix:after {
	visibility: hidden;
}
.ui-helper-clearfix {
	display: inline-block;
}
* html .ui-helper-clearfix {
	height:1%;
}
.ui-helper-clearfix {
	display:block;
}

/* Interaction states
----------------------------------*/
.ui-state-default{
}
#tabs_nav ul{
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
	display:inline-block;
}
.ui-state-default a{
	color: #000;
	font-size: 15px;
	padding: 3px 15px;
	background: #FFF;
	border-right: dotted 1px #CCC;
	display:inline-block;
}

.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	color: #000;
	padding: 3px 15px;
	display:inline-block;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.ui-state-hover a,
.ui-state-hover a:hover {
	color: #000;
	background:#EFEFEF;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #FFFFFF;
	padding: 3px 15px;
}

.ui-widget :active {
	outline: none;
}
.ui-tabs {
} 
.ui-tabs .ui-tabs-nav {
	margin: 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	border-bottom: 0 !important;
	padding: 0;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
} 
.ui-tabs .ui-tabs-panel {
	display: block;
	clear:both;
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
	clear:both;
}
#tabs, #tabs_nav {
	clear: both;
}
#tabs li {
	margin-bottom:10px;
}