@charset "UTF-8";

/* 共通定義 */

* {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #FFFFFF;
}
#all {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/body_bg.gif) repeat-y;
	padding-right: 3px;
	padding-left: 3px;
}
#mainImage {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
#mainImage .mainImage2 {
	width: 766px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#mainImage .mainImage2 img {
	vertical-align: bottom;
}



p,dt,dd,li,address {
	line-height: 1.4em;
}
img {
	border: 0px;
}
table {
	font-size: 12px;
	line-height: 30px;
	color: #FFFFFF;
}

td {
	vertical-align: top;
}
th {
}
ul,ol {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #616161;
}
.none {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	border: 0px;
}
.vm {
	vertical-align: middle;
}
.circle {
	list-style: disc!important;
	padding-left: 20px;
}

.alignC {
	text-align: center;
	line-height: 30;
}
.alignR {
	text-align: right;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.small {
	font-size: 11px !important;
}
.clear {
	clear: both !important;
}
.mT5 {
	margin-top: 5px !important;
}
.mT10 {
	margin-top: 10px !important;
}
.mT15 {
	margin-top: 15px !important;
}
.mT20 {
	margin-top: 20px !important;
}
.mB0 {
	margin-bottom: 0px !important;
}
.mB5 {
	margin-bottom: 5px !important;
}
.mB7 {
	margin-bottom: 7px !important;
}
.mB10 {
	margin-bottom: 10px !important;
}
.mB13 {
	margin-bottom: 13px !important;
}
.mB15 {
	margin-bottom: 15px !important;
}
.mB20 {
	margin-bottom: 20px !important;
}
.mB25 {
	margin-bottom: 25px !important;
}
.mL2 {
	margin-left: 2px !important;
}
.mL10 {
	margin-left: 10px !important;
}
.mL20 {
	margin-left: 20px !important;
}
.pT8 {
	padding-top: 8px !important;
}
.pT5 {
	padding-top: 5px !important;
}
.pink {
	color: #6a534e!important;
}

.border0 {
	border-style: none !important;
}

.pagetop {
	text-align: right;
	margin-top: 20px;
	margin-bottom: 13px;
	margin-right: 18px;
}
.red {
	color: #FF0000;
}
.indent1 {
	text-indent: -6px;
	padding-left: 6px;
}
.indent2 {
	text-indent: -14px;
	padding-left: 14px;
}
.indent3 {
	text-indent: -16px;
	padding-left: 16px;
}




/* サイドメニュー */

#menu {
	width: 192px;
	float: left;
}
#menu li a {
	text-indent: -9999px;
	display: block;
	width: 192px;
}
#menu #menu01 {
	background: url(../img/menu01.gif) no-repeat;
	height: 25px;
	width: 192px;
	text-indent: -9999px;
}
#menu a#menu02 {
	background: url(../img/menu02.gif) no-repeat;
	height: 42px;
}
#menu a#menu0201 {
	background: url(../img/menu0201.gif) no-repeat;
	height: 42px;
}
#menu a#menu0202 {
	background: url(../img/menu0202.gif) no-repeat;
	height: 42px;
}
#menu a#menu03 {
	background: url(../img/menu03.gif) no-repeat;
	height: 42px;
}
#menu a#menu04 {
	background: url(../img/menu04.gif) no-repeat;
	height: 21px;
}

#menu a#menu05 {
	background: url(../img/menu05.gif) no-repeat;
	height: 21px;
	}

#menu a#menu0501 {
	background: url(../img/menu0501.gif) no-repeat;
	height: 21px;
	}

#menu a#menu0502 {
	background: url(../img/menu0502.gif) no-repeat;
	height: 21px;
	}

#menu a#menu0503 {
	background: url(../img/menu0503.gif) no-repeat;
	height: 21px;
}

#menu a#menu0504 {
	background: url(../img/menu0504.gif) no-repeat;
	height: 21px;
}

#menu a#menu0505 {
	background: url(../img/menu0505.gif) no-repeat;
	height: 21px;	
}

