@charset "utf-8";

/* CSS Document */

/* reset ------------------------------------------------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym { border:0;
}

/* common ------------------------------------------------------------------ */

body {
	color:#000000;
	background-color: #ffffff;
	font:13px/1.5 "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;


    *font-size:small;
    *font:x-small;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}

table {
    font-size:inherit;
    font:100%;
}


a:link,a:visited {
	text-decoration: underline;
	outline-width: 0;
	color:#000000;
}

a:hover,a:active {
	text-decoration: underline;
	color: #ff3333;
}

a img{border:none;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

#container {
	width: 1004px;
	margin:0 auto;
}

#header {
	width: 1000px;
	height: 100px;
	background-color:#FFF;
	padding-right: 2px;
	padding-left: 2px;
}

#header_logo {
	width: 202px;
	height: 44px;
	padding-top: 36px;
	float:left;
}

#header_right {
	float:right;
	width:503px;
}

#header_english {
	padding-top:40px;
	float:left;
}

#header_english a{
	width:125px;
	height:25px;
	display:block;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	background-image: url(../images/header_english.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#header_english a:hover {
	background:url(../images/header_english.gif) no-repeat 0px -25px;
}

#header_cart {
	padding-top:40px;
	float:left;
	padding-right: 1px;
}

#header_cart a{
	width:125px;
	height:25px;
	display:block;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	background-image: url(../images/header_cart.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#header_cart a:hover {
	background:url(../images/header_cart.gif) no-repeat 0px -25px;
}

#header_login {
	padding-top:40px;
	float:left;
	padding-right: 1px;
}

#header_login a{
	width:125px;
	height:25px;
	display:block;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	background-image: url(../images/header_login.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#header_login a:hover {
	background:url(../images/header_login.gif) no-repeat 0px -25px;
}

#header_mypage {
	padding-top:40px;
	float:left;
	padding-right: 1px;
}

#header_mypage a{
	width:125px;
	height:25px;
	display:block;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	background-image: url(../images/header_mypage.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#header_mypage a:hover {
	background:url(../images/header_mypage.gif) no-repeat 0px -25px;
}

#footer {
	width: 1000px;
	height: 90px;
	padding-right: 2px;
	padding-left: 2px;
}

#footer_left {
	float:left;
	padding-top: 30px;
	padding-left: 30px;
}

#footer_corp {
	float:left;
	padding-bottom: 3px;
}

#footer_copyright {
	float:left;
	clear: both;
	color: #FFFFFF;
	font-size:77%;
}

#footer_right {
	float:right;
	width:50px;
	height:50px;
	padding-top: 20px;
	padding-right: 20px;
}

