/* Reset */
#hamazo-banner{
	background-color: #ffffff;
	height: 300px;
	width: 750px;
	margin: 0px;
	overflow: hidden;
	background-image: url(http://461.jp/img/common/logo.png);
	background-repeat: no-repeat;
	background-position: center;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 13px;
	line-height: 23px;
	color: #333333;
	-webkit-text-size-adjust: none;

}
img {
	border:0px;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
		user-select: none;
}
a:hover img{
	cursor:pointer;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	-ms-filter: "alpha(opacity=50)"; /* IE8 */
	zoom:1;
}
p {
	margin: 0px;
	padding: 0px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	margin-left:0px; list-style-type: none;
}
.md-center {
	margin:1em auto;
	padding:0;
	text-align:center;
	color: #333333;
}
.md-left {
	text-align: left;
	margin: 0px;
	padding: 0px;
	color: #333333;
}
.md-right {
	text-align: right;
	color: #333333;
}



.clear {
	padding-top: 40px;
}
.clear2 {
	padding-top: 25px;
}
.clear3 {
	padding-top: 10px;
}
.clear4 {
	padding-top: 5px;
}
.line {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.line2 {
	border-top-style: dotted;
	border-top-color: #C3C3C3;
	border-top-width: 1px;
}
address {
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
}
address img {
	line-height: 20px;
	vertical-align: middle;
}
#pageTop {
	width: 95%;
	text-align: right;
	margin-top: -28px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	height: 28px;
}
.pagetop {
	text-align: right;
	height: 25px;
	width: 680px;
}
.sub-title {
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #414141;
	padding-left: 10px;
	padding-top: 1px;
	font-size: 14px;
}




/* ------text------ */

.title {
	font-size: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
	margin-top: 30px;
	margin-bottom: 10px;
}

.copy-txt {
	font-weight: bold;
	font-size: 13px;
}
.big-txt {
	font-size: 16px;
	line-height: 24px;
}
.blue-txt {
	color: #626393;
	font-size: 14px;
	font-weight: bold;
}
.blue-txt2 {
	color: #626393;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 8px;
	line-height: 32px;
}

.mini-txt {
	font-size: 9px;
	line-height: 16px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	letter-spacing: 0em;
}
.mini-txt2 {
	font-size: 9px;
	line-height: 16px;
	color: #999999;
	margin-top: 15px;
}
.mini-txt2 a:link {
	color: #999999;
	text-decoration: none;
}
.mini-txt2 a:visited {
	color: #999999;
	text-decoration: none;
}
.mini-txt2 a:hover {
    color: #666666;
	text-decoration: underline;
}
.mini-txt2 a:active {
    color: #666666;
	text-decoration: underline;
}
.mini-txt3 {
	font-size: 10px;
	color: #666666;
	padding-bottom: 15px;
}


.red-txt {
	color: #BB0000;
}
.ya {
	font-size: 13px;
	background-image: url(img/common/yajirusi.png);
	background-repeat: no-repeat;
	line-height: 18px;
	padding-left: 10px;
}
h2 {
	font-size: 13px;
	line-height: 23px;
	color: #333333;
	font-weight: normal;
}
h3 {
	color: #CCCCCC;
	font-size: 8px;
	line-height: 10px;
}

/* ------link------ */

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


/* ------top------ */

#top_logo
{
	margin-left: -243px;
	left: 50%;
	position: absolute;
	z-index:10;
	padding-top: 50px;
}
.top_logo_link
{
	height: 111px;
	width:486px;
	background-image: url(img/common/logo.png);
}

#sub_contents
{
	height: 30;
	width:313;
	margin-left: -157px;
	top: 93%;
	position: absolute;
	z-index:30;
	left: 50%;
	
}
.sub_contents_l{
	height:30;
	width:313;
	background-image: url(img/top/sub_contents_off.png);
	background-repeat: no-repeat;
}
.sub_contents_l:hover
{
	background-image: url(img/top/sub_contents_on.png);
	cursor:pointer;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	-ms-filter: "alpha(opacity=100)"; /* IE8 */
	zoom:1;
}

