@charset "utf-8";

/* home
----------------------------------------*/
.infoIn ul li .link {
	color: #2483b9;
	text-decoration: underline;
}

.infoIn {
	height: 82px; /* 2013/07/03 u-g add */
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	padding: 3px 0 0px; /* 2014/10/28 u-g edit 15px 0 8px; */
}

.infoIn img {
	float: left;
}

.infoIn ul {
	width: 730px;
	float: right;
	text-align: left;
}

.infoIn ul li {
	margin-bottom: 7px;
	/*	font-size:14px;*/
	width: 730px;
	overflow: hidden;
}
/*
.infoIn ul li a{
	float:right;
	width:645px;
}*/
#leftCol {
	width: 200px;
	float: left;
	background: #f2f2f2;
	word-break: break-all;
}

.infoIn ul.f li span.link {
	text-decoration: none;
	color: #000;
}

.infoIn ul.f li.f3 span.link {
	color: #FFF;
}

.search {
	width: 950px;
	margin: 0 auto 0px;
	overflow: hidden;
}

.search .left {
	width: 746px;
	float: left;
}

.search .left .box {
	border: 1px solid #abadb3;
	text-align: left;
}

.search .left .box img {
	vertical-align: middle;
}

.search .left .box input {
	width: 472px; /** 2013/09/26 u-g modify 522px -> 472px  **/
	height: 24px;
	padding: 2px 5px;
	border: none;
	color: #aaa;
	vertical-align: middle;
}

.search .right {
	float: right;
	width: 202px;
	overflow: hidden;
}

.search .right a {
	float: left;
}

.search .right a img {
	vertical-align: bottom;
}

.homeMain {
	width: 738px;
	border: 1px solid #abadb3;
	position: relative;
	margin-bottom: 5px; /* 2014/10/28 u-g edit 20px; */
}

.homeMain .head1 {
	width: 738px;
	overflow: hidden;
	background: #b9b9b9;
}

.homeMain .head1 .title {
	float: left;
	padding: 6px 15px 4px;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}

.homeMain .head1 img {
	vertical-align: middle;
}

.pA5 {
	padding: 5px;
}

.head2 {
	width: 738px;
	overflow: hidden;
	background: #d2d2d2;
}

.head2 div {
	float: left;
	padding: 7px 50px 7px 15px;
}

.head2 div span {
	vertical-align: middle;
	margin-right: 7px;
	padding-top: 1px;
}

.head2 div img {
	vertical-align: middle;
}

.conh2 {
	text-align: left;
	font-weight: normal;
	padding: 10px 10px 0;
}

.set {
	width: 700px;
	margin: 0 auto;
	padding: 5px 10px; /* 2014/10/28 u-g edit 15px 10px; */
	border-top: 1px solid #dadada;
	text-align: left;
	overflow: hidden;
}

.set h2 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px; /* 2014/10/28 u-g edit 10px; */
}

.set table {
	float: left;
	width: 345px;
}

.set table td, .set table th {
	text-align: left;
	background: #f3f3f3;
	font-size: 12px;
	border-bottom: 1px solid #FFF;
	padding: 6px 15px 5px;
	font-weight: normal;
}

.setRight {
	width: 320px;
	height: 189px;
	padding: 10px 10px;
	float: right;
	background: #f3f3f3;
	overflow-y: auto; /*   2013/09/12 追加  */
}

.setRight h3 {
	margin-bottom: 7px;
}

.setRight li {
	margin-bottom: 3px;
}

.setBottom {
	width: 700px;
	margin: 0 auto;
	padding: 5px 10px; /* 2014/10/28 u-g edit 15px 10px; */
	overflow: hidden;
}

.setBottom img {
	float: left;
}

.hoshi {
	margin-right: 10px;
}

.setBottom p {
	float: left;
	background: url(../images/home/hukidashi.gif) no-repeat 0 2px;
	padding-left: 25px;
	padding-top: 1px;
	margin-top: 2px;
}

.setBottom .btnarea {
	width: 427px;
	float: right;
	margin-top: -5px;
}

.setBottom .btnarea img {
	margin: 0 1px;
}

/* 2013/04/10 u-g modify
.item{ */
.item2 {
	width: 738px;
	border: 1px solid #abadb3;
	margin-bottom: 50px;
}

.head3 {
	width: 718px;
	overflow: hidden;
	padding: 5px; /* 2014/10/28 u-g edit 10px; */
	text-align: left;
}

.head3 img {
	float: left;
}

.head3 a.link, .head3 span {
	float: left;
	padding: 5px;
	margin-right: 25px;
	color: #000;
}

.bookWrap {
	width: 700px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 5px; /* 2014/10/28 u-g edit 20px; */
}

#CART_MYPAGE_INFO .bookWrap {
	width: 450px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 5px; /* 2014/10/28 u-g edit 20px; */
}

.bookWrap dl {
	width: 170px;
	float: left;
	text-align: center;
}

#CART_MYPAGE_INFO .bookWrap dl {
	width: 145px;
	float: left;
	text-align: center;
}

.bookWrap dl dt {
	margin-bottom: 5px;
}

