@charset "UTF-8";





@import "common.css";




/* ===================================================================

 CSS :TOPページ

=================================================================== */

/* topmain */

#topmain {

	background: url(../images/index/bg-main01.jpg) no-repeat left top;

	height: 1%;

	padding: 0;

}



#topmain a:hover img {

	opacity:0.9;

	filter: alpha(opacity=90);

}



/* main-chatch */

#main-chatch {

	background: url(../images/index/main-chatch.png) no-repeat 165px 34px;

	text-indent: -99999px;

	width: 318px;

	height: 138px;

	padding: 34px 0 0 165px;

	float: left;

}



/* main-staffw */

.main-staffw {

	padding: 50px 0 0 125px;

	float: left;

	height: 138px;

}



.main-staffw li {

	float: left;

}



.main-staffw li.sf-01 {

	padding: 3px 0 0 0;

}



.main-staffw li.sf-02 {

	padding: 0 0 0 20px;

}



.main-staffw li.sf-03 {

	padding: 3px 0 0 22px;

}



#main-bottom {

	clear: both;

	height: 142px;

	padding-left: 97px;

	background: url(../images/index/bg-main022.jpg) no-repeat left top;

}



/* main-staffm */

.main-staffm {

	padding-top: 12px;

}



.main-staffm li {

	float: left;

}



.main-staffm li.sf-04 {

	padding: 4px 0 0 0;

}



.main-staffm li.sf-05 {

	padding: 0 0 0 21px;

}



.main-staffm li.sf-06 {

	padding: 4px 0 0 22px;

}



.main-staffm li.sf-07 {

	padding: 4px 0 0 23px;

}



.main-staffm li.sf-08 {

	padding: 2px 0 0 22px;

}



.main-staffm li.sf-09 {

	padding: 4px 0 0 23px;

}

.main-staffm li.sf-10 {

	padding: 4px 0 0 23px;

}




/* main-contact */

.main-contact {

	float: left;

	padding: 46px 0 0 72px;

	display: inline;

}



/* index4banners */
#index4banners {
	clear: both;
	background: url(../images/index/bg-indexbar.gif) no-repeat left top;
	padding: 5px 0 5px 2px;
	margin-bottom: 25px;
	height: 1%;
}



#index4banners li {

	float: left;

	padding-left: 3px;

	display: inline;

}



/* voice */

#title-voice {

	float: left;

	background: url(../images/index/bg-indexvoice.jpg) no-repeat right 31px;

	width: 220px;

	min-height: 240px;

	height: auto !important;   

	height: 240px; /*ここにIE6用の高さを設定*/  



}



#title-voice img {

	padding: 68px 0 0 10px;

}

#voice {
	clear: both;
}

#c-voice {

	float: right;

	width: 535px;

	margin-bottom: 35px;

}



/* voicebox */

.voicebox {

	background: #f2f1dd url(../images/common/bg-indexuservoice.gif) no-repeat left top;

	padding: 37px 25px 20px 25px;

	margin-bottom: 10px;

}

.voicebox .sbox-voicelist {
	margin-bottom: 20px;
	padding-top: 20px;
	border-top: 1px solid #d8d6bf;
}


.voicebox .sbox-voicelist:first-child {
	padding-top: 0;
	border-top: none;
}

.voicebox .sbox-voicelist:last-child {
	margin-bottom: 0;
}


.t-form {

	background: url(../images/index/i-from.gif) no-repeat left;

	padding-left: 29px;

	margin-bottom: 5px;

}



.voicebox h3 {

	font-size: 116%;

	line-height: 1.4;

	background: url(../images/common/dot-2px.gif) repeat-x left bottom;

	color: #362401;

	padding: 0 0 10px 0;

	margin-bottom: 10px;

}



.txt-voice {

	width: 270px;

}



.btn-moreread {

	padding-top: 5px;

}



.pictvoice01 {

	position: relative;

}



.pictvoice01 p {

	position: absolute;

	right: 0;

	top: 0;

	background: url(../images/index/p-voice.gif) no-repeat left top;

	width: 199px;

	height: 146px;

}

.pictvoice01 p.thumb-pictvoice {
	display: table;
	width: auto;
	height: auto;
	background: #fff;
	padding: 5px;
	box-shadow:0px 0px 5px 1px rgba(146,140,111,0.25);
	-moz-box-shadow:0px 0px 5px 1px rgba(146,140,111,0.25);
	-webkit-box-shadow:0px 0px 5px 1px rgba(146,140,111,0.25);
}

