/*******************************/
/*****      フォントサイズ      ************/
/*******************************/
body {
	color: #4d4d4d;
	line-height: 133%;
}

#fontSizeChange-large a,
#fontSizeChange-medium a,
#fontSizeChange-small a {
	display: block;
}
* html #fontSizeChange-image img {margin: 8px 0px 0px 0px;}
* html #fontSizeChange-large a,
* html #fontSizeChange-medium a,
* html #fontSizeChange-small a {
	margin: 5px 0px 0px 0px;
}
#fontSizeChange-large a.fontSizeChange-a {background: url("../images/icon-fontsize-l.gif") 0px 0px;}
#fontSizeChange-medium a.fontSizeChange-a {background: url("../images/icon-fontsize-m.gif") 0px 0px;}
#fontSizeChange-small a.fontSizeChange-a {background: url("../images/icon-fontsize-s.gif") 0px 0px;}

#fontSizeChange-large a.fontSizeChange-hit {background: url("../images/icon-fontsize-l-over.gif") 0px 0px;}
#fontSizeChange-medium a.fontSizeChange-hit {background: url("../images/icon-fontsize-m-over.gif") 0px 0px;}
#fontSizeChange-small a.fontSizeChange-hit {background: url("../images/icon-fontsize-s-over.gif") 0px 0px;}

#fontSizeChange-large a:hover {background: url("../images/icon-fontsize-l-over.gif") 0px 0px;}
#fontSizeChange-medium a:hover {background: url("../images/icon-fontsize-m-over.gif") 0px 0px;}
#fontSizeChange-small a:hover {background: url("../images/icon-fontsize-s-over.gif") 0px 0px;}




/*******************************/
/*****      構造      ******************/
/******************************/
body {
	background: url("../images/body-bg.jpg") center top fixed;
	text-align: center;
}




/***** ラップ *****/
#wrap {
	background: url("../images/wrap-bg.png") repeat-y;
	width: 960px;
	margin: 0px auto;
}
#wrap2 {
	text-align: left;
	width: 950px;
	margin: 0px  5px;
}




/***** ヘッダー *****/
#header {
	height: 155px;
	background: url("../images/header-bg.gif") repeat-x;
}


#header-inner {
	width: 100%;
	height: 150px;
}
#header-inner .header-inner1 {	height: 120px;}


#header-txt {
	float: left;
	color: #fff;
	padding: 5px 5px 0px 10px;
}


#header-menu {
	float: right;
	color: #fff;
	font-size: 80%;
	padding: 5px 5px 0px 10px;
}
#header-menu a {color: #fff;}
#header-menu a:hover {color: #ffc;}


#logo{
	float: left;
	padding: 15px 0px 0px 40px;
}


#header-button {
	float: right;
	padding: 30px 15px 0px 0px;
}




/***** メインメニュー *****/
#gn {
	height: 30px;
	text-align: right;
}
/*
* html #gn {
	height: 10px;
	padding: 10px 0px 0px 0px;
	border: 1px solid;
}
*/
#gn table {
	margin: 0px 0px 0px auto;
}
#gn td {
	padding: 0px 10px 0px 0px;
}






/***** ばんくず *****/
#crumb {
	font-size: 80%;
	padding: 0px 0px 8px 0px;
}




/***** コンテンツ *****/
#main {
	width: 950px;
}
.toppage #main {
	width: 950px;
	padding: 0px  0px;
}
#left {
	float: left;
	width: 164px;
	padding: 8px 8px;
}
#right {
	float: right;
	width: 737px;
	padding: 8px 15px;
}
* html #right {width: 737px;}

.toppage #left {
	width: 164px;
	padding: 8px 8px;
}
.toppage #right {
	width: 767px;
	padding: 0px;
}




/***** サイドメニュー *****/
#sidemenu {
	width: 164px;
	padding: 5px 0px 10px 0px;
	margin: 0px;
}
#sidemenu li {
	list-style: none;
	line-height: 1px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#sidemenu li a {
	display: block;
	color: #320078;
	line-height: 117%;
	background: url("../images/smenu-a.gif") no-repeat 0px center;
	padding: 10px 0px 9px 10px;
	margin: 0px 0px 3px;
}
#sidemenu li a:hover {
	color: #106;
	background: url("../images/smenu-over.gif") no-repeat 0px center;
	text-decoration: none;
}
#sidemenu .hit {
	color: #fff;
	line-height: 117%;
	background: url("../images/smenu-hit.gif") no-repeat 0px center;
	padding: 10px 0px 9px 10px;
	margin: 0px 0px 3px;
}


