@charset "utf-8";
/* CSS Document */
html {
	height:100%;
}
#img1 {
	width:530px;
	height:200px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-100px 0 0 -250px;
}

#top {
	text-align:center;
}
* {
	margin:0;
	padding:0;
	border:0;
}
body {
	background-color:#ffffff;
	height:100%;
}
#externalflash {
	position:relative;
	width:100%;
	height:100%;
}
#wrapper {

}
#content {
	font-size:12px;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}
#contentInner {
	width:900px;
	margin-left:62px;
	margin-right:62px;
}

/*--- Header Footer ---*/

#logo {
	float: left;
	height: 37px;
	width: 287px;
}
#header {
	padding-top: 60px;
	padding-bottom: 90px;
}
#footer {
	padding-top: 30px;
	padding-bottom: 30px;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e9e9e9;
}

/*--- Grobal Navi ---*/

#primeNavi {
	text-indent: -9999px;
	height: 35px;
	width: 551px;
	background-image: url(../img/nav.gif);
	background-repeat: no-repeat;
	float: right;
}

#primeNavi li {
	float: left;
	height: 30px;
	width: 100px;
	overflow: hidden;
}

#primeNavi li.nv_outline {	width: 91px;}
#primeNavi li.nv_works {	width: 88px;}
#primeNavi li.nv_history {	width: 96px;}
#primeNavi li.nv_access {	width: 93px;}
#primeNavi li.nv_recruit {	width: 100px;}
#primeNavi li.nv_contact {	width: 83px;}

#primeNavi a{
	display:block;
	height: 35px;
}
#outline #primeNavi .nv_outline a,
#primeNavi .nv_outline a:hover{
	background-image:url(../img/nav.gif);
	background-position:0px -30px;
	}
#works #primeNavi .nv_works a,
#primeNavi .nv_works a:hover{
	background-image:url(../img/nav.gif);
	background-position:-91px -30px;
	}
#history #primeNavi .nv_history a,
#primeNavi .nv_history a:hover{
	background-image:url(../img/nav.gif);
	background-position:-179px -30px;
	}
#access #primeNavi .nv_access a,
#primeNavi .nv_access a:hover{
	background-image:url(../img/nav.gif);
	background-position:-275px -30px;
	}
#recruit #primeNavi .nv_recruit a,
#primeNavi .nv_recruit a:hover{
	background-image:url(../img/nav.gif);
	background-position:-368px -30px;
	}
#contact #primeNavi .nv_contact a,
#primeNavi .nv_contact a:hover{
	background-image:url(../img/nav.gif);
	background-position:-468px -30px;
	}
	


/*--- Top ---*/
#topNavi {
	background-image: url(../img/topnav.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 30px;
	width: 708px;
}
#topNavi li {
	float: left;
	height: 30px;
	width: 100px;
	overflow: hidden;
}

#topNavi li.nv_outline {width: 106px;}
#topNavi li.nv_works {	width: 116px;}
#topNavi li.nv_history {width: 130px;}
#topNavi li.nv_access {width: 114px;}
#topNavi li.nv_recruit {width: 125px;}
#topNavi li.nv_contact {width: 117px;}

#topNavi a{
	display:block;
	height: 30px;
}
#topNavi li.nv_outline a:hover{
	background-image: url(../img/topnav.gif);
	background-position:0px -30px;
	}
#topNavi li.nv_works a:hover{
	background-image: url(../img/topnav.gif);
	background-position:-106px -30px;
	}
#topNavi li.nv_history a:hover{
	background-image: url(../img/topnav.gif);
	background-position:-222px -30px;
	}
#topNavi li.nv_access a:hover{
	background-image: url(../img/topnav.gif);
	background-position:-352px -30px;
	}
#topNavi li.nv_recruit a:hover{
	background-image: url(../img/topnav.gif);
	background-position:-466px -30px;
	}
#topNavi li.nv_contact a:hover{
	background-image: url(../img/topnav.gif);
	background-position:-591px -30px;
	}

#toplogo {
	padding-bottom:45px;
}
#topheader {
	padding-top: 60px;
	padding-bottom: 80px;
	padding-left: 60px;
}

#topmain{
	padding-left: 60px;
}

#topmain ul.topbnr li {
	display: block;
	float: left;
	padding-left: 25px;
}
#topmain ul.topbnr li.li_first {
	padding-left: 0px;
}

