@charset "utf-8";

/* // Top
----------------------------------------------- */

#Top #MV {
	height:365px;
	padding-bottom:5px;
	margin-bottom:25px;
	background:url(/img/top_mv_bg.gif)left top repeat-x;
}
#Top.afterlogin #MV {
	height:300px;
	background:url(/img/top_mv_bg_02.gif)left top repeat-x;
}
#Top #MV .inner {
	margin:0 auto;
	width:980px;
	position:relative;
}
#Top #MV .no1 {
	position:absolute;
	top:13px;
	left:-35px;
}
#Top #MV .mvBtn {
	position:absolute;
	top:260px;
	left:170px;
}
#Top.afterlogin #MV .mvBtn {
	display:none;
}

#Top #MV .rightArea {
	position:absolute;
	top:0;
	right:0;
	width:266px;
	padding-top:10px;
}
#Top.afterlogin #MV .rightArea {
	padding-top:20px;
}
#Top #MV .rightArea .possible {
	width:260px;
	padding:3px;
	background-color:#FFF;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	margin-bottom:10px;
}
#Top #MV .rightArea .trial {
	width:260px;
	padding:3px;
	background-color:#FFF;
	box-shadow: 0 0 4px rgba(0,0,0,0.2); 
}

#Top #Reason .reasoBox{
	background:url(/img/top_bg_ami.png);
	border:solid #DDE0D9  4px;
	padding:15px 10px 25px 12px;
	font-size:107%;
}

#Top #Reason .reasoBox h3{
	margin-bottom:25px;
	text-align:center;
}

#Top #Reason .item {
	padding-bottom:0;
	margin-bottom:20px;
}
#Top #Reason .item em {
	font-weight:bold;
	color:#E00300;
	font-size:108%;
}
#Top #Reason .item.last {
	margin-bottom:0;
}


#Top #Other .box {
	cursor: pointer;
}
#Top #Other .box .frame {
	border:1px solid #406B3F;
	font-size:93%;
	line-height:1.6em;
}
#Top #Other .box .frame a {
	display:block;
	cursor: pointer;
}
#Top #Other .box .tit {
	background:#9AD69A;
	border-bottom:1px dotted #BBB;
	padding:12px 12px 7px 12px;
	margin-bottom:12px;
}

#Top #Other .box.active .frame {
	border-color:#DDD;
}
#Top #Other .box.active .tit {
	background:#dff3df;
}


#Top #Other .box .left {
	float:left;
	width:125px;
	padding:0 0 12px 12px;
}
#Top #Other .box .right {
	float:right;
	width:190px;
	padding:0 12px 12px 0;
}

#Top #Search .searchTit{
	color:#084a05;
	background:url(/img/top_search_line.gif)center repeat-x;
	margin-bottom:10px;
	font-size:;
}

#Top #Search .searchTit span{
	background:#fff;
	font-weight:bold;
	font-size:114%;
	padding-right:30px;
}

#Top #Search .searcListTit{
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
}

#Top #Search li{
	font-size:11px;
	line-height:1.5em;
	margin-bottom:6px;
	padding-right:10px;
}

/*#Top #Search li input{
	margin-right:7px;
	vertical-align:-0.2em;
}*/

#Top #Search div.searchPref{
	background:url(/img/top_search_bg.gif)top center no-repeat;
	margin-bottom:20px;
}


/* // About
----------------------------------------------- */
#About #MainContents p {
	font-size:112%;
	line-height:1.9em;
}

/* // Category
----------------------------------------------- */
#Category .naviA {
	margin-bottom:25px;
	border-bottom:3px solid #124a05;
}
#Category .naviA li {
	float:left;
	margin-right:10px;
}
#Category .naviA li.last {
	margin-right:0;
}
#Category .naviA li a {
	width:240px;
	height:38px;
	display:block;
	background-repeat:no-repeat;
}
#Category .naviA.p1 li.naviA1 a {	background-image:url(/img/category_btnA_01_on.gif)}
#Category .naviA.p2 li.naviA2 a {	background-image:url(/img/category_btnA_02_on.gif)}
#Category .naviA.p3 li.naviA3 a {	background-image:url(/img/category_btnA_03_on.gif)}

