@charset "utf-8";



/*----------------------------------------------------------
	コンテンツ:2nd common
----------------------------------------------------------*/

#second #searchArea {
	margin: 0 0 0 20px;
	padding: 0;
}

#second #searchArea table {
	width: 950px;
	margin: 0;
}

#second #searchArea table td {
	text-align: left;
	padding: 0;
	vertical-align: middle;
}

#second #searchArea table td.first {
	width: 80px;
	font-size: 11px;
	text-align: right;
	padding: 0 5px;
	border-left: 2px solid #666;
}

*+html #second #searchArea table td.first {
	width: 95px;
	font-size: 10px;
}

#second #searchArea table td.search {
	width: 610px;
	font-size: 11px;
	padding: 0 8px 0 0;
}



#keywordSearch {
	width: 230px;
}

#searchButton {
	padding: 0 0 0 5px;
}


#second #contents {
	width: 950px;
	padding: 0;
}

/* -- clear float -- */ 
#second #contents {
	min-height:0;
	display: inline-table;
}

#second #contents:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* \*/
* html #second #contents {height:0;}
#second #contents {display: block;}
/* */
/* -- end clear float -- */



/*----------------------------------------------------------
	contents:Search
----------------------------------------------------------*/

#second #searchArea table {
	width: auto;
}

#second #searchArea {
	height: 56px;
	margin: -7px 0 0;
	padding: 0;
}

#second #searchArea table td.search {
	width: auto;
	font-size: 11px;
	padding: 0;
}

/* -- clear float -- */ 
#searchArea {
	min-height:0;
	display: inline-table;
}

#searchArea:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* \*/
* html #searchArea {height:0;}
#searchArea {display: block;}
/* */
/* -- end clear float -- */

#searchSection {
	float: left;
	text-align: left;
	margin: 0 0 0 -60px;
	padding: 0 5px 0 0;
}

#searchSection h2 {
	padding: 4px 0 2px 60px;
}

* html #searchSection h2 {
	padding: 0 0 2px 60px;
}

*+html #searchSection h2 {
	padding: 0 0 2px 60px;
}

#searchSection form {
	padding: 0 0 0 100px;
}

#keywordSearch {
	width: 220px;
	margin: 0 2px 0 0;
}

#searchButton {
	padding: 0;
}



/*----------------------------------------------------------
	contents:catalogNavi
----------------------------------------------------------*/

/* 
	LEVEL ONE
*/
ul.catalogNavi {
	float: left;
	width: 330px;
	height: 17px;
	list-style: none;
	margin: 0;
	padding: 20px 0 0;
	position: relative;
	z-index: 100;
}

* html ul.catalogNavi {
	padding: 23px 0 0;
}

*+html ul.catalogNavi {
	padding: 25px 0 0;
}

ul.catalogNavi li { float: left; zoom: 1; }

ul.catalogNavi li a {
	display: block;
	float: left;
	height: 17px;
	text-decoration: none;
	cursor: pointer;
}

ul.catalogNavi li span {
	display: none;
}

ul.catalogNavi li .point {
	width: 108px;
	background: url(../img/top/catalogNavi.gif) 0 0;
}

ul.catalogNavi li .genre {
	width: 111px;
	background: url(../img/top/catalogNavi.gif) -108px 0;
}

ul.catalogNavi li .theme {
	width: 111px;
	background: url(../img/top/catalogNavi.gif) -219px 0;
}

ul.catalogNavi li .point a:hover {background-position: 0 -17px;}
ul.catalogNavi li .genre a:hover {background-position: -108px -17px;}
ul.catalogNavi li .theme a:hover {background-position: -219px -17px;}

ul.catalogNavi li.hover,
ul.catalogNavi li:hover { position: relative; }



/* 
	LEVEL TWO
*/
ul.catalogNavi li ul { width:180px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 100;}
ul.catalogNavi li ul li { font-weight: normal; float: none; text-align: left;vertical-align:bottom;}

* html ul.catalogNavi li ul li {
	height: 23px;
}

*+html ul.catalogNavi li ul li {
	height: 25px;
}

/* IE 6 & 7 Needs Inline Block */
ul.catalogNavi li ul li a {
	float: none;
	display: inline-block;
	width: 164px;
	height: auto;
	color: #fff;
	background: #afafb0;
	text-decoration: none;
	padding: 3px 8px;
}

* html ul.catalogNavi ul li a {
	width: 180px;
	height: 23px;
}

*+html ul.catalogNavi ul li a {
	width: 180px;
}


ul.catalogNavi li ul li a:hover {
	color: #fff;
	background: #ccc;
	text-decoration: none;
}

ul.catalogNavi li ul li a:visited {
	color: #fff;
}

*+html ul.catalogNavi ul li { display: inline; width: 100%; }





/*----------------------------------------------------------
	コンテンツ:catalogMovie
----------------------------------------------------------*/

#catalogMovie {
	background-color: #000;
	text-align: center;
	margin: 0 auto;
}