#topmain ul.topnews {
	clear:left;
	padding-top: 40px;
}
#topmain ul.topnews li {
	font-size:12px;
	padding-bottom: 10px;
}
#topfooter {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 60px;
}

/*--- Works ---*/

#worksNavi {
	text-indent: -9999px;
	height: 33px;
	background-image: url(../img/nav_works.gif);
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eeeeee;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}

#worksNavi li {
	float: left;
	display:block;
	height: 33px;
	overflow: hidden;
}

#worksNavi li.nv_recent {	width: 120px;}
#worksNavi li.nv_archive {	width: 110px;}
#worksNavi li.nv_prize {	width: 85px;}


#worksNavi #recentOv li.nv_recent,#worksNavi li.nv_recent a:hover {
	background-image: url(../img/nav_works_ov.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
#worksNavi #archiveOv li.nv_archive,#worksNavi li.nv_archive a:hover {
	background-image: url(../img/nav_works_ov.gif);
	background-repeat: no-repeat;
	background-position: -120px 0;
	}
#worksNavi #prizeOv li.nv_prize,#worksNavi li.nv_prize a:hover {
	background-image: url(../img/nav_works_ov.gif);
	background-repeat: no-repeat;
	background-position: -230px 0;
	}

#worksNavi a{
	display:block;
	height: 33px;
}
#page {
}
#page p {
}
#page h3 {
	margin-top: 45px;
}
#page #sumErea {
	padding-top: 25px;
}
#sumErea li {
	width: 280px;
	float: left;
	margin-bottom: 40px;
	margin-right: 30px;
}

#sumErea li.mg_r0 {
	margin-right: 0px;
}

/*--- PageNavi ---*/

#contentNav .pageNav{
	padding-top:2em;
	text-align:center;
	position:relative;
}

.pageNav{
	clear: left;
}
.pageNav li{
	display:inline;
}
.pageNav a{
	padding:0.5em 0.7em 0.5em;
	background-color:#fff;
	border:1px solid #e3e3e3;
	color:#2b2b2b;
	position:relative;
}
.pageNav span, .pageNav a:hover{
	padding:0.5em 0.7em 0.5em;
	background-color:#2b2b2b;
	color:#fff;
	position:relative;
	text-decoration:none;
}
.pageNav .next a,
.pageNav .back a{
	text-decoration:none;
}
.pageNav .next{
}
.pageNav .back{
}
.pageNav .centerBtn{
	text-decoration:none;
}


/*--- Archive ---*/
#page #sumEreaLeft {
	width: 720px;
	padding-top: 25px;
}
#sumEreaLeft li {
	width: 165px;
	float: left;
	height: 115px;
	margin-bottom: 40px;
	margin-right: 20px;
}

#sumEreaLeft li.mg_r0 {
	margin-right: 0px;
}
#rightContent {
	float: right;
	width: 140px;
	padding-top: 25px;
}
#leftContent {
	float: left;
	width: 720px;
}
#rightContent h3 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ececec;
	margin: 0px;
	padding-top: 15px;
}
#rightContent ul {
	margin-top: 20px;
	color: #2b2b2b;
	margin-bottom: 45px;
}
#rightContent ul li {
	padding-bottom: 5px;
	font-size: 10px;
	color: #333;
	line-height: 15px;
}
#page .worksCat {
	font-weight: bold;
	font-size: 13px;
	float: left;
}
#page .worksTit {
	font-weight: bold;
	margin-bottom: 40px;
	font-size: 20px;
	clear: both;
	padding-top: 5px;
	margin-top: 0px;
}
#worksWebUrl {
	font-size: 10px;
	padding-left: 15px;
}
#page #detailTit {
	margin-top: 40px;
	color: #909090;
}
#page #worksDetail {
	text-align: center;
}
#worksDetail p {
	font-size: 10px;
	color: #bbbbbb;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

/*--- recruit ---*/
#recruit #page .copy {
	font-size: 12px;
	line-height: 27px;
	margin-top: 50px;
	color: #141414;
}
#recruit #page {
	padding-top: 30px;
}
.colRed {
	color: #ec3522;
}
#recruitTxt {
	margin-top: 130px;
}
#recruitTxt p {
	padding-top: 15px;
	padding-bottom: 75px;
}
/*--- outline ---*/
#outline #page {
	padding-top: 30px;
}
#outLeft p {
	padding-top: 60px;
}
#outLeft {
	float: left;
	width: 580px;
}
#outRight {
	width: 240px;
	float: right;
}
#outRight dl {
	padding-top: 15px;
	padding-bottom: 80px;
}
#outRight dl dd {
	background-image: url(../../img/outline/border_outline.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 15px;
	list-style-position: outside;
	list-style-type: none;
}
#outRight dl dt {
	margin-top: 15px;
}
#outRight dl li {
	font-size: 11px;
	line-height: 16px;
	padding-top: 3px;
	color: #141414;
}
#outRight dl dd ul {
	padding-top: 5px;
}
/*--- access ---*/