#Category .naviA.p1 li.naviA1 img,
#Category .naviA.p2 li.naviA2 img,
#Category .naviA.p3 li.naviA3 img {
	display:none;
}

#Category .naviB li {
	float:left;
	margin-right:10px;
}


#Category .categoryTable{
	line-height:1.4em;
	border-style:solid;
	border-color:#cccccc;
    width: auto;
}

#Category .categoryTable th{
	font-weight:bold;
}
#Category .categoryTable th,
#Category .categoryTable td{
	border-style:solid;
	border-color:#CFCFCF;
	padding:6px 5px 6px  4px;
	padding-bottom:6px;
	border-left:1px solid #cccccc;
}
#Category .categoryTable th,
#Category .categoryTable td.last{
	border-right:1px solid #cccccc;
}


#Category .categoryTable .even td{
	background:#eee;
}

#Category .categoryTable .categoryTit_01 td,
#Category .categoryTable .categoryTit_01 th{
	background:#1b641a;
	color:#fff;
	text-align:center;
	font-size:16px;
	padding:10px 10px 8px 10px ;
}


#Category .categoryTable .categoryTit_02 td,
#Category .categoryTable .categoryTit_02 th{
	background:#c1e0a8;
}

#Category .categoryTable.city td{
	width:10%;
}

#Category table.categoryTable.city{
	width:100%;
}

#Category .rakusatsu .categoryTable th{
	background:#c1e0a8;
	color:#335e11;
	border-top:3px solid #669d39;
	font-size:108%;
	padding:10px 10px 8px 10px ;
}

#Category .rakusatsu .categoryTable td{
	width:25%;
}

#Category .categoryItem a.parent{
	background: url(/img/category_yaji.png) no-repeat 0 0.25em;
	line-height: 1.2em;
	padding-left: 13px;
}
#Category .categoryItem ul.child{
	padding-top:8px;
}
#Category .categoryItem ul.child li{
	margin-left:15px;
}



/* // Dairi
----------------------------------------------- */
#Dairi #Feature .block{
	padding-bottom: 25px;
}


#Dairi #Feature.section{
	padding-bottom: 0;
}

#Dairi #StepBlock .item {
	background-repeat:no-repeat;
	padding-left:80px;
	padding-bottom:35px;
	min-height: 80px;
	height: auto !important;
	height: 110px;
}
#Dairi #StepBlock .item.last {
	padding-bottom:5px;
	min-height: 60px;
	height: 60px;
}
#Dairi #StepBlock .item.s1 {
	background-image:url(/img/dairi_step_s_01.gif)
}
#Dairi #StepBlock .item.s2 {
	background-image:url(/img/dairi_step_s_02.gif)
}
#Dairi #StepBlock .item.s3 {
	background-image:url(/img/dairi_step_s_03.gif)
}
#Dairi #StepBlock .item.s4 {
	background-image:url(/img/dairi_step_s_04.gif)
}

#Dairi #StepBlock .item h5 {
	border-bottom:solid 1px #aaa;
	font-size:118%;
	color:#084a05;
	font-weight:bold;
	line-height:1.1em;
	padding-bottom:5px;
	margin-bottom:5px;
}

#Dairi #Introduction .itemWrap {
	padding-top:10px;
	background:url(/common/img/line_02.gif) left top repeat-x;
}
#Dairi #Introduction .item {
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(/common/img/line_02.gif) left bottom repeat-x;
}
#Dairi #Introduction .item .bnr {
	width:180px;
	float:left;
	margin-right:15px;
}

#Dairi #Introduction .item .bnr img {
	border:solid 1px #ededed;
}

#Dairi #Introduction .item .tx {
	width:545px;
	float:left;
}
#Dairi #Introduction .item .tx h5 {
	font-weight:bold;
	background:#e6e6e6;
	padding:2px 4px;
}
#Dairi #Introduction .item .tx h5 em {
	color:#307018;
	padding-right:2px;
}

#Dairi #Introduction .item .tx p {
	font-size:92%;
	line-height:1.5em;
	padding:7px 5px 0 5px;
}



/* // Howto
----------------------------------------------- */