.bookWrap dl a {
	color: #000;
}

.bookWrap dl a:hover {
	text-decoration: none;
}

.pageNo {
	width: 113px;
	height: 20px;
	background: url(../images/home/page_no.gif) no-repeat 0 0;
	text-align: center;
	padding-top: 3px
}

/**---------------------- u-g add --------------------------------**/
.banner {
	position: relative;
	left: 0px;
	bottom: -32px;
	cursor: pointer;
}

.banner img {
	position: absolute;
	left: 0;
	top: 0;
}

.option {
	border: 1px solid #abadb3;
	background-color: #ffffff;
	position: absolute;
	display: none;
	float: right;
	width: 545px;
	height: 130px;
	z-index: 9999;
}

.option ul {
	right: 0px;
	padding: 2px 5px;
	text-align: left;
}

.option .cls {
	top: 0px;
	text-align: right;
}

.option .s {
	bottom: 0px;
	text-align: center;
}

.head1 ul, .setBottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.head1 li, .setBottom li {
	float: left;
	min-width: 100px;
	white-space: nowrap;
}

.head1 ul a, .setBottom ul a {
	font-size: 13px;
	line-height: 15px;
	color: #dadada;
	text-decoration: none;
	text-align: center;
	padding: 5px 10px;
	background-color: #646B72;
	display: block;
}

.setBottom ul li {
	top: 30px;
	left: -5px;
	width: 135px;
}

.pull_sort {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pull_sort li {
	float: left;
	min-width: 120px;
	white-space: nowrap;
}

.pull_sort a {
	font-size: 13px;
	line-height: 15px;
	color: #dadada;
	text-decoration: none;
	text-align: left;
	padding: 5px 10px;
	background-color: #646B72;
	display: block;
}

.pull_sort a, .sort_order {
	font-size: 13px;
	line-height: 15px;
	color: #dadada;
	text-decoration: none;
	text-align: left;
	padding: 5px;
	background-color: #646B72;
	display: block;
}

.head1 div ul, .head2 div ul, .setBottom div ul {
	display: none;
	position: absolute;
	z-index: 10;
	padding: 0px 10px;
}

.head1 div li, .head2 div li, .setBottom div li {
	clear: left;
	position: relative;
}

.head1 ul a:hover, .pull_sort a:hover, .setBottom ul a:hover {
	color: #f90;
	background-color: #646B72;
}

*+html .head1 div ul a, *+html .head2 div ul a, *+html .setBottom div ul a
	{ /*IE用*/
	white-space: normal; /*幅に応じて改行*/
}

#item_container {
	height: 0px;
	width: 0px;
	/*	visibility: hidden;*/
	display: none;
}

#category_view {
	background-color: #f2f2f2;
}

#category_view li {
	background-color: #f2f2f2;
	text-align: left;
	cursor: pointer;
}

.infotext {
	width: 590px;
	float: left;
	overflow: hidden;
	white-space: nowrap;
}

.infotext .link {
	cursor: pointer;
}

#item_view dl, .link {
	cursor: pointer;
}

#item_view {
	margin: auto auto;
	position: relative;
}

#carousel {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#carouselInner ul.column {
	width: 700px;
	list-style-type: none;
	float: left;
}

#CART_MYPAGE_INFO #carouselInner ul.column {
	width: 450px;
	list-style-type: none;
	float: left;
}

#carouselInner ul.column li {
	float: left;
	margin-right: 0px;
	display: inline;
	margin-left: 10px;
}

#CART_MYPAGE_INFO #carouselInner ul.column li {
	float: left;
	margin-right: 0px;
	display: inline;
	margin-left: 15px;
}

#carouselInner ul.column li img {
	border: none;
}

#carouselPrev {
	position: absolute;
	top: 40px;
	left: 0px;
	cursor: pointer;
	display: none;
}

#carouselNext {
	position: absolute;
	top: 40px;
	right: 0px;
	cursor: pointer;
	display: none;
}

#INFODETAIL a:link { /*未訪問のリンク*/
	color: #0000ff;
	text-decoration: underline;
}

#INFODETAIL a:visited { /*訪問後のリンク*/
	color: #934C7B;
	text-decoration: underline;
}

#INFODETAIL a:hover { /*マウスをのせたとき*/
	color: #ff0000;
	text-decoration: underline;
}

#INFODETAIL a:active { /*クリック中*/
	text-decoration: none;
}

#INFODETAIL img { /* ニュース画像サイズ */
	max-height: 200px;
	max-width: 200px;
	height: auto;
	width: auto;
}

#homeLinkArea {
	background-color:white;
	padding:6px 0;	
}

.homeLink {
	padding:3px;
}

.changeHomeDisplayTypeBtnArea {
    background-color: white;
    padding: 10px;
}

#changeHomeDisplayTypeBtn {
    width: 100%;
    background-color: #fff;
    border-radius: 2px;
    border: solid 1px #aaa;
    color: #333;
    padding: 1px;
}

#changeHomeDisplayTypeBtn:hover {
    background-color: #f2f2f2;
    color: #333;
    cursor: pointer;
}