/*幅指定の際は、指定した場所＝規定の幅＋margin＋*padding*/

/*ヘッダー検索部分のスタイル指定*/
#kensaku{
text-align: right;
height: 30px;
vertical-align: middle;
width: 780px;
background-color: #ffffff;
padding-top:10px;
font-size: small;
}

/*ヘッダー上段メニューのスタイル指定*/
#header-menu1{
font-size: medium;
text-align: left;
padding-left: 10px;
height: 25px;
vertical-align: middle;
background-image: url("img/header-menu-1.gif");
background-repeat: repeat-y;
background-position: top;
margin : 0px;
padding-top: 0px;
line-height: 25px;
color: #08c008;
}

#header-menu1 a:hover{
background-color: #ffffff;
}


/*ヘッダー下段メニューのスタイル指定*/
#header-menu2{
font-size: medium;
text-align: left;
padding-left: 15px;
vertical-align: middle;
background-image: url("img/header-menu-2.gif");
background-repeat: repeat-y;
background-position: top;
margin: 0px;
padding-top: 0px;
line-height: 37px;
color: #ffffff;
}

#header-menu2 a:hover{
background-color: #ffffff;
}


/*ヘッダーコピー文のスタイル指定*/
#header-copy{
font-size: medium;
padding-left: 15px;
color: #FFFFFF;
text-align: left;
background-color: #f97f4a;
height: 23px;
vertical-align: middle;
line-height: 23px;
}

/*左ナビゲーションのサブカテゴリー表示のスタイル指定*/
#sub-cat{
display: block;
padding: 0px 5px 15px 10px;
font-size: medium;
line-height: 40px;
text-align: left;
vertical-align: top;
background-image: url("img/sub-cat-line.gif");
background-position: top;
background-repeat: repeat-y;
}

.sub-cat a:hover{
background-image: url("img/header-menu-2-hover.gif");
background-repeat: repeat-x;
}

/*左ナビゲーションの事務所所在地枠のスタイル指定*/
#address{
height:260px;
width:141px;
font-size: small;
line-height: 1.2;
text-align: left;
vertical-align: top;
padding: 7px 7px 7px 7px;
margin-bottom: 5px;
background-image: url("img/address.gif");
background-repeat: no-repeat;
word-break: break-all;
}

/*ページタイトルバナーのスタイル指定*/
h1{
font-size: 22pt;
color: #b25b0e;
padding-left:30px;
width: 550px;
text-align: left;
background-image: url("img/titlebox-1.gif");
margin-bottom: 35px;
vertical-align: middle;
line-height: 40px;
font-weight: bold;
}


/*ページタイトル内の小文字スタイル指定*/
.s-font{
font-size: medium;
}

/*段落タイトルバナーのスタイル指定*/
h2{
background-repeat: no-repeat;
font-size: large;
color: #46b31a;
width: 550px;
padding-left: 30px;
height: 30px;
margin-bottom: 25px;
text-align: left;
vertical-align: middle;
line-height: 30px;
background-image: url("img/titlebox-2.gif");
background-repeat: no-repeat;
font-weight: bold;
} 

/*ボトムナビのスタイル指定*/
#bottom-navi{
font-size: small;
text-align: center;
line-height: 1.5;
background-color: #e8e8e8;
padding: 10px 30px 10px 30px ;
margin-top: 25px;
margin-bottom: 25px;
}

/*フッターのスタイル指定*/
#footer{
font-size: small;
text-align: right;
line-height: 1.5;
background-image: url("img/bottom-line.gif");
background-repeat: no-repeat;
background-position-y: top;
padding-top: 15px;
}

/*パンくずナビのスタイル指定*/
#pan{
font-size: small;
background-color:#e8e8e8;
padding-left: 5px;
text-align: left;
margin-bottom: 12px;
line-height: 20px;;
vertical-align: middle;
}

/*ページのスタイル指定*/
body{
width: 100%;
height: 100%;
text-align: center;
vertical-align: top;
background-image: url("img/body-bg1.gif");
background-position: bottom;
background-repeat: repeat-x;
background-position-x: center;
padding: 0px;
margin: 0px;
}


#814w{
width:814px;
height: 100%;
padding: 0;
margin: 0px;
border: none;
}

/*左シャドウのスタイル指定*/
#left-shadow{
width: 7px;
background-image: url("img/left-shadow.gif");
background-position: bottom;
background-repeat: repeat-y;
}

/*右シャドウのスタイル指定*/
#right-shadow{
width: 7px;
background-image: url("img/right-shadow.gif");
background-position: bottom;
background-repeat: repeat-y;
}

