/*===========================
  Betoku CSS
===========================*/

/*---------------------------
  Basic layout style
---------------------------*/
body {
 margin:0px;
 padding:0px;
 background:#fff;
 text-align:center;
 font-family:Arial, Helvetica, sans-serif;
 font-size:90%;
}

#container {
 width:100%;
 margin:0px auto 0px auto;
 padding:0px 0px 100px 0px;
 background:#fff;
 text-align:center;
}

#header {
 width:100%;
 margin:0px 0px 10px 0px;
}

#header-body {
 padding:0px;
 color:#000;
 background:#fff;
 text-align:center;
 font-family:arial, Helvetica;
}

#banner {
 width:800px;
 margin:0px auto 0px auto;
}

#banner-body {
 padding:0px;
 color:#033;
 text-align:center;
 font-family:arial, Helvetica;
}

#main {
 width:800px;
 margin:0px auto 0px auto;
}

#main-body {
 padding:0px;
 text-align:left;
 background:#fff;

}

#wrapper {
 width:800px;
 margin:0px;
 padding:0px;
}

#content {
 float:right;
 width:605px;
 margin:10px 0px 0px 0px;
}

#content-body {
 padding:0px;
}

#sidebar {
 float:left;
 width:170px;
 margin-top:10px;
}

#sidebar-body {
 padding:0px;
 font-weight:normal;
}

#links {
 float:right;
 width:170px;
 margin:10px 0px 10px 10px;
}

#links-body {
 padding:0px;
 font-weight:normal;
}

#footer {
 clear:both;
 width:100%;
 margin:0px auto 0px auto;
}

#footer-body {
 padding:25px 0 0 0;
}

/*---------------------------
  Header style
---------------------------*/
.description-body {
 display:block;
 margin-right:20px;
 margin-left:20px;
 color:#333;
 line-height:140%;
 font-size:100%;
 font-family:sans-serif;
 font-weight:bold;
}

/*---------------------------
  Article style
---------------------------*/
.navi {
 width:100%;
 margin:10px 0px 10px 0px;
 color:#003399;
 font-size:90%;
 text-align:center;
}

.top-navi {
 width:100%;
 margin:10px 0px 10px 0px;
 color:#666;
 font-size:90%;
 text-align:center;
 display:none;
}

.blog {
 margin:0 0 10px 0;
}

.blogbody {
 padding:0px;
 background:#fff;
 line-height:120%;
 font-weight:normal;
}

.date {
 margin:5px 0px 0px 10px;
}

.date-body {
 padding:0px 0px 6px 0px;
 color:#033;
 font-weight:normal;
 font-size:85%;
}

.title {
 margin:0px;
}

.title-body {
 padding:10px 0px 10px 15px;
 color:#000;
 font-size:18px;
 font-family:Arial, sans-serif;
 letter-spacing:0.1em;
 background-image:url(http://sagaryoujyutu.area9.jp/image/title_bg.gif);
 background-repeat:no-repeat;
 background-position:left bottom;
 background-color:#fff;
}

.title-body a {
 color:#000;
 border:none;
}

.text {
 margin:0px;
}

.text-body {
 padding:20px 25px 10px 15px;
 color:#000;
 font-size:105%;
 line-height:130%;
}

/*---------------------------
  Article posted style
---------------------------*/
.posted {
 display:none;
 margin:0px;
 height:23px;
}

.posted-body {
 padding:4px 0px 0px 8px;
 text-align:left;
 font-size:80%;
 color:#666;
}

.posted-body a {
 color:#002b9f;
 text-decoration:none;
}

/*---------------------------
  Article continue style
---------------------------*/
.continues {
 margin:0px;
 padding:15px 10px 0px 0px;
 text-align:right;
 font-size:80%;
 display:none;
}

.continues a {
 color:#002b9f;
 text-decoration:none;
 display:none;
}

/*---------------------------
  Side style
---------------------------*/
.sidetitle {
 margin:0px;
 height:22px;
}

.sidetitle-body {
 padding:3px 0px 0px 22px;
 color:#fff;
 font-weight:bold;
}

.sidetitle-body a{
 color:#fff;
}

.side {
 margin:0px;
 width:100%;
}

.side-body {
 padding-left:10px;
 color:#333;
 background:#fff;
 line-height:25px;
 font-size:85%;
 border-width:1px;
 border-color:#000;
 border-style:none;
}

.side-body a {
 color:#333;
 text-decoration:none;
}

.side-body a:hover {
 color:#ff6600;
 text-decoration:none;
}

.side-body input {
 width:100px;
}

.side-body input.input-submit {
 width:40px;
}

/*---------------------------
  Comments & Trackback style
---------------------------*/
#comments input {
 display:none;
 width:340px;
}

