@charset "utf-8";
/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */
/* @group reset */
html { color: #000; background: #fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select { *font-size: 100%; }
/* @end */
/* @group common */
html, body { height: 100%; }
body {
 color: #333;
 background: url(../images/bg.png) repeat-x scroll left top;
 font: 13px/1.6 "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "Osaka‐等幅", sans-serif;
 letter-spacing: 1px;
 text-align: center;
}
h1,h2,h3,h4,h5,h6 { clear: both; font-weight: bold; }
a { color: #0049aa; text-decoration: underline; }
a:visited { color: #0049aa; text-decoration: underline; }
a:hover { color: #29f; }
a:active { color: #0049aa; }
strong { font-weight: bold; }
em { font-style: normal; }
hr { display: none; }
img { vertical-align: bottom; }
.btn { /* for rollover */ }
/* @end */
/* @group layout */
#container {
 position: relative;
 width: 960px;
 margin: 0 auto;
 text-align: left;
}
#header {
 height: 155px;
 margin: 0 3px;
 padding-bottom: 30px;
}
#banner {
 text-align: center;
}
#contents {
 clear: both;
 margin: 0 3px;
}
* html #contents {
 clear: both;
 margin: 0 2px;
}
#main {
 display: inline;
 float: left;
 width: 625px;
}
#side {
 display: inline;
 float: right;
 width: 300px;
 padding: 0 0 100px 25px;
 *padding: 0 0 100px;
 font-size: 14px;
}
#footer {
 clear: both;
 width: 100%;
 margin-top: 10px;
 padding: 0 0 80px;
 background-color: #3085c0;
}
#footer-inner {
 width: 960px;
 margin: 0 auto;
 padding: 0 3px;
}
/* @end */
/* @group header */
h1 {
 display: inline;
 float: left;
 padding-top: 48px;
}
#lead {
 clear: both;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 height: 22px;
 padding-top: 2px;
 /*background: #4b4b4c;*/
 color: #fff;
 font-size: 12px;
 text-decoration: none;
 z-index: 5;
}
#header .contact {
 position: relative;
 top: 24px;
 display: inline;
 float: right;
 width: 328px;
 /*padding-top: 48px;*/
 z-index: 1;
}
#header .contact p,
#footer-inner .contact p {
 display: inline;
 float: left;
}
#global-nav {
 clear: both;
}
#global-nav li {
 display: inline;
 float: left;
}
/* @end */
/* @group main */
#breadcrumb {
 margin-bottom: 15px;
}
#breadcrumb li {
 display: inline;
 float: left;
 margin-right: 5px;
 padding-right: 14px;
 background: url(../images/pots.png) no-repeat scroll right 5px;
}
#breadcrumb li.lastChild {
 padding-right: 0;
 background: none;
}
#topics {
 clear: both;
}
#topics li {
 display: inline;
 float: left;
 width: 296px;
 height: 300px;
 margin-right: 25px;
 padding: 1px;
 border: 1px solid silver;
}
#topics li.lastChild,
#topics li.second {
 margin: 0;
}
#topics li p {
 margin: 18px;
}
#banner {
 clear: both;
 padding-bottom: 27px;
 text-align: center;
}
#point {
 margin: 10px 0;
 border: 1px solid silver;
}
#point p {
 margin: 10px 18px ;
}
#point p.firstChild,
#point p.point {
 margin: 0;
}
#point form {
 width: 585px;
 margin: 10px auto;
 padding: 18px 0;
 background: url(../images/dot_line.png) no-repeat scroll center top;
}
#point form dl {
 margin: 0 84px;
}
#point form dl dt {
 display: inline;
 clear: left;
 float: left;
 width: 120px;
 margin-bottom: 10px;
 color: #00afc7;
 font-weight: bold;
 text-align: right;
}
#point form dl dd {
 margin: 0 0 10px 120px;
}
#point form dl dd input {
 width: 270px;
}
#contact-info {
 clear: both;
 width: 100%;
 height: 136px;
 margin-bottom: 30px;
}
#contact-info .contact-tel {
 display: inline;
 float: left;
 width: 383px;
}
#contact-info .contact-mail {
 display: inline;
 float: right;
 width: 242px;
}
#info {
 clear: both;
 margin: 10px 0;
 padding: 20px 25px;
 border: 1px solid silver;
}
#info #detail {
 display: inline;
 float: left;
 width: 360px;
 margin: 10px 0 10px 0;
}
#info #detail dt{
 margin: 15px 0;
}
#info h3 {
 clear: both;
 margin: 10px 0;
 color: gray;
}
#info #business-area {
 width: 575px;
}
#info #business-area dt {
 clear: left;
 display: inline;
 float: left;
 width: 4em;
 margin-bottom: 5px;
 padding-bottom: 1em;
}
#info #business-area dd {
 margin-bottom: 5px;
}
#info #business-area dd ul li {
 display: inline;
 float: left;
 margin-right: 1em;
 white-space: nowrap;
}
#info #business-area p.lastChild {
 clear: left;
}
/* @group page */
.page ul { margin: 20px 25px; }
.page ul li { margin: 20px 0; }
/* @end */
/* @group post */
.page h2,
.post h2,
.archive {
 height: 24px;
 margin-bottom: 14px;
 padding: 5px 10px;
 background: #3085c0;
 color: #fff;
 font-size: 14px;
}
.post h3 {
 height: 24px;
 margin: 14px 0;
 padding: 5px 10px;
 border-bottom: 1px solid #3085c0;
 border-left: 5px solid #3085c0;
 font-size: 14px;
}
.post { clear: both; }
.post .section {
 margin: 20px 25px;
 padding-bottom: 50px;
}
.post .section ul { margin: 20px 25px; }
.post .section ul li {
 margin-bottom: 2px;
 padding-left: 15px;
 background: url(../images/pots.png) no-repeat scroll left 4px;
}
#main .post #trackback-url {
 height: 1em;
 margin-bottom: 6px;
 color: #333;
 font-size: 1em;
}
.trackback input#tb_url {
 width: 80%;
 padding: 3px 0;
}
#respond {
 clear: both;
 width: 98%;
}
#comment {
 width: 80%;
}
.commentlist .comment,
.commentlist .trackback {
 margin: 10px;
 border-bottom: 1px dotted #333;
}
.commentlist .comment-body p {
 margin: 10px;
}
.commentlist .comment-body p strong {
 color: #333;
}
#hukkou_banner {padding-bottom:10px;}
.hukkou_explain {
 padding:5px;
 background:pink;	
}


