@charset "utf-8";

/*=================================

	Common Layout

=================================*/
body {
	background: url(../images/com_bg01.gif) repeat 0 0;
}

/* link setting */
a:link {
	color: #0066cc;
	text-decoration: none;
}
a:visited {
	color: #800080;
}
a:hover {
	color: #0066cc;
	text-decoration: underline;
}
a:active {
	color: #0066cc;
}

/*=================================

	Side Navi Contents

================================ */
#sideNavi .logo + * {
	margin-top: 23px !important;
}

/*=================================

	gyotai Footer

================================ */
#gyotai_footer {
	border: 1px solid #cccccc;
	background-color: #fef7cf;
	padding: 10px 15px;
	margin: 20px 0;
}
/* link setting */
#gyotai_footer a:link {
	color: #333333;
	text-decoration: none;
}
#gyotai_footer a:visited {
	color: #333333;
	text-decoration: none;
}
#gyotai_footer a:hover {
	color: #cc0000;
}
#gyotai_footer a:active {
	color: #cc0000;
}
#gyotai_footer .col li {
	background: url(../images/footer_ic01.gif) no-repeat 0 0.4em;
}

/*=================================

	Footer Container

================================ */
#footerContainer {
	border-top: 1px solid #dfcbc6;
}
/* link setting */
#footerContainer a:link {
	color: #333333;
	text-decoration: none;
}
#footerContainer a:visited {
	color: #333333;
	text-decoration: none;
}
#footerContainer a:hover {
	color: #cc0000;
}
#footerContainer a:active {
	color: #cc0000;
}

/* footerNavi
-------------------------------- */
#footerNavi {
	border-bottom: 1px solid #e9d8db;
	background-color: #386204;
}
#footerNavi .naviFrame {
	background: url(../images/footer_bg01.gif) no-repeat 0 100%;
}
#footerNavi .naviFrame .inner {
	padding: 3px 15px 0 15px;
	background: url(../images/footer_bg02.gif) no-repeat 0 0;
}
#footerNavi .naviFrame .col li {
	background: url(../images/footer_ic01.gif) no-repeat 0 0.4em;
}
#footerNavi .naviFrame .col li li {
	background: url(../images/footer_ic02.gif) no-repeat 0 0.5em;
}

/*=================================

	Side Navi Contents

================================ */
#sideNavi {
	background: url(../images/side_bg01.gif) no-repeat 0 100%;
}
#sideNavi .inner {
	border-right: 1px solid #ded3b5;
	border-left: 1px solid #ded3b5;
}
/* Store Search
-------------------------------- */
#storeSearch {
	background: url(../images/side_bg03.gif) no-repeat 0 100%;
}
/* #selectBox */
#selectBox {
	background: url(../images/side_bg04.gif) no-repeat 0 100%;
}
#selectBox .inner {
	background: url(../images/side_bg02.gif) no-repeat 0 0;
}

/*=================================

	Topic Path

================================ */
#topicPath li a {
	background: url(../images/com_ic01.png) no-repeat 100% 50%;
	color: #ffffff;
}
/* link setting */
#topicPath a:link {
	color: #ffffff;
	text-decoration: none;
}
#topicPath a:visited {
	color: #ffffff;
}
#topicPath a:hover {
	color: #fef1c5;
}
#topicPath a:active {
	color: #ffffff;
}

#topicPath li em {
	color: #ffffff;
}


/*=================================

	Title Layout

=================================*/
.heading01 {
	margin-top: 10px;
}
.heading02 {
	margin: 45px 0 0 11px;
}

/*=================================

	List Layout

=================================*/
.noteList01 {
	clear: both;
	margin-top: 10px;
}
.noteList01 li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 85%;
	color: #a51b1f;
}

/*=================================

	Table Layout

=================================*/
table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 100%;
}

/*=================================

	Link Layout

=================================*/
.pageTop {
	text-align: right;
}
.pageTop a {
	padding: 0 0 0 15px;
	background: url(../images/com_ic03.png) no-repeat 0 50%;
}
.pageTop a:link {
	color: #ffffff;
	text-decoration: underline;
}
.pageTop a:visited {
	color: #ffffff;
	text-decoration: underline;
}
.pageTop a:hover {
	color: #fef1c5;
	text-decoration: none;
}
.pageTop a:active {
	color: #fef1c5;
	text-decoration: none;
}

