@charset "utf-8";
/* CSS Document */
*{
	line-height: 140%;
	font-size: 12px;
	color: #333333;
}
.floatL{
	float: left;
}
.floatR{
	float: right;
}
.clear{
	clear: both;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
.colorRed{
	color: #cc0000;
}
.fontSize{
	font-size: 0px;
	margin: 0px;
}
*:first-child+html div{
	display: block;
}
.colorBlue{
	color:#0143B0;
	font-weight:bold;
}
.colorBlue a{
	color:#0143B0;
	font-weight:bold;
}
.colorGreen{
	color: #34ad53;
	font-weight:bold;
}
.colorOrange{
	color: #fdc85e;
}
.namePosition{
	padding: 0 0 0 150px;
}


/*************************
		body
 *************************/
body{
	margin: 0 auto;
}
#shadow{
	background-image: url(../images/img-bg-shadow.gif);
	background-repeat: repeat-y;
	width: 960px;
	margin: 0 auto;
	padding: 10px 0 30px 0;
}
#wrapper{
	width: 910px;
	height: auto;
	margin: 0px auto 0 auto;
}

/*****header*****/
h1{
	font-size: 12px;
	margin: 0px;
}
#header{
	width: 900px;
	height: auto;
	margin: 4px 0 0 0;
}
#headerBox{
	width: 900px;
	margin: 0px;
}
/*****header left*****/
#headerLeft{
	font-size: 0px;
	width: 205px;
}
/*
#logo{
	width: 205px;
	height: 45px;
	margin: 0px 0;
	text-indent: -9999px;
}
#logo a{
	background-image: url(../images/img-logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	width: 205px;
	height: 45px;
}
#logo a:hover{
	width: 205px;
	height: 45px;
	display: block;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
*/
/*****header right*****/
#headerRight{
	width: 695px;
}
/*****contact*****/
#contactBox{
	width: 240px;
	height: 53px;
	margin: 0 0 4px 12px;
	padding: 0 0 0 12px;
	border-left: #c8c8c8 solid 1px;
}
#contact{
	width: 240px;
	height: 16px;
	text-indent: -9999px;
	background-image: url(../images/img-contact.gif);
	background-repeat: no-repeat;
}
#telNum{
	background-image: url(../images/img-tel-number.gif);
	background-repeat: no-repeat;
	width: 240px;
	height: 15px;
	text-indent: -9999px;
	margin: 4px 0 0 0;
}
#contactForm{
	width: 240px;
	height: 18px;
	text-indent: -9999px;
}
#contactForm a{
	background-image: url(../images/img-contact-form.gif);
	background-repeat: no-repeat;
	width: 240px;
	height: 18px;
	display: block;
	text-indent: -9999px;
}
#contactForm a:hover{
	background-image: url(../images/img-contact-form.gif);
	background-repeat: no-repeat;
	width: 240px;
	height: 18px;
	display: block;
	text-indent: -9999px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
