@charset "utf-8";
/* CSS Document */

body {
  width: 100%;
  margin: 0 auto;
  background-color: #E7E7E7;
  color: #333;
}

a {
  text-decoration: none;
  color: #FFF;
}

#wrap {
}

/* 文字
-----------------------------------------------*/
p {
  line-height: normal;
}
h1 {
  font-size: 110%;
  font-weight: bold;
  line-height: 20px;
}
h2 {
  font-size: 100%;
  font-weight: bold;
  margin: 5px 0;
  line-height: 18px;
}
h3 {
  font-size: 120%;
  font-weight: bold;
  margin: 5px 0;
  line-height: 20px;
}

/* ヘッダー画像
-----------------------------------------------*/
header #hbox_logo {
  padding: 10px;
  background-color: #AB0002;
}
header #milky_main02 {
  box-shadow: 0 0 15px #5B0001;
  background-color: #FF0004;
}

header h1 {
  margin-left: auto;
  margin-right: auto;
  margin: 10px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
}

/* worksを装飾
-----------------------------------------------*/
#works {
}
.works_cont {
  color: #333;
  margin: 10px 10px 15px 10px;
}
.hr_tsunagi01 {
  color: #333;
  margin: 5px 0;
}
.hr_tsunagi02 {
  clear: both;
  border: none;
  height: 1px;
  border-top: dotted 3px #999;
}
.works_img {
  float: left;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 15px;
  border: solid 1px #333;
  box-shadow: 1px 1px 5px #646464;
}
#works section.list_s {
  display: block;
}

/* 作品詳細へ
-----------------------------------------------*/
.goto_content {
  float: left;
  width: 58%;
  margin-top: 10px;
  margin-bottom: 15px;
  display: block;
}
.goto_content a {
  position: relative;
  display: block;
  padding: 14px 0;
  padding-left: 10px;
  background: #AB0002;
  color: #fff;
  font-weight: bold;
  font-size: 120%;
  text-decoration: none;
}
.goto_content a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}


/* go to top
----------------------------------------------------------*/
.gototop {
  display: block;
  text-align: center;
  height: 44px;
  line-height: 44px;
  background-color: #AB0002;
  color: #E7E7E7;
  margin: 10px 20px 0 220px;
} 

/* フッター
---------------------------------------------------------- */
#ft_navi {
	clear: both;
	border-top: #ccc solid 1px;
}
#ft_navi ul{
}
#ft_navi ul li{
}
#ft_navi ul li a{
	position:relative;
	display:block;
	height:44px;
	padding:0 10px;
	font-size:14px;
	font-weight:bold;
	color:#E7E7E7;
	text-decoration:none;
	text-indent:10px;
	line-height:44px;
	border-bottom:#ccc solid 1px;
  background-color: #AB0002;
}
#ft_navi ul li a:after {
	position:absolute;
	right:10px;
	top:50%;
	margin:-8px 0 0 0;
	display:block;
	content:"";
	width:11px;
	height:17px;
	background:url(../images/icon01.png) no-repeat;
	-webkit-background-size:11px 17px;
	background-size:11px 17px;
}

/* !風営法など
---------------------------------------------------------- */
footer {
	min-width: 320px;
	background-position: 0 bottom;
	background-repeat: repeat-x;
	background-size: 320px 18px;
	-webkit-background-size: 320px 18px;
	-moz-background-size: 320px 18px;
	-o-background-size: 320px 18px;
	-ms-background-size: 320px 18px;
  background-color: #fff;
	color:#666;
  margin-bottom: 10px;
}
	#footerIn img {
		margin: 10px;
	}
	#footerIn {
		margin: 0 10px;
		text-align: center;
	}
	#footerIn p {
		padding-bottom: 60px;
		text-align: center;
	}

/* !Button
---------------------------------------------------------- */
.bannerfloat {
  width: 100%;
}

button.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  font-weight: bold;
	color: #ffffff;
  width: 100%;
	padding: 10px 50px;
	background: -moz-linear-gradient(
		top,
		#80ff00 0%,
		#4f9905 50%,
		#468704 50%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#80ff00),
		color-stop(0.50, #4f9905),
		color-stop(0.50, #468704),
		to(#000000));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #fcd8fc;
	-moz-box-shadow:
		0px 1px 3px rgba(0,0,0,0.5),
		inset 0px 0px 1px rgba(250,252,249,0);
	-webkit-box-shadow:
		0px 1px 3px rgba(0,0,0,0.5),
		inset 0px 0px 1px rgba(250,252,249,0);
	box-shadow:
		0px 1px 3px rgba(0,0,0,0.5),
		inset 0px 0px 1px rgba(250,252,249,0);
	z-index: 9999;
}