@charset"UTF-8";

body { margin:auto; padding:auto; text-align:center; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote.table,tr,td{margin:0;padding:0;}
body,button,input,select,textarea{font-family:sans-serif;color:#222}::-moz-selection{background:#0071B2;color:#fff;text-shadow:none}::selection{background:#0071B2;color:#fff;text-shadow:none}
li { list-style-type:none;}
a { text-decoration: none; }
hr { color:#cccccc: }
*{ margin:0; padding:0; border:0; }
#bg{ z-index: -1; position:fixed; }
#contents { color: #FFF; adding: 10px; width: 100%; }
h1 { font-size: 100%; margin-bottom: 30px; }
h1 a { color: #FFF; }

/*Set my logo in bottom left*/



/*-------------------------------------------------
Opning
--------------------------------------------------*/

#post {  position:absolute; top:50%; left:50%; width:400px; height:400px; margin:-200px 0 0 -200px; padding:0; }
.logo_sato { 
	position: absolute; 
	width:400px; 
	height:400px; 
	background-image:url(../img/logo.jpg); 
	background-repeat:no-repeat; 
	animation-name: fade; 
	animation-duration: 6s;
	animation-timing-function: ease; 
	animation-direction:alternate;
	-webkit-animation-name: fade; 
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: ease; 
	-webkit-animation-direction:alternate;
 }
@-webkit-keyframes fade {
0% {opacity: 0;}
17% {opacity: 1.0;}
50% {opacity: 1.0;}
66% {opacity: 0;}
100% {opacity: 0;}
}
@-moz-keyframes fade {
0% {opacity: 0;}
17% {opacity: 1.0;}
50% {opacity: 1.0;}
66% {opacity: 0;}
100% {opacity: 0;}
}
@-ms-keyframes fade {
0% {opacity: 0;}
17% {opacity: 1.0;}
50% {opacity: 1.0;}
66% {opacity: 0;}
100% {opacity: 0;}
}

#floatMenu {position:relative; top:0px; left:0px;}

#wapper { width:100%; margin:auto; padding:auto; text-align:center; }
#header { width:100%; height:150px; }
#header_line { width:100%; height:30px; background-color:#000000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity:0.5; }
#main { width:1000px; margin:auto; padding:auto; text-align:center; }
#header_box { width:1000px; margin:auto; padding:auto; text-align:center; }
#header_box h1 { font-size:11px; font-family:Arial,Helvetica,sans-serif; font-weight:900; color:#ffffff; padding-top:7px; text-align:right; }
#main_cont { width:1000px; margin:auto; text-align:center; padding:auto; }
.col1 { width:495px; float:left; }
.col2 { width:495px; float:right; }

#contbox1 { width:1400px; margin:auto; padding:auto; text-align:center; }
#col3 { width:435px; float:left; }
#col3 ul { padding-left:200px; text-align:left; }
#col3 li { width:185px; border-bottom:2px solid #E6E6E6; margin-top:2px; margin-bottom:2px; }
#col4 { width:960px; float:right; }

#col5 { width:235px; float:left; }
#col5 ul { padding-left:0px; text-align:left; }
#col5 li { width:185px; border-bottom:0px solid #E6E6E6; margin-top:2px; margin-bottom:2px; }
#col6 { width:760px; float:right; padding-top:0px; }

#branch { width:185px; }
#branch ul { padding-top:5px; padding-bottom:15px; }
#branch li { margin-left:10px; background-image:url(../img/side_yaji.gif); background-repeat:no-repeat; padding-left:20px; font-size:14px; border-bottom:0px; margin-top:15px; }
#branch li a { color:#000000; }
#branch li a:hover { color:#29abe2 }


#cont_box2 { width:720px; text-align:left; padding-left:25px; padding-top:30px; }
#cont_box2 ul { width:720px; padding-left:0px;  }
#cont_box2 li { width:220px; float:left; padding-right:20px; padding-bottom:8px; font-size:16px; font-family:Tahoma,Geneva,sans-serif; padding-top:5px; font-weight:0; letter-spacing:2px; }
#cont_box2 li a { color:#000000; }
#cont_box2 li a:hover { color:#29abe2; }

#cont_box3 { width:760px; padding-top:30px; }
#col7 { width:490px; float:left;  }
#col8 { width:265px; float:right; }
.map_box { width:450px; height:450px; margin-left:25px; border:1px solid #cccccc; margin-bottom:20px; }
.photo_box { width:250px; text-align:right; padding-right:15px; padding-top:45px; }
.coment_box { background-color:#f5f5f5; margin-left:35px; margin-right:35px; border:1px solid #cccccc;     border-radius: 10px;  /* CSS3闕画｡・*/  -webkit-border-radius: 10px;    /* Safari,Google Chrome逕ｨ */  -moz-border-radius: 10px;   /* Firefox逕ｨ */   }
.coment_box1 { background-color:#f5f5f5; margin-left:30px; margin-right:35px; border-radius: 10px; margin-top:20px;  /* CSS3闕画｡・*/  -webkit-border-radius: 10px;    /* Safari,Google Chrome逕ｨ */  -moz-border-radius: 10px;   /* Firefox逕ｨ */   }

#cont_box4 { width:760px; padding-top:50px; padding-bottom:70px; }
#cont_box5 { width:740px; padding-top:40px; padding-bottom:30px; padding-left:10px; padding-right: 10px; }
#cont_box6 { width:760px; padding-bottom: 70px;}



#col9 { width:380px; float:left; }
#col10 { width:375px; float:right; }

#col11 { width:615px; float:left; }
#col12 { width:144px; float:right; }
#col13 { width:530px; float:left; padding-bottom:40px; }
#col14 { width:220px; float:right; }

#col15 { width:350px; float:left; height:300px; }
#col16 { width:630px; float:right; }

#col15 ul { text-align:left; }
#col15 li { float:left; padding-bottom:0px; }

#side_bar { border-left:1px solid #cccccc;  }
#side_bar ul { padding-top:46px;  }
#side_bar li {  }

#col16 ul { text-align:right; }
#col16 li { float:right; padding-left:20px; }

#main_box_site1 { width:100%; height:760px; background-image:url(../n_img/back_line.gif); background-repeat:repeat-x; padding-bottom:50px;}

#s_block1 { text-align:left; margin-bottom:15px; width:195px;
    background-color: #4d4d4d;  }
    
#s_block2 { text-align:left; background-color:#000033; margin-bottom:15px; width:195px; }
.s_image1 { padding-top:4px; padding-left:4px; }
.s_word1 { color:#ffffff; font-size:14px; padding:10px; padding-left:20px; padding-right:20px; line-height:150%; }
.s_word1 a { color:#ffffff }
.s_word1 a:hover { color:#99ffff; }

.style1  { font-size:14px; color:#ffffff; text-align:center; font-family:Arial,Helvetica,sans-serif; font-weight:900; padding-top:14px; }
.style2 { font-size:16px; font-family:Meiryo,"MS PGothic",arial,sans-serif; font-weight:300; text-align:left; padding-left:25px; padding-top:15px; }
.style3 { font-size:16px; font-family:Arial,Helvetica,sans-serif; font-weight:200; text-align:left; padding-left:25px; padding-top:30px; }
.style4 { font-size:16px; font-family:Arial,Helvetica,sans-serif; font-weight:200; text-align:left; padding-left:0px; padding-top:15px; }
.style5 { font-size:22px; font-family:Arial,Helvetica,sans-serif; font-weight:200; text-align:left; padding-left:35px; padding-top:30px; }
.style6 { font-size:16px; font-family:Arial,Helvetica,sans-serif; font-weight:100; text-align:left; padding-left:35px; padding-top:0px; line-height:125%; }
.style7 { font-size:16px; font-family:Arial,Helvetica,sans-serif; font-weight:200; text-align:left; padding-left:25px; padding-top:30px; padding-right:15px; color:#444444; }
.style8 { font-size:16px; font-family:Arial,Helvetica,sans-serif; font-weight:100; text-align:left; padding-left:25px; padding-top:20px; padding-right:15px;  }
.style9 { font-size:16px; font-family:Arial,Helvetica,sans-serif; font-weight:100; text-align:left; padding-left:25px; padding-top:20px; padding-right:15px; padding-bottom:50px; }
.style10 { font-size:16px; font-family:Arial,Helvetica,sans-serif; font-weight:100; text-align:left; padding-left:25px; padding-top:35px; padding-right:15px; padding-bottom:25px; }
.style11 { font-size:16px; font-family:Arial,Helvetica,sans-serif; font-weight:100; text-align:left; padding-left:25px; padding-top:35px; padding-right:15px; padding-bottom:15px; }
.style12 { font-size:16px; font-family:Arial,Helvetica,sans-serif; font-weight:200; text-align:left; padding-left:25px; padding-top:10px; padding-right:15px; color:#A67C52; }
.style13 { font-size:16px; font-family:Arial,Helvetica,sans-serif; font-weight:100; text-align:left; padding-left:25px; padding-top:5px; padding-right:15px; padding-bottom:15px; line-height:150%; }
.style14 { font-size:20px; font-family:Arial,Helvetica,sans-serif; font-weight:200; text-align:left; padding-left:25px; padding-top:30px; padding-right:15px; color:#444444; }
.style15 { font-size:16px; font-family:Arial,Helvetica,sans-serif; font-weight:200; text-align:left; padding-left:15px; padding-top:15px; padding-bottom:15px; line-height:190% }
.style16 { font-size:16px; font-family:Arial,Helvetica,sans-serif; font-weight:200; text-align:left; padding-left:40px; padding-top:20px; padding-right:25px; padding-bottom:20px; line-height:200%; }
.style17 { font-size:16px; font-family:Arial,Helvetica,sans-serif; font-weight:100; text-align:left; padding-left:35px; padding-top:30px; color:#333333; }
.style18 { font-size:16px; font-family:Arial,Helvetica,sans-serif; font-weight:100; text-align:left; padding-left:35px; padding-top:20px; color:#333333; line-height:160%; }

.istyle1 { text-align:left; padding-top:15px; }
.istyle2 { text-align:right; padding-top:10px; }
.istyle3 { padding-left:200px; padding-bottom:10px; text-align:left; }
.istyle4 { padding-top:25px; padding-right:25px; text-align:right }
.istyle5 { padding-left:0px; padding-bottom:30px; text-align:left; padding-top:40px; }
.istyle6 { text-align:left; padding-top:0px; }
.istyle7 { text-align:left; padding-left:10px; padding-top:40px; }
.istyle8 { padding-right:15px; }
.istyle9 { padding-top:30px; text-align:left; padding-left:25px; }
.istyle10 { text-align:left; padding-left:25px; padding-top:15px; }
.istyle11 { text-align:right; padding-top:30px; padding-right:15px; }
.istyle12 { text-align:right; padding-right:15px; padding-top:35px; }
.istyle13 { text-align:right; padding-top:70px; }
.istyle14 { padding-top:45px; padding-bottom:50px; }
.istyle15 { padding-bottom:30px; }
.istyle16 { text-align:center; padding-bottom:40px; }
.istyle17 { text-align:left; padding-bottom:55px; }
.istyle18 { text-align:right; padding-bottom:55px; }
.istyle19 { text-align:right; padding-top:50px; }
.istyle20 { padding-top:35px; }
.istyle21 { text-align:left; padding-top:55px; }
.istyle22 { text-align:left; padding-left:76px; padding-top:53px; }
.istyle23 { text-align:left; padding-left:76px; padding-top:27px; }
.istyle24 { text-align:left; padding-left:25px; padding-right:15px; padding-top:20px; }
.istyle25 { padding-bottom:50px; }
.istyle26 { text-align:left; padding-top:34px; }
.istyle27 { text-align:left; padding-left:25px; padding-right:15px; padding-top:45px; }
.istyle28 { text-align:left; padding-left:10px; padding-top:100px; }

.fadein { position:relative; height:640px; width:960px; }
.fadein img { position:absolute; left:0; top:0; }

.line1 { width:100%; background-image:url(../img/line.jpg); background-repeat:repeat-x; height:2px; }


/*-------------------------------------------------
FOTTER
--------------------------------------------------*/
#fotter_block { width:100%; margin:auto; padding:auto; text-align:center; background-color:#333333; }
#fotter_box { width:1000px; margin:auto; padding:auto; text-align:center; }
#f_col1 { width:205px; float:left; }
#f_col2 { width:794px; float:right; }
#f_col1 ul { padding-top:66px; border-left:1px solid #ffffff; }
#f_col1 li { float:left; }
#f_col2 ul { text-align:left; padding-left:76px; padding-top:8px; padding-bottom:60px; }
#f_col2 li { float:left; padding-right:4px; text-align:left;  }

#f_back { width:100%; height:330px;  }
#f_box { width:1000px; margin:auto; padding:auto; text-align:center; padding-top:45px; padding-bottom:50px; }
#f_box2 { width:1000px; margin:auto; padding:auto; text-align:center; }
.f_cont_back { width:1000px; height:190px; background-image:url(../n_img/foot_info.gif); background-repeat:no-repeat; }
#f_coment { width:100%; height:50px; background-color:#000000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity:0.5; margin-top:45px;}
#f_box2 ul { text-align:right; padding-top:20px; }
#f_box2 li { float:right; padding-right:15px; color:#ffffff; font-size:14px; border-right:1px solid #ffffff; height:14px; margin-right:15px; }
#f_box2 li a { color:#ffffff }
#f_box2 li a:hover { color:#cccccc; }
.f_col3 { width:400px; float:left; }
.f_col4 { width:400px; float:right; }

.f_coment1 { font-size:14px; color:#ffffff; text-align:left; padding-left:34px; padding-top:103px; line-height:150%; }


#credit { background-color:#000000; height:45px; width:100%; }

#slideshow {
    margin: 0 auto;
    width: 750px;
    text-align: left;
    margin-top:40px;
}
#slideshow div {
    width: 750px;
    height: 500px;
    overflow: hidden;
    position: relative;
}
#slideshow div div {
    top: 0;
    left: 0;
    position: absolute;
}
#slideshow ul {
    width: 750px;
    margin-top:20px;
}
#slideshow ul li {
    width: 75px;
    float: left;
    display: inline;
}
#slideshow .active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}

/* =======================================
    ClearFixElements
======================================= */
#slideshow ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
#slideshow ul {
    display: inline-block;
    overflow: hidden;}