@charset "UTF-8";
/* CSS Document */


/* RESET STYLE
-------------------------------------------------------- */

body,div,p,dl,dt,dd,ul,ol,li,ui,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,iframe,object { margin: 0; padding: 0;}
html { overflow-y: scroll;}
h1,h2,h3,h4,h5,h6 { font-size: 62.5%; font-weight: normal;}
p { margin: 0 0 0 0;}
ol,ul,li { list-style: none; list-style-type: none;}
fieldset,img { border: 0;}
table { border-collapse: collapse; border-spacing: 0;}
caption,th { text-align: left;}
address,capthion,cite,code,dfn,em,strong,th,var { font-style: normal;}

/* MAIN BLOCK
-------------------------------------------------------- */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height:24px;
	color: #333;
	background-color: #000;
}

body#home {
	font-size: 12px;
}

a{color:#683A00}
#headerWrapper {
	width: 100%;
	background: url(../images/common_headerTop_bg.gif) top center repeat-x;
}

#navWrapper {
	height: 58px;
	background: url(../images/common_nav_bg.jpg) top center repeat-x;
}

#contentWrapper1 {
	width: 100%;
	background: #FFF url(../images/common_content_bg.gif) top center repeat-x;
}

#contentWrapper2 {
	margin: auto;
	padding-top: 30px;
	min-width: 960px;
	background: url(../images/common_content_bg2.gif) top center no-repeat;
}

#content {
	margin: auto;
	padding-bottom: 40px;
	width: 960px;
	overflow: hidden;
}

#sideColumn {
	margin-right: 16px;
	width: 234px;
	float: left;
}

#mainColumn {
	width: 710px;
	float: right;
	overflow: hidden;
}

#footerWrapper {
	width: 100%;
	height: 258px;
	overflow: hidden;
	background: url(../images/common_footer_bg.gif) top center repeat-x;
}

#footer {
	margin: auto;
	width: 960px;
	height: 258px;
	background: url(../images/common_footer_logo.gif) top left no-repeat;
	position: relative;
}


/* COMMON STYLE
-------------------------------------------------------- */

#headerTop a:hover,
#mainColumn a:hover,
#sideColumn a:hover,
#footer a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

h2 {
	margin-bottom: 10px;
	padding: 3px 0 0 35px;
	/*height: 40px;*/
	padding-bottom:8px;
	font-size: 18px;
	color: #c6a059;
	background: url(../images/common_caption.png) bottom left no-repeat;
}

#mainColumn .section h2 a:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

#home h2 {
	margin-bottom: 0px;
	padding: 0px;
	height: auto;
	background: none;
}


h3 {
	font-size: 16px;
}

#topImage {
/*	margin: 0px auto 20px;*/
	margin:0 auto;
	width: 960px;
	height:250px;
}

.section {
	padding:10px 40px;
/*	margin-bottom: 20px;*/
}

/* HEADER */

#header {
	margin: auto;
	width: 960px;
	position: relative;
}

#header #headerTop {
	margin: auto;
	padding: 25px 0px 0px;
	height: 55px;
	position: relative;
}

#header #headerTop ul {
	padding: 0 8px;
	width: 227px;
	height: 25px;
	background: url(../images/common_header_subnav.gif) top left no-repeat;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#header #headerTop ul li {
	margin: 3px 7px 0;
	float: left
}


/* NAV */

#nav {
	margin: auto;
	width: 960px;
	height: 54px;
	overflow: hidden;
	background: url(../images/navi_00_2019.png) top left no-repeat;
}

#nav li {
	height: 54px;
	float: left;
}

#nav li#nav1 { width:192px;}
#nav li#nav2 { width:192px;}
#nav li#nav3 { width:192px;}
#nav li#nav4 { width:192px;}
#nav li#nav5 { width:192px;}
#nav li#nav6 { width:192px;}

#nav li a {
	height: 54px;
	display: block;
	text-indent: -9999px;
	background: url(../images/navi_00_2019.png) top left;
}

#nav #nav1 a { background-position: 0 0;}
#nav #nav2 a { background-position: -192px 0;}
#nav #nav3 a { background-position: -384px 0;}
#nav #nav4 a { background-position: -576px 0;}
#nav #nav5 a { background-position: -768px 0;}
#nav #nav6 a { background-position: -960px 0;}