#menu a#menu06 {
	background: url(../img/menu06.gif) no-repeat;
	height: 21px;
}
#menu a#menu07 {
	background: url(../img/menu07.gif) no-repeat;
	height: 42px;
}
#menu a#menu08 {
	background: url(../img/menu08.gif) no-repeat;
	height: 42px;
		margin-bottom:5px;
}
#menu a#menu0801 {
	background: url(../img/menu0801.gif) no-repeat;
	height: 42px;
}
#menu a#menu0802 {
	background: url(../img/menu0802.gif) no-repeat;
	height: 42px;
	margin-bottom:5px;
	}
#menu a#menu0804 {
	background: url(../img/menu0804.gif) no-repeat;
	height: 42px;
	margin-bottom:5px;
}
#menu a#menu09 {
	background: url(../img/menu09.gif) no-repeat;
	height: 27px;
	margin-left:4px;
	margin-bottom:2px;
	width: 185px;
}
#menu a#menu10 {
	background: url(../img/menu10.gif) no-repeat;
	height: 27px;
	margin-left:4px;
	margin-bottom:2px;
	width: 185px;
}

#menu a#menu11 {
	background: url(../img/menu11.gif) no-repeat;
	height: 27px;
	margin-left:4px;
	margin-bottom: 5px;
	width: 185px;
}

#menu a#campaign {
	background: url(../img/campaign.gif) no-repeat;
	height: 54px;
	margin-left:2px;
	margin-bottom: 15px;
	width: 188px;

}

#menu a#aristnomise {
	background: url(../img/aristnomise.gif) no-repeat;
	height: 54px;
	margin-left:2px;
	margin-bottom: 5px;
	width: 188px;
}

#menu a#campaign {
	background: url(../img/campaign.gif) no-repeat;
	height: 54px;
	margin-left:2px;
	margin-bottom: 5px;
	width: 188px;
}

#menu a#medalistsoko {
	background: url(../img/medalistsoko.gif) no-repeat;
	height: 54px;
	margin-left:2px;
	margin-bottom: 5px;
	width: 188px;
}
#menu #upright {
	background: url(../img/upright_bunner.gif) no-repeat;
	height: 54px;
	margin-left:2px;
	margin-bottom: 5px;
	width: 188px;
	
}
#menu #tac21 {
	background: url(../img/tac21_bunner.gif) no-repeat;
	height: 54px;
	margin-left:2px;
	margin-bottom: 15px;
	width: 188px;	
	
}
#menu a#menu1201 {
	background: url(../img/menu1201.gif) no-repeat;
	height: 37px;
	margin-left:4px;
	margin-bottom: 3px;
	width: 185px;
}
#menu a#menu12 {
	background: url(../img/menu12.gif) no-repeat;
	height: 37px;
	margin-left:4px;
	margin-bottom: 5px;
	width: 185px;
}
#menu a#QR_mobile {
	background: url(../img/QR_mobile.gif) no-repeat;
	height: 103px;
	margin-left:15px;
	margin-bottom: 16px;
	width: 160px;

}
#menu a#bimania_mobile {
	background: url(../img/bimaniaclub.gif) no-repeat;
	height: 134px;
	margin-left:15px;
	margin-bottom: 16px;
	width: 160px;
}
#menu a#menu02:hover {
	background: url(../img/menu02_o.gif) no-repeat;
}
#menu a#menu0201:hover {
	background: url(../img/menu0201_o.gif) no-repeat;
}
#menu a#menu0202:hover {
	background: url(../img/menu0202_o.gif) no-repeat;
}
#menu a#menu03:hover {
	background: url(../img/menu03_o.gif) no-repeat;
}
#menu a#menu04:hover {
	background: url(../img/menu04_o.gif) no-repeat;
}
#menu a#menu05:hover {
	background: url(../img/menu05_o.gif) no-repeat;
	}
#menu a#menu0501:hover {
	background: url(../img/menu0501_o.gif) no-repeat;
	}
#menu a#menu0502:hover {
	background: url(../img/menu0502_o.gif) no-repeat;
	}
#menu a#menu0503:hover {
	background: url(../img/menu0503_o.gif) no-repeat;
}
#menu a#menu0504:hover {
	background: url(../img/menu0504_o.gif) no-repeat;
}
#menu a#menu0505:hover {
	background: url(../img/menu0505_o.gif) no-repeat;	
}
#menu a#menu06:hover {
	background: url(../img/menu06_o.gif) no-repeat;
}
#menu a#menu07:hover {
	background: url(../img/menu07_o.gif) no-repeat;
}
#menu a#menu08:hover {
	background: url(../img/menu08_o.gif) no-repeat;
}
#menu a#menu0801:hover {
	background: url(../img/menu0801_o.gif) no-repeat;
}
#menu a#menu0802:hover {
	background: url(../img/menu0802_o.gif) no-repeat;
	}
