@charset "utf-8"; /* 使用する文字コード */

/*------------------------------

共通のスタイル

--------------------------------*/


html{
scrollbar-track-color:#ffffff;
scrollbar-face-color:#f2f6e8;
scrollbar-shadow-color:#eeeeee;
scrollbar-darkshadow-color:#A2CD5A;
scrollbar-highlight-color:#eeeeee;
scrollbar-3dlight-color:#dddddd;
scrollbar-arrow-color:#A2CD5A;
}
body{
font-size:9pt;
color:#3e3a39;
font-family:"MS ゴシック";
background-color:#ffffff;
text-align:center;
margin:0px;
background-image:url(../image/bg_1.jpg);
background-repeat:repeat;
overflow:scroll;
-webkit-text-size-adjust:none;
}
img{
border-style:none;
}

#body{
margin:auto;
width:1024px;
background-color: #FFFFFF;
border-left:solid 1px #325E2D;
border-right:solid 1px #325E2D;
}
#header{
width:100%;
height:120px;
}
#title_l{
float:left;
background-image:url(../image/TakaLogo.jpg);
background-repeat:no-repeat;
background-position:15px 8px;
height:120px;
}
#title_l h1{
margin-top:10px;
padding-left:150px;
font-size:24pt;
font-family:"MS Pゴシック";
color:#3e3a39;
line-height: 110px;
}
#title_l h1 a{
color:#3e3a39;
text-decoration:none;
}
#title_r{
float:right;
height:120px;
}
#title_r h1{
font-size: 10pt;
font-family:"ＭＳ Pゴシック";
color:#3e3a39;
text-align: left;
margin-top: 45px;
margin-right: 10px;
line-height: 18px;
}
#title_r p{
line-height:20px;
padding-right:15px;
margin-right: 6px;
text-align: right;
color: #ffffff;
font-size: 12pt;
font-weight: bold;
font-family:"ＭＳ ゴシック";
background-image:url(../image/contact_top.png);
background-repeat:no-repeat;
background-position: right;
}

#menu{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 40px;
}

#menu ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menu li{
  text-indent: -9999px;
  float:left;
  width: 146px;
  margin: 0;
  padding: 0;
}

#menu a{
  display: block;
  width: 100%;
  height: 40px;
  background-image: url(../image/menubar.jpg);
  background-repeat: no-repeat;
}

#menu1 a{background-position: 0 0;}
#menu2 a{background-position: -146px 0;}
#menu3 a{background-position: -292px 0;}
#menu4 a{background-position: -438px 0;}
#menu5 a{background-position: -584px 0;}
#menu6 a{background-position: -730px 0;}
#menu7 a{background-position: -876px 0;}

#menu a:hover{
  background-image: url(../image/menubar.jpg);
  background-repeat: no-repeat;
}

#menu1 a:hover{background-position: 0 -40px;}
#menu2 a:hover{background-position: -146px -40px;}
#menu3 a:hover{background-position: -292px -40px;}
#menu4 a:hover{background-position: -438px -40px;}
#menu5 a:hover{background-position: -584px -40px;}
#menu6 a:hover{background-position: -730px -40px;}
#menu7 a:hover{background-position: -876px -40px;}

#footer{
clear:both;
width:100%;
height:100px;
background-image:url(../image/bg.jpg);
background-repeat:repeat;
background-position:bottom left;
overflow:hidden;
}

/*------------------------------

TOPページのスタイル

--------------------------------*/
#image{
width: 500px;
height:200px;
margin-top: 10px;
margin-bottom: 10px;
}
#image img{
 /* 全てを非表示にして画像を重ねる */
display:none;
position: absolute;
}
#image .img1{
/* 1枚目の画像だけ表示 */
display:block;
}

/* 左エリア */
#top_left{
float:left;
margin-left: 10px;
width:304px;
font-size:8pt;
overflow:hidden;
background-color: #FFFFFF;
}

/* 右エリア */
#top_right{
float:right;
margin-right: 10px;
width:690px;
font-size:8pt;
overflow:hidden;
background-color: #FFFFFF;
}

#top_left h4,#top_right h4{
font-size:9pt;
width:690px;
line-height:26px;
padding-left:10px;
margin-top: 0px;
text-align:left;
background-position:top left;
overflow:hidden;
background-image:url(../image/bar_ｗ320.jpg);
background-repeat:repeat-x;
}

.s_box{
width: 300px;
height: 100%;
margin: auto;
margin-top:0px;
margin-bottom:5px;
border:solid 1px #A2CD5A;
-webkit-overflow-scrolling:touch;
}

.c_box{
margin-top:-16px;
margin-left: 0px;
margin-bottom:20px;
background-color: #FFFFFC;
border:solid 1px #A2CD5A;
height:150px;
overflow:auto;
-webkit-overflow-scrolling:touch;
}

.c_date{
float:left;
width: 100px;
font-size:9pt;
line-height:20px;
padding-left:3px;
margin-top: 10px;
margin-left: 5px;
text-align:left;
}

.c_text{
font-size:9pt;
line-height:20px;
padding-left:3px;
margin-top: 10px;
margin-left: 5px;
text-align:left;
}


/*------------------------------

SUBページのスタイル

--------------------------------*/

#title {
width: 780px;
height: 80px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;

background-color: #FFF000;

}

#sub_long {
width: 100%;
float:left;
}
#sub_long table{
width: 100%;
font-size:10pt;
border-style:none;
border-spacing: 0px 20px;
}
#sub_long td{
border-style:none;
text-align:left;
vertical-align: top;
line-height: 20px;
}
#sub_long td.td_left{
width: 120px;
font-weight: bold;
}
#sub_long img{
width: 200px;
border:solid 2px #325E2D;
}
#sub_long p{
padding-left: 10px;
font-size: 10pt;
text-align: left;
line-height: 25px;
}

#sub_center{
width: 780px;
margin-left: auto;
margin-right: auto;
}

#sub_left {
width: 550px;
float:left;
}

#sub_left table{
width: 550px;
font-size:10pt;
border-style:none;
border-spacing: 5px 20px;
}
#sub_left td{
border-style:none;
text-align:left;
vertical-align: top;
line-height: 20px;
}
#sub_left td.td_left{
width: 100px;
font-weight: bold;
}
#sub_right {
width: 224px;
float:right;
}
#sub_right p{
margin-top: 10px;
margin-bottom: 30px;
border:solid 2px #325E2D;
}

.sub_title {
margin-top: 10px;
height: 25px;
background-image: url(../image/bar_ｗ320.jpg);
background-repeat: repeat-x;
text-align: left;
padding-top:8px;
padding-left: 10px;
font-size:10pt;
font-weight:bold;
}


/*------------------------------

問合せフォーム,プライバシーポリシー

--------------------------------*/
#contacttext{
margin: auto;
width: 780px;
line-height: 22px;
text-align: left;
font-size: 10pt;
}

#contacttext h1{
font-size: 14pt;
}

#contacttext h2{
font-size: 10pt;
}

#contactform{
margin: auto;
width: 780px;
text-align: left;
}

#contactform h1{
font-size: 11pt;
}

#contactform table{
border-collapse: collapse;
height: 500px;
}

#contactform th,td{
border: 1px #A2CD5A solid;
padding: 5px;
}

#contactform th{
width: 250px;
text-align: right;
background-color: #f2f6e8;
}

#contactform td{
text-align: left;
}

#contactsend{
margin: auto;
margin-top: 50px;
width: 500px;
height: 350px;
text-align: center;
font-size: 10pt;
}

.caution{
color: #F00000;
}

.light_gray{
color: #c0c0c0;
}