@charset "utf-8";

/* ----------------------------------------------

Default.css

 - Browser-Formatting Styles
 - General Classes

LastUpdate: 2011-04-27
---------------------------------------------- */

body {
	background-color: #fff;
	color: #000;
	line-height: 1.6;
	font-family:  "ヒラギノ角ゴ Pro W3",HiraKakuPro-W3, Osaka, "メイリオ",Meiryo, "ＭＳ Ｐゴシック",verdana, arial, sans-serif;
	word-wrap:break-word;
}

*+html body {
	font-family: "メイリオ",Meiryo, "ＭＳ Ｐゴシック",verdana, arial, sans-serif;
}
* html body {
	font-family: "メイリオ",Meiryo, "ＭＳ Ｐゴシック",verdana, arial, sans-serif;
}

a:link		{color: #0099CC; text-decoration: underline;}
a:visited	{color: #0099CC; text-decoration: underline;}
a:hover		{color: #0099CC; text-decoration: underline;}
a:active	{color: #0099CC; text-decoration: underline;}


/* Browser-Formatting Styles */

h1,h2,h3,h4,h5 {
	line-height: 1;
}

/* p {
	text-align: justify;
	text-justify: inter-ideograph;
} */

img {
	vertical-align: bottom;
}

a:hover img {
	opacity: .75;				/* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75;		/* Safari 1.x */
	-moz-opacity: .75;			/* FF lt 1.5, Netscape */
}

input:focus,
textarea:focus {
	background-color: #E6E6E6;
}

::-moz-selection {
	background: #666;
	color: #fff;
}
::selection {
	background: #666;
	color: #fff;
}



/* ----------------------------------------------
General Classes
---------------------------------------------- */

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


.inlineImg {
	padding-bottom: 1px;
}


/* ----------------------------------------------
COMMON
---------------------------------------------- */

#noScript {
	padding: 1em 0;
	color: #999;
	text-align: center;
}

input {
	vertical-align: text-bottom;
}



/* HEADER
------------------------- */
#header {
	background: url(../../img/jp/common/bg_head.png) repeat-x left bottom;
	font-size: 93%;		/* Set Font size */
}
#header .inner {
	width: 959px;
	margin: 0 auto 20px auto;
}

/*search*/
#header .searchArea {
	/*width: 560px;
	margin: 0 0 0 397px;*/
	float:right;
}
* html #header .searchArea {
	height: 1%;	/*IE6*/
}
#header .searchArea dt{
	float: left;
	background: url(../../img/jp/common/head_ico_arrow.png) no-repeat right top;
	padding: 13px 5px 0 16px;
	line-height: 1em;
}

#header .searchArea dt { /padding: 13px 2px 0 16px; } /* IE6・7 */

#header .searchArea dt img {
	vertical-align: middle;
}
#header .searchArea dd{
	float: left;
	padding: 9px 0 0 0;	
	position:relative;
}
#header .searchArea dd#listSelectMenu{
	z-index:10001;
}
#header .searchArea dd input {
	vertical-align: middle;
}
#header .searchArea dd .textBox {
	width: 220px;
	height: 18px;
	border: none;
	background: #E6E6E6;
	padding: 0 0 0 10px;
	font-size: 85%;
	line-height: 18px;
}

#header .searchArea dd p.selected {
	width:137px;
	background-color:#333;
	text-indent:0.5em;
}


/*logo*/
#header #logo {
	float: left;
	margin: 0 0 0 4px;
}
* html #header #logo {
	margin: 0 0 0 2px;
}

/*#headNav*/

#headNav {
	overflow: hidden;
	float: left;
	margin: 43px 0 0 20px;
}
* html #headNav {
	height: 1%;/*IE6*/
}
#headNav li {
	float: left;
	margin: 0 0 0 19px;
	line-height: 0.1em;
}
#headNav li.title {
	margin: 0;
}

/*select your language*/