/* @end */
/* @end */
/* @group elements */
.section {
 margin: 50px 0;
}
.section h2 {
 margin-bottom: 10px;
}
.section p {
 margin: 20px 25px;
}
.ex {
 margin: 20px 25px;
 padding: 20px;
 border: 4px solid #ccc;
 color: #2f85bf;
}
.ex li {
 margin-bottom: 2px;
 padding-left: 15px;
 background: url(../images/bul_ex.png) no-repeat scroll left 6px;
}
.bul01 li {
 margin-bottom: 4px;
 padding-left: 15px;
 background: url(../images/bul_circle.png) no-repeat scroll left 3px;
}
ul.service {
 width: 605px;
 margin: 0 25px;
}
ul.service li {
 display: inline;
 float: left;
 width: 280px;
 margin-right: 15px;
}
.service li.lastChild { margin-right: 0; }
.service-plan,
#nakanoya-profile,
.table-list,
.table-list-stripe {
 width: 580px;
 margin: 20px auto;
 border-top: 1px solid silver;
 border-right: 1px solid silver;
}
.section ul li .table-list {
 width: 520px;
}
.table-list {
 font-size: 12px;
}
.service-plan th,
.service-plan td,
.table-list th,
.table-list td,
.table-list-stripe th,
.table-list-stripe td  {
 padding: 5px 10px;
 border-bottom: 1px solid silver;
 border-left: 1px solid silver;
}
.service-plan th,
.table-list th,
.table-list-stripe th,
.table-list-stripe tr.odd td {
 background: #d7e0ff;
}
.service-plan th.plan { width: 300px; }
.service-plan td { text-align: right; }
.table-list-stripe td ol li {
 list-style-type: decimal;
 list-style-position: inside;
}
.table-list .category { width: 110px; }
.table-list .pref { width: 50px; }
.table-list-stripe .category { width: 90px; }
.service-plan em { color: #f00; }
#nakanoya-profile th,
#nakanoya-profile td {
 padding: 5px 10px;
 border-bottom: 1px solid silver;
 border-left: 1px solid silver;
}
#nakanoya-profile th { width: 100px; }
.etc {
 margin: 0 40px;
 color: #929292;
}
#principle {
 margin: 20px 25px;
}
#principle li { margin-bottom: 1em; }
#principle li strong { color: #5780fc; }
#contactform {
 margin: 20px 25px;
}
#contactform th { width: 180px; }
#contactform th,
#contactform td {
 padding: 10px 5px;
}
#contactform th span { color: red; }
#contactform td select,
#contactform td input,
#contactform td textarea {
 width: 320px;
 padding: 5px 0;
}
#cat-nav { margin-bottom: 20px; }
/* @end */
/* @group side */
#side #local-nav {
 margin: 10px 0;
}
#side #local-nav li {
 margin-bottom: 10px;
 padding: 1px;
 border: 1px solid silver;
}
#side #local-nav li.report {
 margin-bottom: 10px;
 padding: 0;
 border: 0;
}