/*w800boxのスタイル指定*/
#w800{
width: 780px;
vertical-align: top;
text-align: left;
background-color: #ffffff;
background-repeat: repeat-y;
background-position: bottom;
padding: 0px 10px 20px 10px;
background-image: url("img/w780-bg.gif");
}

/*ヘッダーboxのスタイル指定*/
#box-header{
width: 780px;
height: 205px;
}

/*左ナビゲーションboxのスタイル指定*/
#box-navi{
width: 156px;
float: left;
text-align: left;
padding: 7px;
vertical-align: top;
background-color: #ffff99;
}

/*コンテンツboxのスタイル指定*/
#box-contents{
font-size: medium; 
text-align: left; 
width: 580px;
margin:10px 10px 15px 187px;
line-height: 1.5;
vertical-align: top;
background-color: #ffffff;
}
 
/*ホワイトテーブル（上）のスタイル指定*/
#wtable-top{
background-image: url("img/wtable-top.gif");
background-repeat: no-repeat;
height: 20px;
margin: 0px;
padding-top: 0px;
}

/*ホワイトテーブル（下）のスタイル指定*/
#wtable-bottom{
background-image: url("img/wtable-bottom.gif");
background-position: top;
background-repeat: no-repeat;
height: 5px;
margin: 0px;
margin: 0px 0px 0px 0px;
line-height: 5px;
}

/*ホワイトテーブル（中）のスタイル指定*/
#wtable-bg{
background-image: url("img/wtable-bg.gif");
background-repeat; repeat-y;
padding: 0px 40px 20px 40px;
text-align: left;
line-height: 2;
float: clear;
}

/*作業所のコピー文のスタイル指定*/
#work-home-copy{
font-size: medium;
line-height : 1.3;
margin-bottom: 10px;
}


/*作業所個別ページのメイン写真のスタイル指定*/
#main-photo{
margin-bottom: 10px;
text-align: center; 
}

/*作業所個別ページの活動案内の写真のスタイル指定*/
#annai-photo-left{
text-align: left;
margin: 0px 0px 10px 0px;
font-size: small;
float: left;
width:170px;
}

#annai-photo-center{
text-align: left;
margin: 0px 200px 10px 200px;
font-size: small;
float:both-clear;
}

#annai-photo-right{
text-align: left;
margin: 0px 0px 10px 0px;
font-size: small;
float: right;
width:170px;
}

/*マップアイコンのスタイル指定*/
#icon-map{
height: 27px;
width: 102px;
line-height: 27px;
text-align: center;
background-image: url("img/botan-map.gif");
background-repeat: no-repeat;
background-position: left;
margin-bottom: 5px;
}

/*メールアイコンのスタイル指定*/
#icon-mail{
height: 27px;
width: 122px;
line-height: 27px;
text-align: center;
background-image: url("img/botan-mail.gif");
background-repeat: no-repeat;
}

/*カタログアイコンのスタイル指定*/
#icon-catalog{
height: 27px;
width: 172px;
line-height: 27px;
text-align: center;
background-image: url("img/botan-catalog.gif");
background-repeat: no-repeat;
margin-top:7px;
}

/*作業所詳細のアイコンのスタイル指定*/
#icon-workhome{
height: 27px;
width: 172px;
line-height: 27px;
text-align: center;
background-image: url("img/icon-workhome.gif");
background-repeat: no-repeat;
margin-top:7px;
}


/*ページトップへ戻るのスタイル指定*/
.arrow-top{
height: 17px;
line-height: 17px;
background-image: url("img/arrow-top.gif");
background-repeat: no-repeat;
background-position: 460px;
text-align: right;
font-size: small;
margin: 10px 0px 10px 0px;
display: block;
}

/*次のページへ進むのスタイル指定*/
.arrow-next{
height: 17px;
line-height: 17px;
background-image: url("img/arrow-right.gif");
background-repeat: no-repeat;
background-position: right;
text-align: right;
padding-right:20px;
font-size: small;
margin-top: 5px;
display: block;
}

/*前のページに戻るのスタイル指定*/
.arrow-back{
float: left;
width: 290px;
height: 17px;
line-height: 17px;
background-image: url("img/arrow-left.gif");
background-repeat: no-repeat;
background-position: left;
text-align: left;
padding-left:20px;
font-size: small;
margin-top: 5px;
display: block;
}

/*作業所住所の詳細のスタイル指定*/
#detailed-add{
padding:5px;
text-indent: 1em;
background-color: #e8e8e8;
line-height: 1.5;
}

/*トップページメニューインデックスボックスのスタイル指定（左）*/
.top-indexbox-left{
width: 251px;
height: 102px;
background-image: url("img/top-index-bg.gif");
background-repeat: no-repeat;
float: left;
margin-right: 9px;
padding: 9px 9px 9px 24px;
font-size: small;
line-height: 1.3;
vertical-align: top;
display: block;
margin-bottom:5px;
}