#comments input.input-submit {
 display:none;
 width:80px;
}

#comments textarea {
 display:none;
 width:340px;
}

#comments-body {
 display:none;
 margin-bottom:30px;
 margin-top:25px;
}

.comments-head {
 display:none;
 padding:5px;
 color:#333;
 background:#eee;
 font-weight:bold;
}

.comments-body {
 display:none;
 margin-top:5px;
 padding:10px;
 color:#333;
 background:#fff;
 line-height:120%;
 border-style:solid;
 border-color:#000;
 border-width:0px 1px 1px 0px;
 font-size:90%;
}

.comments-post {
 display:none;
 padding:10px;
 color:#000;
 font-size:85%;
}


#trackback {
 display:none;
 margin:25px 0px 30px 0px;
 padding:5px;
 background:#fff;
 border-style:solid;
 border-color:#000;
 border-width:0px 1px 1px 0px;
 font-size:90%;
}

.trackback-url {
 display:none;
 padding:5px;
 color:#333;
 background:#fff;
 border:1px dotted #999; 
 line-height:140%;
 font-size:90%;
 font-weight:normal;
}

.trackback-body {
 display:none;
 padding:10px 0px 10px 0px;
 color:#666;
 line-height:140%;
 border-bottom:1px dotted #999; 
 font-size:90%;
 font-weight:normal;
}

.trackback-post {
 display:none;
 color:#000;
 font-size:x-small;
 font-weight:normal;
}

a .trackback-title {
 display:none;
 color:#002b9f;
}

/*---------------------------
  Footer style
---------------------------*/
.copyright {
 text-align:center;
 padding-top:2px;
 padding-bottom:2px;
 font-size:12px;
 letter-spacing:1px;
 background:#99cc66;
}

/*---------------------------
  HTML tag style
---------------------------*/
h1 {
 margin:0px;
 padding:0px;
 font-weight:bolder;
 font-size:30px;
}

h1 a {
 color:#033;
 font-family:arial, Helvetica;
 text-decoration:none;
 font-family:sans-serif;
 font-weight:bolder;
}

h2 {
 padding:0px;
 font-weight:bold;
 font-size:14px;
 text-align:left;
 font-family:arial, Helvetica;
 color:#000;
}

h3 {
 padding:0px;
 font-size:14px;
 font-weight:bold;
 font-family:arial, Helvetica;
}

h3 a {
 color:#333;
 text-decoration:none;
}

a {
 color:#002b9f;
 text-decoration:none;
}

div {
 border:none;
}

img {
 margin:0px;
 padding:0px;
 border:none;
}

form {
 margin:0px;
}

/*---------------------------
  Default component style
---------------------------*/
.powered {
 width:100%;
 margin-top:10px;
 padding:0px;
 line-height:120%;
 text-align:center;
} 

.syndicate {
 width:100%;
 margin:15px 0px 10px 0px;
 text-align:left;
 font-size:90%;
} 

/*---------------------------
  Calendar style
---------------------------*/
#calendar {
 color:#474747;
 width:170px;
 margin-top:10px;
 border:1px solid #000;
 background:#ebf3f0;
}

#calendar table {
 width:100%;
}

caption {
 text-align:left;
 text-indent:20px;
}

.calendarhead {
 width:100%;
 padding:3px;
 color:#fff;
 font-size:90%;
 background-color:#f3f7e6;
}

th.calendarday {
 font-weight:bold;
 font-size:80%;
}

.calendarday {
 padding:1px;
 color:#333;
 font-size:90%;
 font-weight:normal;
}