body#Howto {
	line-height:1.7em;
}

#Howto .bgYaji {
	background:url(/img/howto_bg_yaji_01.gif)left top no-repeat;
	padding-left:26px;
}
#Howto .cmtBox{
	background:url(/img/howto_bg_ami_01.gif);
	border:solid #DDE0D9  4px;
	padding:12px 14px;
}


#Howto #STEP1 .liaison{
	border:3px solid #b20000;
	background-color:#fffdf1;
}
#Howto #STEP1 .liaison .inner {
	padding:15px 17px;
}
#Howto #STEP1 .liaison .bnr {
	width:200px;
	margin-right:20px;
}
#Howto #STEP1 .liaison .tx {
	width:440px;
}


#Howto #STEP3 .img1{
	padding-right:270px;
	background:url(/img/howto_step3_img_01.png)top right no-repeat;
}
#Howto #STEP3 .img2{
	padding-right:270px;
	background:url(/img/howto_step3_img_02.png)top right no-repeat;
}

#Howto #STEP4 .liaison{
	border:3px solid #b20000;
	background-color:#fffdf1;
}
#Howto #STEP4 .liaison .inner {
	padding:15px 17px;
}
#Howto #STEP4 .liaison .bnr {
	width:200px;
	margin-right:20px;
}
#Howto #STEP4 .liaison .tx {
	width:440px;
}
p.supportshimasu { 
	color: #ff0000;
	text-align: center;
	font-size: 110%;
}


/* ----------- old ------------- */

#Howto .naviBlock {
	height:310px;
	position:relative;
}
#Howto .naviBlock ul li {
	position:absolute;
}
#Howto .naviBlock ul.btn li.btn01 {
	left:0px;
	top:0px;
}
#Howto .naviBlock ul.btn li.btn02 {
	left:254px;
	top:0px;
}
#Howto .naviBlock ul.btn li.btn03 {
	left:508px;
	top:0px;
}
#Howto .naviBlock ul.btn li.btn04 {
	left:508px;
	top:166px;
}
#Howto .naviBlock ul.btn li.btn05 {
	left:254px;
	top:166px;
	width:232px;
	height:144px;
}
#Howto .naviBlock ul.btn li.btn06 {
	left:0px;
	top:166px;
}
#Howto .naviBlock ul.next li.next01 {
	left:232px;
	top:0px;
}
#Howto .naviBlock ul.next li.next02 {
	left:486px;
	top:0px;
}
#Howto .naviBlock ul.next li.next03 {
	left:0px;
	top:144px;
}
#Howto .naviBlock ul.next li.next04 {
	left:486px;
	top:166px;
}
#Howto .naviBlock ul.next li.next05 {
	left:232px;
	top:166px;
}
#Howto ul.flow {
	margin-bottom:30px;
}
#Howto ul.flow li {
	float:left;
}
#Howto #navi {
	padding-bottom:30px;
	border-bottom:1px dotted #CCC;
	margin-bottom:30px;
}
#Howto .item {
	margin-bottom:20px;
	padding-bottom:0;
}
#Howto .item.last {
	margin-bottom:0;
	padding-bottom:0;
}
#Howto #step01 .headA {
	margin-bottom:10px;
}
#Howto #step01 .add {
	padding-top:15px;
	font-size:92%;
	line-height:1.6em;
}
#Howto #step01 .add .bnr {
	width:180px;
	float:left;
	margin-right:15px;
}
#Howto #step01 .add .tx {
	width:505px;
	float:left;
}


/* // Partner
----------------------------------------------- */

#Partner #Introduction .itemWrap {
	padding-top:15px;
	border-top:1px solid #AAA;
	background:url(/img/partner_bg.gif) left top repeat-y;
}
#Partner #Introduction .item {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #AAA;
}
#Partner #Introduction .item.last {
	margin-bottom:0;
}
#Partner #Introduction .item .bnr {
	width:200px;
	float:left;
	margin-right:15px;
}

#Partner #Introduction .item .bnr img {
	border:solid 1px #ededed;
}

