
/* 1. Common Settings
=========================================*/

body {
}

#pageContainer {
	width: 100%;
	background: #4f2c25 url(../images/com_bg011.gif) repeat-x 0 0;
	zoom: 1;
}


/* 2. Header
=========================================*/

#headContainer {
	width: 100%;
	zoom: 1;
}
#headContainer #headConwrap {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/com_bg014.gif) repeat-y 50% 0;
	zoom: 1;
}
*:first-child+html #headContainer #headConwrap {
	background: url(../images/com_bg014.gif) repeat-y 50.3% 0;
}
#headContainer #header {
	background: url(../images/com_bg010.gif) repeat-x 0 0;
	zoom: 1;
}
#headContainer #header .wrapBg {
	width: 920px;
	margin: 0 auto;
}
#headContainer #header #globalNavi {
	clear: both;
	width: 747px;
	padding-left: 160px;
}
#headContainer #header #globalNavi li {
	float: left;
}
#headContainer #headContents {
	position: relative;
	width: 920px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/com_bg009.gif) repeat-x 0 100%;
	zoom: 1;
}
#headContainer #headContents .mainLogo a {
	position: absolute;
	display: block;
	left: 10px;
	background: url(../images/com_ti001.gif) repeat-x 0 0;
	width: 140px;
	height: 154px;
	zoom: 1;
}
#headContainer #headContents .tagLine {
	float: left;
	width: 580px;
	padding: 15px 0 0 160px;
}
#headContainer #headContents .logo {
	float: right;
	width: 156px;
	margin-right: 15px;
	padding: 9px 0 10px;
}
* html #headContainer #headContents .logo {
	margin-right: 7px;
}



/* 3. Main
=========================================*/

/* Inner
-------------------------------------*/
/* heading */
.heading02 {
	clear: both;
	padding-bottom: 2px;
	border-bottom: 2px solid #4f2c25;
}
.heading02 span {
	display: block;
	padding: 9px 0 3px 14px;
	background: url(../images/com_bg006.gif) repeat-x 0 0;
	zoom: 1;
}
.heading03 {
	clear: both;
	margin-top: 20px;
	padding: 3px 0 3px 8px;
	background: url(../images/com_bg004.gif) repeat-x 0 100%;
	zoom: 1;
}


#contents .section {
	padding-left: 10px;
}
#contents .leadTxt {
	padding: 20px 0;
}
#contents .normalTxt {
	margin-top: 17px;
}
#contents .caption,
#contents .caption2 {
	display: block;
	margin-top: 3px;
}
#contents .annote {
	clear: both;
	padding-left: 1em;
	text-indent: -1em;
}

#mainContainer {
	margin: 0 auto;
	background: url(../images/com_bg013.gif) no-repeat 50% 0;
	zoom: 1;
}
#mainContainer #wrap {
	width: 960px;
	margin: 0 auto;
	background: url(../images/com_bg007.gif) repeat-y 50% 0;
	zoom: 1;
}
#mainContainer #wrapTop {
	width: 960px;
	margin: 0 auto;
	background: url(../images/com_bg016.gif) no-repeat 50% 0;
	zoom: 1;
}
#mainContainer #main {
	width: 890px;
	margin: 0 auto;
	background: url(../images/com_bg001.gif) repeat-y 0 0;
	zoom: 1;
}
#mainContainer #main #contents {
	float: left;
	width: 655px;
}
#contents .detail li {
	margin-bottom: 3px;
}
#contents .pageTop {
	clear: both;
	text-align: right;
	padding: 30px 0 10px;
}
#mainContainer #wrap #topicPath {
	clear: both;
	width: 760px;
	margin: 0 auto;
	padding: 10px 0 10px 160px;
	background: url(../images/com_bg008.gif) repeat-x 0 0;
	zoom: 1;
}

#mainContainer #anchorLink {
	clear: both;
	width: 635px;
	padding: 20px 10px;
	background: url(../images/com_bg005.gif) repeat-x 0 100%;
	zoom: 1;
}
#mainContainer #anchorLink li {
	float: left;
	margin-right: 20px;
	padding-left: 10px;
	background: url(../images/com_ic003.gif) no-repeat 0 0.5em;
	zoom: 1;
	white-space: nowrap;
}
#mainContainer #anchorLink li.last {
	margin-right: 0px;
}
/* col2Type01 */
#contents .col2Type01,
#contents .col2Type02 {
	clear: both;
	width: 645px;
	margin-top: 20px;
}
#contents .col2Type01 .space,
#contents .col2Type02 .space {
	margin-right: 15px;
}
#contents .col2Type01 .detail,
#contents .col2Type01 .ph {
	float: left;
	width: 425px;
}
#contents .col2Type01 .ph {
	width: 205px;
}
#contents .col2Type02 .ph {
	float: left;
}

/* equal2Col */
#contents .equal2Col {
	clear: both;
	width: 645px;
	margin-top: 20px;
}
#contents .equal2Col .col1,
#contents .equal2Col .col2 {
	float: left;
	width: 315px;
	margin-right: 15px;
}
#contents .equal2Col .col2 {
	margin-right: 0px;
}