#catalogMovie div {
	width: 950px;
	height: 642px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -321px;
	margin-left: -475px;
	background: url(../img/catalog/noFlashImage.jpg) no-repeat center center;
}

a .btNext {
	margin: 500px 0 0 0;
}


/*----------------------------------------------------------
	コンテンツ:catalog
----------------------------------------------------------*/

.catalog #header {
	margin: 0 0 10px 0;
}

.catalog #container #contents {
	margin: 0;
	padding: 0;
}

.catalog #container #contents #main {
	margin: 0;
	padding: 0;
}

.catalog #flashArea {
	width: 950px;
	height: 500px;
	background: url(../img/catalog/noFlashImageTOP.jpg) no-repeat -30px -4px;
}




ul#noFlashNavi {
	padding: 0 0 0 400px;
	margin: 0;
}

ul#noFlashNavi a {
	text-decoration: none;
	cursor: pointer;
}
ul#noFlashNavi a:link,
ul#noFlashNavi a:visited {
}

ul#noFlashNavi a:hover,
ul#noFlashNavi a:active {
}

ul#noFlashNavi li {
	float: left;
	position: relative;
	width: 110px;
	height: 20px;
	font-size: 12px;
	letter-spacing: 0.1em;
	padding: 0 0 0 10px;
	border-left: 1px solid #666;
}

ul#noFlashNavi li.topLast {
	width: 85px;
	padding: 0 0 0 10px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}
* html ul#noFlashNavi li.topLast {
	width: 95px;
	padding: 0 10px;
}

ul#noFlashNavi li a {
	display: block;
	text-align: center;
}

ul#noFlashNavi li ul {
	display: none;
}

ul#noFlashNavi li:hover ul {
	display: block;
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 100;
}

ul#noFlashNavi li ul li {
	float: none;
	width: 150px;
	margin: 0;
	padding: 3px;
	font-size: 12px;
	font-weight: normal;
	border: none;
}

ul#noFlashNavi li ul li a {
	display: block;
	width: 150px;
	height: 18px;
	text-align: left;
	margin: 0;
	padding: 3px;
	background: #f1ecd9;
	border: 1px solid #e7debf;
}


ul#noFlashNavi li ul li a:hover {
	width: 150px;
	height: 18px;
	margin: 0;
	padding: 3px;
	background: #fcfbf6;
}

* html ul#noFlashNavi li ul li a {
	margin: -2px 0 0 0;
}

* html ul#noFlashNavi li ul li a:hover {
	margin: -2px 0 0 0;
}


ul#noFlashNavi { /* IE6 対策 */
	behavior: url("csshover3.htc");
}



.catalog div.note {
	text-align: left;
	font-size: 80%;
	margin: 15px 0 0 250px;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #666;
}

.catalog div.note a {
	color: #005ba8;
}





/*----------------------------------------------------------
	コンテンツ:about,exchange
----------------------------------------------------------*/

.about h1,
.exchange h1 {
	text-align: left;
	font-size: 140%;
	font-weight: bold;
}

.about #container #contents {
	margin: 4px 0 0 0;
	padding: 0;
}


.about #container #contents h2,
.exchange #container #contents h2 {
	text-align: left;
}

.about table {
	width: 100%;
	font-size: 12px;
	text-align: left;
}

.about table th {
	width: 273px;
	font-size: 14px;
	font-weight: bold;
	color: #807118;
	vertical-align: top;
	background: #e3f2e7;
	padding: 10px 10px 10px 25px;
	border-bottom: 1px solid #999;
}

.about table td {
	padding: 10px 10px 10px 25px;
	border-bottom: 1px solid #999;
}

* html .about table td {
	line-height: 1.3;
}

.about table td p {
	margin: 10px 0 0 0;
	padding: 10px 0 0  0;
	border-top: 1px solid #ccc;
}

.about table td a {
	color: #005ba8;
}

.about table td a:visited {
	color: #005ba8;
}

.about table td ul {
	margin: 0 0 0 15px;
	padding: 0;
}

.about table td ul li {
	list-style: disc;
	padding: 0 0 3px 0;
}

.about table td ul li .red {
	color: #cc3333;
}

.about p#backLink {
	float: left;
	width: 100px;
	letter-spacing: 0.7em;
	margin: 10px 0 0;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

* html .about p#backLink {
}

*+html .about p#backLink {
}

dl.comments {

}

dl.comments dt {
	float: left;
	width: 1em;
	clear: both;
}

dl.comments dd {
	padding: 0 0 0 1.2em;
}



/*----------------------------------------------------------
	コンテンツ:exchange
----------------------------------------------------------*/

.exchange #container #contents {
	margin: 4px 0 0 0;
	padding: 0;
}

* html .exchange #container #contents {
	margin: 6px 0 0 0;
}

*+html .exchange #container #contents {
	margin: 6px 0 0 0;
}


.exchange #catch {
	font-size: 24px;
	margin: 25px 0 0 10px;
}