#menu a#menu0804:hover {
	background: url(../img/menu0804_o.gif) no-repeat;
}
#menu a#menu09:hover {
	background: url(../img/menu09_o.gif) no-repeat;
}
#menu a#menu10:hover {
	background: url(../img/menu10_o.gif) no-repeat;
}
#menu a#menu11:hover {
	background: url(../img/menu11_o.gif) no-repeat;
}
#menu a#campaign {
	background: url(../img/campaign_o.gif) no-repeat;


}
#menu a#aristnomise:hover {
	background: url(../img/aristnomise_o.gif) no-repeat;
}
#menu a#medalistsoko:hover {
	background: url(../img/medalistsoko_o.gif) no-repeat;
}
#menu a#upright:hover {
	background: url(../img/upright_bunner_o.gif) no-repeat;
	
}
#menu a#tac21:hover {
	background: url(../img/tac21_bunner_o.gif) no-repeat;	
	
	
}
#menu a#menu1201:hover {
	background: url(../img/menu1201_o.gif) no-repeat;
}
#menu a#menu12:hover {
	background: url(../img/menu12_o.gif) no-repeat;
}
#menu a#QR_mobile:hover {
	background: url(../img/QR_mobile_o.gif) no-repeat;
}
#menu a#bimania_mobile:hover {
	background: url(../img/bimaniaclub_o.gif) no-repeat;
}
#menu .inqBox {
	background: url(../img/menu_inq_bg.gif) no-repeat left bottom;
	padding-bottom: 9px;
	margin-left: 4px;
	margin-bottom: 20px;
	width: 185px;
}
#menu .inqBox div {
	margin-left: 20px;

}
.faq {
	font-size: 12px;
	color: #616161;
	background: url(../../info/img/faq_dot.gif) repeat-x bottom;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
#main2 .faq dt {
	background: url(../img/question.gif) no-repeat 1px 1px;
	padding-left: 20px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #6A534E;
}
#main2 .contents .faq dd {
	margin-bottom: 5px;
	background: url(../img/answer.gif) no-repeat left 4px;
	padding-left: 20px;
}





/* コンテンツ */

#contents {
	width: 760px;
	background: url(../img/contents_bg.gif) repeat-y left;
}

/* リンク */

a:link {
	color: #ec0016;
	text-decoration: none;
}
a:visited {
	color: #ec0016;
	text-decoration: none;
}
a:hover {
	color: #93585d;
	text-decoration: none;
}


/* ヘッダ */

#summary {
	position: absolute;
	top: 7px;
	right: 12px;
	font-size: 11px;
	line-height: 12px;
	color: #8b8b8b;
}
#head {
	background: url(../img/body_bg.gif) repeat-y;
	width: 760px;
	padding-right: 3px;
	padding-left: 3px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

/* メインコンテンツ */

#path {
	font-size: 11px;
	line-height: 12px;
	left: 209px;
	top: 121px;
	position: absolute;
	color: #616161;
}
#path a {}
#path a:hover {}
#main {
	float: right;
	width: 568px;
}


#index {
	float: right;
}
#index .contents {
	margin-right: 16px;
	margin-left: 16px;
}
#index h1 {
	margin-bottom: 7px;
}
#index h2.type3 {
margin-left:2px;
margin-bottom:1px;
}

#index p {
	font-size: 12px;
	line-height: 18px;
	color: #616161;
}
#index p.nail {
	margin-bottom: 7px;
}

#index .h2Box {
	background: url(../img/index01.jpg) no-repeat;
	height: 147px;
	padding-top: 12px;
	padding-left: 14px;
	width: 294px;
	padding-right: 228px;
}
#index .productBox {
	margin-right: 2px;
	margin-left: 2px;
	width: 532px;
	margin-bottom: 17px;
}

#index .product01 {
	margin-right: 12px;
	width: 250px;
}