/* col3Type */
#contents .col3Type {
	clear: both;
	width: 645px;
	margin-top: 20px;
}
#contents .col3Type p {
	float: left;
	width: 205px;
	margin-right: 15px;
}
#contents .col3Type p.last {
	margin-right: 0px;
}

.normalLink {
	padding-left: 17px;
	background: url(../images/com_ic001.gif) no-repeat 0 0.2em;
}



/* Top
-------------------------------------*/
#top #mainContainer #main {
	width: 920px;
	margin: 0 auto;
	padding-bottom: 35px;
	background: none;
}
#top #mainVisual {
	widows: 920px;
	height: 350px;
	background: url(/item/from_item/japanese/images/main.jpg) no-repeat 0 0;
	zoom: 1;
}
#top #headContainer #headContents .mainLogo a {
	background: url(../images/com_ti002.gif) repeat-x 0 0;
}
#top #mainVisual .txtArea {
	clear: both;
	width: 546px;
	margin-left: 342px;
	padding: 65px 0 0 0;
}
#top #mainVisual .txtArea .heading01 {
	float: left;
	width: 197px;
}
#top #mainVisual .txtArea .leadTxt {
	float: right;
	width: 327px;
	padding-top: 10px;
}
#top #mainVisual .history {
	clear: both;
	width: 560px;
	margin-left: 345px;
	padding: 23px 0 0 0;
}
#top #mainVisual .history .title,
#top #mainVisual .history .newsList {
	float: left;
}
#top #mainVisual .history .title {
	width: 90px;
	padding: 17px 0 0 17px;
}
#top #mainVisual .history .newsList {
	width: 430px;
	padding: 15px 0 0 20px;
}


#top .itemList {
	width: 890px;
	margin: 15px 15px 0;
}
#top .itemList .items {
	float: left;
	width: 429px;
}
#top .itemList .itemsBg {
	background: url(../../images/index_bg001.gif) no-repeat 0 0;
	zoom: 1;
}
#top .itemList .space {
	margin-right: 30px;
}
#top .itemList .mr30 {
	margin-right: 30px;
}
#top .itemList h2 {
	padding: 12px 0 10px 33px;
}
#top .itemList .listbox {
	width: 396px;
	padding: 0 17px;
}
#top .itemList .detailTxt {
	padding: 10px 0 0 0;
}
#top .itemList .pt10 {
	padding: 10px 0 0 0;
}
#top .itemList .normalLink {
	padding-right: 17px;
}
#top .mt35 {
	margin-top: 35px !important;
}

#top .ct{
	text-align:center;
}

#top .b{
	font-weight:bold;
}

#top .f120{
	font-size:120%;}

#top .colerred{
	color:#C00;
	letter-spacing:0.1em;
}

/* Lineup Top
-------------------------------------*/

#contents .itemList {
	width: 655px;
	margin: 15px 0 0 0;
}
#contents .itemList .items {
	float: left;
	width: 320px;
}
#contents .itemList .itemsBg {
	background: url(../../lineup/images/index_bg001.jpg) no-repeat 0 0;
	zoom: 1;
}
#contents .itemList .space {
	margin-right: 15px;
}
#contents .itemList dt {
	padding: 0;
}
#contents .itemList dd {
	width: 280px;
	padding: 0 17px;
}
#contents .itemList dd .detailTxt {
	margin-top: 10px;
}
#contents .itemList .normalLink {
	padding-right: 17px;
}
#contents .itemListBg {
	background: url(../../lineup/images/index_bg002.gif) no-repeat right bottom;
	zoom: 1;
}



/* 4. rightNavi
=========================================*/
#mainContainer #main #rightNavi {
	float: right;
	width: 220px;
}
#mainContainer #main #rightNavi .banner{
	margin: 14px;
}
#rightNavi .rnaviArea dt a {
	display: block;
	width: 220px;
	height: 63px;
	background: url(../images/rnavi_bg001.gif) no-repeat 0 0;
	zoom: 1;
}
#rightNavi .rnaviArea dt a:hover {
	background: url(../images/rnavi_bg001on.gif) no-repeat 0 0;
}
#rightNavi .rnaviArea dt a img {
	padding: 23px 0 0 24px;
}
#rightNavi .rnaviArea dd .thirdHierarchy {
	background: url(../images/rnavi_bg002.gif) no-repeat 0 0;
	zoom: 1;
}
#rightNavi .rnaviArea dd .thirdHierarchy li {
	padding: 15px 5px 15px 12px;
	background: url(../images/rnavi_bg003.gif) repeat-x 0 100%;
	zoom: 1;
}
#rightNavi .rnaviArea dd .thirdHierarchy li.on {
	padding: 0 0 2px 0;
}
#rightNavi .rnaviArea dd .thirdHierarchy li.on p {
	margin-top: 1px;
	padding: 15px 5px 15px 12px;
	background: url(../images/rnavi_bg004.gif) no-repeat 0 0;
	zoom: 1;
}
#rightNavi .rnaviArea dd .thirdHierarchy li span {
	display: block;
	padding: 0 0 0 12px;
	padding-left: 18px;
	background: url(../images/rnavi_ic001.gif) no-repeat 0 0.3em;
	zoom: 1;
}