#top_navi
{
	width: 100%;
	padding-right: 15px;
	position: absolute;	
}
.top_navi-h1 {
	font-size: 12px;
	float: right;
	font-weight: normal;
	padding-right: 15px;
	line-height: 12px;
}

.top_navi-tel {
	float: right;
	height: 20px;
	width: 138px;
	padding-right: 10px;
}
.top_navi-mail {
	float: right;
	height: 20px;
	width: 150px;
	padding-right: 15px;
}


/* ------main------ */

#main	{
	width:100%;
	top: 50px;
	text-align: center;
}
#contents {
	width: 940px;
	text-align: left;
	padding-bottom: 150px;
}



/* ------side-navi------ */

#side-navi {
	float: left;
	width: 220px;
}

a.txt-navi {
	display: block;
	background-color: #FFFFFF;
	width: 193px;
	transition-property: all;
	transition: 0.3s linear;
	font-size: 13px;
	text-align: left;
	background-image: url(img/common/yajirusi2.png);
	background-repeat: no-repeat;
	border-top-style: dotted;
	border-top-color: #C3C3C3;
	border-top-width: 1px;
	padding-left: 27px;
	line-height: 38px;
	height: 38px;
	padding-top: 2px;
}
a.txt-navi:link
{
	text-decoration: none;
	background-color: #FFFFFF;
}
a.txt-navi:visited
{
	text-decoration: none;
	background-color: #FFFFFF;
}
a.txt-navi:hover
{
	text-decoration: none;
	background-color: #E3E3E3;
	color: #333333;
}
a.txt-navi:active
{
	text-decoration: none;
	background-color: #E3E3E3;
	color: #333333;
}
#side-sosial-box {
	width: 218px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	border: 1px solid #CCCCCC;
}
#side-info-box {
	padding: 10px;
	width: 180px;
	border: 10px solid #E3E3E3;
	line-height: 18px;
}



/* ------main-content------ */

#main-contents {
	float: right;
	width: 680px;
}
#news-box {
	width: 680px;
	margin-top: -24px;
}
.news-info {
	background-color: #F0F0F0;
	width: 680px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.news-date {
	line-height: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	float: left;
	width: 130px;
	padding-left: 15px;
	font-weight: bold;
}
.news-title {
	float: left;
	width: 520px;
	line-height: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.news-title a {
	text-decoration: underline;
}
#top-lifestyle {
	text-align: center;
}
#top-lifestyle img {
	border: 1px dotted #CCCCCC;
}
#top-lifestyle  .ya {
	text-align: left;	
}

#concept-smart {
	width: 614px;
	border: 3px solid #626393;
	text-align: center;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
}
#concept-smart img {
	padding-top: 20px;
}


#top-lifestyle, #top-navi-contents01, #top-navi-contents02 {
	width: 680px;
}


#top-navi-contents01 .ya, #top-navi-contents02 .ya {
	margin-top: 5px;
	margin-bottom: 5px;
}

a.top-navi01 {
	display: block;
	background-color: #FFFFFF;
	float: left;
	width: 188px;
	height: 295px;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	line-height: 18px;
	transition-property: all;
	transition: 0.3s linear;
	padding: 10px;
	margin-right: 25px;
	margin-bottom: 25px;
}
a.top-navi01:link
{
	text-decoration: none;
	background-color: #FFFFFF;
}
a.top-navi01:visited
{
	text-decoration: none;
	background-color: #FFFFFF;
}
a.top-navi01:hover
{
	text-decoration: none;
	background-color: #E1E1E1;
	color: #333333;
}
a.top-navi01:active
{
	text-decoration: none;
	background-color: #E1E1E1;
	color: #333333;
}
a.top-navi02 {
	display: block;
	background-color: #FFFFFF;
	float: left;
	width: 188px;
	height: 295px;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	line-height: 18px;
	transition-property: all;
	transition: 0.3s linear;
	padding: 10px;
	margin-bottom: 25px;
}
a.top-navi02:link
{
	text-decoration: none;
	background-color: #FFFFFF;
}
a.top-navi02:visited
{
	text-decoration: none;
	background-color: #FFFFFF;
}
a.top-navi02:hover
{
	text-decoration: none;
	background-color: #E1E1E1;
	color: #333333;
}
a.top-navi02:active
{
	text-decoration: none;
	background-color: #E1E1E1;
	color: #333333;
}




