@charset "UTF-8";
/* CSS Document */

html,body {
font: 13px "ヒラギノ明朝 Pro W3","Hiragino mincho Pro","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
padding: 0;
text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
height:100%;
*font-size:small;
*font:x-small;
background-color:#000;
color:#fff;
}

div#container {
width:900px;
height:auto;
padding:10px;
margin:30px auto 0 auto;
text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

div#header {
width:auto;
height:auto;
margin:0 0 30px 0;
padding:0;
background-color:#000;
}

div#header_top {
width:auto;
height:70px;
margin:0 0 20px 0;
padding:10px 10px 0 10px;
background-color:#ff9900;
position:relative;
}

div#header_top h2{
float:right;
font-size:100%;
margin:0;
padding:0;
position:absolute;
right:12px;
top: 50px;
}

div#header p {
margin:20px 0 10px 30px;
line-height:1.4;
}

div#content {
width:auto;
height:auto;
margin:0 0 20px 0;
padding:0;
}

div#content .left {
float:left;
width:580px;
padding:20px 0 8px 0;
height:auto;
display:inline;
background-image:url(../image/bg2.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

div#content .left_inner {
margin:0 0 0 20px;
}

div#content .left2 {
float:left;
width:580px;
height:330px;
border:1px solid #333;
padding:0;
margin:0;
display:inline;
background-image:url(../image/bg2.png);
}

div#content .right {
float:right;
width:275px;
height:auto;
margin:0 0 20px 0;
padding:15px 10px 15px 15px;
display:inline;
}

div#content .left h2 {
font-size:131%;
margin:0 0 5px 0;
padding:0;
}

div#content .left p {
margin:10px 0 15px 0;
padding:0;
line-height:1.5;
}

div#content .service {
float:left;
width:auto;
height:auto;
margin:0 25px 25px 0;
padding:5px;
background-image:url(../image/bg_white.png);
background-repeat:no-repeat;
background-position:right;
display:inline;
}

div#content .service_inner {
width:150px;
height:155px;
}

div#content .service h3 {
font-size:100%;
margin:0;
padding:0;
color:#000;
}

div#content .service p {
font-size:93%;
margin:5px 0 0 0;
padding:0;
line-height:1.3;
color:#000;
}

div#content .service img {
width:150px;
padding:0;
margin:0 auto 0 auto;
}

div#content .gyatt_img {
margin:15px auto 0 auto;
float:right;
}

div#content div.img_centering {
text-align:center;
}

div#content div.img_centering img{
margin:10px auto 0 auto;
}

div#content .right h2 {
font-size:123.1%;
margin:0 0 10px 0;
padding:0;
}

div#content .right h3 {
font-size:93%;
margin:25px 0 0 5px;
padding:0;
font-weight:lighter;
color:#ff9900;
}

div#content .right h3.jp {
font-size:85%;
margin:7px 0 0 5px;
padding:0;
font-weight:lighter;
color:#ff9900;
}

div#content .right p {
font-size:100%;
margin:0 0 10px 5px;
padding:0;
line-height:1.4;
}

div.thumb_img {
margin:0 0 0 8px;
}

div.thumb_img img {
float:left;
width:110px;
margin:0 25px 25px 0;
border:1px solid #666;
}

div.thumb_img img:hover {
-ms-filter: "alpha( opacity=35 )";/*for IE8*/
filter: alpha(opacity=35); /*for IE6〜7*/
opacity: 0.35;
}

dl.shopinfo {
width:260px;
height:auto;
padding:0 10px 0 10px;
margin:23px auto 0 auto;
font-size:93%;
line-height:1.3;
}

dl.shopinfo dt {
float:left;
width:65px;
margin:0 0 6px 0;
color:#999;
}

dl.shopinfo dd {
float:left;
width:180px;
margin:0 0 6px 0;
color:#CCC;
letter-spacing:0.1em;
}

div#content2 {
width:auto;
height:auto;
margin:20px 0 20px 0;
padding:15px 0 15px 15px;
background-color:#ff9900;
}

div#content2 h2 {
font-size:131%;
margin:0 0 5px 0;
padding:0;
}

div#content2 img {
float:left;
width:108px;
margin:0 15px 0 0;
padding:0;
}

div#footer {
width:100%;
height:20px;
margin:auto;
padding:0;
text-align:left;
bottom:0;
background-color:none;
border-top:2px solid #ff9900;
}

div#footer img{
float:right;
margin:0;
padding:0;
}

div#footer .footer_copyright {
width:auto;
height:auto;
border:none;
margin:0;
padding:12px 0 0 3px;
color:#777777;
font-size:77%;
letter-spacing:0.1em;
line-height:0;
}




.clearfix:after {
display:block;
clear:both;
height:0;
line-height:0;
overflow : hidden;
content: ".";
font-size:0.1em;}

.clearfix {
overflow : hidden;}

.t10 { font-size:77%; }
.t11 { font-size:85%; }
.t12 { font-size:93%; }
.t13 { font-size:100%; }
.t14 { font-size:108%; }
.t15 { font-size:116%; }
.t16 { font-size:123.1%; }
.t17 { font-size:131%; }
.t18 { font-size:138.5%; }
.t19 { font-size:146.5%; }
.t20 { font-size:153.9%; }
.t21 { font-size:161.6%; }
.t22 { font-size:167%; }
.t23 { font-size:174%; }
.t24 { font-size:182%; }
.t25 { font-size:189%; }
.t26 { font-size:197%; }