#side #local-nav li.firstChild,
#side #local-nav li.first {
 padding: 0;
}
#side #local-nav li.favorite {
 padding: 0;
}
#side #local-nav li.lastChild,
#side #local-nav li.last {
 margin-bottom: 0;
}
#side #local-nav li h2 {
 margin-bottom: 20px;
}
#side #local-nav li p {
 margin: 20px 25px;
}
#side #local-nav li ul {
 margin: 20px 25px;
}
#side #local-nav li ul li,
#side #local-nav li ul li.firstChild,
#side #local-nav li ul.pots li {
 margin-bottom: 4px;
 padding: 0 0 0 15px;
 border: none;
 background: url(../images/pots.png) no-repeat scroll left 5px;
}
#side #local-nav li ul.bul01 li,
#side #local-nav li ul.bul01 li.firstChild {
 margin-bottom: 4px;
 padding-left: 18px;
 background: url(../images/bul_circle.png) no-repeat scroll left 4px;
}
#side #local-nav li ul.arrow li {
 margin-bottom: 6px;
 padding: 0 0 0 24px;
 background: url(../images/bul_arrow.png) no-repeat scroll left top;
}
#side #links {
 margin: 10px 0;
 text-align: center;
}
#side #links li {
 margin-bottom: 10px;
}
/* @end */
/* @group footer */
#site {
 display: inline;
 float: left;
 width: 426px;
 height: 72px;
}
#footer-inner a {
 color: #fff;
}
#footer-inner #contact {
 display: inline;
 float: right;
 width: 317px;
}
.inner-nav {
 clear: both;
 width: 408px;
 margin-left: 60px;
 padding-top: 5px;
}
.inner-nav li {
 display: inline;
 float: left;
 margin-bottom: 10px;
 padding: 0 8px 0 5px;
 border-right: 1px solid #fff;
 line-height: 1em;
}
.inner-nav li.nowrap {
 border-right: none;
}
.inner-nav li.lastChild,
.inner-nav li.last {
 border: none;
}
#associated {
 clear: both;
 padding-top: 3px;
}
#associated p {
 display: inline;
 float: left;
 width: 91px;
 height: 73px;
 padding-top: 5px;
 background: #78b6e1; 
 color: #fff;
 font-weight: bold;
}
#associated ul {
 display: inline;
 float: right;
 width: 223px;
 height: 73px;
 padding-top: 5px;
 background: #fff;
}
#associated ul li {
 margin-left: 1em;
 text-align: left;
}
#associated ul li a {
 color: #2f85bf;
}
#copyright {
 clear: both;
 padding-left: 62px;
 color: #fff;
 text-align: left;
}
/* @end */
/* @group Various Tags & Classes */
.color1 {color:red;}
.color2 {color:#ff0000;}
.mg20-25 { margin: 20px 25px;}
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
img.centered {
 display: block;
 margin: 0 auto;
 padding: 6px 0;
}
img.alignright {
 padding: 4px;
 margin: 0 0 4px 12px;
 display: inline;
}
img.alignleft {
 padding: 4px;
 margin: 0 12px 4px 0;
 display: inline;
}
.alignright { display: inline; float: right; }
.alignleft { display: inline; float: left; }
.navigation {
 clear: both;
 display: block;
 margin: 12px 0;
 height: 1.5em;
}
/* @end */
/* @group clearfix */
#container:after,
#header:after,
h1:after,
#header .contact:after,
#global-nav:after,
#breadcrumb:after,
#banner:after,
#contents:after,
#topics:after,
.section:after,
#cat-nav:after,
#footer:after,
.clearfix:after {
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;
}
/* for IE6 */
* html #container,
* html #header,
* html h1:after,
* html #header .contact:after,
* html #global-nav,
* html #breadcrumb,
* html #banner,
* html #contents,
* html #topics,
* html .section,
* html #cat-nav,
* html #info,
* html #footer,
* html .clearfix {
 zoom: 1;
}
/* for IE7 */
*:first-child+html #container,
*:first-child+html #header,
*:first-child+html h1:after,
*:first-child+html #header .contact:after,
*:first-child+html #global-nav,
*:first-child+html #breadcrumb,
*:first-child+html #banner,
*:first-child+html #contents,
*:first-child+html #topics,
*:first-child+html .section,
*:first-child+html #cat-nav,
*:first-child+html #info,
*:first-child+html #footer,
*:first-child+html .clearfix  {
 zoom: 1;
}
/* @end */