﻿@charset "utf-8";
@import url("parts.css");


/* common */
/* -------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
body {
	font-size: 77%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #6e6e6e;
	text-align: center;
	background: #f1ece1 url(../images/bg_body.jpg) no-repeat center top;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-size: 100%;
	line-height: 130%;
}
p, ul, ol, dl, table, div, input, select, address, blockquote {
	font-size: 100%;
	line-height: 160%;
}
ul {
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
th,
td {
	text-align: left;
	vertical-align: top;
}
img {
	border: 0;
	display: block;
}
a img {
	vertical-align: top;
	display: inline;
}


/* link */

a:link,
a:visited,
a:active {
	color: #145496;
	text-decoration: underline;
}
a:hover {
	color: #145496;
	text-decoration: none;
}


/* clear */

.pkg:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */



/* container */
/* -------------------------------------------------------- */

#container {
	width: 942px;
	text-align: left;
	margin: 0 auto;
}



/* header */
/* -------------------------------------------------------- */

#header {
	width: 942px;
	position: relative;
}


/* header-summary */

#header-summary {
	font-size: 10px;
	font-weight: normal;
	position: absolute;
	top: 3px;
	left: 15px;
}


/* header-list-01 */

#header-list-01 {
	width: 930px;
	font-size: 10px;
	position: absolute;
	top: 1px;
	left: 0;
}
#header-list-01 li {
	padding-left: 12px;
	float: right;
}
#header-list-01 a:link,
#header-list-01 a:visited,
#header-list-01 a:active {
	color: #6d6d6d;
	text-decoration: underline;
}
#header-list-01 a:hover {
	color: #6d6d6d;
	text-decoration: none;
}


/* header-list-02 */

#header-list-02 {
	width: 942px;
	position: absolute;
	top: 31px;
	left: 0;
}
#header-list-02 li {
	float: left;
}
#header-list-02 li.li1 {
	padding: 10px 0 0 14px;
}
#header-list-02 li.li2 {
	padding: 3px 0 0 40px;
}
#header-list-02 li.li3 {
	padding: 0 0 0 59px;
}
#header-list-02 li.li4 {
	padding: 0 0 0 9px;
}


/* header-list-03 */

#header-list-03 {
	font-size: 12px;
	line-height: 105%;
	color: #ffffff;
	margin-right: 15px;
	float: right;
}
#header-list-03 li {
	float: left;
}
#header-list-03 li.li1 {
	padding: 2px 0 0 0;
}
#header-list-03 li.li2 {
	font-weight: bold;
	padding: 2px 0 0 20px;
}
#header-list-03 li.li3 {
	font-weight: bold;
	padding: 0 0 0 15px;
}
#header-list-03 a:link,
#header-list-03 a:visited,
#header-list-03 a:active {
	color: #ffffff;
	text-decoration: underline;
}
#header-list-03 a:hover {
	color: #ffffff;
	text-decoration: none;
}


/* global-navi-block */

#global-navi-block {
	width: 941px;
	height: 111px;
	background: url(../images/bg_header_01.gif) repeat-x left bottom;
}
#global-navi {
	width: 941px;
	padding-top: 81px;
}
#global-navi li {
	float: left;
}
#global-navi li.li1 {
}
#global-navi li.li2 {
	padding: 6px 0 0 94px;
}
#global-navi li.li3 {
	padding: 6px 0 0 4px;
}


/* header-cart-block */

#header-cart-block {
	width: 942px;
	padding-top: 3px;
	background: url(../images/bg_header_02a.gif) no-repeat left top;
}
#header-cart-block-inner {
	width: 942px;
	padding-bottom: 3px;
	background: url(../images/bg_header_02b.gif) no-repeat left top;
}





/* contents */
/* -------------------------------------------------------- */

#contents {
	width: 942px;
	padding-top: 5px;
	background: url(../images/bg_contents_01a.gif) repeat-y left top;
}




/* main */
/* -------------------------------------------------------- */

#main {
	width: 726px;
	margin-right: 1px;
	padding-bottom: 65px;
	display: inline;
	float: right;
}


/* track-list */