.exchange #read {
	font-size: 12px;
	height: 65px;
	margin: 10px 0;
	background: url(../img/exchange/bg_triangle.gif) no-repeat center bottom;
}

.exchange #buttonArea {
	width: 780px;
	margin: 0 0 0 85px;
	border: 1px solid #6d611e;
}

*+html .exchange #buttonArea {
	margin: 0;
}

* html .exchange #buttonArea {
	margin: 0;
}

.exchange .buttonArea {
	float: left;
	width: 400px;
	border: 1px solid #CDCDCD;
	margin: 0 0 0 48px;
}

* html .exchange .buttonArea {
	margin: 0 0 0 30px;
}

.exchange h3 {
	font-size: 24px;
	color: #6d611e;
	margin: 10px 0 20px 0;
}

.exchange #saison h3 {
	font-size: 15px;
}

.exchange #save {
	padding: 50px 0 150px;
}

#save:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #save             { zoom: 1; } /* IE6 */
*:first-child+html #save { zoom: 1; } /* IE7 */


.exchange #save h3 {
	font-size: 20px;
	height: 55px;
}

.exchange #buttonArea .right {
	float: left;
	width: 387px;
	text-align: center;
}

.exchange #buttonArea .left {
	float: right;
	width: 387px;
	text-align: center;
}

.exchange #buttonArea .note,
.exchange .buttonArea .note {
	clear: both;
	color: #6d611e;
	margin: 10px 0 15px 0;
}

.exchange #buttonArea .blue,
.exchange .buttonArea .blue {
	color: #005BA8;
}

.exchange .caution {
	clear: both;
	width: 780px;
	text-align: left;
	margin: 10px 0 30px 85px;
}

*+html .exchange .caution {
	margin: 10px 0 30px 0;
}

* html .exchange .caution {
	margin: 10px 0 30px 0;
}

.exchange #saison .caution {
	clear: both;
	margin: 0 0 30px 47px;
	padding: 10px 0 0;
}

* html .exchange #saison .caution {
	width: 830px;
	margin: 0 0 30px 0;
}

*+html .exchange #saison .caution {
	width: 850px;
	margin: 0 0 30px 0;
}

.exchange #buttonArea a {
	color: #005ba8;
}


.exchange p#backLink {
	float: left;
	width: 100px;
	letter-spacing: 0.7em;
	text-align: center;
	margin: 10px 0 0 80px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

.exchange #searchArea {
	margin: -17px 0 0 !important;
}

.exchange h1 img {
	margin: 5px 0 15px 15px;
}

.exchange #saisonArea {
	float: left;
	width: 460px;
	margin: 0 0 0 15px;
}

.exchange #ucArea {
	float: left;
	width: 460px;
	margin: 0 0 0 -1px;
}

.exchange #saisonArea .section,
.exchange #ucArea .section {
	border: 1px solid #6D611E;
}

.exchange .section .catch {
	font-size: 140%;
	text-align: left;
	margin: 5px 0 5px 15px;
}

.exchange .section .read {
	text-align: left;
	margin: 5px 5px 5px 15px;
}

.exchange .section .caution {
	width: auto;
	margin: 5px 5px 25px 15px;
}

.exchange .section .buttonArea .note {
	color: #796A08;
}

.exchange .buttonArea .blue {
	color: #005BA8;
}

.exchange p.list {
	margin: 10px 0 0 15px !important;
}


/*----------------------------------------------------------
	コンテンツ:Information
----------------------------------------------------------*/

.information #header {
	margin: 0 0 10px 0;
}

.information #contents {
	text-align: left;
}

.information #contents img.title {
	margin: 0 0 0 20px;
}

dl.info {
	width: 870px;
	margin: 20px;
	padding: 0 20px;
	text-align: left;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

* html dl.info {
	width: 910px;
	margin: 20px 10px 20px 30px ;
}

dl.info dt {
	float: left;
	width: 100px;
	padding: 15px 0;
	clear: both;
	border-top: 1px dotted #666;
}

dl.info dd {
	padding: 15px 0;
	margin: 0 0 0 100px;
	border-top: 1px dotted #666;
}

dl.info dd a {
	color: #005ba8;
}

dl.info .first {
	border-top: none;
}

.information #contents dl.info dd h2 {
	clear: none;
	font-weight: bold;
	padding: 0 0 10px;
}

.information #contents dl.info dd h3 {
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 10px;
}

.information #contents dl.info dd h4 {
	font-weight: bold;
}

.information #contents dl.info p.important {
	color: #e3221b;
	font-size: 14px;
}


.information p#backLink {
	float: left;
	width: 100px;
	text-align: center;
	letter-spacing: 0.7em;
	margin: 10px 0 0 20px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

* html .information p#backLink {
	float: none;
	margin: 30px 800px 0 20px;
}

*+html .information p#backLink {
	float: none;
	margin: 30px 800px 0 20px;
}