#index .product01 div {
	background: url(../img/index_recomend_bg.gif) no-repeat left bottom;
	padding: 8px 16px 10px 13px;
	width: 221px;
}
#index .product02 {
	background: url(../img/index_recomend_bg2.gif) no-repeat left bottom;
	padding: 5px 15px 7px 16px;
	width: 239px;
}
#index .type2 {
	margin-bottom: 13px;
	padding-top: 8px;
	padding-bottom: 9px;
}

#index .product02 div.floatL {
	margin-left: 14px;
	width: 159px;
	}

#index .indexNewTable {
	width: 530px;
	margin-right: 1px;
	margin-left: 1px;
	line-height: 13px;
	border-bottom: 1px solid #957E77;
	margin-bottom: 22px;
}
#index .indexNewTable th {
	line-height: 26px;
	border-bottom: 1px solid #DED7D4;
	padding-top: 1px;
	width: 95px;
	text-align: left;
	text-indent: 7px;
}
#index .indexNewTable td.last {
	border-style: none;
}
#index .indexNewTable th.last {
	border-style: none;
}
#index .indexNewTable td {
	border-bottom: 1px solid #DED7D4;
	line-height: 26px;
	padding-top: 1px;
	vertical-align: middle;
}
#index .indexNewTable td img {
	vertical-align: middle;
	margin-left: 10px;
	margin-top: -2px;
}
#index .detail {
	background: url(../img/menubox_bottom.gif);
	height: 7px;
	width: 532px;
}
#main2 {
}
#main2 h1 {
	font-size: 16px;
	color: #1B307F;
	line-height: 18px;
	background: url(../img/main2_h1.jpg) no-repeat;
	padding-top: 20px;
	height: 23px;
	text-indent: 16px;
	margin-bottom: 7px;
}
#main2 h3 {
	background: url(../img/main2_h3.gif) no-repeat left bottom;
	font-size: 12px;
	color: #452A23;
	line-height: 13px;
	height: 17px;
	text-indent: 14px;
	margin-bottom: 13px;
}

#main2 p {
	font-size: 12px;
	line-height: 18px;
	color: #616161;
}
#main2 p.nail {
	margin-bottom: 17px;
}

#main2 .contents {
	margin-right: 18px;
	margin-left: 18px;
}
#main2 .menuBox {
	background: url(../img/menubox_bg.gif) no-repeat left top;
	padding-top: 3px;
	padding-right: 14px;
	padding-left: 16px;
}
#main2 .menuBox h2 {
	margin-bottom: 14px;
}

#main2 .menuBox div {
	float: left;
	width: 319px;
}
#main2 .menuboxBottom {
	background: url(../img/menubox_bottom.gif) no-repeat;
	height: 7px;
	line-height: 7px;
	margin-bottom: 10px;
}
#main2 .h2contents {
	margin-right: 10px;
	margin-left: 10px;
}
#main2 .h2contents h2 {
	background: url(../img/main2_h2.gif) no-repeat;
	height: 17px;
	padding-top: 6px;
	font-size: 12px;
	color: #452a23;
	text-indent: 13px;
	width: 512px;
	margin-bottom: 9px;
	line-height: 13px;
	margin-top: 15px;
}
#main2 .h2contents .h2contents2 {
	margin-right: 4px;
	margin-left: 4px;
}
#main2 .h3contents {
	margin-right: 5px;
	margin-left: 7px;
}

#main2 .productBox {
	width: 512px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #C7BCBA;
}
#main2 .productBox .border0{
	border-bottom-style: none !important;	
}
#main2 .productBox div{
	float: right;
	width: 271px;
}
#main2 .productBox .type2 {
	float: none;
	width: auto;
	margin-top: 15px;
	margin-bottom: 0px;
}

#main2 .productBox img{
	float: none;
	background: #FEEBED;
}
#main2 .productBox h3 {
	font-size: 12px;
	line-height: 13px;
	color: #616161;
	text-indent: 6px;
	height: 16px;
	padding-top: 5px;
	background: #FEEBED;
	margin: 0px;
}
#main2 .productBox .dot {
	background: url(../img/dot.gif) repeat-x bottom;
	padding-bottom: 9px;
	padding-top: 5px;
	margin-bottom: 9px;
}
#main2 .dataTable {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-bottom: 8px;
	width: 246px;
	font-size: 11px;
	line-height: 14px;
}
#main2 .dataTable td {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 4px;
}