#nav #nav1 a:hover { background-position: 0 -54px;}
#nav #nav2 a:hover { background-position: -192px -54px;}
#nav #nav3 a:hover { background-position: -384px -54px;}
#nav #nav4 a:hover { background-position: -576px -54px;}
#nav #nav5 a:hover { background-position: -768px -54px;}
#nav #nav6 a:hover { background-position: -960px -54px;}

#home #nav #nav1 a { background-position: 0 -54px;}
#elegancemail #nav #nav2 a { background-position: -192px -54px;}
#menu #nav #nav3 a { background-position: -384px -54px;}
#products #nav #nav4 a { background-position: -576px -54px;}
#price #nav #nav5 a { background-position: -768px -54px;}
#privilege #nav #nav6 a { background-position: -960px -54px;}

/* #mainColumn */

#mainColumn {
	overflow: hidden;
}

/* #sideColumn */

#sideColumn #slide {
	height: auto;
}

#sideColumn ul {
	overflow: hidden;
}

#sideColumn ul li{
	margin-bottom: 5px;
	width: 230px;
	height: 100px;
	border: solid 2px #FFFFFF;
	float: left;
}

#sideColumn ul li a{
	width: 230px;
	height: 100px;
	display: block;
}

#sideColumn ul li.exLinks{ height: 84px;}
#sideColumn ul li.exLinks a{ height: 84px;}

#sideColumn #subNav {
	overflow: hidden;
}

#sideColumn #subNav li {
	margin-bottom: 5px;
	width: 230px;
	height: 30px;
	background-color: #c6a059;
	border: solid 2px #FFFFFF;
	float: left;
}

#sideColumn #subNav li a{
	padding-left: 30px;
	width: 230px;
	height: 30px;
	background: url(../images/common_subNavBg.png) top left no-repeat;
	line-height: 30px;
	color: #FFF;
	text-decoration: none;
	display: block;
}

/* #mainColumn */
#mainColumn {
	overflow: hidden;
}

/* FOOTER */

#footer ul {
	height: 17px;
	overflow: hidden;
	position: absolute;
	top: 29px;
	right: 0px;
}

#footer ul li {
	margin-left: 10px;
	padding-left: 10px;
	height: 17px;
	float: left;
	background: url(../images/common_footer_linkLine.gif) top left no-repeat;
}

#footer ul li:first-child {
	margin-left: 0px;
	padding-left: 0px;
	background: none;
}

#footer ul li a {
	height: 17px;
	display: block;
}

.frametop{height:43px;}
.framebottom{height:43px;}
.frame{background:url(../images/frame_bg.png) repeat-y;}


.marb10{margin-bottom:10px;}
.marb20{margin-bottom:20px;}
.marb30{margin-bottom:30px;}
.marb40{margin-bottom:40px;}
.marb50{margin-bottom:50px;}
.marb100{margin-bottom:100px;}
.padb10{padding-bottom:10px;}
.padb20{padding-bottom:20px;}
.padb30{padding-bottom:30px;}
.padb40{padding-bottom:40px;}
.padb50{padding-bottom:50px;}

.marl20{margin-left:20px;}
.marr20{margin-right:20px;}
.side20{margin-left:20px;margin-right:20px;}
.side40{margin-left:40px;margin-right:40px;}
.padl20{padding-left:20px;}

.p12{font-size:12px;}
.attention{color:#C00;}
.wtd{background-color:#FFF;border-right:1px solid #DDD;border-bottom:1px solid #DDD;padding:8px;color:#333;}
.wtdtop{border-top:1px solid #DDD;}
.wtd2{background-color:#FFF;padding:8px;color:#333;}

.btn{margin:0;border:0; background-color:#FFF; cursor:pointer;}



.text_a{ font-size:22px; color:#C6A059; margin-left:35px;}

table.price{ margin-left:240px;
	margin-bottom: 20px; margin-top:30px;
	border: solid 1px #c6a059;
}

.price th{
	padding: 2px 10px;
	color: #FFF;
	background-color: #c6a059;
	border: solid 1px #FFFFFF;
}

.price td {padding: 2px 10px;
	color: #FFF;
	background-color: #c6a059;
	border: solid 1px #FFFFFF;
	background-color: #dab673;
}

.cancel01{ margin-left:40px;}

.osusume01{ margin-left:520px; z-index:10; position:absolute;}