#sub_menu{
	position:absolute;
	top:27px;
	left:0;
	z-index:999;
}
#sub_menu li{
	background-color:#333;
	width:137px;
	text-indent:0.5em;
}
#sub_menu li a{
	display: block;
	width: 100%;
	color:#fff;
	text-decoration:none;
}
#sub_menu li a:hover{	
	color:#999;
	background-color: #000;
}




/* GLOBAL NAV
------------------------- */
#globalNav {
	overflow: hidden;
	background: url(../../img/jp/common/bg_globalnavi.png) no-repeat left top;
	margin: 23px 0 0 0;
	padding: 0 0 0 4px;
}
* html #globalNav {
	height: 1%;/*IE6*/
}
#globalNav li {
	float: left;
	padding: 3px 0 4px 0;
	margin: 0 1px 0 0;
}

#globalNav li { /padding: 1px 0 4px 0; } /* IE6・IE7 */

#globalNav li a {
	display: block;
	float: left;
	width: 148px;
	padding: 30px 0 20px 0;
	text-align: center;
	line-height: 1;
}

#globalNav #nav05 a {
	width: 163px;
}
#globalNav #nav06 a {
	width: 194px;
}
/*IE6*/
* html #globalNav li a {
	width: 146px;
}
* html #globalNav #nav06 a {
	width: 192px;
}

/* Wrapper 
------------------------- */
#wrapper {
	font-size: 93%;		/* Set Font size */
	width: 950px;
	margin: 0 auto;
}

/* パンくず
------------------------------*/
#bread {
	text-align: right;
	color: #666;
	margin: 0 0 10px 0;
	line-height: 1.7em;
}
#bread a {
	color: #666;
}
#bread a:link {
	color: #666;
}
#bread a:visited {
	color: #666;
}



/* FOOTER
------------------------- */

#footer {
	width: 950px;
	padding: 0 0 30px 0;
	margin: 35px auto 0 auto;
}

/*bnrArea*/
#footer .bnrArea {
	overflow: hidden;
	clear: both;
	margin: 0 0 30px 0;
}
* html #footer .bnrArea {
	height: 1%;/*IE6*/
}
#footer .bnrArea li {
	float: left;
	margin: 0 8px 0 0;
}
#footer .bnrArea li { /margin: 0 4px 0 0; }
#footer .bnrArea .last {
	margin: 0;
}

/*#footNav*/
#footNav {
	overflow: hidden;
	border-top: 1px #666 dotted;
	border-bottom: 1px #666 dotted;
	padding: 28px 0;
}
* html #footNav {
	height: 1%;/*IE6*/
}
#footNav li {
	background:url(../../img/jp/common/ico_blackarrow.png) no-repeat left 0.15em;
	float: left;
	padding: 0 0 0 15px;
	margin: 0 24px 0 0;
	line-height: 0.1em;
}
* html #footNav li img {
	vertical-align: top;
}
*:first-child+html #footNav li img{
	vertical-align: top;
}

#footNav #copy {
	background-image:none;
	float: right;
	margin: 0;
}

/* contents 
------------------------- */
.mainColumn {
	background: url(../../img/jp/common/bg_listline.png) no-repeat right bottom;
	width: 606px;
	float: left;
	padding: 0 70px 0 0;  
}
.subColumn {
	width: 254px;
	float: right;
}


/*タイトル*/

.mainTitle {
	background: url(../../img/jp/common/bg_title.png) repeat-x left bottom;
	padding: 21px 0 50px 0;
}

.subTitle {
	background: url(../../img/jp/common/bg_title.png) repeat-x left top;
	margin: 0 0 18px 0;
}
.subTitle img {
	vertical-align: top;
}

.borderTitle {
	background: url(../../img/jp/common/bg_lineborder.png) no-repeat left bottom;
	padding: 0 0 5px 10px;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 138.5%;
}

.dottTitle {
	background: url(../../img/jp/common/bg_linedott.png) no-repeat left bottom;
	padding: 3px 0 5px 2px;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 133.4%;
}