/*****button area*****/
.btnArea{
	width: 418px;
}
#btnToTop2{
	width: 93px;
	height: 26px;
	margin: 14px 3px 0 0;
	font-size: 0px;
}
#btnToTop2 a{
	background-image: url(../images/btn_to_top2.gif);
	background-repeat: no-repeat;
	width: 93px;
	height: 26px;
	display: block;
	text-indent: -9999px;
}
#btnToTop2 a:hover{
	background-image: url(../images/btn_to_top2_on.gif);
	background-repeat: no-repeat;
	width: 93px;
	height: 26px;
	display: block;
	text-indent: -9999px;
}
#btnLogin{
	width: 93px;
	height: 26px;
	text-indent: -9999px;
	margin: 8px 3px 0 0;
}
#btnLogin a{
	background-image: url(../images/btn-login.gif);
	background-repeat: no-repeat;
	width: 93px;
	height: 26px;
	text-indent: -9999px;
	display: block;
}
#btnLogin a:hover{
	background-image: url(../images/btn-login-on.gif);
	background-repeat: no-repeat;
	width: 93px;
	height: 26px;
	text-indent: -9999px;
	display: block;
}
.btnLogout{
	margin: 8px 3px 0 0;
}
#btnCart{
	width: 93px;
	height: 26px;
	margin: 8px 3px 0 0;
	font-size: 0px;
}
#btnCart a{
	width: 93px;
	height: 26px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/btn-cart.gif);
	background-repeat: no-repeat;
}
#btnCart a:hover{
	width: 93px;
	height: 26px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/btn-cart.gif);
	background-repeat: no-repeat;
}
#btnMypage{
	width: 93px;
	height: 26px;
	margin: 8px 0 0 0;
}
/*****Gmenu*****/
#Gmenu{
	margin: 5px 0 0 0;
}
#Gmenu1{
	width: 27px;
	height: 12px;
	margin: 0 0 0 0px;
}
#Gmenu1 a{
	background-image: url(../images/img-gmenu-top.gif);
	background-repeat: no-repeat;
	width: 27px;
	height: 12px;
	text-indent: -9999px;
	display: block;
}
#Gmenu1 a:hover{
	width: 27px;
	height: 12px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#Gmenu2{
	width: 91px;
	height: 12px;
	margin: 0 0 0 9px;
}
#Gmenu2 a{
	background-image: url(../images/img-gmenu-beginner.gif);
	background-repeat: no-repeat;
	width: 91px;
	height: 12px;
	text-indent: -9999px;
	display: block;
}
#Gmenu2 a:hover{
	width: 91px;
	height: 12px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#Gmenu3{
	width: 74px;
	height: 12px;
	margin: 0 0 0 9px;
}
#Gmenu3 a{
	background-image: url(../images/img-gmenu-guide.gif);
	background-repeat: no-repeat;
	width: 74px;
	height: 12px;
	text-indent: -9999px;
	display: block;
}
#Gmenu3 a:hover{
	width: 74px;
	height: 12px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#Gmenu4{
	width: 65px;
	height: 12px;
	margin: 0 0 0 9px;
}
#Gmenu4 a{
	background-image: url(../images/img-gmenu-corporate.gif);
	background-repeat: no-repeat;
	width: 65px;
	height: 12px;
	text-indent: -9999px;
	display: block;
}
#Gmenu4 a:hover{
	width: 65px;
	height: 12px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#Gmenu5{
	width: 63px;
	height: 12px;
	margin: 0 0 0 9px;
}
#Gmenu5 a{
	background-image: url(../images/img-gmenu-bridal.gif);
	background-repeat: no-repeat;
	width: 63px;
	height: 12px;
	text-indent: -9999px;
	display: block;
}
#Gmenu5 a:hover{
	width: 63px;
	height: 12px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#Gmenu6{
	width: 55px;
	height: 12px;
	margin: 0 0 0 9px;
}
#Gmenu6 a{
	background-image: url(../images/img-gmenu-company2.gif);
	background-repeat: no-repeat;
	width: 55px;
	height: 12px;
	text-indent: -9999px;
	display: block;
}
#Gmenu6 a:hover{
	width: 55px;
	height: 12px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#mainImg{
	background-image: url(../images/img-main.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height: 240px;
}

/*************************
		contents
 *************************/
#main{
	width: 910px;
	height: auto;
	margin: 10px 0 0 0;
}
.textContents{
	width: 196px;
	padding: 5px 1px;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
}
.textContents2{
	width: 478px;
	padding: 10px 0px 5px 0px;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
}
.textContents3{
	width: 480px;
}
.textContents4{
	width: 690px;
}
.btn{
	text-align: center;
}

/*************************
		alpha
 *************************/
.formAlpha{
	margin: 0px;
	padding: 0px;
}
#alpha{
	width: 200px;
	height: auto;
}
.barCategory{
	width: 200px;
	height: 19px;
	background-image: url(../images/bar-category.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#category{
	width: 198px;
	height: auto;
	margin: 0 0 10px 0;
}
.categoryBox{
	margin: 0 0 20px 0;
}
.categoryTitle a{
	font-size: 12px;
	font-weight: bold;
	color: #412000;
}
.icon{
	width: 20px;
	height: 18px;
	margin: 0 5px 0 5px;
}
.categoryBox2{
	width: 192px;
	border: #CCCCCC 1px solid;
	margin: 0 0 2px 0;
	padding: 1px;
}
.categoryImage{
	width: 60px;
	height: 20px;
	border: #CCCCCC 1px solid;
	margin: 0 1px 0px 0px;
	text-align: center;
}
.categoryImage a{
	width: 60px;
	height: 20px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
*:first-child+html .categoryImage a{
	display: block;
	width: 60px;
	height: 20px;
	display: block;
}
head~/* */body .categoryImage a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.categoryText{
	width: 129px;
	height: 22px;
}
.categoryText a{
	width: 109px;
	height: 20px;
	padding: 2px 0 0 20px;
	background-color: #efffec;
	display: block;
	background-image: url(../images/img-alpha-bg.gif);
	background-repeat: no-repeat;
}
.categoryText a:hover{
	width: 109px;
	height: 20px;
	padding: 2px 0 0 20px;
	background-color: #92dba5;
	display: block;
	background-image: url(../images/img-alpha-bg-on.gif);
	background-repeat: no-repeat;
}
.categoryText2{
	width: 192px;
	height: 22px;
}
.categoryText2 a{
	width: 172px;
	height: 20px;
	padding: 2px 0 0 20px;
	background-color: #efffec;
	display: block;
	background-image: url(../images/img-alpha-bg2.gif);
	background-repeat: no-repeat;
}
.categoryText2 a:hover{
	width: 172px;
	height: 20px;
	padding: 2px 0 0 20px;
	background-color: #92dba5;
	display: block;
	background-image: url(../images/img-alpha-bg2-on.gif);
	background-repeat: no-repeat;
}
.bnrSecom{
	text-align: center;
	margin: 20px 0 0 0;
}
/*************************
		beta
 *************************/
#beta{
	width: 490px;
	height: auto;
	margin-left: 10px;
}
#beta2{
	width: 700px;
	height: auto;
	margin-left: 10px;
	float: left;
	margin-bottom: 10px;
}
.inputSearch{
	float: right;
}
.barTitle{
	background-image: url(../images/bar-title.gif);
	background-repeat: no-repeat;
	width: 680px;
	height: 18px;
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
}
h2{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 100%;
}
.textBeta{
	width: 690px;
}
#betaContents{
	width: 695px;
	padding: 10px 0px 10px 5px;
}
*html #betaContents{
	width: 678px;
	padding: 10px 0px 10px 4px;
}