.pictvoice01 p.thumb-pictvoice img {
	padding: 0;
	width: 180px;
	height: auto;
}



.pictvoice01 p img {

	padding: 11px 0 0 11px;

}



/* point */
#point {
	background: url(../images/index/bg-point.jpg) no-repeat left 23px;
	height: 1%;

	padding-bottom: 25px;

	clear: both;

	margin-left: 10px;

}



#point h2 {

	float: left;

	width: 159px;

	text-align: right;

	padding-top: 83px;

}



/* c-point */

#c-point {

	float: right;

	width: 585px;

	display: inline;

}



.point1 {

	background: url(../images/index/i-point01.gif) no-repeat left top;

	padding: 0 0 0 90px;

}



.point2 {

	background: url(../images/index/i-point02.gif) no-repeat 47px top;

	padding: 0 0 0 140px;

}



.point3 {

	background: url(../images/index/i-point03.gif) no-repeat left top;

	padding: 0 0 0 90px;

}



#c-point h3 {

	margin-bottom: 10px;

}



#c-point p {

	margin-bottom: 25px;

}



/* news */

#indexnews {

	clear: both;

	margin-bottom: 30px;

	height: 1%;

}



#title-news {

	float: left;

	width: 220px;

}



#title-news img {

	padding-left: 10px;

}



#c-news {

	float: right;

	width: 535px;

	background: url(../images/common/dot4-green.gif) repeat-y left top;

	min-height: 220px;

	height: auto !important;   

	height: 220px; /*ここにIE6用の高さを設定*/ 

}



/* newsbox */

#feed div {

	margin: 0 0 0 25px;

	background: url(../images/common/dot-2px.gif) repeat-x left bottom;

	padding: 7px 0 7px 0;

	height: 1%;

	clear: both;

}



#feed div:after {

  content: "."; 

  display: block; 

  clear: both;

  height: 0;

  visibility: hidden;

}



#feed div span {



}



#feed div p {

	font-weight: bold;

	font-size: 85%;

	background: url(../images/common/i-arrowbrown.gif) no-repeat left;

	padding: 0 12px 0 12px;

	font-family: Arial, Helvetica, sans-serif;

}



#feed div dl dt {

	color: #fff;

	background: #247c00;

	padding: 1px 4px;

	font-size: 83%;

	letter-spacing: 1px;

	display: inline;

	margin-left: 12px;

}



#feed div dl dd {

	padding-left: 12px;

}



#feed div dl dd h3 {

	font-weight: normal;

	line-height: 1.5;

}



/* works */

#works {

	background: #f2f1dd url(../images/common/bg-works.gif) no-repeat left top;

	padding: 30px 0 20px 19px;

	margin: 0 0 30px 0;

	clear: both;

	height: 1%;

	overflow: hidden;

}



* html body div#works {	

	background: #f2f1dd url(../images/common/bg-works.gif) no-repeat left top;

	padding: 30px 0 0 19px;

	margin: 0 0 30px 0;

	clear: both;

	height: 1%;

	overflow: hidden;

}/* for IF6 */



#works h2 {

	float: left;

	width: 141px;

}



#works h2 span {

	display: block;

	text-align: right;

	padding-top: 5px;

}



#c-works {

	float: right;

	width: 595px;

}



/* worksbox */

.worksbox {

	float: left;
	width: 190px;
	margin-right: 3px;
	margin-bottom: 3px;
	background: #FFF url(../images/index/bg-sworkbox.gif) no-repeat right bottom;
	height: 1%;
}



.worksbox dl {

	padding: 10px 0;

}



.worksbox dl dt {

	padding: 0 10px 5px 10px;

	background: url(../images/common/dot-2px.gif) repeat-x left bottom;

}

.worksbox dl dt a.worklink-img {
	display: block;
	text-align: center;
}

.worksbox dl dt a img {

	border: 3px solid #e0dbb1;

}



.worksbox dl dt p {

	font-size: 85%;

	margin: 5px 0 0 0;

}



.worksbox dl dt p span {

	background: #797d00;

	color: #ffffff;

	padding: 2px 3px;

}



.worksbox dl dt p a {

	padding-left: 10px;

}



.worksbox dl dd {

	padding: 9px 15px 2px 15px;

}



.worksbox dl dd p {
	font-size: 90%;
	line-height: 1.4;

}

.worksbox dl dd p span {
    color: #7f6605;
	display: block;
	padding-top: 5px;
}