#track-list {
	width: 714px;
	list-style-type: none;
	margin-bottom: 5px;
}
#track-list li {
	padding-right: 5px;
	float: left;
}
#track-list li a {
	font-weight: bold;
	padding-right: 5px;
}
#track-list a:link,
#track-list a:visited,
#track-list a:active {
	color: #6e6e6e;
	text-decoration: underline;
}
#track-list a:hover {
	color: #6e6e6e;
	text-decoration: none;
}




/* side */
/* -------------------------------------------------------- */

#side {
	width: 186px;
	margin-left: 15px;
	padding-bottom: 15px;
	display: inline;
	float: left;
}


/* side-block-01 */

.side-block-01 {
	width: 186px;
	margin-bottom: 7px;
	background: url(../images/bg_side_01.gif) repeat-y left top;
	border-bottom: solid 1px #e0e0e0;
}
.side-block-01 h3 {
}
.side-block-01 h4 {
}
.side-block-01 ul {
	width: 172px;
	font-size: 12px;
	margin-left: 7px;
	margin-bottom: 10px;
	padding-top: 5px;
}
.side-block-01 li {
	width: 172px;
	font-weight: bold;
	background: url(../images/line_01.gif) repeat-x left bottom;
	float: left;
}
.side-block-01 li.sub {
	font-weight: normal;
}
.side-block-01 li.last {
	background: none;
}
.side-block-01 a {
	display: block;
	padding: 2px 0 3px 15px;
}
.side-block-01 a:link,
.side-block-01 a:visited,
.side-block-01 a:active {
	color: #6e6e6e;
	text-decoration: none;
}
.side-block-01 a:hover {
	color: #6e6e6e;
	text-decoration: underline;
}

.side-navi-01 a:link,
.side-navi-01 a:visited,
.side-navi-01 a:active {
	background: url(../images/icon_01a.gif) no-repeat 6px 8px;
}
.side-navi-01 a:hover {
	background: url(../images/icon_01a.gif) no-repeat 6px 8px;
}
.side-navi-01 li.sub a:link,
.side-navi-01 li.sub a:visited,
.side-navi-01 li.sub a:active,
.side-navi-01 li.sub a:hover {
	background: none;
}
.side-navi-02 a:link,
.side-navi-02 a:visited,
.side-navi-02 a:active {
	background: url(../images/icon_01b.gif) no-repeat 6px 8px;
}
.side-navi-02 a:hover {
	background: url(../images/icon_01b.gif) no-repeat 6px 8px;
}
.side-navi-02 li.sub a:link,
.side-navi-02 li.sub a:visited,
.side-navi-02 li.sub a:active,
.side-navi-02 li.sub a:hover {
	background: none;
}


/* side-block-02 */

.side-block-02 {
	width: 186px;
	margin-bottom: 7px;
}
.side-block-02 h3 {
	margin-bottom: 8px;
}
.side-block-02 ul {
	width: 186px;
}
.side-block-02 li {
	width: 186px;
	padding-bottom: 2px;
	float: left;
}


/* side-block-03 */

.side-block-03 {
	width: 186px;
	padding: 5px 0;
	background: url(../images/bg_side_02.gif) repeat-y left top;
	border-top: solid 1px #e0e0e0;
	border-bottom: solid 1px #e0e0e0;
}
.side-block-03 ul {
	width: 160px;
	margin-left: 23px;
}
.side-block-03 li {
	float: left;
}
.side-block-03 li.li1 {
	padding: 0 0 2px 0;
}
.side-block-03 li.li2 {
	padding: 0 0 2px 12px;
}
.side-block-03 li.li3 {
	padding: 0 0 0 34px;
}



/* footer */
/* -------------------------------------------------------- */

#footer {
	width: 942px;
	padding-top: 15px;
	background: url(../images/bg_footer_01a.gif) no-repeat left top;
	position: relative;
}


/* footer-bt-backlist */

#footer-bt-backlist {
	width: 712px;
	text-align: right;
	position: relative;
	top: 30px;
}
#footer-bt-backlist img {
	display: inline;
}


/* footer-bt-pagetop */

#footer-bt-pagetop {
	width: 120px;
	position: absolute;
	top: -25px;
	left: 808px;
}


/* footer-navi-block */

#footer-navi-block {
	width: 942px;
	margin-bottom: 8px;
	padding-bottom: 12px;
	background: url(../images/bg_footer_01b.gif) no-repeat left bottom;
}