a.top-navi03 {
	display: block;
	background-color: #FFFFFF;
	float: left;
	width: 188px;
	height: 210px;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	line-height: 18px;
	transition-property: all;
	transition: 0.3s linear;
	padding: 10px;
	margin-right: 25px;
	margin-bottom: 25px;
}
a.top-navi03:link
{
	text-decoration: none;
	background-color: #FFFFFF;
}
a.top-navi03:visited
{
	text-decoration: none;
	background-color: #FFFFFF;
}
a.top-navi03:hover
{
	text-decoration: none;
	background-color: #E1E1E1;
	color: #333333;
}
a.top-navi03:active
{
	text-decoration: none;
	background-color: #E1E1E1;
	color: #333333;
}
a.top-navi04 {
	display: block;
	background-color: #FFFFFF;
	float: left;
	width: 188px;
	height: 210px;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	line-height: 18px;
	transition-property: all;
	transition: 0.3s linear;
	padding: 10px;
	margin-bottom: 25px;
}
a.top-navi04:link
{
	text-decoration: none;
	background-color: #FFFFFF;
}
a.top-navi04:visited
{
	text-decoration: none;
	background-color: #FFFFFF;
}
a.top-navi04:hover
{
	text-decoration: none;
	background-color: #E1E1E1;
	color: #333333;
}
a.top-navi04:active
{
	text-decoration: none;
	background-color: #E1E1E1;
	color: #333333;
}


/* ------footer------ */

.footer-box {
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 40px;
	padding-bottom: 40px;
}
.footer-line {
	width: 940px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.footer-txt-box {
	width: 940px;
	text-align: center;
}

.footer-txt {
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	width: auto;
	color: #333333;
	background-image: url(img/common/yajirusi.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 3px;
}
#footer-contents-navi {
	width: 940px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 100px;
}
.footer-contents-navi01 {
	float: left;
	width: 210px;
	padding-top: 15px;
	padding-right: 33px;
}
.footer-contents-navi02 {
	float: left;
	width: 210px;
	padding-top: 15px;
}



/* ------otherpage------ */

#other-main	{
	width:100%;
	text-align: center;
	padding-top: 180px;
}
#other-page-header {
	width: 940px;
}

