@charset "utf-8";
body{width:100%;background-color:#FFF;font-family:"Microsoft JhengHei", "Hiragino Kaku Gothic Pro", "PMingLiU", Meiryo, Osaka, "DFKai-sb", "MS PGothic", "MS PGothic", sans-serif;color:#000;}
a{color:#000;text-decoration:none;}
a:hover{color:#333;text-decoration:underline;}
header{text-align:center;}
header h1{margin:0 auto;padding:15px 5px 7px 5px;width:90%;font-size:1.2em;}
header h1 img{width:100%;max-width:265px;}
header hj1{margin:0 auto;padding:15px 5px 7px 5px;width:90%;}
header hj1 img{width:100%;max-width:265px;}
header{position:relative;overflow:hidden;}
header ul#s_nav{margin-bottom:15px;position:relative;left:50%;float:left;}
header ul#s_nav li{float:left;position:relative;left:-50%;}
header ul#s_nav li a{display:block;font-size:0.8em;margin-right:20px;padding-left:20px;}
header ul#s_nav li.contact a{background:url("../../images/icn_contact.jpg") no-repeat left center;}
header ul#s_nav li.news a{background:url("../../images/icn_news.jpg") no-repeat left center;}
header ul#s_nav li.sitemap a{background:url("../../images/icn_sitemap.jpg") no-repeat left center;}
header p{width:100%;}
header p img{width:100%;height:auto;max-width:960px;}
nav ul{margin-bottom:15px;}
nav ul li{text-align:center;float:left;width:50%;border-bottom:2px solid #000;}
nav ul li:nth-child(odd){width:49%;border-right:1px dotted #000;}
nav ul li a{display:block;width:100%;}
div#contents{padding-bottom:20px;;font-size:1.0em;}
div#contents section#work h1{margin:0 0 15px 5px;font-size:1.2em;color:#0000FF;}
div#contents section#work h2{margin:0 0 15px 5px;font-size:1.2em;}
div#contents section#work h3{margin:0 0 15px 5px;font-size:1.2em;}
div#contents section#work h4{margin:0 0 15px 5px;font-size:1.2em;}
div#contents section#work h5{margin:0 0 15px 5px;font-size:1.2em;}
div#contents section#work h6{margin:0 0 15px 5px;font-size:1.2em;}
div#contents section#work article{width:100%;min-width:120px;float:left;margin-bottom:30px;}
div#contents section#work article h3{font-size:0.9em;font-weight:bold;}
div#contents section#work article p{text-align:left;font-size:0.9em;line-height:2.0em;padding:0 15px;color:#000000;}
div#contents section#work article img{width:100%;height:auto;max-width:700px;}
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,
.video-container object,
.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
div#contents section#news{margin-left:5px;}
div#contents section#news h2{margin:0 5px 12px 0;background:url("../../images/bg_headerLine.jpg") repeat-x bottom;padding-bottom:10px;font-size:1.0em;}
div#contents section#news article h3{font-size:0.7em;background:url("../../images/icn_arrow.jpg") no-repeat center left;margin-bottom:10px;padding-left:7px;}
div#contents section#news article hj3{font-size:1em;background:url("../../images/icn_arrow.jpg") no-repeat center left;margin-bottom:10px;padding-left:10px;}
div#contents section#news article p{line-height:1.4em;font-size:0.8em;margin:0 0 20px 10px;}
div#contents section#news article p a{text-decoration:underline;}
div#contents section#news article p a:hover{text-decoration:none;}
div#contents section#information{text-align:center;margin-left:5px;}
div#contents section#information h2{text-align:left;margin:0 5px 15px 0;background:url("../../images/bg_headerLine.jpg") repeat-x bottom;padding-bottom:10px;font-size:1.0em;}
div#contents section#information ul li{width:100%;margin-bottom:5px;}
div#contents section#information ul li img{width:98%;height:auto;max-width:470px;}
a#pagetopBtn img{position:fixed;bottom:10px;right:2px;}
a#pagetopBtn2 img{position:fixed;bottom:30px;right:42px;}
div#pagetopBtn3{position:fixed;top:10px;right:2px;font-size:0.9em;}
footer{border-top:1px solid #000;}
footer div{margin:20px 0 0 20px;}
footer div p{font-size:0.7em;line-height:2.0em;}
footer div small{font-size:0.6em;}

@media only screen and (min-width:760px){header{position:static;overflow:visible;}
header h1{text-align:left;padding:15px 5px 7px 5px;width:280px;float:left;}
header h1 img{width:100%;}
header ul#s_nav{float:right;margin-top:20px;position:static;}
header ul#s_nav li{float:left;position:static;}
nav{text-align:center;border-bottom:3px double #000;margin:10px auto 15px auto;}
nav ul li{text-align:center;float:left;width:16%;border-bottom:none;border-right:1px dotted #000;}
nav ul li:nth-child(odd){width:17%;border-bottom:none;}
nav ul li.home{border-left:none;margin-left:1px;}
nav ul li.contact{border-right:none;}
nav ul li a{display:block;}
div#contents section#work article{width:100%;}
div#contents section#work article h3{line-height:2.0em;}
div#contents section#work article p{font-size:0.8em;line-height:2.0em;}
}
@media only screen and (min-width:961px){header{width:960px;margin-left:auto;margin-right:auto;}
nav{max-width:960px;}
nav ul{margin-left:auto;margin-right:auto;}
nav ul li:nth-child(odd){border-bottom:none;}
nav ul li.home{border-left:1px dotted #000;}
nav ul li.contact{border-right:1px dotted #000;}
div#contents{max-width:960px;margin:0 auto;}
div#contents section#work article img{width:auto;height:auto;max-width:480px;}
div#contents section#work article{width:100%;font-size:1.2em;}
div#contents section#work article h3{line-height:2.2em;}
div#contents section#news{width:49%;float:left;}
div#contents section#information{width:49%;float:right;}
footer{text-align:center;max-width:960px;margin-left:auto;margin-right:auto;}
}