.menuLink {
	text-align: left;
	margin: 5px 0 0 5px;
}
.menuLink a {
	padding: 0 0 0 10px;
	background: url(../../common/images/footer_ic01.gif) no-repeat 0 50%;
}
.menuLink a:link {
	color: #333333;
	text-decoration: underline;
}
.menuLink a:visited {
	color: #333333;
	text-decoration: underline;
}
.menuLink a:hover {
	color: #cc0000;
	text-decoration: none;
}
.menuLink a:active {
	color: #cc0000;
	text-decoration: none;
}


/*=================================

	Frame Layout

=================================*/
/* .frameHead01
-------------------------------- */
.frameHead01 {
	padding-bottom: 6px;
	background: url(../images/heading_bg01.gif) no-repeat 44px 100%;
	font-weight: bold;
	color: #ffffff;
}
.frameHead01 span {
	display: block;
	padding: 3px 10px 2px 33px;
	min-height: 18px;
}
.frameHead01 .ic01 {
	background: #385b0b url(../images/heading_ic01.gif) no-repeat 8px 2px;
}
.frameHead01 .ic02 {
	background: #385b0b url(../images/heading_ic02.gif) no-repeat 9px 2px;
}
.frameHead01 .ic03 {
	background: #385b0b url(../images/heading_ic03.gif) no-repeat 9px 3px;
}
.frameHead01 .ic04 {
	background: #385b0b url(../images/heading_ic04.gif) no-repeat 9px 3px;
}
.frameHead01 .ic05 {
	background: #385b0b url(../images/heading_ic05.gif) no-repeat 8px 4px;
}
.frameHead01 .ic06 {
	background: #385b0b url(../images/heading_ic06.gif) no-repeat 8px 3px;
}
.frameHead01 .ic07 {
	background: #3e0300 url(../images/heading_ic06.gif) no-repeat 8px 3px;
}
.frameHead01 .ic08 {
	background: #385b0b url(../images/heading_ic08.gif) no-repeat 8px 3px;
}
.frameHead01 .ic09 {
	background: #385b0b url(../images/heading_ic09.gif) no-repeat 8px 3px;
}
.recommend {
	position: relative;
	background: url(../images/heading_bg02.gif) no-repeat 44px 100%;
}
.recommend .icon {
	position: absolute;
	top: 3px;
	right: 6px;
}
.recommend span {
	padding-right: 64px !important;
	background: #bd1d1f url(../images/heading_ic07.gif) no-repeat 8px 3px !important;
}

/* .frameColumn
-------------------------------- */
/* .frameColumn01 */
.frameColumn01 {
	clear: both;
	overflow: hidden;
	width: 512px;
	margin: 8px -8px 0 0;
	padding-bottom: 12px;
	background: url(../images/com_bg04.gif) no-repeat 0 100%;
	zoom: 1;
}
.frameColumn01 .inner {
	background: url(../images/com_bg03.gif) no-repeat 0 0;
}
.frameColumn01 .col {
	float: left;
	width: 230px;
	margin-right: 8px;
	padding: 9px 9px 0
}

/* recommendType01 */
.recommendType01 {
	background: url(../images/com_bg12.gif) no-repeat 0 100%;
}
.recommendType01 .inner {
	background: url(../images/com_bg11.gif) no-repeat 0 0;
}

/* recommendType02 */
.recommendType02 {
	background: url(../images/com_bg10.gif) no-repeat 0 100%;
}
.recommendType02 .inner {
	background: url(../images/com_bg09.gif) no-repeat 0 0;
}

/* recommendType03 */
.recommendType03 {
	background: url(../images/com_bg14.gif) no-repeat 0 100%;
}
.recommendType03 .inner {
	background: url(../images/com_bg13.gif) no-repeat 0 0;
}

/* .frameColumn02 */
.frameColumn02 {
	clear: both;
	overflow: hidden;
	width: 768px;
	margin: 8px -8px 0 0;
	padding-bottom: 10px;
	background: url(../images/com_bg08.gif) no-repeat 0 100%;
	zoom: 1;
}
.frameColumn02 .inner {
	background: url(../images/com_bg07.gif) no-repeat 0 0;
}
.frameColumn02 .col {
	float: left;
	width: 364px;
	margin-right: 8px;
	padding: 7px 6px 0
}
.frameColumn02 .text {
	margin-top: 5px;
}
/* .frameColumn04 */
.frameColumn04 {
	clear: both;
	overflow: hidden;
	width: 768px;
	margin: 0 -8px 0 0;
}
.frameColumn04 .col {
	float: left;
	width: 184px;
	margin: 0 8px 0 0;
}
.frameColumn04 .large {
	width: 376px;
}
.frameColumn04 .col img {
	float: left;
	margin: 8px 0 0 0;
}


