@charset "utf-8";

body {
	font-family:  "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 1.8em;
	color: #666666;
	margin: 0px;
	padding: 0px;
	background-color: #ffcc00;
}

/* header(midashi) */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	display: block;
}

/* paragraph */
p {
	margin: 0;
	padding: 0;
}

/* anchor */
a {
	color: #666666;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #ffcc00;
}

a img:hover {
	filter: Alpha(Opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	margin: -2px;
    border: solid 2px #000;
}

div {
	margin: 0px;
	padding: 0px;
}

area {
	outline: none;
}

/* list */
dl, ul, ol, li, dt, dd {
	margin: 0;
	padding: 0;
	line-height: normal;
	list-style-type: none;
}

/* image */
img {
	border: 0;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

/* address */
address {
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	display: inline;
}

/* emphasis */
em {
	font-style: normal;
	color: #d43339;
}

/* strong */
strong {
	font-weight: bold;
	font-style: normal;
}

form {
	margin: 0;
	padding: 0;
}
pre {
	margin: 0px;
	padding: 0px;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.clear {
	clear: both;
	line-height: 0px;
}

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix{display: inline-table;  overflow:hidden; zoom:1;/*for IE 5.5-7*/}


/* Hides from IE-mac \*/
.clearfix{display: block;}
/* End hide from IE-mac */

.img_left {
	float: left;
	margin-right: 45px;
	margin-bottom: 15px;
}
.img_right {
	float: right;
	margin-left: 45px;
	margin-bottom: 20px;
}
.txt_right {
	text-align: right;
}
.txt_left {
	text-align: left;
}
.txt_center {
	text-align: center;
}

.mgn_b5 {
	margin-bottom: 5px;
}
.mgn_b10 {
	margin-bottom: 10px;
}
.mgn_b15 {
	margin-bottom: 15px;
}
.mgn_b20 {
	margin-bottom: 20px;
}
.mgn_b25 {
	margin-bottom: 25px;
}
.mgn_b30 {
	margin-bottom: 30px;
}
.mgn_b35 {
	margin-bottom: 35px;
}
.mgn_b40 {
	margin-bottom: 40px;
}
.mgn_b60 {
	margin-bottom: 60px;
}

/* ↓追加分↓ */

h1 {
	float:right;
	margin-bottom:10px;
}

h2 {
	float:left;
}

address {
	float:right;
	margin-top:-20px;
}

/* ↓パンくず↓ */

ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

#breadcrumbs-two {
  overflow: hidden;
  width: 100%;
  margin-top:5px;
  margin-bottom:10px;
}
 
#breadcrumbs-two li{
  float: left;
  margin: 0 .5em 0 1em;
}
 
#breadcrumbs-two a{
  background: #ddd;
  padding: .7em 1em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  position: relative;
}
 
#breadcrumbs-two a:hover{
  background: #ffcc00;
}
 
#breadcrumbs-two a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #ddd #ddd #ddd transparent;
  left: -1em;
}
 
#breadcrumbs-two a:hover::before{
  border-color: #ffcc00 #ffcc00 #ffcc00 transparent;
}
 
#breadcrumbs-two a::after{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #ddd;
  right: -1em;
}
 
#breadcrumbs-two a:hover::after{
  border-left-color: #ffcc00;
}
 
#breadcrumbs-two .current,
#breadcrumbs-two .current:hover{
  font-weight: bold;
  background: none;
}
 
#breadcrumbs-two .current::after,
#breadcrumbs-two .current::before{
  content: normal;
}

/* ↑パンくず↑ */

#container {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding-top:30px;
	padding-left:50px;
	padding-right:50px;
	background-color: #ffffff;
}

/* container shadow　↓ */

#container {
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

#container:before, #container:after {
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:-10px;
    bottom:0px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

#container:after {
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/* container shadow　↑ */

#header {
	margin-bottom:70px;
}

#main_c {
	width:960px;
	margin-top:-70px;
}

#footer {
	clear: both;
	background-image: url(../img/BgFooter.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #E3DFD9;
	margin:auto;
	margin-top:20px;
}

#return {
	position: absolute;
	right: 0;
	top: -23px;
}

#footer-nav {
	float:left;
	list-style: none;
}

#footer-nav li {
	float: left;
	padding-left: 12px;
	margin-right: 12px;
	font-size: 12px;
	line-height: 18px;
	background-image: url(../img/IconFooter.png);
	background-repeat: no-repeat;
	background-position: 0 center;
}

#footer .container {
	position: relative;
	padding: 10px 20px;
}

.sitemap {
	float:right;
	margin-top:-20px;
	margin-bottom:10px;
}

.sitemap li {
	float: left;
	padding-left: 12px;
	margin-right: 12px;
	font-size: 12px;
	line-height: 18px;
	background-image: url(../img/IconFooter.png);
	background-repeat: no-repeat;
	background-position: 0 center;
}

.logo {
	float:left;
}

.send_free {
	float:right;
	margin-bottom:15px;
}

.g_navi {
	width:560px;
	margin-top:10px;
	margin-bottom:15px;
	float:right;
}

.g_navi li {
	float:left;
}

/* g_navi　↓ */

/* g_navi　01 */

li.nav01 {
display:inline-block;
background-image:url(../img/home_b_off.jpg);
}

li.nav01 a {
display:block;
width:100px;
height:50px;
background-image:url(../img/home_b_off.jpg);
text-indent:-9999px;
}

li.nav01 a:hover{
background-image:url(../img/home_b_on.jpg);
}

/* g_navi　02 */

li.nav02 {
display:inline-block;
background-image:url(../img/items_b_off.jpg);
}

li.nav02 a {
display:block;
width:100px;
height:50px;
background-image:url(../img/items_b_off.jpg);
text-indent:-9999px;
}

li.nav02 a:hover{
background-image:url(../img/items_b_on.jpg);
}

/* g_navi　03 */

li.nav03 {
display:inline-block;
background-image:url(../img/cart_b_off.jpg);
}

li.nav03 a {
display:block;
width:100px;
height:50px;
background-image:url(../img/cart_b_off.jpg);
text-indent:-9999px;
}

li.nav03 a:hover{
background-image:url(../img/cart_b_on.jpg);
}

/* g_navi　04 */

li.nav04 {
display:inline-block;
background-image:url(../img/first_b_off.jpg);
}

li.nav04 a {
display:block;
width:100px;
height:50px;
background-image:url(../img/first_b_off.jpg);
text-indent:-9999px;
}

li.nav04 a:hover{
background-image:url(../img/first_b_on.jpg);
}

/* g_navi　05 */

li.nav05 {
display:inline-block;
background-image:url(../img/company_b_off.jpg);
}

li.nav05 a {
display:block;
width:100px;
height:50px;
background-image:url(../img/company_b_off.jpg);
text-indent:-9999px;
}

li.nav05 a:hover{
background-image:url(../img/company_b_on.jpg);
}

/* g_navi　↑ */
