@charset "utf-8";

/* ===================================================================
css information

File Name  : layout.css
Author     : 
Style Info : 
=================================================================== */

/****************************************************************************

index.php

****************************************************************************/

.label.idx img { width:100%; }
.label.idx #mainCont01 { padding:0 10px 10px 10px; }
.label.idx #mainCont01 article { width:100%; display:table; border-bottom:#ddd 1px solid; padding:50px 0 20px 0; }
.label.idx #mainCont01 article > * { display:table-cell; vertical-align:middle; } 
.label.idx #mainCont01 article figure { width:30%; text-align:center; padding:0 0 30px 50px; }
.label.idx #mainCont01 article figure img { width:180px; }
.label.idx #mainCont01 article section { padding:0 50px 0 30px; }
.label.idx #mainCont01 article section h3 { color:#333; font-size:121.4%; line-height:160%; letter-spacing:0.03em; }
.label.idx #mainCont01 article section h3 small { font-size:12px; color:#888; padding:0 0 0 10px; }
.label.idx #mainCont01 article section p { padding:8px 0 0 0; }
.label.idx #mainCont01 article .btn01 { text-align:right; margin:15px 0 0 0; }
.label.idx #mainCont01 article .btn01 a { display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:40px; line-height:40px; font-size:13px; background:#888; color:#fff; text-decoration:none; text-align:center; letter-spacing:0.03em; padding:0 40px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease; 
}
.label.idx #mainCont01 article .btn01 a:hover { background:#333; }

@media screen and (max-width:800px) {

.label.idx #mainCont01 { padding:0 3px; }
.label.idx #mainCont01 article { width:100%; display:table; border-bottom:#ddd 1px solid; padding:40px 0; }
.label.idx #mainCont01 article > * { display:block; vertical-align:middle; } 
.label.idx #mainCont01 article figure { width:auto; text-align:center; padding:0; }
.label.idx #mainCont01 article figure img { width:138px; }
.label.idx #mainCont01 article section { padding:0; }
.label.idx #mainCont01 article section h3 { color:#333; font-size:121.4%; line-height:160%; letter-spacing:0.03em; padding:40px 0 0; }
.label.idx #mainCont01 article .btn01 a { display:block; *display:inline; *zoom:1; vertical-align:top; height:40px; line-height:40px; font-size:13px; background:#888; color:#fff; text-decoration:none; text-align:center; letter-spacing:0.03em; padding:0 40px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: background 0.3s ease;
-moz-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease; 
}

}