/* CSS Document */

* {
/*font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";*/
/*font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
color:#333333;
font-size:14px;
line-height:1.5em;
}

body {
text-align:center;
width:100%;
background:#EEE;
border-top:5px solid #000;
}

body,h1,h2,h3,h4,h5,h6,ul,ol,li,dh,dt,dd,dl,p ,th,tr,td{
margin:0;
padding:0;
list-style:none;
font-weight:400;
}

/* **********************
general-setting
********************** */

a {

}

img {
border:0;
}
a img.banner {
border:1px solid #AAA;
}
a:hover img.banner {
border:1px solid #EEE;
}

.marker1 {
background:#FFFF00;
line-height:1.3em;
font-weight:800;
}
.marker2 {

}
.marker3 {

}
.icon-check {
padding-left:20px;
background:url("/img/icon-check.png") no-repeat 0 50%;
}

.size1 {
font-size:150%;
font-weight:800;
}

.box1 {
padding:10px;
margin:0 10px;
border:3px solid #FFCC99;
float:left;
clear:both;
width:350px;
background:#FFFFEE;
}

.box1-img {
float:left;
width:30px;
height:60px;
overflow:hidden;
}
.box1-body {
float:right;
width:300px;
}


p {
}

#container {
width:760px;
margin:0 auto;
padding:0 10px;
overflow:hidden;
text-align:left;
background:#FFF;
border-right:1px solid #DDD;
border-left:1px solid #DDD;
}

/* **********************
header
********************** */

#header {
float:left;
clear:both;
width:100%;
padding:10px 0 5px 0;
}

#header h1 {
float:left;
width:150px;
}
.logoside {
float:left;
width:150px;
}

.youtube {
float:right;
width:450px;
text-align:right;
}
.information {
float:left;
clear:both;
width:100%;
text-align:center;
padding:10px 0px;
margin:0 0 10px 0;
background:pink;
font-weight:800;
border:1px solid #CCC;
}

/* **********************
navi
********************** */

ul#navi {
float:left;
clear:both;
width:100%;
height:42px;
overflow:hidden;
background:url("/img/bg-navi.gif") no-repeat;
}
ul#navi li {
text-indent:-9999px;
float:left;
}
li#tec a{
margin:0 0 0 60px;
display:block;
width:110px;
height:40px;
}
li#res a{
margin:0 0 0 30px;
display:block;
width:90px;
height:40px;
}
li#sho a{
margin:0 0 0 30px;
display:block;
width:80px;
height:40px;
}
li#com a{
margin:0 0 0 25px;
display:block;
width:80px;
height:40px;
}
li#con a{
margin:0 0 0 10px;
display:block;
width:240px;
height:40px;
}
/*
li#con a{
margin:0 0 0 25px;
display:block;
width:110px;
height:40px;
}
*/

/* **********************
banner
********************** */

#banner {
float:left;
clear:both;
width:100%;
padding:10px 0;
border-bottom:3px solid #EEE;
border-top:3px solid #EEE;
margin:10px 0;
}

/* **********************
content
********************** */

#content {
float:left;
clear:both;
width:740px;
overflow:hidden;
padding:0 10px;
/*background:#EEE;*/
}
#content-inside {
float:left;
background:#FFF;
width:740px;
}
.pankuzu {
clear:both;
float:left;
width:100%;
font-size:87.5%;
}
.pankuzu a {
font-size:100%;
}
#content h3 {
padding:15px 0 10px 0;
float:left;
width:100%;
}
#content h4 {
padding:15px 0 10px 10px;
float:left;
width:100%;
}
#content p {
padding:5px 20px 10px 20px;
}

/* **********************
home
********************** */

.alert-box {
float:left;
width:740px;
height:150px;
border:1px solid #AAA;
background:url("/img/bg-alert.gif") no-repeat;
}
.alert-box ul {
position:relative;
top:45px;
left:200px;
}
.alert-box ul li {
line-height:1.3em;
letter-spacing:2px;
padding-left:25px;
background:url("/img/icon-check.png") no-repeat 0 50%;
}
#content h3.home {
padding:20px 0;
}


/* **********************
technology
********************** */

/* **********************
result
********************** */