#main2 .dataTable th {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 3px 0px 2px 4px;
}
#main2 .dataTable th.title {
	background: #EBE7E6;
	width: 100%;
}
#main2 .universalTable {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-bottom: 8px;
	width: 100%;
	font-size: 12px;
}
#main2 .universalTable td {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 4px;
}

#main2 .universalTable th {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 3px 0px 2px 4px;
	background: #EBE7E6;
}
#main2 .universalTable2 {
	border-right: 1px solid #8c7168;
	border-bottom: 1px solid #8c7168;
	margin-bottom: 8px;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
}
#main2 .universalTable2 td {
	border-top: 1px solid #8c7168;
	border-left: 1px solid #8c7168;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}

#main2 .universalTable2 th {
	border-top: 1px solid #8c7168;
	border-left: 1px solid #8c7168;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 5px 0px 5px 8px;
	background: #f9f6f6;
}
#main2 .categoryLink .title {
	line-height: 13px;
	background: url(../img/category_title.gif) no-repeat;
	text-indent: 19px;
	height: 15px;
	padding-top: 4px;
	font-weight: bold;
	color: #FFFFFF;
	width: 512px;
	margin-top: 20px;
}
#main2 .categoryLink .title a {
	color: #FFFFFF;
}
#main2 .categoryLink .title a:hover {
	color: #cdbbb5;
}

#main2 .categoryLink .category a {
	color: #616161;
	background: url(../img/category_arrow.gif) no-repeat left 3px;
	padding-left: 8px;
	margin-left: 16px;
}
#main2 .categoryLink .category a:hover {
	color: #9f9f9f;
}

#main2 .categoryLink .category {
	background: url(../img/category_bg.gif) no-repeat bottom;
	line-height: 13px;
	padding-top: 12px;
	padding-bottom: 12px;
}
#main2 .categoryLink .category a.first{
	margin-left: 13px;
}
#main2 .universalBox {
	padding: 5px 5px 5px 10px;
	border: 1px solid #8C7168;
	background: #F9F6F6;
	margin-bottom: 20px;
}
#main2 .list1 {
	float: right;
	margin-left: 10px;
	width: 345px;
	font-size: 12px;
	color: #616161;
}
#main2 .list1 dt {
	font-weight: bold;
	color: #E66C78;
}
#main2 .list1 dd {
	margin-bottom: 5px;
}
#main2 .smallTable {
	width: 310px;
}


/* フッタ */

#footer {
	clear: both;
	background: url(../img/footer_bg.gif);
	height: 20px;
	width: 744px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 12px;
	padding-right: 10px;
	line-height: 10px;
	padding-top: 4px;
}
#footer p {
	line-height: 10px;
}

#footer ul {
	margin: 0px;
	padding: 0px;
}
#footer  li {
	display: inline;
	margin-left: 16px;
	padding: 0px;
	margin-top: 0px;
	line-height: 10px;
}
#footer img {
}
#copyright {
	text-align: right;
	width: 764px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 3px;
}

address {
	font-style: normal;
	font-size: 11px;
}
address a {}
address a:hover {}

/* サイトマップ */

#sitemap ul {
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#sitemap ul ul {
	background: url(../img/s-dot3.gif) repeat-y left top;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-left: 0px;
}
#sitemap ul li {
	background: url(../img/s-dot.gif) no-repeat;
	list-style-type: none;
	padding-left: 25px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 20px;
}
#sitemap ul li.s-close {
	background: url(../img/s-dot2.gif) no-repeat;
	margin-bottom: 5px;
}
#sitemap ul li.s-close2 {
	background: url(../img/s-dot4.gif) no-repeat;
	margin-bottom: 0px;
}
#sitemap ul li.s-close3 {
	background: url(../img/s-dot5.gif) no-repeat;
}
#sitemap ul li.s-close4 {
	background: #FFF url(../img/s-dot4.gif) no-repeat left top;
}

/* フォーム用定義 */

.mail-form{
}
.mail-input {
	text-align: center;
}

#main2 table.form-tbl {
}
#main2 table.form-tbl th {
}
#main2 table.form-tbl td {
}
.caution {
	font-size: 12px;
	color: #666666;
	list-style: none;
}
.caution strong {
	color: #FF0000; 
}