.leftBorderTitle {
	border-left: 2px #000 solid;
	padding: 5px 0 5px 10px;
	margin: 0 0 15px 0;
	font-weight: bold;
}
.leftBorderTitle h2 {
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: 225%;
	line-height: 1.2em;
}
.leftBorderTitle p {
	font-size: 91.7%;
	line-height: 1.5em;
}
.underlineTitle {
	background: url(../../img/jp/common/bg_underline.png) no-repeat left bottom;
	float: left;
	width: 280px;
	margin-bottom:15px;
	padding: 0 0 10px 0;
	font-size: 220%;
	line-height: 1.1em;
}

/*ボタン*/
.btnArea {
	text-align: center;
}
.btnArea input {
	margin: 0 10px;
}
.btnArea img {
	margin: 0 10px;
}

/*テキスト*/
.smallTxt {
	font-size: 83.4%;
}

.attention {
	font-size: 83.4%;
	color: #666;
}

/*iconBox*/
.iconBox {
	text-align:right;
	/*margin: 0 0 10px 0;*/
}
.iconBox img {
	margin: 0 0 0 3px;
	vertical-align: top;
}

.iconBox iframe {
	overflow: hidden;
	width: 105px !important;
}

/*goodslist*/
.goodsList_s,
.goodsList_l,
.goodsList_l2{
	overflow: hidden;
}
* html .goodsList_s {
	height: 1%;/*IE6*/
}
* html .goodsList_l {
	height: 1%;/*IE6*/
}
* html .goodsList_l2 {
	height: 1%;/*IE6*/
}
.goodsList_s li {
	background: url(../../img/jp/common/bg_listline.png) no-repeat right bottom;
	border-bottom: 1px #ccc solid;
	float: left;
	width: 280px;
	padding: 0 5px 0 0;
}
.goodsList_l li {
	background: url(../../img/jp/common/bg_listline.png) no-repeat right bottom;
	border-bottom: 1px #ccc solid;
	float: left;
	width: 235px;
	padding: 0 5px 0 0;
}
.goodsList_s .rightEnd {
	background: none;
	width: 275px;
	padding-right: 0;
}
.goodsList_l .rightEnd {
	background: none;
	width: 240px;
	padding-right: 0;
}
.goodsList_l2 li {
	background: url(../../img/jp/common/bg_listline.png) no-repeat right bottom;
	border-bottom: 1px #ccc solid;
	float: left;
	width: 316px;
	padding: 0 5px 0 0;
}
.goodsList_l2 .rightEnd {
	background: none;
	width: 316px;
	padding-right: 0;
}

/*検索結果・ページ送り*/
#wrapper .noFloat {
	float: none;
	width: auto;
}
.resultText {
	float: left;
	width: 240px;
	margin-bottom: 0.5em;
	line-height: 1.5em;
}
.resultText span {
	margin: 0 0.5em;
	color: #CC0000;
	font-size: 108.4%;
	font-weight: bold;
}
/*.resultText .chapter {
	margin: 0 1em 0 15px;
}*/
/*.pageNav li {
	margin: 0 7px;
}*/
#wrapper .pageNav li a {
	color: #000;
	text-decoration: none;
}
.pageNav .prevPage {
	background: url(../../img/jp/common/ico_prevarrow.png) no-repeat left center;
}
.pageNav .nextPage {
	background: url(../../img/jp/common/ico_nextarrow.png) no-repeat right center;
}



/*さらに見る*/
#wrapper .moreLook {
	background-image: none;
	text-align: right;
}
#wrapper .moreLook a{
	background: url(../../img/jp/common/ico_blackarrow.png) no-repeat left 0.2em;
	padding: 0 0 0 14px;
	color: #000;
	font-size: 83.4%;
	text-decoration: none;
}

button {
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
}

.o90t90 {
    max-width: 90px;
}