@charset "utf-8";
/**
 * base.css 
 */

/* body */
	body {
		/*background-image: url(../img/base/space.gif);
		background-repeat: repeat-x;
		background-position: center top;*/
		padding-bottom: 0;
	}
	
/* .page */	
	.page {
    line-height: 1.5;
		color: #333;
	}

/* title */
	.btitle {
		clear: both;
		margin-bottom: 10px;
		padding: 0;
	}
	h1 {
		height: auto;
		overflow: auto;
		padding: 0;
		margin-bottom: 0;
		background-image: none;
	}
	.stitle {
		padding: 2px 5px;
		font-weight: bold;
		font-size: 1.1em;
		background-color: #ef6c93;	
		background-image: url(../img/base/bg-subtitle.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		color: #ffffff;
	}
	.msie .stitle { font-size: 1.3em; }
	.stitle a {
		color: #FFFFFF;
	}

/* BASE WIDTH */
	.wrapper { width: 950px; }
	.page { min-width: 980px; }

/* Container */
	#Container {
		margin-right: auto;
		margin-left: auto;
		text-align: left;
	}

/* Article */
	#Article {
		background-color: transparent;
		background-image: none;
		background-repeat: repeat;
		background-position: center top;
	}
	#Article .wrapper { width: 930px; }

/* ArticleInner1 */
	#ArticleInner1 {
		background-color: transparent;
		background-image: none;
		background-repeat: repeat-y;
		background-position: center top;
	}

/* ArticleInner2 */
	#ArticleInner2 {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: center bottom;
	}

/* ArticleInner3 */
	#ArticleInner3 {
		margin-top: 15px;
		background-color: transparent;
		background-image: url(../img/common/bg-content.gif);
		background-repeat: repeat-y;
		background-position: center top;
	}

/* CommonHeader */
	.breadcrumb {
		line-height: 1.2;
		font-size: 93%;
	}
	#CommonHeader .breadcrumb {
		margin-left: 0;
		padding-top: 0;
	}

/* Header */
	#Header {
		clear: both;
		background-color: transparent;
		background-image: none;
		background-repeat: repeat-x;
		background-position: center top;
	}

/* HeaderInner */
	#HeaderInner {
		padding-bottom: 10px;
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: center top;
	}
	#Header .wrapper {
		position: relative;
	}
	#Header .sitetitle,
	#Header .description {
		display: block;
		position: absolute;
		text-indent: 0px;
		z-index: 50;
	}
	#Header h2.sitetitle {
		display: block;
		left: 0px;
		top: 0px;
	}
	#Header #Nav {
		padding-left: 255px;
	}

/* Footer */
	#Footer {
		margin-top: 30px;
	}

/* Article */
	#Article {}

/* ArticleMain */
	#ArticleMain {
		margin-right: 0;
		padding-right: 0;
		width: 750px;
		zoom: 1;
		font-size: 1.1em;
	}
	.msie .stitle { font-size: 1.2em; }

/* ArticleAside */
	#ArticleAside {
		border-top:1px solid #d8cec6;
		padding:3px;
		width: 160px;
		background-color: #ebe4db;
	}

/* ArticleFooter */
	#ArticleFooter {}

/* flashContent */
	#flashContent {
		height: 320px;
	}
	.nonFlashContent {
		padding-top: 100px;
	}

/* section */
	.section {
		clear: both;
		position: relative;
		margin-bottom: 25px;
		width: 750px;
	}
	.section .wrap {
		margin: 0 18px 0 12px;
	}
	.section .stitle { margin-bottom: 10px; }

	.wrap {
		position: relative;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	.inner {
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
		zoom: 1;
	}
	.inner:after { content : ''; display : block; clear : both; }

/* mainArea */
	#mainArea {
		margin-bottom: 30px;
		padding-left: 10px;
	}

/* boxtype1 */
	.boxtype1 .wrap { background-image: url(../img/base/bg-box-01-bottom.gif); }
	.boxtype1 .inner {
		padding: 30px 0 25px 20px;
		background-image: url(../img/base/bg-box-01-top.gif);
	}

/* boxtype2 */
	.boxtype2 .wrap { background-image: url(../img/base/bg-box-02-bottom.gif); }
	.boxtype2 .inner {
		padding: 20px 0 20px 20px;
		background-image: url(../img/base/bg-box-02-top.gif);
	}

/* boxtype3 */
	.boxtype3 .wrap {
		padding: 30px;
		background-color: transparent;
		background-repeat: repeat;
		background-image: url(../img/base/bg-box-03.jpg);
		background-position: left top;
	}
	.boxtype3 .inner {
		border: 3px solid #754c31;
		padding: 25px 0 25px 13px;
		background-color: #fff;
	}