.page-title {
	line-height: 49px;
	height: 49px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	text-align: left;
	width: 935px;
	padding-top: 1px;
	margin-bottom: 25px;
	padding-left: 5px;
	font-size: 15px;
}
.page-title img {
	vertical-align: middle;
	line-height: 50px;
	height: 50px;
	padding-top: 0px;
}
.contents-box-type01 {
	width: 608px;
	border: 1px solid #CCCCCC;
	padding-top: 35px;
	padding-right: 35px;
	padding-bottom: 35px;
	padding-left: 35px;
}
.type01-left {
	float: left;
	width: 35px;
}
.type01-right {
	float: right;
	width: 540px;
}
.three-box {
	width: 680px;
	font-size: 11px;
	line-height: 17px;
}
.three-box01 {
	float: left;
	width: 210px;
	margin-right: 21px;
	border: 1px solid #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 21px;
}
.three-box02 {
	float: left;
	width: 210px;
	border: 1px solid #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 21px;
}
.three-box01 img, .three-box02 img  {
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}
.three-box-txt {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 12px;
	height: 280px;
}
.three-box-txt2 {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 12px;
	height: 130px;
}
.three-box-like {
	background-image: url(staff/img/like.gif);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 45px;
	padding-bottom: 10px;
	height: 40px;
}
.contents-box-type02 {
	border: 20px solid #E6E6E6;
	text-align: center;
	width: 600px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.contents-box-type03 {
	width: 540px;
}
.type03-left {
	float: left;
	width: 100px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
}
.type03-right {
	float: left;
	width: 430px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 15px;
	padding-bottom: 15px;
}
.contents-box-type04 {
	width: 540px;
}
.type04-left01 {
	float: left;
	width: 130px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
}
.type04-left02 {
	float: left;
	width: 80px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
}
.type04-left03 {
	float: left;
	width: 320px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
}
.type05-left {
	float: left;
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: 50px;
}
.type05-right {
	float: left;
	width: 280px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 15px;
	padding-bottom: 15px;
}.type05-right a {
	text-decoration: underline;
}
.contact-simplefont {
	font-weight: normal;
	text-align: left;
	line-height: 50px;
	padding-top: 15px;
}
.open-title01 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
#gallery-navi {
	width: 680px;
	padding-bottom: 20px;
}


/* ------gallery------ */

.gallery-box {
	width: 680px;
}


a.gallery-navi01 {
	display: block;
	transition-property: all;
	transition: 0.3s linear;
	background-image: url(works/img/yajirushi.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 210px;
	float: left;
	height: 40px;
	margin-right: 21px;
	border: 1px solid #CCCCCC;
	line-height: 20px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

a.gallery-navi01:link
{
	text-decoration: none;
	background-color: #FFFFFF;
}
a.gallery-navi01:visited
{
	text-decoration: none;
	background-color: #FFFFFF;
}
a.gallery-navi01:hover
{
	text-decoration: none;
	background-color: #E3E3E3;
	color: #333333;
}
a.gallery-navi01:active
{
	text-decoration: none;
	background-color: #E3E3E3;
	color: #333333;
}


a.gallery-navi02 {
	display: block;
	transition-property: all;
	transition: 0.3s linear;
	background-image: url(works/img/yajirushi.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 210px;
	float: left;
	height: 40px;
	border: 1px solid #CCCCCC;
	line-height: 20px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

a.gallery-navi02:link
{
	text-decoration: none;
	background-color: #FFFFFF;
}
a.gallery-navi02:visited
{
	text-decoration: none;
	background-color: #FFFFFF;
}
a.gallery-navi02:hover
{
	text-decoration: none;
	background-color: #E3E3E3;
	color: #333333;
}
a.gallery-navi02:active
{
	text-decoration: none;
	background-color: #E3E3E3;
	color: #333333;
}


.gallery01 {
	float: left;
	width: 210px;
	margin-right: 21px;
	border: 1px solid #CCCCCC;
	height: 320px;
	text-align: center;
	margin-bottom: 21px;
}
.gallery02 {
	float: left;
	width: 210px;
	border: 1px solid #CCCCCC;
	height: 320px;
	text-align: center;
	margin-bottom: 21px;
}
.gallary-txt {
	padding-top: 8px;
	padding-bottom: 12px;
}
#gallery-main {
	background-color: #404040;
	width: 680px;
}
.gallery-main-left {
	float: left;
	width: 460px;
	height: 320px;
}
.gallery-main-right {
	float: right;
	width: 190px;
	padding-top: 20px;
	color: #FFFFFF;
	height: 300px;
}
.gallery-main-title {
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 15px;
	padding-top: 10px;
}
.gallery-bottom-navi {
	width: 680px;
	padding-top: 10px;
	text-align: right;
}
.voice-q {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #666666;
	margin-top: 25px;
	padding-left: 12px;
	line-height: 24px;
	padding-bottom: 2px;
	font-weight: bold;
}
.voice-a {
	padding-top: 15px;
	padding-left: 33px;
}