.information #contents #topNavi {
	margin: 5px 0 0 20px;
}

.information #contents #topNavi li {
	display: block;
	float: left;
	height: 22px;
	letter-spacing: 0.7em;
	padding: 0 5px 0 12px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

.information #contents #topNavi li.last {
	border-left: 0px;
	border-right: 1px solid #666;
}

.information #contents h2 {
	clear: left;
	padding: 15px 0 0 20px;
	font-size: 120%;
}

* html .information #contents h2 {
	padding: 0 0 0 20px;
}

*+html .information #contents h2 {
	padding: 0 0 0 20px;
}

.information #contents table.itemChangeLog {
	width: 96%;
	font-size: 12px;
	margin: 10px 0 20px 20px;
}

.information #contents dl.info dd table.itemChangeLog {
	width: 100%;
	margin: 10px 0 20px;
}

.information #contents table.itemChangeLog th {
	vertical-align: top;
	border-top: 1px solid #666;
}

.information #contents table.itemChangeLog th,
.information #contents table.itemChangeLog td {
	padding: 5px 0;
	border-bottom: 1px solid #666;
}

.information #contents table.small {
	font-size: 10px;
}

.information #contents table.small td {
	padding: 5px;
}

.information #contents table th.borderNone,
.information #contents table td.borderNone {
	border: 0;
}

.information #contents table a {
	color: #005ba8;
}

.information #container .abolition p {
	font-size: 11px;
	padding: 0 20px;
}

.information #container .abolition p.read {
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin: 0 20px 9px;
	padding: 0 0 5px;
}

.information #container .abolition dl {
	border-bottom: 1px solid #ccc;
	margin: 0 20px;
}

.information #container .abolition dl dt {
	float: left;
	width: 240px;
	font-weight: bold;
	border-top: 1px solid #ccc;
	padding: 7px 0 0;
	clear: both;
}

.information #container .abolition dl dd {
	border-top: 1px solid #ccc;
	line-height: 1.8;
	padding: 7px 0 7px 240px;
}

.information #container .abolition dl dd span {
	font-size: 11px;
}

.information #container .abolition dl dd a {
	color: #005BA8;
}

.information #contents #changeLog {
	padding: 0 20px;
}

.information #contents #changeLog h3 {
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 10px;
}

.information #contents #changeLog h4 {
	font-weight: bold;
}

.information #contents #changeLog p.important {
	color: #e3221b;
	font-size: 14px;
}





/*----------------------------------------------------------
	コンテンツ:search Result Area
----------------------------------------------------------*/

.searchResult #header {
	margin: 0 0 10px 0;
}

.searchResult h1 {
	font-size: 140%;
	text-align: left;
	margin: 0 0 0 20px;
}

.searchResult .searchDetail {
	text-align: left;
	margin: 0 0 0 20px;
}

.searchResultArea {
	width: 910px;
	margin: 15px 20px 30px 20px;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #666;
}

/* -- clear float -- */ 
.searchResultArea {
	min-height:0;
	display: inline-table;
}

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

/* \*/
* html .searchResultArea {height:0;}
.searchResultArea {display: block;}
/* */
/* -- end clear float -- */

.searchResultArea .section {
	float: left;
	width: 142px;
	text-align: center;
	padding: 5px 0 0 0;
	margin: 0 7px 0 0;
	border: 1px solid #fff;
}

.searchResultArea .section a {
	display: block;
	border: 1px solid #fff;
}

.searchResultArea .section a:hover {
	border: 1px solid #ccc;
	cursor: pointer;
	text-decoration: none;
}

.searchResultArea .section a .itemImage {
}

.searchResultArea .section a .itemName {
	font-size: 11px;
	text-align: left;
	line-height: 1.3;
	display: block;
	margin: 0;
	padding: 5px;
	background: #f8f8f0;
}

.searchResultArea .section a .itemPoint {
	font-size: 10px;
	text-align: left;
	display: block;
	padding: 5px;
	background: #f8f8f0;
}

.searchResultArea .section img {
	margin: 0 0 0 2px;
}


.searchResultNo {
	font-size: 15px;
	text-align: left;
	margin: 10px 0 0 25px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

.searchResultNo p {
	width: 500px;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #666;
}




/*----------------------------------------------------------
	コンテンツ:Themes
----------------------------------------------------------*/

.themeIndex #header,
.theme #header {
	margin: 0 0 10px 0;
}

.themeIndex #contents {
	text-align: left;
}

.themeIndex #themeIndexTitle {
	margin: 0 0 15px 25px;
}

* html .themeIndex #themeIndexTitle {
	margin: 0 0 15px 35px;
}

.themeIndex #contents ul li {
	font-size: 11px;
	background: url(../img/theme/lineIndex.png) no-repeat right top;
}

.themeIndex #contents ul li.left40 {
	padding: 5px 0 12px 40px;
}

.themeIndex #contents ul li.left170 {
	padding: 5px 0 12px 170px;
}