#access #page {
	padding-top: 30px;
}
.accessLeft p {
	padding-bottom: 60px;
}
.accessLeft {
	float: left;
	width: 585px;
}
.accessRight {
	width: 240px;
	float: right;
}
.accessRight .accImg {
	padding-top: 25px;
	padding-bottom: 25px;
}
.accessRight p.accTxt {
	color: #141414;
	font-size: 11px;
	line-height: 16px;
}
.accessRight p.accTxt2 {
	font-size: 10px;
	line-height: 15px;
	color: #666;
	padding-top: 15px;
}
.accessRight .accBt {
	padding-top: 20px;
	padding-bottom: 60px;
}
.accessRight .accBt img {
	padding-right: 20px;
}
#accessPage {
	clear: both;
	background-image: url(../../img/access/border_acc.gif);
	background-position: center top;
	padding-top: 60px;
	background-repeat: no-repeat;
}
/*--- contact ---*/
#contact #page {
	padding-top: 30px;
}
.contactLeft p {
	padding-bottom: 60px;
}
.contactLeft {
	float: left;
	width: 585px;
}
.contactRight {
	width: 240px;
	float: right;
}
.form{
	margin-top:1em;
}
.form ul{
	clear:left;
}
.form ul ul{
	clear:none;
}

.form .label{
	width:400px;
	font-size: 11px;
	font-weight: bold;
	color: #141414;
}
.form .news .label{
	width:340px;
}
.form input,
.form textarea{
	border:1px solid #ccc;
	padding:0.2em;
}
.form .sex input{
	border:none;
}
.form input:focus
.form textarea:focus{
	background-color:#ffffcc;
	border-color:#ff9933;
}
.form li.input {
	padding-bottom: 15px;
}
.form li select {
	border:1px solid #ccc;
	padding:0.2em;
}
.labelAttention {
	font-size: 9px;
	color: #e23632;
}
#contactForm {
	background-image: url(../../img/contact/base_contact.gif);
	background-repeat: no-repeat;
	height: 601px;
	width: 495px;
	padding-top: 30px;
	padding-right: 45px;
	padding-bottom: 30px;
	padding-left: 45px;
}
#contactForm .titContact {
	font-size: 12px;
	line-height: 24px;
	color: #141414;
	font-weight: bold;
	padding-bottom: 20px;
}
.contactRight .contactTxt {
	font-size: 12px;
	padding-top: 25px;
	padding-bottom: 50px;
}
.contactAtt {
	font-size: 9px;
	color: #999;
}
.contactRight dl {
	padding-top: 15px;
	padding-bottom: 80px;
}
.contactRight dl dd {
	background-image: url(../../img/outline/border_outline.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 15px;
	list-style-position: outside;
	list-style-type: none;
}
.contactRight dl dt {
	margin-top: 15px;
}
.contactRight dl li {
	font-size: 11px;
	line-height: 16px;
	padding-top: 3px;
	color: #141414;
}
.contactRight dl dd ul {
	padding-top: 5px;
}

/*--- history ---*/
#history #page {
	padding-top: 30px;
}
#historyLeft p {
}
#historyRight {
	width: 240px;
	float: right;
}
#historyRight dl dd {
	padding-bottom: 30px;
	list-style-position: outside;
	list-style-type: none;
}
#historyRight dl dt {
	margin-top: 15px;
}
#historyRight dl li {
	font-size: 11px;
	line-height: 16px;
	padding-top: 3px;
	color: #666;
	padding-left: 0px;
}
#historyRight dl dd ul {
	padding-top: 5px;
	padding-left: 20px;
}
#historyLeft {
	float: left;
	width: 585px;
}
#historyBox {
	background-color: #f8f8f8;
	border: 1px solid #e7e7e7;
}
#historyWrapper {
	padding-top: 45px;
	padding-right: 30px;
	padding-bottom: 60px;
	padding-left: 30px;
}
#historyWrapper h2 {
	padding-bottom: 40px;
}
#historyWrapper .hisTxt {
	padding-bottom: 85px;
}
.hisImgBox .hisBoxTit {
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 10px;
}
.hisImgBox .hisBoxTxt {
	color: #454545;
	padding-bottom: 60px;
	line-height: 24px;
}
#hisFooter .hisBack {
	float: left;
	width: 180px;
}
#hisFooter .hisNext {
	float: right;
}
#hisFooter form {
	width: 250px;
	float: left;
	font-size: 11px;
}
#hisFooter form select {
	width: 250px;
	border:1px solid #ccc;
	padding:0.1em;
}
#hisFooter {
	padding-top: 45px;
	padding-bottom: 60px;
}
#hisHeader form {
	width: 250px;
	float: left;
	font-size: 11px;
	margin-left: 10px;
}
#hisHeader form select {
	width: 250px;
	border:1px solid #ccc;
	padding:0.1em;
}#hisHeader p {
	float: left;
}
#hisHeader {
	padding-bottom: 15px;
	height: 20px;
}
#historyRight dl {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e7e7e7;
	margin-top: 30px;
}
#historyRight .sellorTit {
	background-image: url(../../img/history/line_history.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #141414;
	padding-bottom: 5px;
	font-weight: bold;
}