#Partner #Introduction .item .tx {
	width:515px;
	float:left;
}
#Partner #Introduction .item .tx h5 {
	font-weight:bold;
	background:#e6e6e6;
	padding:2px 4px;
	font-size:115%;
}
#Partner #Introduction .item .tx h5 em {
	color:#307018;
	padding-right:2px;
}

#Partner #Introduction .item .tx p {
	line-height:1.5em;
	padding:7px 5px 0 5px;
}


/* // Service
----------------------------------------------- */
#Service #MainContents p {
	font-size:17px;
	line-height:1.7em;
}
#Service .csvdownload {
	display:block;
	width:270px;
	height:40px;
	background:#F00 url(/img/service_btn_02.gif) no-repeat;
	float:right;
	text-indent:-999em;
}
#Service .csvdownload:hover,.csvdownload:active {
	background-image:url(/img/service_btn_02_on.gif);
}

/* // Qa
----------------------------------------------- */
#Qa .section .item {
	border-bottom:1px dotted #666;
	padding-bottom:8px;
	margin-bottom:13px;
}
#Qa h4.headA {
	margin-bottom:12px;
}
#Qa p.qustion {
	line-height:1.3em;
}
#Qa p.qustion a {
	background:url(/img/qa_icon_01.gif) 3px center no-repeat;
	min-height: 13px;
	height: auto !important;
	height: 13px;
	padding:3px 3px 3px 20px;
	display:block;
	color:#333;
}
#Qa p.qustion a.open {
	background-image:url(/img/qa_icon_01_on.gif);
}

#Qa p.qustion a:hover, p.qustion a:active{
	background-color:#F8FFE0;
	text-decoration:none;
	color:#333;
}
#Qa p.qustion a:focus {
	text-decoration:none;
}
#Qa .answer {
	margin-top:7px;
	margin-left:20px;
	padding:12px 12px 12px 35px;
	background:url(/img/qa_ans_tit.png) 10px 10px no-repeat #ededed;
}

#Qa p.faqBtn {
	text-align:right;
	margin-bottom:15px;
}

/* // Trial
----------------------------------------------- */
#Trial #Intro {
	background:url(/img/trial_img_01.gif) left top no-repeat;
	padding:50px 0 50px 192px;
	margin-bottom:40px;
}
#Trial #Intro ul.annotation li {
	margin-bottom:4px;
	padding-left:1em;
	text-indent:-1em;
}

#Trial p.step {
	text-align:center;
	margin-bottom:20px;
}

/* // Entry
----------------------------------------------- */
#Entry #StepBlock .item {
	background-repeat:no-repeat;
	padding-left:80px;
	padding-bottom:35px;
	min-height: 80px;
	height: auto !important;
	height: 110px;
}
#Entry #StepBlock .item.last {
	padding-bottom:5px;
	min-height: 60px;
	height: 60px;
}
#Entry #StepBlock .item.s1 {
	background-image:url(/img/entry_step_s_01.gif)
}
#Entry #StepBlock .item.s2 {
	background-image:url(/img/entry_step_s_02.gif)
}
#Entry #StepBlock .item.s3 {
	background-image:url(/img/entry_step_s_03.gif)
}
#Entry #StepBlock .item.s4 {
	background-image:url(/img/entry_step_s_04.gif)
}

#Entry #StepBlock .item h5 {
	border-bottom:2px solid #097707;
	font-size:122%;
	color:#084a05;
	font-weight:bold;
	line-height:1.1em;
	padding-bottom:3px;
	margin-bottom:6px;
}

#Entry label {
	display:inline-block;
}

#Entry p.step {
	text-align:center;
	margin-bottom:20px;
}

/* // What
----------------------------------------------- */
#What #MainContents p {
	font-size:112%;
	line-height:1.8em;
}

#What #MainContents p.fsS{	font-size:86%;}

#What .whatNavi li {
    float: left;
    margin-right: 20px;
    width: 170px;
}

#What .whatNavi li.last {
    margin-right: 0;
}
#What .secTit {
    font-size:152%;
}
#What .headC span {
    background: none repeat scroll 0 0 #fff;
    color: #1b641a;
    padding: 3px 9px 3px 7px;
    font-size:84%;
}

