/* ______________________css reset____________________*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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,li { 
list-style:none;
}
caption,th { 
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}
.left { 
float: left;
}
.right { 
float: right;
}
.clr {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	border: 0px;
}

div:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
div {
	zoom: 100%;
}



/* ______________________common____________________*/



body {
	font-size:75%;
	line-height: 1.7em;
	color: #333333;
	text-align: center;
	background:#CEE8FF url(images/bg_back.jpg) repeat-y center top;
}

strong {
 font-weight:bold;
}
a {
	color:#FF6600;
	text-decoration: underline;
}
a:hover {
	color: #333333;
	text-decoration: none;
}

/* ______________________main____________________*/


#wrapper {
	width:719px;
	background: #FFFFFF;
	text-align:left;
	margin:0px auto;
	position:relative;
}
*:first-child+html #wrapper{
	width:720px;
}


#header {
	background: url(images/bg_header.jpg) no-repeat center top;
	padding:40px 0px 0px;
	border-top:35px solid #eeeeee;
}
#logo {
	padding:0px 0px 0px 10px;
}
h1 {
	padding:70px 0px 110px 0px;
}

#what {
	border:1px solid #EDDDC6;
	background:#FBFAEE;
	width:675px;
	margin:0px auto 15px;
}
#what h2 {
	float:left;
}
#what p {
	font-size:120%;
	width:430px;
	padding:10px 10px 10px 0px;
	float:right;
}

#recommend {
	text-align:right;
	margin-bottom:25px;
}


#contents {
	width:677px;
	margin:0px auto 20px;
}
#contents h2 {
	margin-bottom:7px;
}

#effect_box {
	background: url(images/bg_effect.jpg) no-repeat right top;
	padding:5px 0px 5px 10px;
	height:225px;
}
#effect_box li {
	margin-bottom:7px;
}
#effect_box strong {
	color:#FF6600;
	font-size:120%;
}

#contents .left {
	width:366px;
	text-align:center;
	margin-bottom:15px;
}
#contents .left p {
	padding:4px 0px 5px;
}


#contents .right {
	width:272px;
	text-align:center;
	margin-bottom:15px;
}
#contents .right h3 {
	margin-bottom:7px;
}
#contents .right p {
	margin-bottom:10px;
	color:#006699;
}

.before_after {
	margin:0px;
	padding:0px;
}

#feeling_box, #power_box {
	padding:5px 10px 0px 10px;
}
#feeling_box h3, #power_box h3 {
	color:#FF6600;
	font-weight:bold;
	margin-bottom:5px;
	font-size:120%;
	padding-top:5px;
}
#feeling_box p, #power_box p {
	margin-bottom:10px;
}
.b_a {
	padding:3px 3px 15px 3px;
	float:left;
	color:#006699;
	text-align:center;
}
.b_a_arrow{
	padding:75px 5px 0px;
	float:left;
	text-align:center;
}


#each_box {
	background: url(images/bg_each.jpg) ;
	width:675px;
	margin-bottom:10px;
}
#each_box dl {
	padding:5px 15px 15px 25px;
}
#each_box dt {
	font-weight:bold;
	padding:5px 0px;
}
#each_box dd {
	padding-bottom:5px;
}

#power_box .photo_left {
	margin-bottom:10px;
	text-align:center;
	color:#006699;
	float:left;
}

#power_box .photo_right {
	margin-bottom:10px;
	text-align:center;
	color:#006699;
	float:right;
}


.pagetop{
	text-align:right;
	padding:10px 10px 15px 10px;
}


#footer_shop {
	width:719px;
	padding:5px 0px;
	text-align:center;
	border:1px solid #DDDDDD;
	font-weight:bold;
	background:#FFFFFF;
	position:absolute;
	top:0px;
	height:55px;
	line-height:1.5em;
	margin:0px auto;
}

#footer_shop #back {
	text-align: left;
	padding: 0 0 0 5px;
	display: block;
	font-size: 90%;
}



#footer {
	width:699px;
	padding:10px;
	background:#006699;
	text-align:center;
}
#footer_logo {
	float:left;
}
#copyright {
	float:right;
	padding-top:8px;
}





















/*---------------------------- フリーエリア ---------------------------*/

#main .freeArea {
	width: 640px;
	line-height: 160%;
	margin-left: 20px;
	margin-bottom: 20px;
}

#main .groupStoreBox {
	margin-left: 0;
	width: 660px;
}

#main .freeArea .GroupTitleBox {
	margin-left: 20px;
	margin-bottom: 10px;
}

#main .freeArea .titleTextBox {
	color: #653530;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
	margin-bottom: 8px!important;
	margin-left: 20px;
}

#main .freeArea .storeBox {
	width: 120px;
	display: inline;
	float: left;
	margin-right: -10px;
	margin-left: 20px;
}

#main .freeArea .clearBox {
	height: 10px!important;
	clear: both;
}

#main .freeArea .storeBox a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#main .freeArea .storeBox p.innerP {
	margin-bottom: 0!important;
	font-size: 0.92em;
}


#side .freeArea {
	width: 220px;
	line-height: 160%;
	margin-bottom: 10px;
}

#side .freeArea .sideBannerBox {
	border: 1px solid #ccc;
	background: #eee;
	padding: 16px 16px;
}

#side .freeArea .sideBannerBox img,
#side .freeArea .sideBannerBox02 img {
	vertical-align: top;
}

#side .freeArea .sideBannerBox .bnBox {
	margin-bottom: 2px;
}

#side .freeArea .sideBannerBox .bntext {
	margin-bottom: 10px;
}

#side .freeArea .sideBannerBox02 {
	border: 1px solid #ccc;
	padding: 16px 16px;
}

#side .freeArea .sideBannerBox02 .bnBox {
	margin-bottom: 10px;
}


#main .inquiry_banner {
	width: 640px;
	margin-left: 0px;
	margin-bottom: 0px;
}