h3{
	padding: 0;
	margin: 0;
}
.space1{
	margin-top: 5px;
	padding-bottom: 3px;
}
h4{
	padding: 0;
	margin: 0;
	font-size:14px;
}
h5{
	margin: 5px 0 0 0;
}
.space1{
	margin-top: 5px;
	padding-bottom: 3px;
}
.space2{
	margin: 0px;
	padding-bottom: 10px;
}
.space3{
	padding: 0;
	margin: 0;
}

/*****button*****/

.toTop{
	width: 100px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
.toTop a{
	background-image: url(../images/btn_to_top.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	width: 100px;
	height: 25px;
}
.toTop a:hover{
	background-image: url(../images/btn_to_top_on.gif);
	background-repeat: no-repeat;
}

/*************************
		gamma
 *************************/

#gamma{
	width: 200px;
	height: auto;
	float: left;
}
*html #gamma{
	width: 196px;
}

/*****banner*****/
.bnrMC{
	width: 200px;
	height: 80px;
	margin-bottom: 10px;
}
.bnrMC a{
	width: 200px;
	height: 80px;
	display: block;
	margin-bottom: 10px;
	text-indent: -9999px;
	background: url(../images/bnr-mobilecampaign.jpg) no-repeat;
}
.bnrMC a:hover{
	width: 200px;
	height: 80px;
	display: block;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
}
.bnrTwi{
	width: 200px;
	height: 80px;
	margin-bottom: 10px;
}
.bnrTwi a{
	width: 200px;
	height: 80px;
	display: block;
	margin-bottom: 10px;
	text-indent: -9999px;
	background: url(../images/bnr_twitter.gif) no-repeat;
}
.bnrTwi a:hover{
	width: 200px;
	height: 80px;
	display: block;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.bnrBox{
	width: 200px;
	height: 100px;
	margin-bottom: 10px;
}
.bnrBox a{
	width: 200px;
	height: 100px;
	display: block;
	margin-bottom: 10px;
}
.bnrBox a:hover{
	width: 200px;
	height: 100px;
	display: block;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.bnr1 a{
	width: 200px;
	height: 100px;
	display: block;
	text-indent: -9999px;
	background: url(../images/bnr-beginner.jpg) no-repeat;
	margin-bottom: 10px;
}
.bnr2 a{
	width: 200px;
	height: 100px;
	display: block;
	text-indent: -9999px;
	background: url(../images/bnr-gift-package.jpg) no-repeat;
	margin-bottom: 10px;
}
.bnr3 a{
	width: 200px;
	height: 100px;
	display: block;
	text-indent: -9999px;
	background: url(../images/bnr-bridal.jpg) no-repeat;
	margin-bottom: 10px;
}

.bnr4 a{
	width: 200px;
	height: 100px;
	display: block;
	text-indent: -9999px;
	background:url(../images/bnr-houjin.jpg) no-repeat;
	margin-bottom: 10px;
}
.bnr5 a{
	width: 200px;
	height: 100px;
	display: block;
	border: #CCCCCC 1px solid;
	margin-bottom: 10px;
}
.bnr6 a{
	width: 200px;
	height: 100px;
	display: block;
	text-indent: -9999px;
	background: url(../images/bnr-send.jpg) no-repeat;
	margin-bottom: 10px;
}

.bnr7 a{
	width: 200px;
	height: 100px;
	display: block;
	text-indent: -9999px;
	background:url(../images/bnr-pay.jpg) no-repeat;
	margin-bottom: 10px;
}

/*************************
		footer
 *************************/
#footer{
	width: 910px;
	height: 36px;
	padding: 4px 0 0 0;
	background-image: url(../images/img-footer.gif);
	background-repeat: no-repeat;
	color: #4e4e4e;
	clear: both;
}
#footerContents{
	width: 910px;
	height: 15px;
	text-align: center;
}
#footerContents a{
	width: 900px;
	height: 15px;
	color: #147812;
	text-align: center;
	font-weight:100;
}
#footerLeft a{
	color: #333333;
}
#footerCopyright{
	text-indent: -9999px;
}
.toAI{
	width: 130px;
	height: 20px;
	margin: 0 162px 0px 0;
}
.toAI a{
	background: url(../images/img-to-AI.gif) no-repeat;
	width: 130px;
	height: 20px;
	display: block;
	text-indent: -9999px;
}
.toAI a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
}