@charset "shift_jis";

/*__________________________________________________________________*/

/* @group Common */

html { width: 100%; min-width: 100%; margin: 0; padding: 0; }
body { width: 100%; min-width: 100%; margin: 0; padding: 0; color: #0f0f0f; background-color: #fff; }
hr { clear: both; border-width: 0; border: none; display: none; visibility: hidden; }

.c_clear:after { content: " "; clear: both; display: block; height: 0; visibility: hidden; }
.c_clear { display: inline-block; }
.c_clear { display: block; }

.msie7 { overflow-x: hidden; min-width: 950px; }
.msie7 body,
.msie6 body { padding-top: 10px; }
.msie7 body img { vertical-align:middle; -ms-interpolation-mode: bicubic; }
.msie7 .c_clear { zoom:1; }

/* @end */

/* @group Common */

body div .wrapper { position: relative; width: 950px; margin: 0 auto; }
body #container { width: 100%; min-width: 950px; background-color: #ececec; }

#sitenavi:after,
#sitenavi ul:after,
.nav ul:after { content: ''; clear: both; display: block; height: 0; visibility: hidden; }

/* @end */

/* @group Header */

#header { position: relative; width: 100%; min-width: 950px; margin: 0 auto; border-bottom: 1px solid #ccc; background-color: #fff; }
#header #corporate_logo { position: absolute; top: 12px; width: 130px; height: 20px; }

/*#sitenavi { margin-top: 10px; padding-top: 12px; height: 52px; padding-right: 100px; }*/
#sitenavi { margin-top: 10px; padding-top: 12px; height: 52px;}
#sitenavi ul, #sitenavi form  { float: right; }
#sitenavi ul { margin: 0 14px 0 0; height: 18px; }
#sitenavi li { float: left; margin-left: 10px; padding-left: 14px; border-left: 1px solid #ccc; line-height: 0; }
#sitenavi li a { float: left; display: block; height: 18px; }
/*
#sitenavi ul { margin: 0; }
#sitenavi li { float: left; padding-left: 14px; border-left: 1px solid #ccc; line-height: 1.1; }
#sitenavi li a { display: block; height: 18px; overflow: hidden; line-height: 0; padding-left: 14px; text-indent: -999px; }

.iejs_sitenavi0 a { width: 64px; background: transparent url(/common/images/snavi_sitemap.png) no-repeat 0 0; }
#sitenavi li:nth-child(1) a { width: 64px; background: transparent url(/common/images/snavi_sitemap.png) no-repeat 0 0; }
.iejs_sitenavi1 a{ width: 66px; background: transparent url(/common/images/snavi_yokocho.png) no-repeat 0 0; }
#sitenavi li:nth-child(2) a { width: 66px; background: transparent url(/common/images/snavi_yokocho.png) no-repeat 0 0; }
.iejs_sitenavi2 a{ width: 140px; background: transparent url(/common/images/snavi_iclub.png) no-repeat 0 0; }
#sitenavi li:nth-child(3) a { width: 140px; background: transparent url(/common/images/snavi_iclub.png) no-repeat 0 0; }
.iejs_sitenavi3 a{ width: 63px; background: transparent url(/common/images/snavi_global.png) no-repeat 0 0; }
#sitenavi li:nth-child(4) a { width: 63px; background: transparent url(/common/images/snavi_global.png) no-repeat 0 0; }
#sitenavi li a:hover { background-position: 0 -18px; }
*/

#sitenavi form p { margin-top: -2px; border: 1px solid #ccc; }
#sitenavi form p input#MF_form_phrase { width: 140px; padding-left: 0.3em; font-size: 12px; outline: 0; border: none; background: transparent !important; }
#sitenavi span { display: inline-block; border-left: 1px solid #ccc; }
#sitenavi #search_btn { border: 1px solid #fff; }
#sitenavi form {
	background-image: linear-gradient(top, #F5F5F5 0%, #FEFEFE 65%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #FEFEFE 65%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(top, #F5F5F5 0%, #FEFEFE 65%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(top, #F5F5F5 0%, #FEFEFE 65%, #FFFFFF 100%);
	background-image: -o-linear-gradient(top, #F5F5F5 0%, #FEFEFE 65%, #FFFFFF 100%);
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(0.65, #FEFEFE), color-stop(1, #FFFFFF));
}
#sitenavi #logo_anniversary {
	position: absolute;
	top: 0;
	right: 0;
}

#gnavi { position: relative; }
#gnavi ul { border-left: 1px solid #e1dfd8; }
#gnavi li { float: left; display: block; border-right: 1px solid #e1dfd8; border-bottom: 1px solid #e1dfd8; }
#gnavi li a { display: block; width: 111px; height: 32px; padding-top: 5px; text-align: center; border: 1px solid #fff; border-top-width: 0; }
#gnavi li.recruit a { width: 102px; }
#gnavi li.end a { width: 157px; }
#gnavi li a {
	background: #dbdbdb; 
	background-image: linear-gradient(top, #fdfdfd 0%, #dbdbdb 100%);
	background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #dbdbdb 100%);
	background-image: -moz-linear-gradient(top, #fdfdfd 0%, #dbdbdb 100%);
	background-image: -ms-linear-gradient(top, #fdfdfd 0%, #dbdbdb 100%);
	background-image: -o-linear-gradient(top, #fdfdfd 0%, #dbdbdb 100%);
	background-image: linear-gradient(top, #fdfdfd 0%, #dbdbdb 100%);
}
#gnavi li a:hover {
	background: #bcbcbc; 
	background-image: linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%);
	background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%);
	background-image: -moz-linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%);
	background-image: -ms-linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%);
	background-image: -o-linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%);
	background-image: linear-gradient(top, #fdfdfd 0%, #bcbcbc 100%);
}

.msie #gnavi li a, .netfront #gnavi li a { background: transparent url(/common/images/ie_gnavi_bg.gif) repeat-x 0 0 }
.msie #gnavi li a:hover { background: transparent url(/common/images/ie_gnavi_bg_on.gif) repeat-x 0 0 }
.msie7 #sitenavi form,
.msie6 #sitenavi form { margin-top: -2px; border-top: 1px solid #ccc; padding-top: 1px; }

/* @end */


/* @group Footer */

#footer { position: relative; width: 100%; min-width: 950px; height: 42px; margin: 0 auto; background-color: #fff; border-top: 1px solid #ccc; }
#footer p { position: absolute; top: 4px; right: 0; }
.msie #footer p { top: 11px; }
#footer ul { margin: 11px 0 14px; }
#footer li { float: left; padding: 0 0.8em; border-left: 1px solid #ccc; line-height: 1.1; }
#footer li a { display: block; height: 18px; float: left; }

/*
#footer li a { display: block; height: 18px; overflow: hidden; line-height: 0; padding-left: 14px; text-indent: -999px; }

.iejs_footernavi0 a { width: 74px; background: transparent url(/common/images/foot_sitepolicy.png) no-repeat 0 0; }
#footer li:nth-child(1) a { width: 74px; background: transparent url(/common/images/foot_sitepolicy.png) no-repeat 0 0; }
.iejs_footernavi1 a{ width: 111px; background: transparent url(/common/images/foot_policy.png) no-repeat 0 0; }
#footer li:nth-child(2) a { width: 111px; background: transparent url(/common/images/foot_policy.png) no-repeat 0 0; }
.iejs_footernavi2 a{ width: 137px; background: transparent url(/common/images/foot_privacy.png) no-repeat 0 0; }
#footer li:nth-child(3) a { width: 137px; background: transparent url(/common/images/foot_privacy.png) no-repeat 0 0; }
.iejs_footernavi3 a{ width: 171px; background: transparent url(/common/images/foot_security.png) no-repeat 0 0; }
#footer li:nth-child(4) a { width: 171px; background: transparent url(/common/images/foot_security.png) no-repeat 0 0; }
#footer li a:hover { background-position: 0 -18px; }
*/

#footer ul:after { content: ''; clear: both; display: block; height: 0; visibility: hidden; }

#footer .sppcselect { width: 200px; margin: auto; position: relative; top: -37px; left: 150px; }
#footer .sppcselect p { text-align: right; position: relative; }

/* @end */


/* @group Contents Common */

#contents { position: relative; width: 950px; margin: 0 auto; padding-bottom: 2em; }
#contents:after { content: " "; clear: both; display: block; height: 0; visibility: hidden; }
#lcontents { float: left; position: relative; width: 228px; }
#maincontents { float: left; width: 705px; margin: 0 0 10px 15px; padding: 0; }


/* @end */

/* @group Home  */
body.home #keyvisual { width: 100%; min-width: 960px; height: 570px; }
body.home #keyvisual p { width: 100%; height: 370px; }
body.home #keyvisual p a { display:block; width: 100%; height: 370px;  }
body.home #keyvisual ul { width: 950px; margin: 31px auto; }
body.home #jsMainBg2 p{ position: absolute; top: 0px; left: 0px; z-index: 7; }
body.home #keyvisual .nextBg { z-index: 8; }
body.home #keyvisual .oldBg { z-index: 7; }
body.home #keyvisual #jsMainArwL { position: absolute; top: 80px; left: 16px; z-index: 21; visibility: hidden; }
body.home #keyvisual #jsMainArwR { position: absolute; top: 80px; left: 908px; z-index: 22; visibility: hidden; }
body.home #keyvisual #jsMainCp { width: 952px; height: 200px; position: absolute; top: 370px; left: 50%; margin-left: -474px;overflow: hidden; z-index: 10;}
body.home #keyvisual #cpArea { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
body.home #keyvisual #jsMainBtSet { width: 952px; text-align: center; z-index: 11; left: -2px; position: absolute; }
body.home #keyvisual .jsMainbtCls { width: 100%; top: 0px; left: 0px; position: absolute; }
body.home #keyvisual .jsMainbtCls ul { position: relative; top: 0; left: 0; width: 834px; height: 140px;  }
body.home #keyvisual .jsMainbtCls ul li { width: 193px; height: 137px; float: left; position: absolute; }

body.home.netfront #keyvisual .jsMainbtCls ul li#jsMainLi1 { left: 0px; }
body.home.netfront #keyvisual .jsMainbtCls ul li#jsMainLi2 { left: 214px; }
body.home.netfront #keyvisual .jsMainbtCls ul li#jsMainLi3 { left: 428px; }
body.home.netfront #keyvisual .jsMainbtCls ul li#jsMainLi4 { left: 642px; }

body.home #keyvisual #jsMainBg2 p { background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; }
body.home #keyvisual #jsMainArwL,
body.home #keyvisual #jsMainArwR { visibility: visible; }
body.home .jsMainbtCls:after,
body.home #keyvisual ul:after { content: " "; clear: both; display: block; height: 0; visibility: hidden; }

body.home .infobox { position: relative; margin-bottom: 20px; padding: 3px; background: #fff; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #aaa; }
body.home .infobox:before { content: ""; display: block; left: 0px; width: 100%; padding-top: 1px; border: 1px solid #ab8f58; border-bottom-color: #c4b18f; background: #dbcfb7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body.home .infobox ul,
body.home .infobox dl { border-top: 1px dotted #ccc; }
body.home .infobox h2,
body.home .infobox dl,
body.home .infobox ul { margin-bottom: 1px; padding: 0 6px 8px; }
body.home .infobox h2,
body.home .infobox dd,
body.home .infobox li { border-bottom: 1px dotted #ccc; }
body.home .infobox dl dt { margin-bottom: -0.5em; padding-top: 0.6em; font-size: 0.75em; color: #666; font-weight: bold; }
body.home .infobox ul li,
body.home .infobox dl dd { padding: 0.8em 0; font-size: 0.75em; }
body.home .infobox dl dd img { margin: 0 0 1px; position: relative; z-index: 10; }
body.home .infobox ul li a,
body.home .infobox dl dd a { font-size: inherit; text-decoration: underline; }
body.home .infobox dd:last-child,
body.home .infobox li:last-child { border-bottom: none; padding-bottom: 0; }

body.home .infobox h2 { padding: 0 6px 0; }
body.home .infobox h2 img { padding: 6px 0; }

body.home .infobox p.btn { position: absolute; right: 10px; top: 12px; }
body.home .infobox p a.listview { display: inline-block; width: 82px; height: 25px; }
body.home .infobox p a.rss { display: inline-block; width: 21px; height: 23px; margin-left: 8px; }
body.home .infobox a.ensite { display: inline-block; width: 102px; height: 19px; margin-left: 1em; vertical-align: bottom; }
/*
body.home .infobox a.ensite { position: absolute; display: inline-block; width: 102px; height: 19px; margin-left: 1em; }
*/
body.home #lcontents .infobox ul { margin-bottom: 0; padding: 0; }
body.home #lcontents .infobox li {  margin: 0; padding: 0; }
body.home #lcontents .infobox li a { display:block; width: 194px; height: 100%; margin: 1px 0 1px -1px; padding: 8px 15px; background: #fff; }
body.home #lcontents .infobox li a:hover { background: #f0f0f0; }
body.home #lcontents .infobox li a .figure { display: inline-block; width: 80px; height: 45px; margin: 0 10px 0 3px }
body.home #lcontents .infobox li a .figure img { width: 100%; height: 100%; }
body.home #lcontents .infobox li a em { display: inline-block; padding-top: 17px ; vertical-align: top;  }
body.home #lcontents .infobox,
body.home #lcontents .bannerbox p { margin-bottom: 1em; }

.msie body.home .infobox { border: 1px solid #ccc; }
.msie body.home #lcontents .infobox li a { width: 192px; }
body.home #lcontents .infobox li a img { vertical-align: bottom; }
.msie body.home .infobox .ie_line { display: block; left: 0px; width: 99.6%; height: 1px; padding-top: 1px; border: 1px solid #ab8f58; border-bottom-color: #c4b18f; background: #dbcfb7; overflow-y: hidden; }
.msie7 body.home .infobox h2 { min-height: 35px }
.msie6 body.home #lcontents .infobox { width: 219px; overflow-x: hidden; }
.msie6 body.home #lcontents .infobox li a { width: 207px; }
.msie6 body.home .infobox ul,
.msie6 body.home .infobox dl { border-top-style: solid; }
.msie6 body.home .infobox h2,
.msie6 body.home .infobox dd { border-bottom-style: solid; }
.msie6 body.home .infobox ul { padding-bottom: 0; }
.msie6 body.home .infobox li { border: none; padding: 0.8em 0 0; border-top: 1px solid #ccc; }
.msie6 body.home .infobox li a { display: block; padding: 0; }

body.home .infobox .end,
body.home .infobox .end a {
	border-bottom: none !important;
}
/* @end */

/*__________________________________________________________________*/

/* @group Hack Section */


/* @end */