@charset "utf-8";
/***----------------------------------------------------------------
main.css
--------------------------------------------------------------- ***/

/***------------
default
------------***/

/* リセット */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td { 
margin: 0;
padding: 0;
}

body {
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
text-align: justify;
font-size: 12px;
line-height: 1.5em;
color: #333333;
text-align: center;
}
html,body {
scrollbar-arrow-color: #ffffff;
scrollbar-face-color: #4e9804;
scrollbar-highlight-color: #4e9804;
scrollbar-shadow-color: #4e9804;
scrollbar-3dlight-color: #4e9804;
scrollbar-darkshadow-color: #4e9804;
scrollbar-track-color: #ffffff;
}
html{
}
* html body {
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

h1,h2,h3,h4,h5,h6,address,th {
font-size: 12px;
font-weight: normal;
font-style: normal;
}

a img {
border: none;
}

img {
vertical-align: bottom;
}

/***------------
common
------------***/
.hidden {
position: absolute;
left: -1000px;
top: -1000px;
height: 0px;
width: 0px;
overflow: hidden;
font-size: 0px;
display: block;
}
.center {
text-align: center;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
* html id {
margin: 0px;
padding: 0px;
}
.photo_border {
border: 1px solid #CCCCCC;
}
.line-height {
line-height: 2em;
}
.clear {
clear: both;
}

/***------------
color font-size
------------***/
.strong {
font-weight: bold;
}
.font-red {
color: #cc0000;
}
.font-green {
color: #19aa6c;
}
.font-size10 {
font-size: 10px;
line-height: 1.2em;
}
.font-size11 {
font-size: 11px;
line-height: 1.2em;
}
.font-size13 {
font-size: 13px;
line-height: 1.5em;
}
.font-size15 {
font-size: 15px;
line-height: 1.5em;
}
.font-size17 {
font-size: 17px;
line-height: 1.5em;
}

/***------------
default link
------------***/
a:link {
color: #333333;
text-decoration: none;
}
a:visited {
color: #666666;
text-decoration: none;
}
a:hover {
color: #333333;
text-decoration: underline;
}
a:active {
color: #333333;
text-decoration: underline;
}

/***------------
header
------------***/
#header {
position: relative;
width: 900px;
height: 100px;
margin: 0px auto;
text-align: left;
}
#header h1 {
font-size: 11px;
padding: 5px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#header .logo a {
width: 260px;
height: 70px;
overflow: hidden;
display: block;
text-indent: -9999px;
background: url(../img/logo.gif) left top no-repeat;
}
#header .iso {
position: absolute;
width: 160px;
height: 60px;
left: 473px;
top: 33px;
}
#header .tel {
position: absolute;
width: 254px;
height: 64px;
left: 646px;
top: 29px;
}
#header .smenu {
position: absolute;
width: 175px;
height: 13px;
left: 734px;
top: 9px;
}
#header .smenu img {
margin: 0px 10px 0px 0px;
}


/***------------
headermenu
------------***/
#headermenu {
width: 900px;
height: 60px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
#headermenu li {
height: 60px;
display: block;
list-style: none;
float: left;
}
#headermenu li a {
height: 60px;
overflow: hidden;
display: block;
text-indent: -9999px;
}
#headermenu .MENU01 { width: 150px; height:60px; background: url(../img/menu.gif) no-repeat 0px 0px; }
#headermenu .MENU01 a:hover { width: 150px; height:60px; background: url(../img/menu.gif) no-repeat 0px -60px; }

#headermenu .MENU02 { width: 150px; height:60px; background: url(../img/menu.gif) no-repeat -150px 0px; }
#headermenu .MENU02 a:hover { width: 150px; height:60px; background: url(../img/menu.gif) no-repeat -150px -60px; }

#headermenu .MENU03 { width: 150px; height:60px; background: url(../img/menu.gif) no-repeat -300px 0px; }
#headermenu .MENU03 a:hover { width: 150px; height:60px; background: url(../img/menu.gif) no-repeat -300px -60px; }

#headermenu .MENU04 { width: 150px; height:60px; background: url(../img/menu.gif) no-repeat -450px 0px; }
#headermenu .MENU04 a:hover { width: 150px; height:60px; background: url(../img/menu.gif) no-repeat -450px -60px; }

#headermenu .MENU05 { width: 150px; height:60px; background: url(../img/menu.gif) no-repeat -600px 0px; }
#headermenu .MENU05 a:hover { width: 150px; height:60px; background: url(../img/menu.gif) no-repeat -600px -60px; }

#headermenu .MENU06 { width: 150px; height:60px; background: url(../img/menu.gif) no-repeat -750px 0px; }
#headermenu .MENU06 a:hover { width: 150px; height:60px; background: url(../img/menu.gif) no-repeat -750px -60px; }


/***------------
main
------------***/
#main_bg {
margin: 0px auto;
background: url(../img/bg_phomain.jpg) repeat-x;
}
#main {
width: 900px;
height: 380px;
margin: 0px auto;
}
#main .pho_main {
width: 900px;
margin: 0px auto;
}

/***------------
footer
------------***/
#footer_bg{
margin: 0px auto 0px auto;
background: #f6f6f6;
border-top: 3px solid #1f670b;
clear: both;
}
#footer {
position: relative;
width: 900px;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
clear: both;
}
#footer .footer_menu {
width: 900px;
padding: 20px 0px 20px 0px;
font-size: 11px;
text-align: center;
}
#footer_bg2 {
margin: 0px auto 0px auto;
background: #4e9804;
clear: both;
}
#footer_bg2 .copy {
width: 900px;
color: #ffffff;
font-size: 10px;
padding: 5px 0px 5px 0px;
margin: 0px auto 0px auto;
text-align: center;
clear: both;
}
.pagetop {
width: 900px;
height: 30px;
margin: 0px auto 0px auto;
text-align: right;
clear: both;
}

/***------------
footer link
------------***/
#footer a:link {
color: #;
text-decoration: none;
}
#footer a:visited {
color: #;
text-decoration: none;
}
#footer a:hover {
color: #;
text-decoration: underline;
}
#footer a:active {
color: #;
text-decoration: underline;
}

/***------------
top contents
------------***/
#top {
width: 900px;
margin: 0px auto;
}
#top .top{
width: 900px;
text-align: left;
margin: 0px auto;
}

/***-------
top left
-------***/
#topleft {
width: 200px;
margin: 20px 0px 0px 0px;
float: left;
}
#topleft .bn {
margin: 0px 0px 10px 0px;
}
#topleft .bn p {
margin: 0px 0px 10px 0px;
}
#topleft .address {
width: 200px;
margin: 0px 0px 20px 0px;
}


/***-------
top right
-------***/
#topright {
width: 680px;
margin: 20px 0px 0px 0px;
float: right;
}
#topright .waku {
width: 680px;
margin: 0px 0px 20px 0px;
float: left;
}
#topright .bn_l {
width: 330px;
float: left;
}
#topright .bn_r {
width: 330px;
float: right;
}
#topright .stt {
width: 680px;
margin: 0px 0px 10px 0px;
}


/***-------
cont_r table
-------***/
.ta1 {
width: 680px;
margin: 0 auto;
font-size: 12px;
line-height: 1.5em;
margin-bottom: 10px;
border-left: 1px  solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.ta1 td,
.ta1 th{
padding: 5px 5px 5px 5px;
border-right: 1px  dotted #999999;
border-top: 1px  solid #cccccc;
}
.ta1 td{
}
.ta1 th{
background: #eeffc8;
text-align: left;
font-weight: bold;
}