#sidemenu2 {
	width: 164px;
	background: #fff;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 12px 0px;
}
#sidemenu2 li {
	list-style: none;
	color: #830;
	line-height: 1px;
	padding: 0px;
}
#sidemenu2 li a {
	list-style: none;
	display: block;
	background: url("../images/list-style-yellow.gif") no-repeat 10px 7px;
	font-size: 90%;
	line-height: 110%;
	padding: 5px 5px 5px 20px;
}
#sidemenu2 li a {color: #333;}
#sidemenu2 li a:hover {color: #320078;}

#sidemenu2 .hit {
	background: url("../images/list-style-yellow.gif") no-repeat 10px 7px;
	color: #630;
	font-size: 90%;
	line-height: 110%;
	padding: 5px 5px 5px 20px;
}




/***** フッター *****/
#footer {
	text-align: right;
	padding: 50px 0px 0px 0px;
}
#footer-txt {
	color: #000;
	font-size: 80%;
	padding: 0px 12px 2px;
}
#footer-txt a {color: #000;}
#footer-txt a:hover {color: #320078;}
#copyright {
	background: #320078 url("../images/footer-bg.gif") repeat-x 0px bottom;
	color: #fff;
	font-size: 75%;
	padding: 2px 12px 2px;
}



/******************************/
/*****      リンク色      ***************/
/******************************/
a {
	color: #320078;
	text-decoration: none;
}
a:hover {
	color: #62a;
	text-decoration: underline;
}






/******************************/
/*****      Clear      ****************/
/******************************/
.clear {
	clear: both;
}













/************************************************************/
/************************************************************/
/************************************************************/

/******************************/
/*****      見出し      ****************/
/******************************/
h1 {
	background: url("../images/h1-bg.jpg") no-repeat 0px center;
	color: #4c2088;
	font-family: MS 明朝, MS Mincho;
	font-size: 150%;
	font-weight: normal;
	line-height: 166%;
	padding: 37px 0px 35px 65px;
	margin: 0px 0px 10px 0px;
}
h2 {
	background: #ffedff url("../images/h2-bg.gif") repeat-x 0px 0px;
	color: #000;
	font-size: 117%;
	line-height: 150%;
	padding: 10px 15px 10px 15px;
	margin: 0px 0px 10px 0px;
}
* html h2 {
	background: #ffedff url("../images/h2-bg.gif") repeat-x 0px 3px;
	padding: 11px 15px 6px 15px;
}
h3 {
	color: #320078;
	font-size: 142%;
	font-weight: normal;
	line-height: 166%;
	padding: 0px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}




/******************************/
/*****      インデント      *************/
/******************************/
p {
	padding: 0px 10px;
	margin: 0px;
}





/******************************/
/*****      テーブル      ***************/
/******************************/
/***** table a *****/
.table-a th {
	background: #b4a1cd;
	color: #fff;
	border-right: #b3b3b3 1px solid;
	border-bottom: #b3b3b3 1px solid;
	white-space:nowrap;
}
.table-a td {
	background: #eeeaf4;
	border-right: #b3b3b3 1px solid;
	border-bottom: #b3b3b3 1px solid;
}



/***** table b *****/
.table-b {
	background: #b4a1cd;
	border: #4c2088 1px solid;
}
.table-b th {
	background: #ded5f4;
}
.table-b td {
	background: #b4a1cd;
}
.table-b table th {
	background: #ededed;
	color: #320078;
	font-size: 117%;
	white-space:nowrap;
}
.table-b table td {
	background: #ded5f4;
	font-size: 117%;
}
.table-b table td span {
	color: #320078;
	font-size: 150%;
	font-weight: bold;
}
.table-b div {
	padding: 2px 1px;
}



/***** table c *****/
.table-c {
	margin:0;
	padding:10px;
}
.table-c th {
	background: #b4a1cd;
	color: #fff;
	border-right: #b3b3b3 1px solid;
	border-bottom: #b3b3b3 1px solid;
	white-space:nowrap;
}
.table-c td {
	background: #eeeaf4;
	border-right: #b3b3b3 1px solid;
	border-bottom: #b3b3b3 1px solid;
}




/***** 商品リストのテーブル *****/
.table-item-list {
	width: 100%;
}
.table-item-list td {
	width: 99%;
}
.table-item-list .image {
	width: 1%;
}
.table-item-list .image div {
	width: 120px;
	border: #ccc 1px solid;
	margin: 0px 0px 10px 0px;
}
.table-item-list .image img {
	margin: 5px;
}
.table-item-history tr {
	text-align: left;
}