.worksbox dl dd h3 {

	color: #797d00;

	margin-bottom: 7px;

	line-height: 1.4;

	letter-spacing: 1px;

}





/* topics */

#topics {

	background: url(../images/index/bgt-topics.gif) no-repeat left top;

	height: 1%;

	padding-top: 38px;

	margin-bottom: 35px;

}



#topics h2 {

	position: relative;

	right: 0;

	top: 0;

}



#topics h2 img {

	position: absolute;

	right: 0;

	top: -38px;

}



#c-topics {

	width: 605px;

	background: #e7f1c6;

	height: 1%;

}



.bg-ctopics {

	background: url(../images/index/bgt-ctopics.jpg) no-repeat left top;

	height: 1%;

	padding-top: 20px;

}



.sc-topics {

	padding: 15px 40px 0 40px;

	height: 1%;

}



#txt-topics {

	width: 605px;

	background: url(../images/index/bgm-topics.gif) repeat-y left 2px;

	height: 1%;

}



#c-topics h3 {

	font-size: 116%;

	line-height: 1.4;

	color: #246001;

	padding: 0 40px;

}



#c-topics h3 span {

	padding-right: 10px;

	font-size: 80%;

	vertical-align: middle;

	color: #302e1e;

	font-family: Arial, Helvetica, sans-serif;

}



#btn-topicslist {

	background: url(../images/index/bgb-topics.png) no-repeat left top;

	text-align: right;

	padding: 9px 9px 11px 0;

	clear: both;

}





#txt-topics ul {

	float: left;

	width: 190px;

}



#txt-topics ul li {

	width: 166px;

	height: auto !important;	

	margin-bottom: 10px;

}



#txt-topics ul li span {

	max-width: 166px;

	width: auto !important;

	max-height: 166px;

	height: auto !important;

	overflow: hidden;

}



#txt-topics ul li span img {

	width: 160px !important;

	border: 3px solid #e0dbb1;

}





#movie {

	background: url(../images/index/bg-movie.jpg) no-repeat left top;

	padding-left: 195px;

}

/* c-award */
#c-award {
    padding: 0 0 20px 0;
    margin: 0 0 15px 0;
    clear: both;
	position: relative;
}

#c-award .ttl-award{
	float: left;
	width: 155px;
	position: relative;
	
}

#c-award .ttl-award h2 {
	padding-top: 15px;
	text-align: right;
	margin-bottom: 25px;
}

#c-award .box-awardlist {
	background: #fff url(../images/index/bg_awardgrade.jpg) repeat-x left top;
	float: left;
	width: 564px;
	padding: 20px 18px 0 18px;
}

/* awardbox */
.awardbox {
	float: left;
	width: 186px;
    margin-right: 1px;
    margin-left: 1px;
    margin-bottom: 15px;
    position: relative;
}

#c-award div.awardbox dl a:link {
	text-decoration: none;
	color: #444444;
}

#c-award div.awardbox dl a:hover {
	text-decoration: none;
}

#c-award div.awardbox dl a:visited {
	text-decoration: none;
	color: #444444;
}
.awardbox dl {
	background: #f7fdf1 url(../images/index/bg-sworkbox.gif) no-repeat right bottom;
    height: 100%;	
}

.awardbox dl:hover {
	cursor: pointer;
	background: #fff url(../images/index/bg-sworkbox.gif) no-repeat right bottom;
}

.awardbox dl a {
	display: block;
	padding: 10px 0;
	width: 100%;
	
}

.awardbox dl a dt {
	padding: 0 10px 10px 10px;
	background: url(../images/common/dot-2px.gif) repeat-x left bottom;
}

.awardbox dl a dt span {
	display: block;
	border: 3px solid #e0dbb1;
}
.awardbox dl a dt img {
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fff;
	background-position: center 50%;
}

.awardbox dl a dt p {
	font-size: 85%;
	margin: 5px 0 0 0;
}

.awardbox dl a dd .stxt-year {
	background: #797d00;
	color: #ffffff;
	padding: 2px 3px;
	text-align: center;
	margin-bottom: 3px;
}

.awardbox dl a dt p {
	padding-left: 5px;
}

.awardbox dl a dd {
	padding: 9px 15px 0 15px;
	margin-bottom: 20px;
}

.awardbox dl a dd p {
	font-size: 90%;
	line-height: 1.4;
}

.awardbox dl a dd h3 {
	color: #797d00;
	margin-bottom: 7px;
	line-height: 1.4;
	letter-spacing: 1px;
}

.btn-awardlist {
	text-align: center;
}