#What .link a {
    background: url("/common/img/btnA_yaji.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    padding-left: 13px;
}
#What .link a img {
    padding-left: 13px;
}
#What .minkan .min2col .box {
    float: left;
    padding-right: 20px;
    width: 425px;
}
#What .minkan .min2col .box.last {
    float: left;
    width: 225px;
}
#What .minkan .min3col .box {
    float: left;
    padding-right: 35px;
    width: 210px;
}
#What .minkan .min3col .box.last {
    padding-right: 0;
}

#What .linebox{
	border:solid 1px #ccc;
	padding:15px;
}

#What a.linkred{
	color:#e00;
	border-bottom:solid 1px #e00;
}

#What a.linkred:hover{
	text-decoration: none;
	border-bottom:solid 0px #e00;
}

#What .caseBox{
	position:relative;
}

#What .caseA{
	position:absolute;
	top:340px; left:45px;
}


#What .caseB{
	position:absolute;
	top:340px; left:290px;
}


#What .caseC{
	position:absolute;
	top:340px; left:535px;
}

#What .bdr_gr img{
	border:#ccc solid 1px;
	padding:15px 0;

}

#What .boxline{
	background:url(/img/what_word_border_01.gif) right top no-repeat;
	padding-top:20px;
}

/* // manual
----------------------------------------------- */

#Manual .titManual{
	border-bottom:dotted 2px #ccc;
	background: url(/img/manual_icon_arrow.gif) no-repeat right;
	font-weight:bold;
	color:#1b641a;
	padding-left: 1em;
	text-indent: -1em;
}

#Manual .titManual a{
	padding-right: 13px;
	display:block;
}

#Manual ul.titList{
	margin:10px 0 15px 0;
}

#Manual .titList li{
	background: url(/img/manual_icon_arrow.gif) no-repeat 0 0.5em;
	color:#1b641a;
	padding-left: 2em;
	text-indent: -2em;
}

#Manual .titList a{	color:#1b641a;
	padding-left: 13px;
	display:block;
}

#Manual .menuBoxA,#Manual .menuBoxB{
	width:215px;
	float:left;
}

#Manual .menuBoxA{
	margin-right:30px;
}


#Manual .titNo dt{
	border-bottom:dotted 2px #ccc;
	font-weight:bold;
	font-size:16px;
	margin-left:40px;
	padding:3px 0;
}

#Manual .titNo dd{
	margin:10px 0 15px 40px;
}

#Manual .no01{background: url(/img/manual_icon_no01.gif) no-repeat top left;}
#Manual .no02{background: url(/img/manual_icon_no02.gif) no-repeat top left;}
#Manual .no03{background: url(/img/manual_icon_no03.gif) no-repeat top left;}
#Manual .no04{background: url(/img/manual_icon_no04.gif) no-repeat top left;}
#Manual .no05{background: url(/img/manual_icon_no05.gif) no-repeat top left;}
#Manual .no06{background: url(/img/manual_icon_no06.gif) no-repeat top left;}
#Manual .no07{background: url(/img/manual_icon_no07.gif) no-repeat top left;}
#Manual .no08{background: url(/img/manual_icon_no08.gif) no-repeat top left;}

#Manual .noA{background: url(/img/manual_icon_no_a.gif) no-repeat top left;}
#Manual .noB{background: url(/img/manual_icon_no_b.gif) no-repeat top left;}
#Manual .noC{background: url(/img/manual_icon_no_c.gif) no-repeat top left;}
#Manual .noD{background: url(/img/manual_icon_no_d.gif) no-repeat top left;}
#Manual .noE{background: url(/img/manual_icon_no_e.gif) no-repeat top left;}

#Manual .ind01{
	padding-left: 1em;
	text-indent: -1em;
}

#Manual .sampletext{
	line-height:1.4em;
	margin-top:10px;
}

#Manual .benri{
	margin-left:45px;
	border:dashed 1px #ccc;
	margin-bottom:20px;
}


#Manual .benri dt{
	background:#ececec;
	color:#00a500;
	font-weight:bold;
	padding:7px;
}
#Manual .benri dd{
	padding:7px;
	font-size:12px;
	line-height:1.4em;
}