.themeIndex #contents ul li.left250 {
	padding: 5px 0 12px 250px;
}

.themeIndex #contents ul li.left300 {
	padding: 5px 0 12px 300px;
}

.themeIndex #contents ul li.left350 {
	padding: 5px 0 12px 350px;
}

.themeIndex #contents ul li.left380 {
	padding: 5px 0 12px 380px;
}

.themeIndex #contents ul li.left400 {
	padding: 5px 0 12px 400px;
}

.themeIndex #contents ul li.left405 {
	padding: 5px 0 12px 405px;
}

.themeIndex #contents ul li.left320 {
	padding: 5px 0 12px 320px;
}

.themeIndex #contents ul li.left290 {
	padding: 5px 0 12px 290px;
}

.themeIndex #contents ul li.left280 {
	padding: 5px 0 12px 280px;
}

.themeIndex #contents ul li.left270 {
	padding: 5px 0 12px 270px;
}

.themeIndex #contents ul li.left275 {
	padding: 5px 0 12px 275px;
}


.themeIndex span.green {
	font-size: 16px;
	font-weight: bold;
	color: #004121;
}

.themeIndex ul li a:hover span.green {
	text-decoration: underline;
	color: #004121;
}

.themeIndex span.red {
	font-size: 16px;
	font-weight: bold;
	color: #5d0134;
}

.themeIndex ul li a:hover span.red {
	text-decoration: underline;
	color: #5d0134;
}



.theme #contents #leftArea {
	float: left;
	width: 300px;
}

* html .theme #contents #leftArea {
	padding: 0 0 0 15px;
}

.theme #contents #leftArea img {
	margin: 0 0 20px 0;
}

.theme #container .special #leftArea img {
	margin: 0 0 20px 0;
}

.theme #container .special .specialRight {
	margin: 0 170px 50px 0;
}

.theme #container .special .themeArea .specialRight {
	float: right;
	margin: 0;
}

.theme #container .special .themeArea .specialLeft {
	float: left;
}

.theme #container .special img.left {
	float: left;
	padding: 15px 15px 5px 15px;
}

* html .theme #container .special img.left {
	margin: 0 0 10px 20px;
}

p#backLink {
	width: 100px;
	letter-spacing: 0.7em;
	margin: 0 auto;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

.special p#backLink {
	float: left;
	width: 100px;
	letter-spacing: 0.7em;
	margin: 10px 0 0 20px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

* html .special p#backLink {
	float: none;
	margin: 30px 800px 0 20px;
}

*+html .special p#backLink {
	float: none;
	margin: 30px 800px 0 20px;
}


.theme #contents #themeTitle {
	float: right;
	width: 620px;
	padding: 175px 15px 15px 15px;
}

.theme #contents #themeTitle p.note {
	float: right;
	width: 550px;
	text-align: left;
	padding: 20px 0 0 0;
}

.theme #contents #themeTitle p.right {
	text-align: right;
}

.theme #contents .themeArea {
	float: right;
	width: 540px;
	padding: 10px 0;
	border-top: 1px solid #666;
}

.theme #contents div.last {
	border-bottom: 1px solid #666;
}

.recommend #contents #themeTitle {
	padding: 80px 15px 15px 15px;
}

.theme #container .special .themeArea {
	clear: both;
	width: 920px;
	padding: 20px 0;
	margin: 0 15px 0 0;
	border-top: 1px solid #666;
}

* html .theme #container .special .themeArea {
	margin: 0 0 0 0;
}

.theme #container .special .princeArea {
	width: 720px;
}



.theme #container .special .specialTitle {
	width: 950px;
	margin: 0;
	padding: 20px 0 0 10px;
	text-align: left;
}

.theme #container .special .specialTitlePrince {
	width: 720px;
	margin: 0;
	padding: 20px 0 0 230px;
	text-align: left;
}



/* -- clear float -- */ 
.themeArea {
	min-height:0;
	display: inline-table;
}

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

/* \*/
* html .themeArea {height:0;}
.themeArea {display: block;}
/* */
/* -- end clear float -- */

.theme #contents .themeArea .section {
	float: left;
	width: 245px;
	text-align: center;
	margin: 0 0 0 15px;
	padding: 0;
	border: 1px solid #fff;
}

.theme #container .special .themeArea .section {
	width: 205px;
	margin: 0 20px 0 0;
}

.theme #container .special .princeTitle {
	margin: 0 480px 0 10px;
}

* html .theme #container .special .princeTitle {
	margin: 0 450px 0 10px;
}

.theme #container .special .princeTitle2 {
	margin: 0 0 0 0;
}

* html .theme #container .special .princeTitle2 {
	margin: 0 0 0 30px;
}

.theme #contents .themeArea .section a {
	display: block;
	border: 1px solid #fff;
}

.theme #contents .themeArea .section a:hover {
	border: 1px solid #ccc;
	cursor: pointer;
	text-decoration: none;
}

.theme #contents .themeArea .section a .itemImage {
}