/* footer-navi */

#footer-navi {
	width: 942px;
	font-size: 10px;
	color: #ffffff;
	text-align: center;
}
#footer-navi li {
	display: inline;
}
#footer-navi li a {
	padding: 0 5px;
}
#footer-navi a:link,
#footer-navi a:visited,
#footer-navi a:active {
	color: #ffffff;
	text-decoration: underline;
}
#footer-navi a:hover {
	color: #ffffff;
	text-decoration: none;
}


/* footer-list-01 */

#footer-list-01 {
	width: 942px;
}
#footer-list-01 img {
	display: inline;
}
#fotter-copy {
	width: 621px;
	text-align: right;
	float: left;
}
#fotter-powerd {
	width: 311px;
	text-align: right;
	float: left;
}




/* clear */
/* -------------------------------------------------------- */

#header-list-01:after, #header-list-02:after, #header-list-03:after, #global-navi:after, #header-cart-block-inner:after, #contents:after, #footer-list-01:after, #track-list:after, .side-navi-01:after, .side-navi-02:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
#header-list-01, #header-list-02, #header-list-03, #global-navi, #header-cart-block-inner, #contents, #footer-list-01, #track-list, .side-navi-01, .side-navi-02 { display: inline-block; }
/* no ie mac \*/
* html #header-list-01, * html #header-list-02, * html #header-list-03, * html #global-navi, * html #header-cart-block-inner, * html #contents, * html #footer-list-01, * html #track-list, * html .side-navi-01, * html .side-navi-02 { height: 1%; }
#header-list-01, #header-list-02, #header-list-03, #global-navi, #header-cart-block-inner, #contents, #footer-list-01, #track-list, .side-navi-01, .side-navi-02 { display: block; }
/* */


#side .sideSearchItem {
	padding:0;
}
#side .sideSearchItem dd {
	padding:0 0 7px 0;
	background:url(../../images/side_img_040.gif) no-repeat left bottom;
}
#side .sideSearchItem dt:hover {
	cursor:pointer;
}
#side .sideSearchItem dd ul li a {
	display:block;
	width:161px;
	height:21px;
	padding:0 0 0 25px;
	background:url(../../images/side_img_030.gif) no-repeat left top;
	color:#6e6e6e;
	font-size:12px;
	line-height:21px;
	text-decoration:none;
}

#side .sideSearchItem dd ul li.sub a {
	display:block;
	width:161px;
	height:21px;
	padding:0 0 0 25px;
	background:url(../../images/side_img_035.gif) no-repeat left top;
	color:#6e6e6e;
	font-size:11px;
	line-height:21px;
	text-decoration:none;
}

#side .sideSearch {
	padding:0 0 7px 0;
	background:url(../../images/side_img_040.gif) no-repeat left bottom;
}
#side .sideSearch dd {
	padding:0 0 7px 0;
	background:url(../../images/side_img_040.gif) no-repeat left bottom;
}
#side .sideSearch dt:hover {
	cursor:pointer;
}
#side .sideSearch dd ul li a {
	display:block;
	width:161px;
	height:21px;
	padding:0 0 0 25px;
	background:url(../../images/side_img_030.gif) no-repeat left top;
	color:#6e6e6e;
	font-size:12px;
	line-height:21px;
	text-decoration:none;
}

#side .sideNav {
	margin:0 0 10px 0;
	padding:0 0 7px 0;
	background:url(../../images/side_img_120.gif) no-repeat left bottom;
}
#side .sideNav dd a {
	display:block;
	width:161px;
	height:21px;
	padding:0 0 0 25px;
	background:url(../../images/side_img_030.gif) no-repeat left top;
	color:#6e6e6e;
	font-size:12px;
	line-height:21px;
	text-decoration:none;
}