#Manual .pointBox{
	background:#fdffd8;
	padding:7px;
	margin-top:20px;
	line-height:1.4em;
}

#Manual .titManual01{
	font-size:14px;
	font-weight:bold;
	color:#084a05;
	border-bottom:dotted 1px #ccc;
	padding-bottom:5px;
}

 #Manual .titManual02{
	font-size:17px;
	font-weight:bold;
	color:#084a05;
	margin-bottom:15px;
}

#Manual .pointBox .tit02{
	font-weight:bold;
	margin-top:15px;
	line-height:180%;
}

/* 20150105??? */
#Manual .headD{
	font-size:126%;
}

#Manual dl.jirei{
	clear:both;
	margin-bottom:15px;
	border-bottom:dotted 2px #ccc;
}

#Manual .jirei dt {
	width:4em;
	float:left;
	background:#1b641a;
	padding:3px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}

#Manual .jirei dd {
	margin-left: 5.5em;
	padding:3px 3px 8px 3px;
}


/* // Vision
----------------------------------------------- */

#Vision #MainContents .torikumi p{
	text-indent:1em;
}


#Vision .headD{
	color:#084a05;
	font-size:158%;
}

#Vision table.history {
	margin-bottom:50px;
}
#Vision table.history .item {
	margin:0;
	padding:0;
	position:relative;
}
#Vision table.history .item .month {
	position:absolute;
	top:-10px;
	right:-5px;
}
#Vision table.history .item .image {
	border:1px solid #999;
	border-bottom-width:0;
}
#Vision table.history .item .description {
	line-height:1.5em;
	font-size:112%;
}

#Vision table.history .item .description a {
	color:#FFF;
	background-color:#097000;
	background-position:98% center;
	background-repeat:no-repeat;
	background-image:url(/img/vision_history_link_on.gif);
	text-align:left;
	display:block;
	line-height:1.5em;
	padding:8px 65px 8px 8px;
	border:1px solid #999;
	border-top:1px solid #999;
}
#Vision table.history .item .description a span {
	min-height: 45px;
	height: auto !important;
	height: 45px;
	display:block;
}

#Vision table.history .item .description.hover {
	background-color:#0B8C00;
}

#Vision table.history .item .description a.nolink {
	cursor: default;
	padding:7px 6px 7px 6px;
	background-image:none;
}
#Vision table.history .item .description a:hover,#Vision table.history .item .description a:active {
	color:#333;
	background-color:#F6F6F6;
	text-decoration:none;
	background-image:url(/img/vision_history_link.gif);
	

}
#Vision table.history .item .description a.nolink:active {
	text-decoration:none;
	background-color:#F6F6F6;
	background-image:none;
	color:#333;
}

#Vision table.history .item .description a.nolink{
	color:#fff;
	background-color:#097000;
}

#Vision table.history .item .description a.nolink:hover{
	background-image:none;
}

#Vision table.history .margin{
height:35px;
}

#Vision .imgLeft{
	float:left;
	margin:10px 30px 15px 0 ;
}

#Vision .imgRight{
	float:right;
	margin:20px  0  15px 30px;
}

/* // 
----------------------------------------------- */
.pdftab {
border-collapse: collapse;
border-spacing: 0px;
border: 1px #cccccc solid;
}

.pdftab td {
padding: 10px;
border: 1px #cccccc solid;
line-height:1.45em;
}

.pdftab a:link { color: #0000ff; text-decoration: underline;}
.pdftab a:visited { color: #0000ff; text-decoration: underline;}
.pdftab a:hover { color: #99ccff; text-decoration: none;}
.pdftab a:actice { color: #0000ff; text-decoration: underline;}

.file_size {
vertical-align:middle;
text-align:left;
white-space:nowrap;
background:#eeeeee;
}
.download {
vertical-align:middle;
text-align:center;
white-space:nowrap;
background:#dbf4d6;
}
span.greenb {
color: #006600;
font-weight: bold;
}

span.greenb2 {
color: #66cc66;
font-weight: bold;
font-size: 12px;
}
span.greenb {
color: #006600;
font-weight: bold;
}

span.greenb2 {
color: #66cc66;
font-weight: bold;
font-size: 12px;
}