body{ font-size: 14px; color: #222; text-align:center; margin:0; padding:0; background: #dedede; line-height: 1.5; font-family:"Hiragino Mincho Pro","MS Mincho",serif;}
td{ font-size: 12px;}
p,h1,h2,h3,h4,h5,dl,dt,dd,ul,li{ margin: 0; padding: 0;}
ul,li{ list-style: none;}
th{ font-weight: normal; font-size: 14px;}
td{ font-size: 14px;}
img{ border: none;}

a{ text-decoration: underline;}
a:link{ color: #111;}
a:visited { color:#111;}
a:hover { color:#f90;}
a:active { color:#f90;}

#outline{ width: 800px; margin:0 auto; background: #FFF; text-align:left;}
.clear{ clear: both;}
.center{ text-align: center;}
.right{ text-align: right;}

/*header*/
#header{ padding: 10px 0 5px; overflow:hidden; height:auto !important; height:1%;}
#sitelogo{ float: left; padding:0 0 5px 15px;}
#header #office-name{ float: right; width: 305px; height: 35px; margin: 0 15px 0 0; text-indent: -9999px; background: url(../image/common/office.png) no-repeat;}
/*end header*/

/*global-menu*/
#global-menu{ margin: 0 0 10px; padding: 0 0 10px; background: url(../image/common/global-menu.png) no-repeat; overflow:hidden; height:auto !important; height:1%;}
#global-menu ul{ list-style: none;}
#global-menu li{ float: left; margin: 0 6px 0 0; text-indent: -9999px;}
#global-menu li#inquiry{ margin: 0;}
#global-menu li a{ display: block; height: 30px; background: url(/image/common/global-menu.png) no-repeat;}
#global-menu li#top a{ width: 77px;}
#global-menu li#souzoku a{ width: 96px; background-position: -83px 0;}
#global-menu li#isan a{ width: 96px; background-position: -185px 0;}
#global-menu li#igon a{ width: 68px; background-position: -287px 0;}
#global-menu li#fee a{ width: 68px; background-position: -361px 0;}
#global-menu li#office a{ width: 110px; background-position: -435px 0;}
#global-menu li#qa a{ width: 116px; background-position: -551px 0;}
#global-menu li#inquiry a{ width: 118px; background-position: -673px 0;}
#global-menu li#top a:hover{ background-position: 0 -40px;}
#global-menu li#souzoku a:hover{ background-position: -83px -40px;}
#global-menu li#isan a:hover{ background-position: -185px -40px;}
#global-menu li#igon a:hover{ background-position: -287px -40px;}
#global-menu li#fee a:hover{ background-position: -361px -40px;}
#global-menu li#office a:hover{ background-position: -435px -40px;}
#global-menu li#qa a:hover{ background-position: -551px -40px;}
#global-menu li#inquiry a:hover{ background-position: -673px -40px;}
#global-menu li#top a.over{ background-position: 0 -40px;}
#global-menu li#souzoku a.over{ background-position: -83px -40px;}
#global-menu li#isan a.over{ background-position: -185px -40px;}
#global-menu li#igon a.over{ background-position: -287px -40px;}
#global-menu li#fee a.over{ background-position: -361px -40px;}
#global-menu li#office a.over{ background-position: -435px -40px;}
#global-menu li#qa a.over{ background-position: -551px -40px;}
#global-menu li#inquiry a.over{ background-position: -673px -40px;}
/*end global-menu*/

/*topic-path*/
#topic-path{ margin: -10px 0 10px; font-size: 12px; overflow:hidden; height:auto !important; height:1%;}
#topic-path li{ float: left; margin: 0 8px 0 0; padding: 0 0 0 10px; background: url(/image/common/icon/topic-arrow.png) no-repeat 0 50%;}
#topic-path li.none{ padding: 0; background: none;}
#topic-path a{ text-decoration: none;}
#topic-path a:link { color:#06c;}
#topic-path a:visited { color:#06c;}
#topic-path a:hover { color:#f90;}
#topic-path a:active { color:#f90;}
/*end topic-path*/

/*footer*/
#footer{ clear: both; margin: 0 10px; padding:0 0 10px 0; border-top: 1px solid #CCC; font-size: 12px; font-family:Times; overflow:hidden; height:auto !important; height:1%;}
#f-olink li{ display: block; float: left; margin: 6px 0; padding:0 4px; border-right: 1px solid #CCC;}
#f-copy { float: right; margin: 6px 0;}
#footer a{ text-decoration: none;}
#footer a:link { color:#06c;}
#footer a:visited { color:#06c;}
#footer a:hover { color:#f90;}
#footer a:active { color:#f90;}
/*end footer*/

/*main-contents*/
#main-contents{ padding: 0 15px 20px;}
#main-contents h3{ clear: both; margin: 0 0 10px; padding: 0 0 5px 2px; font-size: 16px; background: url(../image/common/h3-bg.png) repeat-x bottom;}
#left-column{ display: inline; float: left; width: 550px;}
#left-column p{ margin: 0 0 20px;}
#right-column{ float: right; width: 200px;}
.float-clear{ overflow:hidden; height:auto !important; height:1%;}

/*top*/
#main-contents #top-ssc{ width: 800px; height: 214px; margin: 0 0 10px -15px; text-indent: -9999px; background: url(../image/top.jpg) no-repeat;}
#main-contents #top-entry{ position: relative; margin: -38px 0 0 40px; top:-40px;}
#main-contents #top-service dl{ float: left; width: 270px; margin: 0 0 20px;}
#main-contents #top-service dt{ margin:0 0 10px 0; padding: 0 0 0 20px; background: url(../image/common/icon/arrow-box.png) no-repeat 0 50%; font-weight: bold;}
#main-contents #top-service dd{ margin: 4px 0 0 10px; padding: 0 0 0 20px; background: url(../image/common/icon/check-box.png) no-repeat;}
#main-contents #top-service dt a{ padding: 0 36px 0 0; text-decoration: underline; background: url(../image/common/icon/go.png) no-repeat right 50% ; font-weight: bold;}
#main-contents #top-service dt a:link{ color: #111;}
#main-contents #top-service dt a:visited { color:#111;}
#main-contents #top-service dt a:hover { color:#f90;}
#main-contents #top-service dt a:active { color:#f90;}
#main-contents #top-question{ margin: 0 0 20px;}
#main-contents #top-question{ margin: 0 0 0 10px;}
#main-contents #top-question li{ list-style: none; margin: 0 0 6px; padding: 0 0 0 12px; background: url(../image/common/icon/arrow.png) no-repeat 0 6px;}
/*end top*/

/*privacy-policy*/
#main-contents #privacy-policy h3{ margin: 15px 0; text-align: center; border-bottom: 1px solid #CCC; background: none;}
#main-contents #privacy-policy p{ margin: 0 0 16px;}
#main-contents #privacy-policy dl{ margin: 0 0 30px;}
#main-contents #privacy-policy dt{ margin: 16px 0 4px; font-weight: bold;}
#main-contents #privacy-policy dd{ margin: 0 0 0 1em;}
#main-contents #privacy-policy dd.num{ margin: 0 0 0 4em; text-indent: -3em;}
#main-contents #privacy-policy dd.dot{ margin: 0 0 0 2em; text-indent: -1em;}
/*end privacy-policy*/

/*right-column*/
#main-contents #right-column #pick-up-title{ width: 200px; height: 24px; text-indent: -9999px; background: url(../image/common/pick-up.png) no-repeat;}
#main-contents #right-column .pick-up{ margin: 11px 0 20px 0; font-size: 12px;}
#main-contents #right-column .pick-up dl{ margin: -1px 0 0 0; padding: 5px 0 0 0; border: 1px solid #111; overflow:hidden; height:auto !important; height:1%;}
#main-contents #right-column .pick-up dt{ float: right; width: 128px; font-weight: bold; letter-spacing: -1px;}
#main-contents #right-column .pick-up dd{ float: right; width: 128px; padding: 0 0 4px; line-height: 1.1;}
#main-contents #right-column .pick-up dd.image{ display: inline; float: left; width: 60px; margin:0 5px;}
#main-contents .bn{ margin: 0 0 10px;}
/*end right-column*/

/*category*/
#main-contents h2.souzoku{ height: 50px; margin: 0 0 20px; background: url(../image/souzoku/souzoku-title.png) no-repeat; text-indent: -9999px;}
#main-contents h2.isan{ height: 50px; margin: 0 0 20px; background: url(../image/isan/isan-title.png) no-repeat; text-indent: -9999px;}
#main-contents h2.igon{ height: 50px; margin: 0 0 20px; background: url(../image/igon/igon-title.png) no-repeat; text-indent: -9999px;}
#main-contents h2.fee{ height: 50px; margin: 0 0 20px; background: url(../image/fee/fee-title.png) no-repeat; text-indent: -9999px;}
#main-contents h2.office{ height: 50px; margin: 0 0 20px; background: url(../image/office/office-title.png) no-repeat; text-indent: -9999px;}
#main-contents h2.application{ height: 50px; margin: 0 0 20px; background: url(../image/application/application-title.png) no-repeat; text-indent: -9999px;}
#main-contents h2.word{ height: 160px; margin: 0 0 20px; background: url(../image/pickup/06.png) no-repeat; text-indent: -9999px;}
#main-contents h2.glossary{ height: 50px; margin: 0 0 20px; background: url(../image/words/words-title.png) no-repeat; text-indent: -9999px;}
#main-contents h2.qa{ height: 50px; margin: 0 0 20px; background: url(../image/qa/qa-title.png) no-repeat; text-indent: -9999px;}
#main-contents h2.qa-detail{ height: 50px; margin: 0 0 20px; background: url(../image/qa/qa-detail-title.png) no-repeat; text-indent: -9999px;}
#main-contents .category-page-list{ margin: 0 0 20px;}
#main-contents .category-page-list li{ margin:0 0 14px 10px; padding: 0 0 0 20px; background: url(../image/common/icon/arrow-box.png) no-repeat 0 3px;}
#main-contents .allied-service{ margin: 0 0 20px;}
#main-contents .application-btn{ clear: both; margin: 0 0 20px 10px;}
#main-contents .application-btn-center{ margin: 0 0 20px 10px; text-align: center;}
#main-contents .category-word-list{ margin: 0 0 30px;}
#main-contents .category-word-list li{ float: left; margin:0 0 14px 10px; padding: 0 0 0 20px; background: url(../image/common/icon/arrow-box.png) no-repeat 0 50%; white-space: nowrap;}

#main-contents h2.detail-title{ height: 50px; margin: 0 0 20px; text-indent: -9999px;}
#main-contents h2.detail-title-pickup{ height: 160px; margin: 0 0 20px; text-indent: -9999px;}
#main-contents h2.souzoku-01{ background: url(../image/souzoku/01.png) no-repeat;}
#main-contents h2.souzoku-02{ background: url(../image/souzoku/02.png) no-repeat;}
#main-contents h2.souzoku-03{ background: url(../image/souzoku/03.png) no-repeat;}
#main-contents h2.souzoku-04{ background: url(../image/souzoku/04.png) no-repeat;}
#main-contents h2.souzoku-05{ background: url(../image/souzoku/05.png) no-repeat;}
#main-contents h2.souzoku-06{ background: url(../image/souzoku/06.png) no-repeat;}
#main-contents h2.souzoku-07{ background: url(../image/souzoku/07.png) no-repeat;}
#main-contents h2.souzoku-08{ background: url(../image/souzoku/08.png) no-repeat;}
#main-contents h2.souzoku-09{ background: url(../image/souzoku/09.png) no-repeat;}
#main-contents h2.souzoku-10{ background: url(../image/souzoku/10.png) no-repeat;}
#main-contents h2.souzoku-11{ background: url(../image/souzoku/11.png) no-repeat;}
#main-contents h2.souzoku-12{ background: url(../image/souzoku/12.png) no-repeat;}
#main-contents h2.souzoku-13{ background: url(../image/souzoku/13.png) no-repeat;}
#main-contents h2.souzoku-14{ background: url(../image/souzoku/14.png) no-repeat;}
#main-contents h2.souzoku-15{ background: url(../image/souzoku/15.png) no-repeat;}

#main-contents h2.isan-01{ background: url(../image/isan/01.png) no-repeat;}
#main-contents h2.isan-02{ background: url(../image/isan/02.png) no-repeat;}
#main-contents h2.isan-03{ background: url(../image/isan/03.png) no-repeat;}
#main-contents h2.isan-04{ background: url(../image/isan/04.png) no-repeat;}
#main-contents h2.isan-05{ background: url(../image/isan/05.png) no-repeat;}
#main-contents h2.isan-06{ background: url(../image/isan/06.png) no-repeat;}
#main-contents h2.isan-07{ background: url(../image/isan/07.png) no-repeat;}

#main-contents h2.igon-01{ background: url(../image/igon/01.png) no-repeat;}
#main-contents h2.igon-02{ background: url(../image/igon/02.png) no-repeat;}
#main-contents h2.igon-03{ background: url(../image/igon/03.png) no-repeat;}
#main-contents h2.igon-04{ background: url(../image/igon/04.png) no-repeat;}
#main-contents h2.igon-05{ background: url(../image/igon/05.png) no-repeat;}
#main-contents h2.igon-06{ background: url(../image/igon/06.png) no-repeat;}
#main-contents h2.igon-07{ background: url(../image/igon/07.png) no-repeat;}
#main-contents h2.igon-08{ background: url(../image/igon/08.png) no-repeat;}

#main-contents h2.pickup-01{ background: url(../image/pickup/01.png) no-repeat;}
#main-contents h2.pickup-02{ background: url(../image/pickup/02.png) no-repeat;}
#main-contents h2.pickup-03{ background: url(../image/pickup/03.png) no-repeat;}
#main-contents h2.pickup-04{ background: url(../image/pickup/04.png) no-repeat;}
#main-contents h2.pickup-05{ background: url(../image/pickup/05.png) no-repeat;}
#main-contents h2.pickup-06{ background: url(../image/pickup/06.png) no-repeat;}

#main-contents h2.fee-01{ background: url(../image/fee/01.png) no-repeat;}
/*end category*/

/*detail*/
#main-contents .img-right{ float: right; margin:0 5px;}
#main-contents .img-left{ float: left; margin:0 5px;}
#main-contents dl.example{ padding: 0 0 0 20px;}
#main-contents dl.example dt{ height: 23px; padding: 0 0 0 50px;}
#main-contents dl.example dd{ padding: 6px 0 30px 20px;}
#main-contents .ex01{ background: url(../image/common/icon/example-01.png) no-repeat;}
#main-contents .ex02{ background: url(../image/common/icon/example-02.png) no-repeat;}
#main-contents .ex03{ background: url(../image/common/icon/example-03.png) no-repeat;}
#main-contents .ex04{ background: url(../image/common/icon/example-04.png) no-repeat;}
#main-contents .ex05{ background: url(../image/common/icon/example-05.png) no-repeat;}
/*end detail*/

/*fee*/
#main-contents .fee-list{ width: 440px; margin: 0 0 10px 50px; overflow:hidden; height:auto !important; height:1%;}
#main-contents .fee-list dt{ float: left; width: 280px; padding: 6px 10px; border-bottom: 1px dotted #CCC;}
#main-contents .fee-list dd{ float: left; width: 120px; padding: 6px 10px; text-align: right; border-bottom: 1px dotted #CCC;}
#main-contents .fee-list .item{ background: #EEE;}
#main-contents .fee-table{ width: 440px; margin: 0 0 10px 50px;}
#main-contents .fee-table{ border-collapse: collapse;}
#main-contents .fee-table th{ text-align: right;}
#main-contents .fee-table tr{ border-bottom: 1px dotted #CCC;}
#main-contents .fee-table td{ padding: 6px 10px; border-bottom: 1px dotted #CCC;}
#main-contents .fee-table .item{ background: #EEE;}
#main-contents .fee-table .reward{ text-align: right;}
#main-contents .fee-table .reward{ text-align: right;}
#main-contents h4.example{ height: 23px; margin: 10px 0 10px 30px; padding: 0 0 0 50px; font-size: 14px;}
/*end fee*/

/*office*/
#main-contents .office-summary{ float: left; width: 310px; margin: 0 0 40px 10px; overflow:hidden; height:auto !important; height:1%;}
#main-contents .office-summary dt{ float: left; padding: 6px 10px;}
#main-contents .office-summary dd{ padding: 6px 10px 6px 100px; border-bottom: 1px dotted #CCC;}
#main-contents .office-summary .item{ background: #F6F6F6;}
#main-contents .google{ float: right; width: 210px; height: 180px; border: 1px solid #CCC;}
#main-contents .offer-service{ margin: 0 0 20px 10px; overflow:hidden; height:auto !important; height:1%;}
#main-contents .offer-service dt{ float: left; padding: 6px 10px 6px 20px; background: url(../image/common/icon/arrow-box.png) no-repeat 0 50%;}
#main-contents .offer-service dd{ margin: 0 10px 0 0; padding: 6px 10px 6px 120px; border-bottom: 1px dotted #CCC;}
#main-contents .offer-service dt a{ padding: 0 36px 0 0; background: url(../image/common/icon/go.png) no-repeat right 50% ; font-weight: bold;}
/*end office*/

/*word*/
#main-contents div.word h4{ clear: both; height: 26px; padding: 4px 0 0 20px; color: #FFF; background: url(../image/words/words-bg.png) no-repeat;}
/*end word*/

/*application*/
#form-outline{ width: 580px; margin:0 auto; background: #FFF; text-align:left;}
#form-outline #office-name{ float: right; width: 181px; height: 16px; margin: 0 15px 0 0; text-indent: -9999px; background: url(../image/common/office-name.png) no-repeat;}
#main-contents #note{ margin: -36px 0 20px; color: #F22; text-align: right;}
#main-contents .application-form span{ color: #F22;}
#main-contents .application-form dl{ margin: 0 10px 20px 10px; background: #F6F6F6; border: 1px solid #CCC; border-top: none; overflow:hidden; height:auto !important; height:1%;}
#main-contents .application-form dt{ display: inline; float: left; width: 10em; margin: 0 -10em 0 0; padding: 6px 0; border-top: 1px solid #CCC; text-indent: 10px;}
#main-contents .application-form dd{ margin: 0 0 0 10em; padding: 6px 0 6px 10px; border-left: 1px solid #CCC; border-top: 1px solid #CCC; background: #FFF;}
#main-contents .application-form input,#main-contents .application-form select{ margin: 0 10px 0 6px;	padding:0.2em;	border:1px solid #CCC;	background:#fafafa;}
#main-contents .application-form input:hover,#main-contents .application-form input:focus{	border:1px solid #AAA;	background:#F2F2F2;} 
#main-contents .application-form input[ type=radio]{ border:none;}
#main-contents .application-form .name input{ width: 6em;}
#main-contents .application-form .number input{ width: 22em;}
#main-contents .application-form .building input{ width: 24em;}
#main-contents .application-form .tel input{ width: 4em;}
#main-contents .application-form .time{ border-top: 1px solid #FFF;}
#main-contents .application-form .time input{ width: 12em;}
#main-contents .application-form .mail input{ width: 9em;}
#main-contents .application-form .consultation textarea{ width: 370px; height: 6em;	border:1px solid #CCC;	background:#fafafa;}
#main-contents .application-form .Others textarea{ width: 370px; height: 3em;	border:1px solid #CCC;	background:#fafafa;}
#main-contents .application-form input.submit-btn{ width: 390px; height: 40px; margin: 0 0 20px 80px; font-weight: bold; color: #FFE; border: none; background: url(/image/application/confirm-btn.png) no-repeat 0 -35px; cursor:pointer;}
#main-contents .application-form input.completion-btn{ width: 180px; height: 40px; margin: 0 0 20px 170px; font-weight: bold; color: #FFE; border: none; background: url(/image/application/confirm-btn.png) no-repeat 0 -75px; cursor:pointer;}
#main-contents .application-form input.back{ float: left; width: 160px; height: 35px; margin: 0 0 20px 20px; font-weight: bold; color: #FFE; border: none; background: url(/image/application/confirm-btn.png) no-repeat; cursor:pointer;}
#main-contents .application-flow{ margin: 0 0 20px 25px; background: url(../image/application/flow.png) no-repeat; overflow:hidden; height:auto !important; height:1%;}
#main-contents .application-flow li{ float: left; width: 140px; height: 30px; text-indent: -9999px; background: url(../image/application/flow.png) no-repeat;}
#main-contents .application-flow .confirmation{ margin: 0 40px; background-position: -180px 0;}
#main-contents .application-flow .completion{ background-position: -360px 0;}
#main-contents .application-flow .in-comp{ background-position:0 -60px;}
#main-contents .application-flow .con-comp{ background-position:-180px -60px;}
#main-contents .application-flow .in-location{ background-position:0 -30px;}
#main-contents .application-flow .con-location{ background-position:-180px -30px;}
#main-contents .application-flow .com-location{ background-position:-360px -30px;}
#main-contents #ss-img{ text-align: right;}
/*end application*/

/*sitemap*/
#main-contents #sitemap{ margin: 0 0 0 10px;}
#main-contents #sitemap dl{ margin: 0 0 20px; overflow:hidden; height:auto !important; height:1%;}
#main-contents #sitemap dt{ clear: both; padding: 0 0 0 20px; background: url(../image/common/icon/arrow-box.png) no-repeat 0 50%; font-weight: bold;}
#main-contents #sitemap dd{ float: left; width: 240px; margin: 4px 0 0 10px; padding: 0 0 0 14px; background: url(../image/common/icon/arrow.png) no-repeat 0 50%;}
#main-contents #sitemap dt a{ padding: 0 36px 0 0; background: url(../image/common/icon/go.png) no-repeat right 50% ; font-weight: bold;}
/*end sitemap*/