/*--- press ---*/
#press #page {
	padding-top: 30px;
}
#pressLeft p {
	padding-top: 20px;
	font-size: 12px;
	line-height: 24px;
	padding-bottom: 60px;
}
#pressLeft {
	float: left;
	width: 585px;
}
#pressRight {
	width: 240px;
	float: right;
}
#pressRight dl {
	padding-bottom: 80px;
	padding-top: 30px;
}
#pressRight dl dd {
	background-image: url(../../img/outline/border_outline.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 15px;
	list-style-position: outside;
	list-style-type: none;
}
#pressRight dl dt {
	color: #CCC;
	padding-top: 10px;
}
#pressRight dl li {
	font-size: 11px;
	line-height: 16px;
	padding-top: 3px;
	color: #141414;
}
#pressRight dl dd ul {
	padding-top: 5px;
}
/*--- mobile ---*/
#mobile #page .copy {
	font-size: 12px;
	line-height: 27px;
	margin-top: 40px;
	color: #141414;
}
#mobile #page {
	padding-top: 30px;
}
#mobileTxt p {
	padding-top: 15px;
	float: left;
	height: 150px;
	width: 222px;
	margin-right: 24px;
}
.mobileRight {
	width: 240px;
	float: right;
}
.mobileRight dl {
	padding-bottom: 80px;
	padding-top: 30px;
}
.mobileRight dl dd {
	padding-bottom: 15px;
	list-style-position: outside;
	list-style-type: none;
	font-size: 10px;
	color: #666;
}
.mobileRight dl dt {
	color: #CCC;
}
.mobileRight dl li {
	font-size: 11px;
	line-height: 16px;
	padding-top: 3px;
	color: #141414;
}
.mobileRight dl dd ul {
	padding-top: 5px;
}
#mobileHead .mobileLeft {
	float: left;
	width: 585px;
}
#mobileHead .mobileRight {
	float: right;
	width: 240px;
}
#mobileTxt {
	clear: both;
	padding-top: 60px;
	margin-right: -24px;
	text-align: left;
}
#mobileInfo {
	clear: both;
	padding-top: 60px;
	text-align: left;
}
#mobileInfo p {
	padding-top: 30px;
	font-size: 12px;
	color: #141414;
}
#mobileInfo img {
	margin-right: 20px;
}
#btInput {
	width: 100px;
	background-color: #333;
	color: #FFF;
}
.mbBoxRight {
	float: right;
	width: 270px;
	padding-top: 30px;
}
.mobileLeft .mbBoxLeft {
	float: left;
	width: 315px;
	clear: both;
}
.pressDate {
	font-size: 14px;
	color: #888;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	display: block;
}
#pressLeft h2 {
	font-size: 20px;
	font-weight: normal;
	color: #1b1b1b;
	line-height: 30px;
	padding-bottom: 40px;
}
#sumErea li span {
	font-size: 10px;
	color: #333;
	padding-top: 10px;
	display: block;
}
#sumErea li p {
	font-size: 14px;
	color: #333;
	display: block;
	height: 50px;
}
.prizeSum {
	font-size: 11px;
}
#sumErea li .prizeSum {
	font-size: 11px;
	color: #333;
}

#topNav  img {
	vertical-align: top;
}