@charset "utf-8";

/*============================================================
	base
============================================================ */

body {
	margin: 0px;
	/*font-family:Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック",sans-serif;*/
	font-family:"Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	background-image:url(../img/back.jpg?ver=1.0.1);
	background-repeat:repeat-x;
	background-position:left top;
	}
	
body#index {
	background-image:none;
}

body,td,th{
	font-size:14px;
	line-height:1.6;
	color:#333;
	}

form	{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

img	{	/* imgタグへの指定 */
	border:none;	/* ボーダーラインを消す（除くnn4.7 */
	color:#FFFFFF;	/* ボーダーラインの色を白に（nn4.7対策） */
	}

p	{ 
	margin-top:0px;
	margin-bottom:20px;
	}

ul {
	margin:0;
	padding:0
}

li {
	list-style:none;
	margin:0;
	padding:0
}

h1,h2,h3 { 
	font-weight:bold;
	margin-top:4px;
	margin-bottom:2px; 
	}

h4 { font-size:14px;
	line-height:16px;
	font-weight:normal;
	margin-top:4px;
	margin-bottom:2px; 
	}

a:link {color:#333333;text-decoration:underline;}
a:visited {color:#333333;text-decoration:underline;}
a:active {color:#333333;text-decoration:underline;}
a:hover {color:#EB4D1C;text-decoration:none;}

#container {
	width:980px;
	/*padding:120px 0 40px 64px;*/
	padding:120px 0 40px 0;
	margin:0 auto;
}

@media only screen and (max-width: 768px) {
	#container {
		width:96%;
		padding:120px 2rem 40px 2rem;	
	}
}

.btns {
	text-align:center;
	
}


/*============================================================
	header
============================================================ */
header {
	margin-bottom:60px;
}

#logo { 
	margin-bottom:24px;
	width:18rem;
	height:auto;	
	}
	
#logo img { 
	width:100%;
	height:auto;
}

#gnav {
	margin-left:4px;
}

#gnav li { 
	padding:0;
	margin:0 36px 0 0;
	float:left;
	list-style:none;
	}
	
#gnav li a { 
	color:#333;
	text-decoration:none;
}

#gnav li a:hover { 
	text-decoration:underline;
}



/*============================================================
	contents
============================================================ */
article {
	margin-bottom:48px;
}

article h2 {
	padding:0px 0px 4px 0px;
	font-size:16px;	
	margin-bottom:8px;
}

article h2 a:link {
	text-decoration:none;
	}

article h2 a:hover {
	text-decoration:underline;
	}
	
article li {
	margin:0
	padding:0
}

.contents_body {
	padding:20px 10px;
	margin-bottom:24px;
	overflorw:hidden;
	}

.img_left {
	border:5px solid #DEDEDE;
	margin:0 0 10px 18px;
}




/*============================================================
	footer
============================================================ */
footer { 
	margin-top:40px;
	font-size:10px;
	}

footer#top { 
	margin-left:64px;
	}
	
footer h4 {
	font-size:10px;
}

footer h4  A:link {color:#333333;text-decoration:underline;}
footer h4  A:visited {color:#333333;text-decoration:underline;}
footer h4  A:active {color:#333333;text-decoration:underline;}
footer h4  A:hover {color:#333333;text-decoration:none;}

.pagetop {
	text-align:right;
	font-size:12px;
	}
	
.pagetop a {
	text-decoration:none;
	color:#333;
}

.pagetop a:hover {
	text-decoration:underline;
}

/*============================================================
	general
============================================================ */
.mp0 {margin:0 !important; padding:0 !important;}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}

.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mr65 {margin-right:65px !important;}
.mr70 {margin-right:70px !important;}
.mr75 {margin-right:75px !important;}
.mr80 {margin-right:80px !important;}
.mr85 {margin-right:85px !important;}
.mr90 {margin-right:90px !important;}
.mr95 {margin-right:95px !important;}
.mr100 {margin-right:100px !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}
.mb85 {margin-bottom:85px !important;}
.mb90 {margin-bottom:90px !important;}
.mb95 {margin-bottom:95px !important;}
.mb100 {margin-bottom:100px !important;}

.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml65 {margin-left:65px !important;}
.ml70 {margin-left:70px !important;}
.ml75 {margin-left:75px !important;}
.ml80 {margin-left:80px !important;}
.ml85 {margin-left:85px !important;}
.ml90 {margin-left:90px !important;}
.ml95 {margin-left:95px !important;}
.ml100 {margin-left:100px !important;}

.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt65 {padding-top:65px !important;}
.pt70 {padding-top:70px !important;}
.pt75 {padding-top:75px !important;}
.pt80 {padding-top:80px !important;}
.pt85 {padding-top:85px !important;}
.pt90 {padding-top:90px !important;}
.pt95 {padding-top:95px !important;}
.pt100 {padding-top:100px !important;}

.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pr55 {padding-right:55px !important;}
.pr60 {padding-right:60px !important;}
.pr65 {padding-right:65px !important;}
.pr70 {padding-right:70px !important;}
.pr75 {padding-right:75px !important;}
.pr80 {padding-right:80px !important;}
.pr85 {padding-right:85px !important;}
.pr90 {padding-right:90px !important;}
.pr95 {padding-right:95px !important;}
.pr100 {padding-right:100px !important;}

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb55 {padding-bottom:55px !important;}
.pb60 {padding-bottom:60px !important;}
.pb65 {padding-bottom:65px !important;}
.pb70 {padding-bottom:70px !important;}
.pb75 {padding-bottom:75px !important;}
.pb80 {padding-bottom:80px !important;}
.pb85 {padding-bottom:85px !important;}
.pb90 {padding-bottom:90px !important;}
.pb95 {padding-bottom:95px !important;}
.pb100 {padding-bottom:100px !important;}

.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl55 {padding-left:55px !important;}
.pl60 {padding-left:60px !important;}
.pl65 {padding-left:65px !important;}
.pl70 {padding-left:70px !important;}
.pl75 {padding-left:75px !important;}
.pl80 {padding-left:80px !important;}
.pl85 {padding-left:85px !important;}
.pl90 {padding-left:90px !important;}
.pl95 {padding-left:95px !important;}
.pl100 {padding-left:100px !important;}

.w320{width: 320px !important;}
.w430{width: 430px !important;}
.w500{width: 500px !important;}


.fl {float: left;}
.fr {float: right;}
.fc {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.flimg img {
	float: left;
}

.frimg img {
	float: right;
}

.clear {clear: both;}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*ﾂ･*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* end clearfix */


@media screen and (max-width: 768px) {
  body, td, th {
    font-size: 16px;
    line-height: 1.8;
  }

  p,
  .contents_body,
  .works_txt,
  article.works-detail .works_txt,
  article.works-cat .works_txt {
    padding-left: 0;
    padding-right: 0;
  }
  
  p {
		margin-bottom: 2rem;
	}

  #container {
    /*padding-left: 1rem;
    padding-right: 1rem;*/
	padding:100px 0 40px 0;
  }

  header,
  footer,
  article {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  #gnav li {
  margin: 0 6% 0 0;
}

  article h2 {
  font-size: 18px;
}

footer,
footer h4,
.pagetop {
  font-size: 14px;
  line-height: 1.8;
}

.pagetop {
	margin-bottom:2rem;
}

#foot_description {
	padding:1rem 0;
}
}