.theme #contents .themeArea .section a .itemName {
	font-size: 12px;
	text-align: left;
	line-height: 1.3;
	display: block;
	margin: 0;
	padding: 10px;
	background: #f8f8f0;
}

.recommend #contents .themeArea .section a .itemName {
	font-size: 11px;
	text-align: left;
	line-height: 1.3;
	display: block;
	margin: 10px 0 0 0;
	padding: 10px 10px 0;
	background: #f8f8f0;
}

.recommend span.itemNameRecommend {
	font-size: 18px;
	text-align: left;
	line-height: 1.3;
	display: block;
	margin: 0;
	padding: 2px 10px 10px;
	background: #f8f8f0;
}

.theme #contents .themeArea .section span.itemPoint {
	font-size: 12px;
	text-align: left;
	display: block;
	padding: 10px;
	background: #f8f8f0;
}

.theme #contents .themeArea .section img {
	margin: 0 0 0 2px;
}



/*----------------------------------------------------------
	コンテンツ:item Detail
----------------------------------------------------------*/

.itemDetail #header {
	margin: 0 0 10px 0;
}

.ImgBlkL {
	direction:ltr;
}

.categoryCatchArea {
	min-height: 85px;
	height: auto !important;
	height: 85px;
}

.categoryCatch {
	display: table;
	width: 700px
	padding: 0;
	margin: 0 0 10px 250px;
}

.categoryCatch .categoryCatchImgArea,
.categoryCatch .categoryCatchTextArea {
	display: table-cell;
	vertical-align: top;
	text-align: left;
}

.categoryCatch .categoryCatchTextArea {
	width: 100%;
	padding: 0 0 0 0;
	position: relative;
}

.categoryCatch .categoryCatchImgArea {
}

.ImgBlkL .categoryCatchImgArea {
	padding: 0 10px 0 0;
}

/* for IE */

#LTIE8 .ImgBlkL .categoryCatchImgArea {
	float: left;
}
#LTIE8 .categoryCatch .categoryCatchImgArea {
	width: expression(this.getElementsByTagName("img")[0].clientWidth);
}
#LTIE8 .categoryCatch .categoryCatchTextArea {
	width: auto;
}

/* clear float and get hasLayout */

#LTIE8 .categoryCatch,
#LTIE8 .categoryCatch .categoryCatchTextArea {
	min-height: 0;
}
* html #LTIE8 .categoryCatch,
* html #LTIE8 .categoryCatch .categoryCatchTextArea {
	height: 0;
}


#second #contents .categoryCatchTextArea p#categoryCatchTitle {
	font-size: 13px;
	font-weight: bold;
	color: #807118;
	line-height: 14px;
	margin: 0;
}

#second #contents .categoryCatchTextArea p#camp3418 {
	position: relative;
	height: 168px;
}

#second #contents .categoryCatchTextArea p#camp3418 img {
	position: absolute;
	left: -247px;
}


#second #contents .categoryCatchTextArea p {
	font-size: 10px;
	line-height: 1.3;
	margin: 10px 0 0 0;
}



#second #contents #subArea {
	float: left;
	width: 210px;
	height: 370px;
	text-align: left;
	margin: 0 0 0 20px;
	position: relative;
}

* html #second #contents #subArea {
	width: 230px;
	padding: 0 0 0 20px;
	margin: 0;
}

#second #contents #subArea p#itemCatch {
	font-size: 13px;
	margin: 0 0 25px 0;
	line-height: 1.3;
}

#second #contents #subArea p#itemCatch img {
	margin: 10px 0 0 0;
}

#second #contents #subArea p#itemName {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
	padding: 0 0 0.5em 0;
	margin: 0;
	border-bottom: 1px solid #999;
}

#second #contents #subArea #itemPointArea {
	padding: 5px 0;
	border-bottom: 1px solid #999;
}

#second #contents #subArea #itemPointArea p#itemPoint {
	font-size: 15px;
	padding: 0;
	margin: 0;
	line-height: 1.2;
}

#second #contents #subArea #itemPointArea p#itemNoSaison {
	text-align: right;
	font-size: 15px;
	color: #005ba8;
	padding: 0;
	margin: 0;
	line-height: 1.2;
}

#second #contents #subArea #itemPointArea p#itemNoUc {
	text-align: right;
	font-size: 15px;
	color: #807118;
	padding: 0;
	margin: 0;
	line-height: 1.2;
}

#second #contents #subArea #itemPointArea span.bold {
	font-weight: bold;
}

#second #contents #subArea #note {
	font-size: 15px;
	color: #005ba8;
	line-height: 1.2;
	margin: 10px 0 0 0;
}

#second #contents #subArea #note span.noteText {
	font-size: 12px;
	color: #666;
	line-height: 1.3;
}

* html #second #contents #subArea #note span.noteText {
	font-size: 10px;
}

*+html #second #contents #subArea #note span.noteText {
	font-size: 10px;
}