.result-box {
float:left;
width:100%;
clear:both;
padding:10px 0;
}
.result-list-box {
float:left;
width:300px;
margin:0 0 0 20px;
padding:10px;
overflow:hidden;
border:1px solid #CCC;
}
.result-list-box h6{
border-bottom:1px dotted #CCC;
}
.result-list-box ul{
padding:10px 0 10px 10px;
float:left;
width:280px;
}
.result-list-box ul li{

}


/* **********************
shop
********************** */

.shop-box {
float:left;
width:100%;
clear:both;
padding:10px 0;
}
.shop-box img {
border:1px solid #CCC;
}
.shop-left {
float:left;
width:450px;
height:auto;
}
.backnumbers {
float:left;
width:450px;
}
.backnumbers h5 {
padding:10px 5px 5px 5px;
}
.backnumbers ul {
padding:0 0 0 10px;
}
.backnumbers ul li {
display:inline;
padding:0 10px;
line-height:2em;
}
.shop-map {
float:left;
width:450px;
text-align:center;
border:1px solid #CCC;
}
.shop-info {
float:right;
width:270px;
padding:0 0 0 10px;
}
.shop-info-box {
float:left;
width:270px;
}
.shop-info-box h5 {
padding:0 0 5px 0;
}
.shop-info-box p {
}

/* **********************
shopping
********************** */

/* **********************
company
********************** */

.company-box {
float:left;
width:340px;
overflow:hidden;
padding:10px 0 0 20px;
}
.company-box table {
margin:10px 0;
width:340px;
}
.company-box table th{
width:100px;
font-weight:800;
}
.th-border {
border-left:4px solid #CCC;
padding-left:10px;
}
.company-box table td{
padding:10px;
width:240px;
background:#FFF;
}

/* **********************
contacts
********************** */

.contacts-box {
clear:both;
float:left;
overflow:hidden;
margin:5px 0;
width:718px;
padding:10px;
border:1px solid #CCC;
}
.dvd-img {
float:left;
width:200px;
}
.dvd-text {
float:right;
width:500px;
}
.tour-img {
float:left;
width:200px;
}
.tour-text {
float:right;
width:500px;
}
.form-comment {
float:left;
width:708px;
padding:5px 15px;
margin:5px 0;
border:1px solid  #FFFF66;
background: #FFFFDD;
font-weight:800;
color:#696969;
}
.form-error {
float:left;
width:708px;
padding:5px 15px;
margin:5px 0;
border:1px solid  #FF0000;
background: #FFCCFF;
font-weight:800;
color: #FF0000;
}
.contacts-form {
float:left;
clear:both;
width:740px;
background:#DDD;
}
fieldset {
display:none;
}
.contacts-form th {
width:200px;
padding:5px;
border-left:3px solid #CCC;
background:#EEE;
/*font-size:87.5%;*/
padding-left:10px;
}
.contacts-form td {
background:#FFF;
padding:10px;
}
.form-small {
color:red;
font-size:87.5%;
}
.form-text {
width:300px;
line-height:1.3em;
}
.form-address {
width:500px;
}
.form-zip1 {
width:30px;
}
.form-zip2 {
width:40px;
}
.form-textarea {
width:500px;
height:300px;
}
/***
completed
***/
.completed {
width:570px;
margin:20px auto;
border:5px solid #EEE;
}


/* **********************
footer
********************** */

#footer {
margin-top:10px;
float:left;
clear:both;
width:100%;
}
#footer-pankuzu {
float:left;
clear:both;
width:100%;
}
#footer-pankuzu p {
padding-left:40px;
}
#footer-box {
border:1px solid #CCC;
float:left;
width:738px;
padding:10px;
background:url("/img/bg-EEEEEE.png");
}
#footer-box ul {
float:left;
width:150px;
padding:10px 20px;
}
#footer-box ul li {
background:url("/img/icon-arrow2.gif") no-repeat 0 50%;
padding:4px 0 4px 25px;
font-size:87.5%;
}
#footer-box ul li a {
font-size:100%;
}
.contactnow {
padding:5px 0 0 0;
}
#footer-copy {
float:left;
clear:both;
width:100%;
font-size:82.5%;
}