span.bg2_top,span.bg3_top{
	width: 1004px;
	height:11px;
	background-color: #FFF;
	background-image: url(../images/bg2_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	display:block;
	font-size: 1px;
}

span.bg2_bottom,span.bg3_bottom{
	width: 1004px;
	height:13px;
	background-color: #FFF;
	background-image: url(../images/bg2_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	display:block;
	font-size: 1px;
}

.bg2{
	width: 920px;
	background-image: url(../images/bg2.gif);
	background-repeat: repeat-y;
	padding-top: 30px;
	padding-right: 42px;
	padding-bottom: 30px;
	padding-left: 42px;
}

.bg3{
	width: 1004px;	
	background-image: url(../images/bg2.gif);
	background-repeat: repeat-y;
}

.bg3_pattern{
	background-image: url(../images/bg3_pattern.gif);
	width: 980px;
	margin: 0 auto;
	background-position: center top;
	background-repeat: no-repeat;
}

.bg3_container{
	width: 980px;
	margin: 0 auto;
}

.page_top {
	float:left;
	clear:both;
	width:980px;
	padding-top:20px;
	margin: 0 auto;
}

.page_top a{
	float:right;
	padding-right: 30px;
	width:90px;
	height:30px;
	display:block;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	background-image: url(../images/pagetop.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


/* Global Navi Style ------------------------------------------------------------------ */

#g_navi {
	height:17px;
	width:1000px;
	padding:  0 2px 0 2px;
	background-color: #FFF;
}
#g_navi ul {
	padding:0px;
}
#g_navi li {
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:17px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#g_navi li.g_navi01 a {
	background:url(../images/g_navi.gif) no-repeat 0px 0px;
	width:125px;
	margin-right:10px;
}
#g_navi li.g_navi02 a {
	background:url(../images/g_navi.gif) no-repeat -125px 0px;
	width:115px;
	margin-right:10px;
}
#g_navi li.g_navi03 a {
	background:url(../images/g_navi.gif) no-repeat -240px 0px;
	width:115px;
	margin-right:10px;
}
#g_navi li.g_navi04 a {
	background:url(../images/g_navi.gif) no-repeat -355px 0px;
	width:115px;
	margin-right:10px;
}
#g_navi li.g_navi05 a {
	background:url(../images/g_navi.gif) no-repeat -470px 0px;
	width:115px;
	margin-right:10px;
}
#g_navi li.g_navi06 a {
	background:url(../images/g_navi.gif) no-repeat -585px 0px;
	width:115px;
	margin-right:10px;
}
#g_navi li.g_navi07 a {
	background:url(../images/g_navi.gif) no-repeat -700px 0px;
	width:115px;
	margin-right:10px;
}
#g_navi li.g_navi08 a {
	background:url(../images/g_navi.gif) no-repeat -815px 0px;
	width:115px;
}
/*------hover*/
#g_navi li.g_navi01 a:hover {
	background:url(../images/g_navi.gif) no-repeat 0px -34px;
}
#g_navi li.g_navi02 a:hover {
	background:url(../images/g_navi.gif) no-repeat -125px -34px;
}
#g_navi li.g_navi03 a:hover {
	background:url(../images/g_navi.gif) no-repeat -240px -34px;
}
#g_navi li.g_navi04 a:hover {
	background:url(../images/g_navi.gif) no-repeat -355px -34px;
}
#g_navi li.g_navi05 a:hover {
	background:url(../images/g_navi.gif) no-repeat -470px -34px;
}
#g_navi li.g_navi06 a:hover {
	background:url(../images/g_navi.gif) no-repeat -585px -34px;
}
#g_navi li.g_navi07 a:hover {
	background:url(../images/g_navi.gif) no-repeat -700px -34px;
}
#g_navi li.g_navi08 a:hover {
	background:url(../images/g_navi.gif) no-repeat -815px -34px;
}

/*------on*/
#g_navi li.g_navi01_on a {
	background:url(../images/g_navi.gif) no-repeat 0px -17px;
	width:125px;
	margin-right:10px;
}
#g_navi li.g_navi02_on a {
	background:url(../images/g_navi.gif) no-repeat -125px -17px;
	width:115px;
	margin-right:10px;
}
#g_navi li.g_navi03_on a {
	background:url(../images/g_navi.gif) no-repeat -240px -17px;
	width:115px;
	margin-right:10px;
}
#g_navi li.g_navi04_on a {
	background:url(../images/g_navi.gif) no-repeat -355px -17px;
	width:115px;
	margin-right:10px;
}
#g_navi li.g_navi05_on a {
	background:url(../images/g_navi.gif) no-repeat -470px -17px;
	width:115px;
	margin-right:10px;
}
#g_navi li.g_navi06_on a {
	background:url(../images/g_navi.gif) no-repeat -585px -17px;
	width:115px;
	margin-right:10px;
}
#g_navi li.g_navi07_on a {
	background:url(../images/g_navi.gif) no-repeat -700px -17px;
	width:115px;
	margin-right:10px;
}
#g_navi li.g_navi08_on a {
	background:url(../images/g_navi.gif) no-repeat -815px -17px;
	width:115px;
}