@charset "utf-8";

/* Common */
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 {
  border: 0;
}

html, body {height:100%;}

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {display: block; }
*{margin:0; padding:0; font-weight:normal; font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; vertical-align: baseline; outline:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:focus{text-decoration:none;}
img{border:none; vertical-align:bottom;}
li{list-style:none;}
hr{clear:both; border:none; border-bottom:dotted 1px #999999; width:977px; height:15px;}

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}

.Area{width:100%; height:auto;}
.Area:after {content:""; display:block; clear:both; height:1px; overflow:hidden;}
/*\*/
* html .Area {
height:1px;
overflow: visible;
}

.sp{display:none;}
.non {display: none;}


/* Font Color */

body{background:#EDEDED;}

a:link{color:#333333;}
a:visited{color:#555555;}
a:hover{color:#D01A1B;}
a:active{color:#D01A1B;}
a:focus{color:#555555;}



/* Font Size */

body{font-size:13px;}
h1{font-size:12px;} 
.breadcrumbs{font-size:12px;}


/* 検索関連 */
header#FixMenu div.search{width:600px; height:auto;}
header#FixMenu div.search{position:absolute; top:10px; left:0; right:0; margin:0 auto;}

@media only screen and (min-width:924px) and (max-width:1025px) {
	
header#FixMenu div.search{width:550px;}

}

@media only screen and (min-width:822px) and (max-width:923px) {
	
header#FixMenu div.search{width:500px;}

}

@media only screen and (min-width:720px) and (max-width:821px) {
	
header#FixMenu div.search{width:450px;}

}



@media only screen and (max-width:719px) {
header#FixMenu div.search{position:absolute; top:40px; width:100%; box-sizing:border-box; padding:20px;}	
}



header#FixMenu div.search ul.searchselect {padding:0 3px;}
header#FixMenu div.search ul.searchselect li{float:left; padding:0 5px; border-right:1px dotted #FFFFFF; margin:3px 0; cursor: pointer;}
header#FixMenu div.search ul.searchselect li:first-child{padding-left:0;}
header#FixMenu div.search ul.searchselect li:last-child{border-right:none;}

header#FixMenu div.search ul.searchselect li span{
	display:inline-block;
	color:#FFFFFF;
	padding:2px 5px;
	border-radius:3px;        /* CSS3草案 */  
    -webkit-border-radius:3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:3px;   /* Firefox用 */
}

header#FixMenu div.search ul.searchselect li.selected span{background-color:#FFFFFF; color:#006563;}


header#FixMenu div.search form{clear:both;}
.searchbox{}


.cf:before, .cf:after{
    content:"";
    display:table;
}
 
.cf:after{
    clear:both;
}
 
.cf{
    zoom:1;
}    
	



#socialbuttons{width:300px; position:absolute; top:15px; right:25px;}
#socialbuttons div{float:right; margin-left:5px;}



.gsc-control-cse, .gsc-control-cse-ja{background:none !important; border:none !important; padding:0 !important;}
.gsc-input-box{height:30px !important; border:none !important;}
.gsc-input{line-height:25px !important;}
.gsc-search-button,.gsc-search-button-v2{height:20px !important; width:20px !important; border:none !important;}
.gsc-search-button,.gsc-search-button-v2{}