@charset "UTF-8";
@font-face{font-family: mplus-2p-medium;src: url('http://mplus-fonts.sourceforge.jp/webfonts/mplus-2p-medium.ttf')format("truetype");}
address, blockquote, code, fieldset,h1,h2, h3, h4, h5, h6, hr, li, menu, p, pre, q, dt,dd, samp, table{padding:0;margin:0 0 1.8em;list-style:none;line-height:180%;letter-spacing:0.04em;font-weight:normal;text-align:justify;}
body{min-width:980px;margin:auto;font-size:12px;font-family:mplus-2p-medium, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;line-height:2.1;_font-family:"ＭＳ Ｐゴシック";color: #000;background: #fff;padding: 32px 16px;}
a{color:#000;text-decoration: underline;cursor:pointer;}
a:link{text-decoration:none;}
a:hover,
a:active{text-decoration:none;color:#000;}
a:visited{text-decoration:none;color:#000;}

footer a,
section a{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
body{margin:0;}

.font{font-family: Helvetica Neue,Helvetica,Arial,sans-serif;}

/** table **/
table{margin: 24px auto;border: 0 none;border-top: 1px #bbb solid;border-left: 1px #bbb solid;}
table th,
table td{padding:8px 16px;margin:0;border-color: #bbb;border-spacing: 0;border-collapse:collapse;border-width:0 1px 1px 0;border-style:none solid solid none;text-align:left !important;vertical-align: top;}
table th{white-space: nowrap;font-weight: bold;}
table td{}

form {
    border: 2px solid;
    border-radius: 3px;
    padding: 20px 20px;
    margin: 50px auto;
    max-width: 500px;
}
form p {
    display: block;
    margin: 0;
    padding: 16px 0;
}
form p label {
    width: 140px;
    display: block;
    float: left;
    font-size: 14px;
}
form span {
    color: #f00;
    padding: 5px 2px 0;
}
form p input, form p textarea {
    width: 340px;
    padding: 4px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
form p textarea {
    height: 250px;
}
form input[type="submit"]{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#555;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
    margin:auto;width:170px;display:block;
}
form input[type="submit"]:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}
form input[type="submit"]:active {
	position:relative;
	top:1px;
}


/*============================
header
============================*/
header{width: 240px;margin: auto;padding: 0 0 24px 0;float: left;overflow: hidden;}
header nav{}
header nav h1{margin: 0;line-height: normal;width: 170px;float: left;padding: 0 0 24px;}
header nav h1 a{}
header nav h1 a img{width: 170px;vertical-align: top;}
header nav ul{margin: 0;padding: 0;display: block;font-size: 19px;}
header nav ul li{display: block;letter-spacing: 1px;margin: 0;padding: 0 0 8px 0;line-height: normal;}
header nav ul li a{color: #000;padding: 0;margin: 0;vertical-align: baseline;letter-spacing: normal;}
header nav ul li.r{margin:16px 0 0 0;}
header nav ul li.sns{margin: 16px 0 0 0;display: inline-block;}
#company li.l,
#contact li.l
{display:none;}

/*============================
#c
============================*/
body{max-width: 1290px;margin: auto;/* overflow: hidden; *//* height:1076px !important; */}
body #c{
    margin: 0 0 40px 240px;
}
body#top #c{
    height: 644px !important;
    overflow: hidden;
}

#c article{ width: 83px; height: 640px; margin: 2px; overflow: hidden;}
#c article h1{ display: none;}
#c article h1 a{}
#c article img{height: 100%;margin: 0 0 0 -300px;}
#c article.big{width:420px;height:420px;}
#c article.none{display: none !important;}

#sns{width: 1280px;margin: auto;text-align: right;padding: 16px 8px 16px 0;font-size: 14px;line-height: 40px;}
#sns span{
    vertical-align: top;
    margin: 0 16px 0 0;
    position: relative;
    top: 1px;
}
#sns a{font-size: 20px;margin: 0 0 0 4px;vertical-align: baseline;}
#sns a.icon-twitter{}
#sns a.icon-facebook-squared{}

.fukidashi{width:207px;padding: 8px;border:1px solid #fff;border-radius:0;box-shadow:0;color: #fff;background: #000;opacity:0.9;text-align: left;}
.fukidashi p{margin: 0;padding: 0; }
.fukidashi a{ display:block;color: #fff;}

.fukidashi2{padding:16px 24px;border:2px solid #fff;border-radius:0;box-shadow:0;color: #fff;background: #000;opacity:0.9;text-align: left; font-size:15px;}

/*============================
#desc
============================*/
#desc{ /* background: url(images/about_bg.jpg) right center; */ margin: 0 0 40px 0; background-size: cover;}
#desc div{display: block;}
#desc div h1{margin: 0 0 72px;padding: 0;border-top: 2px solid #171c61;border-bottom: 2px solid #171c61;height: 2px;line-height: 52px;box-shadow: -1px 6px 0px -2px #171C61;text-align: right;font-size: 18px;color: #171C61;}
#desc div h1 img{
    float: right;
    width: 160px;
    background: #fff;
    margin: -5px 0 0 0;
    padding: 0 8px;
}
#desc div h2{margin: 0;padding: 0 0 16px;font-size: 16px;text-align: center;}
#desc div h3{padding: 0;margin: 0 0 16px 0;font-size: 23px;}
#desc div p{padding: 0 0 100px 0;margin: 0;}

/*============================
footer
============================*/
footer{max-width: 900px;margin: 0 auto; clear:both;padding: 24px 0;}
footer ul{padding: 0;margin: 0;display: block;}
footer ul li{ width: 48%; margin: 0 1%;padding: 0; float: left; box-sizing: border-box;line-height: normal;font-size: 14px;}
footer ul li a{}
footer ul li a strong{}
footer ul li.li1,
footer ul li.li2{border:1px solid #000;}
footer ul li.li1 a,
footer ul li.li2 a{border:2px solid #fff; display: block; padding: 0; height: 190px;}
footer ul li.li1 a strong,
footer ul li.li2 a strong{padding: 8px 16px;display: block;text-shadow: 0 0 3px #fff,0 0 3px #FFF;}
footer ul li.li1 a{ background:url(images/2014-08-04_os.jpg) center center no-repeat;}
footer ul li.li2 a{ background:url(http://maps.google.com/maps/api/staticmap?center=35.705613,139.787776&zoom=14&markers=color:white|35.705613,139.787776&size=428x212&sensor=false) center center no-repeat;}
footer ul li.li3{text-align: center;}
footer ul li.li3 strong{ display:block; line-height: 18px; padding: 8px 0 16px 0; font-size: 13px;}
footer ul li.li3 .box{ display: block; margin: 0 0 8px 0; padding: 0;color: #fff;border-radius: 6px;
background-image:-moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(57,57,57) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(57,57,57) 100%);background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(57,57,57) 100%);box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.118);height: 67px;
background: #000\9;
}
footer ul li.li3 a.box{line-height: 64px;letter-spacing: 1px;}
footer ul li.li3 div.box{line-height: 20px;padding: 11px 0 0 0;height: 53px;}
footer ul li.li3 div.box a,
footer ul li.li3 div.box a:link{color:#fff;}
footer small{ display:block;margin:0; padding: 40px; text-align: center; clear: both; letter-spacing: 2px; color: #888;}


@media screen and (max-width:1290px) {
	#top{max-width:1083px;}
	header,#sns,footer{/* width:1073px; */}}
@media screen and (max-width:1083px) {
	#top{max-width:876px;}
	header,#sns,footer{/* width: 866px; */}
	header nav ul li.l a{font-size:17px}
}
@media screen and (max-width:876px) {
	#top{max-width:669px;}
	header,#sns,footer{/* width:659px; */}
}