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


/* common */
/* -------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
body {
	font-size: 77%;
	font-family: Meiryo, helvetica, osaka, sans-serif;
	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;
}




/* 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 */
/* -------------------------------------------------------- */

#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; }
/* */