#second #contents #subArea #note span.noteFinishText {
	font-size: 14px;
	color: #ff3333;
	line-height: 1.3;
}

* html #second #contents #subArea #note span.noteFinishText {
	font-size: 12px;
}

*+html #second #contents #subArea #note span.noteFinishText {
	font-size: 12px;
}

#second #contents #subArea #note span.noteFinishText a {
	color: #ff3333;
	text-decoration: underline;
}

#second #contents #subArea #note .bold {
	font-weight: bold;
}

#second #contents #subArea .strongGray {
	background: #595757;
	color: #fff;
	display: block;
	padding: 2px 3px;
}

#second #contents #subArea .attention {
	position: relative;
	top: 110px;
}

#second #contents #subArea #note .attention2 {
	position: relative;
	top: 130px;
	color: #ff3333;
	font-size: 15px;
	text-decoration: underline;
}

#second #contents #subArea .attention3 {
	position: relative;
	top: 70px;
}

#second #contents #subArea #subNavi {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.4em;
	text-align: center;
	position: absolute;
	top: 340px;
	left: ;
}

#second #contents #subArea #subNavi li.top {
	display: block;
	float: left;
	height: 22px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

#second #contents #subArea #subNavi li.top2 {
	display: block;
	float: left;
	width: 125px;
	height: 22px;
	color: #ccc;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

#second #contents #subArea #subNavi li#last {
	padding: 0 5px 0 10px;
	border-left: 0px;
	border-right: 1px solid #666;
}

#second #contents #subArea #subNavi li a.exchange {
	color: #666;
}

#second #contents #subArea #subNavi li a.exchange:hover {
	text-decoration: none;
}

#second #contents #subArea #subNavi li a.exchange span {
	display: block;
	width: 125px;
}

/* Default list styling */

#second #contents #subArea #subNavi li:hover {
	position: relative;
	z-index: 200;
}

#second #contents #subArea #subNavi li:hover ul.sub {
	top: 22px;
	left: 0;
	height: auto;
	z-index: 300;
}

#second #contents #subArea #subNavi li:hover ul.sub li {
	position: relative;
}

#second #contents #subArea #subNavi li:hover ul.sub li a {
	display: block;
	width: 125px;
	height: 45px;
}

#second #contents #subArea #subNavi li:hover ul.sub li .exchange01 {
	background: url(../img/common/gNavi_pull01.gif) left top;
}

#second #contents #subArea #subNavi li:hover ul.sub li .exchange02 {
	background: url(../img/common/gNavi_pull02.gif) left top;
}

#second #contents #subArea #subNavi li:hover ul.sub li a:hover {
	background-position: left bottom;
}

#second #contents #subArea #subNavi li:hover ul.sub li a {
	text-indent: -9999px;
}

#second #contents #subArea #subNavi ul {
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}



#second #contents #mainArea {
	float: right;
	width: 680px;
	text-align: left;
	font-size: 11px;
	padding: 0 0 0 0;
	margin: 0 20px 0 0;
	border-bottom: 1px solid #555;
}

* html #second #contents #mainArea {
	padding: 0 20px 0 0;
	margin: 0 0 0 0;
}

#second #contents #mainVisual {
	margin: 0 0 20px 0;
}

#second #contents #mainArea p {
	margin: 0 0 10px 0;
	line-height: 16px;
}

#second #contents #mainArea p.large {
	font-size: 13px;
}

#second #contents #mainArea p.title {
	margin: 30px 0 0 0;
}

#second #contents #mainArea p.important {
	color: #e3221b;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.9;
	position: relative;
	top: -5px;
}

/* clearfix */
#second #contents #mainArea p.important:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#second #contents #mainArea p.important span.title {
	display: block;
	float: left;
	padding: 0 7px 25px 0;
}

#second #contents #mainArea p.important span.note {
	font-size: 10px;
}

#second #contents #mainArea p.borderTop {
	margin: 15px 0;
	padding: 15px 0 0;
	border-top: 1px solid #555;
}

#second #contents #mainArea ol {
	margin: 0 0 15px 20px;
	padding: 0;
}

* html #second #contents #mainArea ol {
	margin: 0 0 15px 25px;
}

*+html #second #contents #mainArea ol {
	margin: 0 0 15px 25px;
}

#second #contents #mainArea ol li {
	list-style: decimal;
}

#second #contents #mainArea table {
	margin: 0 0 15px 0;
}

#second #contents #mainArea table th,
#second #contents #mainArea table td {
	font-size: 12px;
	padding: 3px 7px;
}

#second #contents #mainArea a {
	color: #005bab;
}

#second #contents #mainArea .heading {
	margin: 25px 0 0 0;
}

#second #contents #mainArea img.logo {
	float: right;
	padding: 0 0 10px 10px;
}

#second #contents #mainArea img.textWithImg {
	margin: 0 3px 5px 0;
}

#second #contents span.call,
#catalog #contents span.call {
	font-family: Osaka,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 100%;
}