/* .frameColumn05 ==以下に変更15.10.27 mi 
.frameColumn05 {
	clear: both;
	overflow: hidden;
	width: 768px;
	margin: 0 -8px 0 0;
}
.frameColumn05 .col {
	float: left;
	width: 249px;
	margin: 0 7px 0 0;
}
.frameColumn05 .large {
	width: 376px;
}
.frameColumn05 .col img {
	float: left;
	margin: 8px 0 0 0;
}
*/

/* .frameColumn05  15.10.23 mi*/
.frameColumn05 {
	clear: both;
	overflow: hidden;
	width: 740px;
	margin: 1px -8px 0 0;
}
.frameColumn05 .col {
	float: left;
	width: 245px;
	margin-left:1px;
}
.frameColumn05 .large {
	width: 376px;
}
.frameColumn05 .col img {
	float: left;
}


.pdfColumn {
	margin-top: 25px !important;
}
.pdfColumn img {
	margin-top: 0 !important;
}

/* .single */
.single {
	width: 256px !important;
}

/* .frame01
-------------------------------- */
.frame01 {
	clear: both;
	margin: 8px 0 0 0;
	padding-bottom: 12px;
	background: url(../images/com_bg06.gif) no-repeat 0 100%;
	zoom: 1;
}
.frame01 .inner {
	padding: 9px 9px 0;
	background: url(../images/com_bg05.gif) no-repeat 0 0;
}

/* Frame Common setting
-------------------------------- */
.frame01 .photo,
.frameColumn01 .photo {
	margin-top: 1px;
}
.frame01 .title,
.frameColumn01 .title {
	margin-top: 10px;
	font-weight: bold;
	font-size: 100%;
	color: #6b1818;
}
.frame01 .text,
.frameColumn01 .text {
	margin-top: 5px;
}

.sizeM {
	width: 248px !important;
}

/* .digital_book 15.10.27 mi
-------------------------------- */
.digital_book {
	padding-bottom: 5px;
	margin-bottom: 15px;
	background: url(../../menu/images/index_bg02.gif) no-repeat 0 100%;
}
.innner_book{
	margin-top: 20px;
	padding: 13px 10px 1px 15px;
	background: url(../../menu/images/index_bg01.gif) no-repeat 0 0;
	height:530px;
}
.column_book {
	margin: 10px;
	padding-bottom:3px;
}
.menuCol_book {
	float: left;
	margin-left:50px;
	width: 180px;
}
.btCol_book {
	float: left;
	margin-top: 20px;
}

/* .dbFrame01
-------------------------------- */
.dbFrame01 {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	background: url(../../menu/images/index_bg02.gif) no-repeat 0 100%;
}
.dbFrame01 .inner {
	margin-top: 20px;
	padding: 13px 26px 15px;
	background: url(../../menu/images/index_bg01.gif) no-repeat 0 0;
}
.dbFrame01 .column {
	margin: 10px 0 0 3px;
}
.dbFrame01 .column .btCol {
	float:left;
	width: 500px;
}
.dbFrame01 .column .menuCol {
	float: left;
	width: 180px;
	padding-left: 20px;
}

.dbFrame01 .column .detailCol {
	float: right;
	width: 225px;
	padding-left: 35px;
	background: url(../../menu/images/index_il01.gif) no-repeat 0 0;
}
.dbFrame01 .column .btnList {
	overflow: hidden;
	margin: 5px -13px 0 0;
}
.dbFrame01 .column .btnList li {
	float: left;
	margin-right: 13px;
}
/* .menuListFrame */
.dbFrame01 .menuListFrame {
	clear: both;
	margin: 11px 0 0 4px;
	padding-bottom: 2px;
	background: url(../../menu/images/index_bg04.gif) no-repeat 0 100%;
}
.dbFrame01 .menuListFrame .inner {
	padding: 10px 0;
	background: url(../../menu/images/index_bg03.gif) no-repeat 0 0;
}
.dbFrame01 .menuListFrame th {
	width: 1%;
	padding: 0 14px 0 13px;
}
.dbFrame01 .menuListFrame td {
	padding: 0 0 0 18px;
}
.dbFrame01 .menuListFrame li {
	float: left;
	margin-right: 20px;
	padding-left: 11px;
	background: url(../images/com_ic02.gif) no-repeat 0 50%;
	font-weight: bold;
	white-space: nowrap;
	color: #712639
}