.calendarday a {
 color:#002b9f;
 text-decoration:none;
 font-weight:bold;
 font-size:90%;
}

/*---------------------------
  追加
---------------------------*/
.menuborder{
 border-top:#529700 3px solid;
 background-color:#7fbe1f;
 color:#fff;
}

.menutitle{
 padding: 0;
 margin: 0;
 list-style: none;
}

.menutitle li{
 margin: 0;
}

.menutitle a{
 color:#fff;
 margin: 0;
 font-weight:bold;
 width:148px;
 display: block;
 padding: 0px 0px 0px 22px;
 line-height:22px;
 background:url(http://sagaryoujyutu.area9.jp/image/menu_ic1.gif) no-repeat;
}

* html .menutitle a{
 width:100%;
} 

.menutitle a:hover{
 background-color: #7fbe1f;
 background:url(http://sagaryoujyutu.area9.jp/image/menu_ic2.gif) no-repeat;
 color:#fff;
}


.verticalmenu{
 padding: 0;
 margin: 0 0 0px 0;
}

.verticalmenu li{
 list-style: none;
 margin: 0;
 padding-left:17px;
 background:#f3f7e6 url(http://sagaryoujyutu.area9.jp/image/menu_ic3.gif) left top no-repeat;
 line-height:25px;
 font-size:13px;
 border-width:1px;
}

.verticalmenu li a{
 list-style: none;
 margin: 0;
 padding-left:0px;
 border-width:1px;
 color:#000;
}

.verticalmenu li a:hover{
 color:#ff6600;
}

.minimenu{
 background:#f3f7e6;
 padding: 0 0 5px 0;
 margin: 0 0 0px 0;
}

* html .minimenu{
 padding:2px 0 5px 0;
}

.minimenu li{
 list-style: none;
 margin: 0;
 padding-left:15px;
 height:19px;
 font-size:13px;
 border-width:1px;
}

.minimenu li a{
 list-style: none;
 margin: 0;
 padding-left:0px;
 border-width:1px;
 color:#000;
}

.minimenu li a:hover{
 color:#ff6600;
}

.gyoumu, .jigyou, .kaihatsu, .kaisya, .mitsumori, .saiyou{
 margin-bottom:10px;
}

.blogde{
 height:110px;
 border-style:outset;
 border-width:1px;
 margin:0px;
 text-align:center;
 padding-top:12px;
 font-size:18px;
 margin-bottom:10px;
}

.bn{
 margin-top:10px;
 margin-bottom:10px;
 text-align:center;
}

.topimage{
 margin-bottom:10px;
}

.add{

 margin:0px auto 0px auto;
 background-color:#fff;
 font-size:13px;
 color:#000;
 line-height:130%;
 text-align:center;
 letter-spacing:1px;
 border-top:#000 1px solid;
}

.add-body{
 margin:0px auto 0px auto;
 padding-top:5px;
 width:800px;
 text-align:left;
}

.dotborder{
 border-top-style:dotted;
}

.side-bn img {
 margin-bottom:10px;
}

/*---------------------------
  横メニュー:スクリーン用
---------------------------*/
.menu ul{
 height:25px;
 margin:0;
 padding:0;
 background:#fff;
 list-style-type:none;
}

.menu li{
 float:left;
 padding:0;
}

.menu span{
 display:none;
}

.menu a{
 display:block;
 height:25px;
 background-repeat:no-repeat;
}

li#m1 a{
 width:133px;
 height:25px;
 background-image:url(http://sagaryoujyutu.area9.jp/image/gyoumu.gif);
}

li#m1 a:hover{
 width:133px;
 height:25px;
 background-image:url(http://sagaryoujyutu.area9.jp/image/gyoumu.gif);
 background-position:0px -25px;
 color:#fff;
}

li#m2 a{
 width:133px;
 height:25px;
 background-image:url(http://sagaryoujyutu.area9.jp/image/jigyou.gif);
}

li#m2 a:hover{
 width:133px;
 height:25px;
 background-image:url(http://sagaryoujyutu.area9.jp/image/jigyou.gif);
 background-position:0px -25px;
 color:#fff;
}

li#m3 a{
 width:133px;
 height:25px;
 background-image:url(http://sagaryoujyutu.area9.jp/image/kaihatsu.gif);
}

li#m3 a:hover{
 width:133px;
 height:25px;
 background-image:url(http://sagaryoujyutu.area9.jp/image/kaihatsu.gif);
 background-position:0px -25px;
 color:#fff;
}

li#m4 a{
 width:133px;
 height:25px;
 background-image:url(http://sagaryoujyutu.area9.jp/image/kaisya.gif);
}

li#m4 a:hover{
 width:133px;
 height:25px;
 background-image:url(http://sagaryoujyutu.area9.jp/image/kaisya.gif);
 background-position:0px -25px;
 color:#fff;
}

li#m5 a{
 width:133px;
 height:25px;
 background-image:url(http://sagaryoujyutu.area9.jp/image/mitsumori.gif);
}

li#m5 a:hover{
 width:133px;
 height:25px;
 background-image:url(http://sagaryoujyutu.area9.jp/image/mitsumori.gif);
 background-position:0px -25px;
 color:#fff;
}

li#m6 a{
 width:135px;
 height:25px;
 background-image:url(http://sagaryoujyutu.area9.jp/image/saiyou.gif);
}

li#m6 a:hover{
 width:135px;
 height:25px;
 background-image:url(http://sagaryoujyutu.area9.jp/image/saiyou.gif);
 background-position:0px -25px;
 color:#fff;
}

/*---------------------------
  トピックス
---------------------------*/
.topititle {
 margin:0px;
 background-image:url(http://sagaryoujyutu.area9.jp/image/title_bg.gif);
 background-repeat:no-repeat;
 background-position:left bottom;
 background-color:#fff;
 margin-bottom:15px;
 display:none;
}

.topititle-body {
 padding:10px 0px 5px 15px;
 color:#000;
 font-size:19px;
 font-family:Arial, sans-serif;
 letter-spacing:0.1em;
 font-weight:bold;
 display:none;
}

/* ---------------------------
アンケートフォーム
--------------------------- */
.enquete {
margin:10px 0 10px 0;
}

.enquete-input {
margin:0px;
padding:0px;
background-color:#fff;
border:1px solid #DADCDA;
}

.enquete-confirm {
margin:0px;
padding:0px;
background-color:#fff;
border:1px solid #DADCDA;
}

.enquete-confirm .title {
margin:0px;
background:#428eff;
color:#fff;
font-weight:bold;
}

.enquete-confirm .title div {
padding:0px 5px 0px 5px;
}

.enquete-confirm .text {
margin-bottom:20px;
padding:5px 10px;
}

.enquete-confirm table {
font-size:100%;
line-height:170%;
}


.enquete-input .title {
margin:0px;
padding:0px 0px 0px 5px;
background:#428eff;
color:#fff;
height:20px;
font-weight:bold;
}

.enquete-input .title div {
padding:0px 5px 0px 5px;
}

.enquete-input .text {
margin-bottom:20px;
padding:5px 10px;
}

.enquete-input table {
font-size:100%;
line-height:170%;
}

.question-answer-address {
width:350px;
}

.question-answer-name {
margin-bottom:5px;
border:1px solid #00BFFF;
}

.question-answer-zip {
margin-bottom:5px;
border:1px solid #00BFFF;
}

.question-answer-address {
margin-bottom:5px;
border:1px solid #00BFFF;
}

.question-answer-tel {
margin-bottom:5px;
border:1px solid #00BFFF;
}

.question-answer-job {
margin-bottom:5px;
border:1px solid #00BFFF;
}

.question-answer-select {
margin-bottom:5px;
border:1px solid #00BFFF;
}

.question-answer-email ,.question-answer-email-check ,.question-answer-textbox {
width:170px;
margin-bottom:5px;
border:1px solid #00BFFF;
}

.question-answer-textarea {
width:350px;
height:200px;
margin-bottom:5px;
border:1px solid #00BFFF;
}

.question-question-body {
padding-left:12px;
background:url(http://www.area9.jp/image/formlist.gif);
background-position:0 6px;
background-repeat:no-repeat;
font-weight:bold;
}

#question-15-answer {
margin-bottom:20px;
}