/*トップページメニューインデックスボックスのスタイル（右）指定*/
.top-indexbox-right{
width: 251px;
height: 102px;
background-image: url("img/top-index-bg.gif");
background-repeat: no-repeat;
float: clear;
padding: 9px 9px 9px 24px;
font-size: small;
line-height: 1.3;
vertical-align: top;
display: block;
margin : 0px 0px 5px 291px;
display: block;
}

/*インデックスボックスのタイトルのスタイル指定*/
.top-index-box-title{
color: #0FB106;
font-size: medium;
text-align: left;
display: block;
}

/*テキストに対して画像左*/
.text-left{
float: left;
margin:0px 3px 0px 0px;
display: block;
}

/*テキストに対して画像右*/
.text-right{
float: right;
margin:0px 0px 0px 3px;
display:block;
}

/*詳細ボタンのスタイル指定*/
.detail-icon{
background-image: url("img/detail-icon.gif");
background-repeat: no-repeat;
background-position: right;
padding-right: 7px;
text-align: right;
font-size: small;
width: 244px;
height: 19px;
line-height: 19px;
display:block;
}

/*インデックスボックス説明文のスタイル指定*/
.setsumei{
height: 85px;
overflow:auto;
display:block;
}

/*トップイメージのスタイル指定*/
#top-img{
width: 580px;
height: 200px;
background-image: url("img/top-image.jpg");
background-repeat: no-repeat;
margin: 10px 0px 20px 0px;
}

/*小見出しボックスサーモンピンク指定*/
.box-bg-pink{
display: block;
padding-left: 10px ;
border: #F97F4A solid 1px;
width: 130px;
background-color: #F1C9A9;
}


/*カタログのインデックスボックス137wのスタイル指定*/
#w137box{
width: 125px;
height: 88px;
padding: 6px;
margin: 0px 10px 3px 0px;
background-image: url("../catarog/img/goods-box-index.jpg");
background-repeat: no-repeat;

vertical-align: top;
}

.caption{
font-size: small;
display: block;
padding: 20px 0px 10px 0px;
display: block;
}

/*カタログページの写真枠スタイル指定*/

.goods-box-inde{
width: 220px;
padding: 15px;
background-image: url("../catarog/img/goods-box.jpg");
background-repeat: no-repeat;
margin: 0px 132px 0px 132px;
font-size: small;
display: block;
}

.goods-box-inde-tate{
width: 146px;
padding: 15px;
background-image: url("../catarog/img/goods-box-tate.jpg");
background-repeat: no-repeat;
margin: 0px 169px 0px 169px;
font-size: small;
display: block;
}

.goods-box2{
width: 220px;
padding: 15px;
background-image: url("../catarog/img/goods-box.jpg");
background-repeat: no-repeat;
margin: 0px 7px 0px 0px;
display: block;
}


.goods-box1{
width: 220px;
padding: 15px;
background-image: url("../catarog/img/goods-box.jpg");
background-repeat: no-repeat;
margin: 0px 0px 0px 7px;
float: right;
display: block;
}

/*カタログ写真キャプションスタイル指定*/
.cat-photo-cap{
font-size: small;
margin: 15px 0px 5px 0px; 
display: block;
}


/*カタログ写真掲載範囲スタイル指定*/
#w514{
text-align: center;
width: 514px;
padding:0px 33px 0px 33px;
display: block;
}


/*作業所インデックスボックスのスタイル指定*/
.indexbox-550{
width: 530px;
height: 64px;
margin: 0px 0px 10px 15px;
padding: 10px;
background-image: url("../work_home/img/index-box550-84.gif");
background-repeat: no-repeat;
text-align: left;
line-height: 1.3;
display: block;
}

.indexbox-550-100{
width: 530px;
height: 80px;
margin: 0px 0px 10px 15px;
padding: 10px;
background-image: url("../work_home/img/index-box550-100.gif");
background-repeat: no-repeat;
text-align: left;
line-height: 1.3;
display: block;
}

/*作業所インデックスボックスのタイトル指定*/
.index-title{
font-weight: bold;
color: #F97F4A ;
} 

/*作業所インデックスボックスの詳細リンクの指定*/
.index-detail{
width: 84px;
height: 19px;
background-image: url("img/detail-icon.gif");
background-repeat: no-repeat;
font-size: small;
text-align: center;
margin-left:10px;
float: right;
display: block;

}

/*枠なしインラインフレーム*/
.free-frame{
width: 580px;
margin: 0px;
padding: 0px;
frameborder: 0;
scrolling: no;
overflow:visible;
}