.ranking {
	width:186px;
	padding:8px 0 0 0;
	background:url(../../images/side_img_140.gif) no-repeat left top;
}
.ranking .cnts {
	width:174px;
	padding:0 5px;
	border:1px solid #e0e0e0;
}
.ranking .cnts p {
	padding:2px 0 0 0;
	font-size:10px;
	text-align:right;
}
.ranking .cnts dt {
	padding:5px 0 0 0;
}
.ranking .cnts dd.first a {
	display:block;
	width:145px;
	height:32px;
	padding:6px 0 0 30px;
	background:url(../../images/side_img_190.gif) no-repeat left top;
	font-size:11px;
	line-height:1.3em;
}
.ranking .cnts dd.second a {
	display:block;
	width:145px;
	height:32px;
	padding:6px 0 0 30px;
	background:url(../../images/side_img_200.gif) no-repeat left top;
	font-size:11px;
	line-height:1.3em;
}
.ranking .cnts dd.third a {
	display:block;
	width:145px;
	height:32px;
	padding:6px 0 0 30px;
	background:url(../../images/side_img_210.gif) no-repeat left top;
	font-size:11px;
	line-height:1.3em;
}

.guide .left {
	float:left;
	width:225px;
	margin:0;
	font-size:10px;
}
.guide .left p.nav {
	width:210px;
	padding:0 0 2px 0;
	color:#6e6e6e;
	font-size:11px;
	text-align:center;
}
.guide .left table.calendar {
	width:210px;
	border-collapse:collapse;
	border:1px solid #ee9200;
}
.guide .left table.calendar th {
	width:32px;
	padding:4px 0;
	background:#ffcc99;
	border:1px solid #ee9200;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
}
.guide .left table.calendar th.sun {
}
.guide .left table.calendar td {
	width:32px;
	padding:4px 0;
	border:1px solid #ee9200;
	font-size:10px;
	text-align:center;
	vertical-align:middle;
}
.guide .left table.calendar td.today {
	background:#ffe6c1;
}
.guide .left table.calendar td.c01 {
	background:#ffff99;
}
.guide .left table.note td {
	padding:3px 3px 5px 0;
	vertical-align:middle;
}
.guide .right {
	float:right;
	width:275px;
}
.guide .right ul {
	width:275px;
}
.guide .right ul li {
	float:left;
	font-size:10px;
	line-height:1.2em;
}
.guide .right ul li a {
	color:#6e6e6e;
	text-decoration:none;
}
.guide .right ul li img {
	margin:0 0 2px 0;
}
.guide .right ul li.point01 {
	width:92px;
	height:112px;
	padding:8px 5px 0 10px;
	background:url(../../images/img_15.jpg) no-repeat left top;
}
.guide .right ul li.point02 {
	width:81px;
	height:112px;
	padding:8px 5px 0 0;
	background:url(../../images/img_16.jpg) no-repeat left top;
}
.guide .right ul li.point03 {
	width:77px;
	height:112px;
	padding:8px 5px 0 0;
	background:url(../../images/img_17.jpg) no-repeat left top;
}

#side .searchBox dl {
	width:172px;
	padding:10px 7px;
	background:#f0fdff;
}
#side .searchBox dl dd.txt input {
	width:170px;
	height:20px;
	border:1px solid #7f9db9;
}
#side .searchBox dl dd.btn {
	padding:5px 0 0 0;
	text-align:right;
}

.information {
	width:186px;
	margin:0 0 10px 0;
}
.information ul {
	width:176px;
	padding:0 4px 8px 4px;
	border:1px solid #e0e0e0;
}
.information ul li {
	width:176px;
	padding:8px 0 9px 0;
	background:url(../../images/side_img_220.gif) no-repeat left bottom;
	font-size:10px;
	line-height:1.3em;
}

/* popup */
/* -------------------------------------------------------- */

#popup {
	padding-bottom: 20px;
	background: #f1ece1 url(../images/bg_body_popup.jpg) no-repeat center top;
}
#popup #container {
	width: 742px;
}

#popup #header {
	width: 742px;
	background: url(../images/bg_contents_02a.gif) no-repeat left bottom;
}
#popup #header h1 {
	margin-left: 14px;
	padding: 24px 0 28px 0;
}

#popup #contents {
	width: 742px;
	padding-top: 8px;
	background: url(../images/bg_contents_02b.gif) repeat-y left top;
}

#popup #main {
	width: 714px;
	margin-left: 14px;
	padding-bottom: 35px;
	display: block;
	float: none;
}

#popup #footer {
	width: 742px;
	height: 5px;
	padding-top: 0;
	background: url(../images/bg_contents_02c.gif) no-repeat left top;
}

/* clear */
/* -------------------------------------------------------- */