/* 5. Footer
=========================================*/

/* footContainer */
#footContainer {
	clear: both;
	width: 960px;
	margin: 0 auto;
	background: url(../images/com_bg007.gif) repeat-y 50% 0;
	zoom: 1;
}
#footContainer .footer {
	clear: both;
	width: 960px;
	height: 40px;
	margin: 0 auto;
	background: url(../images/com_bg003.gif) repeat-x 50% 0;
	zoom: 1;
}
#footContainer .storeInfo {
	width: 890px;
	margin: 0 auto;
	padding-top: 1px;
}
#footContainer .storeInfo .storeBg {
	width: 866px;
	padding: 8px 12px;
	background: url(../images/com_bg002.gif) repeat-x 0 0;
	zoom: 1;
}
#footContainer .storeInfo .title {
	padding-right: 22px;
}
#footContainer .storeInfo dd .regionalList {
	clear: both;
	width: 834px;
	margin: 5px auto 0;
}
#footContainer .storeInfo dd .regionalList .col1,
#footContainer .storeInfo dd .regionalList .col2,
#footContainer .storeInfo dd .regionalList .col3,
#footContainer .storeInfo dd .regionalList .col4 {
	float: left;
	width: 201px;
}
#footContainer .storeInfo dd .regionalList .col1,
#footContainer .storeInfo dd .regionalList .col2,
#footContainer .storeInfo dd .regionalList .col3 {
	margin-right: 10px;
}
#footContainer .storeInfo dd .regionalList .localTitle {
	margin-top: 12px;
}
#footContainer .storeInfo dd .regionalList li {
	margin-bottom: 3px;
	padding-left: 10px;
	background: url(../images/com_ic002.gif) no-repeat 2px 0.5em;
	zoom: 1;
}
#footContainer .footer .utility {
	width: 890px;
	margin-left: 20px;
	padding: 10px 15px;
}
#footContainer .footer .utility .copyright {
	float: left;
	font-size:90%;
	font-color:#996666;

	
}
#footContainer .footer .utility .logo {
	float: right;
}

.aL { text-align: left;}
.aC { text-align: center;}
.aR { text-align: right;}

.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt30,.c_mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}

.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}

.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}

/* 99. Extra
=========================================*/
/* Clearfix */
.clear{
	clear:both;
}

#footContainer .footer .utility:after,
#footContainer .storeInfo dd .regionalList:after,
#footContainer .storeInfo dd .regionalList .col1 .col1-02:after,
#mainContainer #main:after,
#contents .col2Type01:after,
#contents .col2Type02:after,
#mainContainer #anchorLink:after,
#contents .col3Type:after,
#contents .equal2Col:after,
#contents .itemList:after,
#headContainer #header #globalNavi:after,
#headContainer #headContents:after,
#top .itemList:after,
#top #mainVisual .txtArea:after,
#top #mainVisual .history:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#footContainer .footer .utility,
#footContainer .storeInfo dd .regionalList,
#footContainer .storeInfo dd .regionalList .col1 .col1-02,
#mainContainer #main,
#contents .col2Type01,
#contents .col2Type02,
#mainContainer #anchorLink,
#contents .col3Type,
#contents .equal2Col,
#contents .itemList,
#headContainer #header #globalNavi,
#headContainer #headContents,
#top .itemList,
#top #mainVisual .txtArea,
#top #mainVisual .history {
	display:block;	/* for safari firefox3 */
	min-height:1%;  /* for IE 7*/
}

/* IE7 hacks */ 
*:first-child+html #footContainer .footer .utility,
*:first-child+html #footContainer .storeInfo dd .regionalList,
*:first-child+html #footContainer .storeInfo dd .regionalList .col1 .col1-02,
*:first-child+html #mainContainer #main,
*:first-child+html #contents .col2Type01,
*:first-child+html #contents .col2Type02,
*:first-child+html #mainContainer #anchorLink,
*:first-child+html #contents .col3Type,
*:first-child+html #contents .equal2Col,
*:first-child+html #contents .itemList,
*:first-child+html #headContainer #header #globalNavi,
*:first-child+html #headContainer #headContents,
*:first-child+html #top .itemList,
*:first-child+html #top #mainVisual .txtArea,
*:first-child+html #top #mainVisual .history {
	display:inline-table;
	zoom:1;
}
/* end hacks */

* html #footContainer .footer .utility,
* html #footContainer .storeInfo dd .regionalList,
* html #footContainer .storeInfo dd .regionalList .col1 .col1-02,
* html #mainContainer #main,
* html #contents .col2Type01,
* html #contents .col2Type02,
* html #mainContainer #anchorLink,
* html #contents .col3Type,
* html #contents .equal2Col,
* html #contents .itemList,
* html #headContainer #header #globalNavi,
* html #headContainer #headContents,
* html #top .itemList,
* html #top #mainVisual .txtArea,
* html #top #mainVisual .history {
	height: 1%;
}