#second #contents #mainArea #biography {
	margin: 30px 0 15px;
}

#second #contents #mainArea #biography dt {
	clear: both;
	width: 90px;
	float: left;
	padding: 0 0 15px 0;
}

#second #contents #mainArea #biography dd {
	padding: 0 0 15px 95px;
}


#second #contents #mainArea .vertical {
	float: left;
	width: 168px;
	padding: 15px 10px 0 0;
}


#second #contents #mainArea .vertical dd span {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -1px;
}

#second #contents #mainArea .keganiTag {
	width: 143px;
}

#second #contents #mainArea .finish {
	padding: 15px 0 0 0;
}


#second #contents #mainArea .horizontal {
	clear: both;
	padding: 30px 0 0 0;
}

#second #contents #mainArea .horizontal dt {
	clear: both;
	width: 250px;
	float: left;
	padding: 0 0 15px 0;
}

#second #contents #mainArea .horizontal dd {
	padding: 0 0 15px 250px;
}

#second #contents #mainArea .horizontal dd.kaniset{
	padding: 90px 0 15px 250px;
}

#second #contents #mainArea .imgL {
	float: left;
	padding: 0 10px 10px 0;
}

#second #contents #mainArea .imgR {
	float: right;
	padding: 0 10px 10px 0;
}

#second #contents #mainArea .clear {
	clear: both;
}

#second #contents #mainArea dl.redBox {
	border: 1px solid #333;
	padding: 10px;
	margin: 0 0 15px 0;
}
#second #contents #mainArea dl.redBox dt{
	color: #333;
	font-weight: bold;
}

#montthaborSet {
	color: #666;
	font-size: 80%;
	text-align: center;
}

* html #montthaborSet {
}

*+html #montthaborSet {
}

#montthaborSet img {
	margin: 25px 0 5px 0;
}

#bottomLink {
	font-size: 80%;
	margin: 0;
	text-align: center;
	text-decoration: underline;
	position: relative;
	top: 75px;
	left: 0;
}

#montthaborGift {
	width: 917px;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	margin: 15px 0 0 -239px;
	padding: 15px 0;
	position: relative;
	bottom: -1px;
}

#montthaborGift p {
	overflow: hidden;
}

* html #montthaborGift p {
	width: 680px;
	float: right;
}

#second #contents #mainArea span.red {
	color: #cc3333;
}




/*----------------------------------------------------------
	コンテンツ:notfound
----------------------------------------------------------*/

.notfound h1 {
	font-size: 142%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin: 40px 100px;
	padding: 9px 20px;
	background: #999;
}

.notfound h2 {
	color: #333;
	font-weight: bold;
	font-size: 120%;
	text-align: left;
	margin: 2em 0 2em 4em;
	padding: 0 8px;
	border-left: 5px solid #666;
}

.notfound .text {
	font-size: 100%;
	line-height: 1.8;
	text-align: left;
	margin: 2em 0 5em 5em;
}

.notfound .text .toplink {
	color: #333;
	font-weight: bold;
	margin: 2em 1em;
	padding: 0 1em;
	border-left: 5px double #999;
}



/*----------------------------------------------------------
	コンテンツ:branch
----------------------------------------------------------*/

.branch #container #contents {
	margin: 53px 0 0;
}

* html .branch #container #contents {
	text-align: left;
	padding: 32px 0 0;
}

*+html .branch #container #contents {
	text-align: left;
	padding: 32px 0 0;
}

.branch h2 {
	width: 535px;
	height: 43px;
	color: #FFF;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 45px;
	padding: 9px 0 0 15px;
	background: url(../img/common/bg_h2.gif) no-repeat center top;
}

.branch h2 span {
	font-size: 75%;
}

.branch #branchRead {
	color: #cc0000;
	margin: -40px 0 50px 15px;
	text-align: left;
}

.branch #catch {
	width: 780px;
	text-align: center;
	font-size: 24px;
	margin: 25px 0 10px 85px;
	padding: 0 0 40px 0;
	background: url(../img/exchange/bg_triangle.gif) no-repeat center bottom;
}

.branch #buttonArea {
	width: 787px;
	margin: 0 0 0 82px;
	border: none;
}
*+html .branch #buttonArea {
	margin: 0 0 0 82px;
}

* html .branch #buttonArea {
	margin: 0 0 0 82px;
}

.branch #buttonArea h3 {
	margin: 0 0 34px 0;
}

.branch div.right {
	background: #bbccea;
	height: 346px;
}

.branch div.left {
	background: #ead78f;
	height: 346px;
}

.branch div p {
	margin-bottom: 13px;
}

/* -- clear float -- */ 
.branch #buttonArea {
	min-height:0;
	display: inline-table;
}

.branch #buttonArea:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* \*/
* html .branch #buttonArea {height:0;}
.branch #buttonArea {display: block;}
/* */
/* -- end clear float -- */


.branch #backLink { display: inline; }