@charset "utf-8";
/* CSSの初期化 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}

/* ここから */
body{
background-color: #ffffff;
padding-bottom:30px;
}
.container{
	margin-top:10px;
}
#google_translate_element{
position: absolute;
top: 3px;
right:5px;
}
/* ヘッダー */
/* headertopはIE対策用、他のブラウザでは必要なし */
.headertop {
max-width: 1200px;
width: 100%;
margin: 0px auto;
border-style: none;
border-bottom: 1px solid #595757;
padding-bottom:15px;
}
.header {
clear: both;
max-width: 1200px;
width: 100%;
text-align: left;
margin: 0px auto;
border-style: none;
}
/* タイトルの位置を固定する */
.title_m {
position:static;
vertical-align:top;
width:100%;
padding-bottom:15px;
}
.title_contents {
position:relative;
top: 0px;
}
/* 横並びに揃える為、テーブル使用する ＩＥ対策 */
table.head {
max-width: 1200px;
width: 100%;
position: relative;
vertical-align: bottom;
top: -3px;
left: 0px;
}

/* メイン */
.main {
clear: both;
max-width: 1200px;
width: 100%;
text-align:left;
padding-top: 5px;
margin-right: auto;
margin-left: auto;
margin-top: 5px;
border-bottom: 1px solid #595757;
}
.page {
min-height:175px;
font-family: "メイリオ","Meiryo"," Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","Helvetica","Arial","Sans-Serif";
font-size: 14px;
padding-top: 0px ;
padding-left:15px;
}
/* カテゴリー内のテーブル */
table.category {
width: 100%;
padding: 0px;
}
td.tdcate {
float:left;
width: 125px;
margin-left:5px;
margin-bottom: 15px;
}
td.tdcate  a{
color:#595757;
text-decoration: none;
}
td.tdcate  img{
	margin-bottom:3px;
	width:120px;
}
td.tdcate   a:hover {
	  text-decoration: underline;
		opacity: 0.7;
  		filter: alpha(opacity=70);
  		-ms-filter: "alpha(opacity=70)";
}
/* ヤマコーホームトップへ */
.yhome a{
color:#595757;
font-family: "メイリオ","Meiryo"," Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","Helvetica","Arial","Sans-Serif";
font-size: 16px;
text-decoration: none;
}
.yhome a:hover {
color:#cccccc;
}
/* ページトップへ */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top a {
    width: 100px;
    padding: 0 0;
    text-align: center;
    display: block;
}
#page-top a:hover {
		opacity: 0.5;
  		filter: alpha(opacity=50);
  		-ms-filter: "alpha(opacity=50)";
}
#page-top a:link,
#page-top a:visited,
#page-top a:active,
#page-top a:hover { /* FireFox リンク選択時の点線を消す */
	overflow: hidden;
	outline: none;}
/* - スマホ用（ウィンドウサイズ767ｐｘ以下）- */
@media only screen and (max-width:767px) {	
.title_m{
	margin-top:20px;
}
.header {
display: none;
}
.title_m img{
width:100%;
}
.main{
width:100%;
}
.page {
padding-left:0px;
}
td.tdcate {
width: 23%;
height:auto;
margin-bottom: 15px;
}
td.tdcate img {
width: 100%;
height:auto;
margin-bottom: 3px;
}
}