/* .typeA, .typeB */
.dbFrame01 .column.typeB {
	margin-top: 10px;
}
.dbFrame01 .column.typeB .detailCol {
	width: 255px;
	padding: 23px 3px 0 0;
	background: none;
}

/* .shopListBox */
#menuShopList {
	background: none;
}
.shopListBox {
	display: none;
	position: absolute;
	width: 702px;
	margin: -16px 0 0 -447px;
	padding-bottom: 2px;
	z-index: 9999;
}
.shopListBox .inner {
	margin: 0;
	padding: 17px 0 0 23px;
}
.shopListBox.typeA {
	background: url(../../menu/images/index_bg08.png) no-repeat 0 100%;
}
.shopListBox.typeA .inner {
	background: url(../../menu/images/index_bg07.gif) no-repeat 0 0;
}
.shopListBox.typeB {
	background: url(../../menu/images/index_bg10.png) no-repeat 0 100%;
}
.shopListBox.typeB .inner {
	background: url(../../menu/images/index_bg09.gif) no-repeat 0 0;
}
.shopListBox .inner dl dt {
	float: left;
	width: 65px;
	height: 13px;
	margin: 1px 2px 0 2px;
	font-weight: bold;
}

.shopListBox .inner dl dt.kana {
	float: left;
	width: 65px;
	height: 100px;
	margin: 1px 2px 0 2px;
	font-weight: bold;
}

.shopListBox .inner dl dt.shizu {
	float: left;
	width: 65px;
	height: 25px;
	margin: 1px 2px 0 2px;
	font-weight: bold;
}
.shopListBox .inner dl dd {
	padding: 0 1px 10px;
}
.shopListBox .inner dl dd ul li {
	float: left;
	width: 100px;
	margin: 0 0 5px;
	padding: 0 0 0 10px;
	background: url(../../menu/images/index_ic01.gif) no-repeat 0 0.5em;
}
.shopListBox .inner dl dd ul li.shopLong {
	float: left;
	width: 210px;
	margin: 0 0 5px;
	padding: 0 0 0 10px;
	background: url(../../menu/images/index_ic01.gif) no-repeat 0 0.5em;
}

/* .shopListBoxCp */
#menuShopListCp {
	background: none;
}
.shopListBoxCp {
	display: none;
	position: absolute;
	width: 620px;
	margin: -35px 0 0 0px;
	padding-bottom: 2px;
	z-index: 9999;
}
.shopListBoxCp .inner {
	margin: 0;
	padding: 17px 0 0 23px;
}

.shopListBoxCp.typeB {
	background: url(../../campaign/images/index_bg04.png) no-repeat 0 100%;
}
.shopListBoxCp.typeB .inner  {
	background: url(../../campaign/images/index_bg03.gif) no-repeat 0 0;
}

.shopListBoxCp .inner .tenpoL {
	float: left;
	width: 300px;
}

.shopListBoxCp .inner .tenpoR {
	float: right;
	width: 300px;
}

.shopListBoxCp .inner .tenpoL dl dt {
	float: left;
	width: 55px;
	margin: 4px 0 0 5px;
	font-weight: bold;
	font-size: 110%;
}
.shopListBoxCp .inner .tenpoL dl dt.kana {
	height: 50px;
}
.shopListBoxCp .inner .tenpoL dl dt.sai {
	height: 30px;
}
.shopListBoxCp .inner .tenpoL dl dd {
	padding: 3px 1px 8px 3px;
}
.shopListBoxCp .inner .tenpoL dl dd ul li {
	float: left;
	width: 85px;
	margin: 2px 2px 0 2px;
	padding: 0 0 0 2px;
	background: url(../../menu/images/index_ic01.gif) no-repeat 0.8em 0.5em;
}

.shopListBoxCp .inner .tenpoL dl dd ul li.after {
	float: left;
	width: 85px;
	margin: 2px 2px 0 2px;
	padding: 0 0 0 2px;
	background: url(../../menu/images/index_ic01.gif) no-repeat 0.8em 0.5em;
}

.shopListBoxCp .inner .tenpoR dl dt {
	float: left;
	width: 55px;
	margin: 4px 0 0 5px;
	font-weight: bold;
	font-size: 110%;
}
.shopListBoxCp .inner .tenpoR dl dt.sai {
	height: 30px;
}
.shopListBoxCp .inner .tenpoR dl dd {
	padding: 3px 1px 8px 3px;
}
.shopListBoxCp .inner .tenpoR dl dd ul li {
	float: left;
	width: 85px;
	margin: 2px 2px 0 2px;
	padding: 0 0 0 2px;
	background: url(../../menu/images/index_ic01.gif) no-repeat 0.8em 0.5em;
}