/******************************/
/*****      リスト      ****************/
/******************************/
ol {
	padding-top: 25px;
	padding-right: 30px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
ol li {
	padding: 0px 0px 15px 0px;
}


/***** list a *****/
.list-a {
	padding: 0px;
	margin: 0px;
}
.list-a li {
	/*border: 1px solid;*/
	float: left;
	width: 180px;
	height: 190px;
	display: block;
	font-size: 90%;
	line-height: 125%;
	text-align: center;
}
.list-a a,
.list-a a div {
	width: 140px;
	display: block;
	color: #320078;
	text-align: left;
	margin: 0px auto;
}
.list-a a .image {
	width: 120px;
	border: #ccc 1px solid;
	margin: 0px 0px 10px 0px;
}
.list-a a .image img {
	margin: 5px;
}
.list-a a:hover,
.list-a a:hover div {color: #50a;}




/***** list b *****/
.list-b {
	padding: 10px 0px 5px 30px;
	margin: 0px;
}
.list-b li {
	list-style: none;
	background: url("../images/list-style-yellow2.gif") no-repeat 0px 2px;
	font-weight: bold;
	padding: 0px 0px 5px 12px;
}



/***** list c *****/
.list-c {
	padding: 20px 25px 5px 22px;
	margin: 0px;
}
.list-c li {
	list-style: none;
	background: url("../images/list-style-yellow2.gif") no-repeat 0px 2px;
	padding: 0px 0px 15px 12px;
}




/***** FAQ *****/
.list-faq  {
	padding: 10px 10px 0px 45px;
}
.list-faq dt {
	background: url("../help/images/icon-question.gif") no-repeat 0px center;
	color: #320078;
	font-size: 117%;
	font-weight: bold;
	padding: 10px 0px 10px 73px;
	margin: 0px 0px 10px 0px;
}
.list-faq dd {
	background: url("../help/images/icon-answer.gif") no-repeat 0px 0px;
	padding: 10px 0px 10px 75px;
	margin: 0px 0px 25px 73px;
}



/******************************/
/*****      トップページ      ************/
/******************************/
.top-contents-a {
	background: #724c00;
	margin: 0px 0px 12px;
}
.top-contents-a .text {
	color: #fff;
	font-size: 90%;
	line-height: 133%;
	padding: 10px 15px;
}


/******************************/
/*****      ご利用案内      ************/
/******************************/
.contents{
	padding:0 10px 0 18px;
	margin:0;
}
.gotop{
	font-size: 90%;
	text-align: right;
	margin:0;
	padding:10px;
}


/******************************/
/*****      ギャラリー      *************/
/******************************/
.table-gallery {
	background: #f2f2f2;
	margin: 0px 30px;
}
.table-gallery td {
	font-size: 117%;
	vertical-align: top;
	padding: 20px;
}
.table-gallery ul {
	padding: 0px;
	margin: 0px;
}
.table-gallery li {
	list-style-type: none;
	padding: 0px;
	text-align: center;
}


.table-gallery .image {
	width: 99%;
	padding: 20px 30px 0px;
}


.table-gallery .list {
	width: 1%;
	font-size: 80%;
	text-align: center;
	padding: 10px 30px 0px;
}
.table-gallery .list ul {margin-top: 5px;}
.table-gallery .list li {
	font-size: 1px;
	line-height: 1px;
	display: table;
	margin: 0px auto 15px;
}
.table-gallery .list li a {
	background: #000;
	background: #f2f2f2;
	color: #000;
	display: table-cell;
}
.table-gallery .list li a img {
	filter:alpha(opacity=70);
	opacity:0.7;
}
.table-gallery .list li a:hover img {
	filter:alpha(opacity=100);
	opacity:1;
}





/******************************/
/*****      お問い合わせフォーム      *******/
/******************************/
.contact-form {
	padding: 10px 80px;
	margin: 0px;
}
.contact-form td input.text {
	width: 350px;
}
.contact-form td textarea {
	width: 350px;
	height: 150px;
}
.contact-form caption {
	padding: 5px 0px;
}
.contact-form .submit {
	padding: 5px 0px;
	text-align: center;
}

/*******************************/
/*****　お知らせ　******************/
/*******************************/

.oshirase{
	background:url(../images/bg.gif) repeat-y;
	display:block;
	padding:15px 10px;
	margin:10px 15px 0px 12px;
	border:1px #320078 solid;
	font-weight:bold;
	color:#000;
}

.osirase-date{
	padding:0 10px 0 0;
}