/* searchCateType */
	.searchCateType {
		margin-top: 10px;
		zoom: 1;
	}
	.searchCateType:after { content : ''; display : block; clear : both; }
	.searchCateType dt,
	.searchCateType dd,
	.searchCateType dd li {
		float: left;
	}
	.searchCateType dd li {
		margin-right: 10px;
	}
	.searchCateType dd li img {
		vertical-align: top;
	}
	.simpleSearch { zoom: 1; }
	.simpleSearch:after { content : ''; display : block; clear : both; }
	.simpleSearch li {
		float: left;
		width: 219px;
		margin-right: 10px;
	}
	.simpleSearch li a {
		position: relative;
		display: block;
		width: 219px;
		zoom: 1;
	}
	.simpleSearch li span {
		display: block;
		position: absolute;
		left: 0px;
		top: 12px;
		width: 219px;
		font-weight: normal;
		font-size: 77%;
		line-height: 15px;
		text-align: center;
		color: #333333;
		z-index: 10;
	}

/* searchArea */
	.searchArea {
		clear: both;
		margin-top: 10px;
		zoom: 1;
	}
	.searchArea:after { content : ''; display : block; clear : both; }
	.searchArea dt,
	.searchArea dd,
	.searchArea dd li {
		float: left;
	}
	.searchArea dt { width: 70px; }
	.searchArea dd { width: 310px; }
	.searchArea dd li {
		margin-right: 10px;
		width: 5.2em;
	}
	.searchArea dd li a {
		display: block;
		padding-left: 15px;
		background-color: transparent;
		background-image: url(../img/base/blt-01.gif);
		background-repeat: no-repeat;
		background-position: left 50%;
	}
	.searchArea dd li img {
		vertical-align: top;
	}

/* AreaSwitch */
	#AreaSwitch a {
		display: block;
		width: 174px;
		height: 45px;
		text-indent: -9999px;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
	}
	#AreaSwitch a:hover, #AreaSwitch a.on { background-position: left -45px; }
	#AreaSwitch .switch01 a { background-image: url(../img/base/bt-cate-01-01.gif); }
	#AreaSwitch .switch02 a { background-image: url(../img/base/bt-cate-01-02.gif); }
	#AreaSwitch .switch03 a { background-image: url(../img/base/bt-cate-01-03.gif); }

/* AreaSearch */
	#AreaSearch {
		padding-left: 140px;
		clear: both;
	}
	#AreaSearch .area {
		clear: both;
		padding-top: 20px;
		width: 542px;
		background-color: transparent;
		background-image: url(../img/base/bg-arrow.gif);
		background-repeat: no-repeat;
	}
	#AreaSearch #Area-01 { background-position: left top; }
	#AreaSearch #Area-02 { background-position: 184px top; }
	#AreaSearch #Area-03 { background-position: 368px top; }
	.area .inner {
		border: 1px solid #d9d9d9;
		padding: 19px 19px 14px;
		background-color: #ffffff;
		background-image: none;
		zoom: 1;
	}
	.area .inner:after { content : ''; display : block; clear : both; }
	.area dl {
		clear: both;
		margin-bottom: 15px;
		background-color: transparent;
		background-image: url(../img/index/bg-areasearch.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		zoom: 1;
	}
	.area dl:after { content : ''; display : block; clear : both; }
	.area dt { float: left; }
	.area dd { float: right; }
	.area .title {
		padding-bottom: 20px;
		width: 85px;
	}
	.area .detail { width: 405px; }
	.area .list { zoom: 1; }
	.area .list:after { content : ''; display : block; clear : both; }
	.area .list li {
		float: left;
		margin-right: 10px;
		margin-bottom: 8px;
		width: 5.2em;
	}
	.area .list li a {
		display: block;
		padding-left: 15px;
		background-color: transparent;
		background-image: url(../img/base/blt-01.gif);
		background-repeat: no-repeat;
		background-position: left 50%;
	}
	.area .mainlist {
		font-size: 108%;
		font-weight: bold;
	}
	.area .recommend {
		clear: both;
		border: 1px solid #baa759;
		padding: 9px 9px 4px;
	}
	.area .recommend dl {
		clear: both;
		margin-bottom: 0;
		padding-top: 9px;
		background-color: transparent;
		background-image: url(../img/index/dot-area.gif);
		background-repeat: repeat-x;
		background-position: left top;
		zoom: 1;
	}
	.area .recommend dt {
		width: 80px;
		font-weight: bold;
	}
	.area .recommend dd { width: 300px; }
	.area .recommend .list li { width: auto; }
	.area .recommend .hotarea {
		padding-top: 0;
		background-image: none;
	}
	.area .recommend .feature li {
		float: none;
		margin-bottom: 4px;
		white-space: nowrap;
	}
	.area .bnrs {
		clear: both;
		margin-bottom: 10px;
		zoom: 1;
	}
	.area .bnrs:after { content : ''; display : block; clear : both; }
	.area .bnrs .left { float: left; }
	.area .bnrs .right { float: right; }
	.area .close {
		clear: both;
		text-align: center;
	}