/* .mainImg(sk)
-------------------------------- */
.mainImg {
	margin: 20px 0 5px 0;
	padding-bottom: 5px;
	background: url(../images/com_bg100.gif) no-repeat 0 100%;
}

.mainImg .inner {
	margin-top: 20px;
	padding: 10px 10px 5px 10px;
	background: url(../images/com_bg090.gif) no-repeat 0 0;
}

.mainImg .inner .center {
	 text-align: center;
}

.mainImg .inner .stcp {
	font-size: 150%;
	padding: 10px 0 10px 80px;
	font-weight: bold;
	line-height: 2em;
	border: 2px solid #40220f;
}

.mainImg .inner .stcp dl dt {
	float: left;
	color: #330000;
}

.mainImg .inner .stcp dl dd {
	padding-left: 350px;
	color: #C00;
}

.mainImg .inner .stcp dl dd span {
	font-size: 80%;
}

.mainImg .inner p.announce {
	 text-align: center;
	 padding-bottom: 3px;
	 font-size: 200%;
	 color: #C00;
	 font-weight: bold;
}

.mainImg .inner p.note {
	 margin: 8px 0 0 170px;
	 font-size: 120%;
	 color: #C00;
}

.mainImg .inner p.note2 {
	text-align: center;
	 font-size: 150%;
	 color: #C00;
	 padding-bottom: 5px;
	 font-weight: bold;
}

.mainImg .inner p.note2 img {
	margin: 0 0 5px 2px;
}

.mainImg .inner p.note2 a {
	text-decoration: underline;
	color: #C00;
}

.mainImg .inner p.note3 {
	text-align: center;
	 font-size: 150%;
	 padding-bottom: 5px;
	 font-weight: bold;
}

.mainImg .inner p.note4 {
	 text-align: center;
	 font-size: 150%;
	 padding-top: 40px;
	 font-weight: bold;
	 background-color: #000000;
	 color: #fff;
}

.mainImg .inner p.frame {
	text-align: center;
	 padding-top: 5px;
	 padding-bottom: 20px;
	 background-color: #000000;
}

.mainImg .inner ul.stNote {
	 font-size: 120%;
	 color: #C00;
	 padding: 10px 5px 0 130px;
}
.mainImg .inner ul.stNote li {
	 padding-bottom: 2px;
}

.mainImg .inner .column {
	margin: 10px 50px 0 ;	
	padding-bottom: 50px;
}

.mainImg .inner .column .detailCol li{
	float: left;
	padding-left: 20px;
}

/* .photo ADD 15.10.27 mi
-------------------------------- */
.mainImg .inner .photoL {
	float: left;
	padding-bottom: 25px;
	padding-right:12px;
}
.mainImg .inner .photoR {
	padding-bottom: 25px;
}

/* .tenpoBnr(sk)
-------------------------------- */
.tenpobnrUp {
	padding:7px 9px;
	}
.tenpobnrDown {
	padding:0 9px 4px;
	}

/* .spBnr
-------------------------------- */
.spBnr {
	width: 100%;
	padding: 30px 0;
	text-align: center;
}


/*=================================

	clearfix

================================ */
.frameColumn01 .inner:after,
.frameColumn02 .inner:after,
.frameColumn04:after,
.dbFrame01 .column:after,
.dbFrame01 .column .btnList:after,
.dbFrame01 .menuListFrame ul:after,
.shopListBox .inner dl dd ul:after,
.shopListBoxCp .inner:after,
.shopListBoxCp .inner .tenpoL dl dd ul:after,
.shopListBoxCp .inner .tenpoR dl dd ul:after
 {
	content: "";
	display: block;
	clear: both;
}

.frameColumn01 .inner,
.frameColumn02 .inner,
.frameColumn04,
.dbFrame01 .column,
.dbFrame01 .column .btnList,
.dbFrame01 .menuListFrame ul,
.shopListBox .inner dl dd ul,
.shopListBoxCp .inner,
.shopListBoxCp .inner .tenpoL dl dd ul,
.shopListBoxCp .inner .tenpoR dl dd ul
 {
	min-height: 1%;  /* for Firefox　*/
	overflow: hidden\9; /* for IE 8 below */
	zoom: 1;
}