@charset "UTF-8";



/* base */

body {

	background: url(../cmn_img/bg_body.gif) center top repeat-y;

	background-color: #F8F8F4;

	color: #000000;

	margin: 0px;

	padding: 0px;

	text-align:left;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;

}



img, table, th, td {

	border: 0px;

}



dl, dt, dd, p, li, h1, h2, h3, h4, h5, h6, form, input, table, tr, td {

	margin: 0px;

	padding: 0px;

}



ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}



textarea,select,input {

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;

}



textarea {

 font-size:12px;

}



hr {

	display: none;

}



#contents p {

	line-height: 150%;

	margin: 0px;

	padding: 0px 0px 5px 0px;

	word-break: break-all;

}



img, table, th, td {

	border: 0px;

}





a:link{

	color: #003399;

	text-decoration: underline;

}

a:visited {

	color: #660066;

	text-decoration: underline;

}

a:hover {

	color: #3399CC;

	text-decoration: underline;

}







#contents li img {

	background-color:transparent;

	text-decoration:none;

}



#contents a img {

	background-color:transparent;

}



img.icon {

	vertical-align: middle;

}



.clearfix:after {

	content:".sdfasdf";

	height:0;

	clear:both;

	display:block;

	visibility:hidden;

	line-height: 0;

}



.clearfix {

	display:inline-table;

}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */



br.clear_noie, 

div.clear_noie {

	display: inline !important;

	display: none;

	clear: both;

	line-height: 0px;

}

br.clear_all {

	clear: both;

	line-height: 0px;

}



#container {

	background-color: #FFFFFF;

	margin: 0 auto;

	text-align: left;

	padding: 0;

	width: 950px;

}



#header {

	margin: 0 0 0 15px;

	text-align: left;

	padding: 9px 0 0 0;

	width: 920px;

}



/* No Mac IE 5 Start \*/

#contents { clear: both; }

/* End */

#contents {

 text-align: left;

	margin: 0 0 0 15px;

	padding: 0;

 width: 920px;

}



#container div.mainLine {

	background: url(/lib/cmn_img/bg_main_line.gif) left top repeat-y;

	width: 920px;

}



#main {

	float: left;

	width: 640px;

}



#rightMenu {

	float: right;

	margin-left: 20px;

	width: 253px;

}



/* indent */

.center{text-align:center;}

.left{text-align:left;}

.right{text-align:right;}

.top5{margin-top:5px !important;}

.top10{margin-top:10px !important;}

.bottom5{margin-bottom:5px !important;}

.bottom10{margin-bottom:10px !important;}

.bottom15{margin-bottom:15px !important;}

.bottom20{margin-bottom:20px !important;}

.bottom202{margin-bottom:20px !important;}

.bottom25{margin-bottom:25px !important;}

.bottom252{margin-bottom:25px !important;}

.bottom30{margin-bottom:30px !important;}

.bottom40{margin-bottom:40px !important;}

.red {color: #FE0000;}

.bold {font-weight: bold;}



/* header */

#logo {

	height: 37px;

	float: left;

	font-size: 0;

	display: inline;

	line-height: 100%;

	margin-left: 20px;

	padding: 0;

	width: 189px;

}



#logo h1 {

	float: left;

	font-size: 0;

	line-height: 100%;

	width: 189px;

}



#header p.headerTxt {

	color: #CCCCCC;

	text-align: right;

	padding-bottom: 10px;

}



#header #subHd {

	float: right;

	width: 619px;

}



#header div.consultBox {

	background: url(../cmn_img/bg_consult_btm.gif) left bottom no-repeat;

	float: left;

	padding-bottom: 18px;

	width: 397px;

}



#header div.consultBoxBtm {

	background: url(../cmn_img/bg_consult_top.gif) left top no-repeat;

	font-size: 0;

	line-height: 100%;

	padding-top: 5px;

	width: 397px;

}





/* [shpSite] */

#header div.shpSite {

	float: left;

	margin: 0 0 0 6px;

	width: 213px;

}



#header div.shpSite p {

	line-height: 100%;

	height: 40px;

	padding: 0;

	width: 213px;

}



#header div.shpSite p a {

	display: block;

	height: 40px;

	width: 213px;

}



#header div.shpSite p img {	vertical-align: top;}

#header div.shpSite p a:hover {	background-color: transparent;}

#header div.shpSite p a:hover img {	visibility: hidden;}

#header div.shpSite p{ background: url(/lib/cmn_img/btn_shopping_site_h.gif); }







/* globalNavi */

#gnArea {

	clear: both;

	height: 40px;

	margin: 0;

	width: 920px;

}



#globalNavi {

	clear: both;

	margin: 0;

	height: 40px;

	width: 920px;

}



#globalNavi ul#gNavi {

	margin: 0;

	height: 40px;

	list-style: none;

	width: 920px;

}



#globalNavi ul#gNavi li {

	outline: 0;

	display: block;

	font-size: 0 !important;

	background-image: url(../cmn_img/global_navi.gif);

	background-repeat: no-repeat;

	float: left;

}



#globalNavi ul#gNavi li a {

	outline: 0;

	display: block;

	background-image: url(../cmn_img/global_navi.gif);

	background-repeat: no-repeat;

	float: left;

}



#globalNavi ul#gNavi li a span {

	text-indent:-9999px;

	overflow:hidden;

}



/* except IE7 */

html>/**/body #globalNavi ul#gNavi li a span { 

	display:block;

}

/* except IE7 */



#globalNavi ul#gNavi li#gnHome, #globalNavi ul#gNavi li#gnHome a {

background-position: 0 0;

height: 40px;

width: 101px;

}



#globalNavi ul#gNavi li#gnStory, #globalNavi ul#gNavi li#gnStory a {

background-position: -101px 0;

height: 40px;

width: 163px;

}



#globalNavi ul#gNavi li#gnRecommend, #globalNavi ul#gNavi li#gnRecommend a {

background-position: -264px 0;

height: 40px;

width: 164px;

}



#globalNavi ul#gNavi li#gnExperience, #globalNavi ul#gNavi li#gnExperience a {

background-position: -428px 0;

height: 40px;

width: 164px;

}



#globalNavi ul#gNavi li#gnQa, #globalNavi ul#gNavi li#gnQa a {

background-position: -592px 0;

height: 40px;

width: 164px;

}



#globalNavi ul#gNavi li#gnList, #globalNavi ul#gNavi li#gnList a {

background-position: -756px 0;

height: 40px;

width: 164px;

}





/* over */

#globalNavi ul#gNavi li#gnHome a:hover {

background-position: 0 -60px;

height: 40px;

width: 101px;

}



#globalNavi ul#gNavi li#gnStory a:hover {

background-position: -101px -60px;

height: 40px;

width: 163px;

}



#globalNavi ul#gNavi li#gnRecommend a:hover {

background-position: -264px -60px;

height: 40px;

width: 164px;

}



#globalNavi ul#gNavi li#gnExperience a:hover {

background-position: -359px -60px;

height: 40px;

width: 164px;

}



#globalNavi ul#gNavi li#gnQa a:hover {

background-position: -592px -60px;

height: 40px;

width: 164px;

}



#globalNavi ul#gNavi li#gnExperience a:hover {

background-position: -428px -60px;

height: 40px;

width: 164px;

}



#globalNavi ul#gNavi li#gnList a:hover {

background-position: -756px -60px;

height: 40px;

width: 164px;

}







/* current */

#globalNavi ul#gNavi li#gnHome a.current {

background-position: 0 -120px;

height: 40px;

width: 101px;

}



#globalNavi ul#gNavi li#gnStory a.current {

background-position: -101px -120px;

height: 40px;

width: 163px;

}



#globalNavi ul#gNavi li#gnRecommend a.current {

background-position: -264px -120px;

height: 40px;

width: 164px;

}



#globalNavi ul#gNavi li#gnExperience a.current {

background-position: -359px -120px;

height: 40px;

width: 164px;

}



#globalNavi ul#gNavi li#gnQa a.current {

background-position: -592px -120px;

height: 40px;

width: 164px;

}



#globalNavi ul#gNavi li#gnExperience a.current {

background-position: -428px -120px;

height: 40px;

width: 164px;

}



#globalNavi ul#gNavi li#gnList a.current {

background-position: -756px -120px;

height: 40px;

width: 164px;

}







/* contents */

/* No Mac IE 5 Start \*/

#contents div.block { clear: both; }

/* End */

#contents div.block {

	margin: 0 0 15px 0;

	width: 635px;

}



/* No Mac IE 5 Start \*/

#contents div.blockS { clear: both; }

/* End */

#contents div.blockS {

	margin: 0 0 15px 10px;

	width: 615px;

}



/* No Mac IE 5 Start \*/

#contents div.blockFull { clear: both; }

/* End */

#contents div.blockFull {

	margin: 0 0 15px 0;

	width: 890px;

}



#breadCrumbs {

	background: url(../cmn_img/bg_bread_crumbs.gif) left top repeat-x;

	clear: both;

	margin: 0 0 0 10px;

	line-height: 140%;

	padding: 16px 0 22px 0;

	width: 925px;

}



#breadCrumbs p {

	margin: 0;

	width: 860px;

}



#breadCrumbs p a {	margin: 0 5px;}

#breadCrumbs p strong {	margin-left: 5px;}





/* rightMenu */





/* paetop */

#contents div.ptArea {

	clear: both;

	padding: 20px 0;

	width: 640px;

}



#contents div.ptAreaL {

	clear: both;

	padding: 20px 0;

	width: 900px;

}



#contents div.pageTop {

	height: 11px;

	margin-left: 510px;

	width: 120px;

}



#contents div.pageTop p,

#contents div.pageTopL p {

	font-size: 0;

	line-height: 100%;

	height: 11px;

	padding: 0;

	width: 120px;

}



#contents div.pageTop p a,

#contents div.pageTopL p a {

	display: block;

	height: 11px;

	width: 120px;

}



#contents div.pageTop p img,

#contents div.pageTopL p img {	vertical-align: top;}

#contents div.pageTop p a:hover,

#contents div.pageTopL p a:hover {	background-color: transparent;}

#contents div.pageTop p a:hover img,

#contents div.pageTopL p a:hover img {	visibility: hidden;}

#contents div.pageTop p,

#contents div.pageTopL p{ background: url(/lib/cmn_img/p_pagetop_h.gif); }



#contents div.pageTopL {

	height: 11px;

	margin-left: 780px;

	width: 120px;

}





/* footer */

#footer {

	margin: 0;

	text-align: left;

	padding: 20px 0 65px 0;

	width: 950px;

	clear: both;

}



#footer div.footerGry {

	background: url(../cmn_img/bg_ft_top.gif) left top repeat-x;

	background-color: #CCCCCC;

	clear: both;

	margin: 0 auto;

	padding: 12px 0 2px 0;

	vertical-align: bottom;

	width: 950px;

}



#footer div.footerGry p {

	color: #666666;

	display: inline;

	float: left;

	line-height: 140%;

	margin-left: 20px;

	padding-bottom: 8px;

	width: 560px;

}



#footer div.footerGry ul {

	float: left;

	margin-left: 10px;

	width: 340px;

}



#footer div.footerGry ul li {

	float: right;

	margin-left: 15px;

	padding-bottom: 8px;

	white-space: nowrap;

}



#footer div.footerGry ul li img {

	vertical-align: middle;

}





#ftAd {

	border-top: 1px solid #FFFFFF;

	clear: both;

	margin: 0 0 20px 0;

	padding: 5px 0 10px;

	width: 950px;

}



#footer address {

	color: #666666;

	font-family: Osaka,Verdana,Helvetica,Arial,sans-serif;

	font-style: normal;

	text-align: left;

	margin: 0 0 0 20px;

}



#footer div.btmNavi {

	background: url(/lib/cmn_img/bg_btm_navi.gif) left top repeat-x;

	clear: both;

	margin-left: 15px;

	padding: 13px 0 0 0;

	width: 920px;

}



#footer div.btmContact {

	background: url(/lib/cmn_img/bg_btm_contact.gif) left top repeat-y;

	border-top: 1px solid #E9CFD3;

	border-bottom: 1px solid #E9CFD3;

	float: right;

	padding:  8px 0 12px 0;

	width: 238px;

}



#footer div.btmCct {

	margin: 0 0 0 8px;

	width: 222px;

}



#footer div.btmCct p.sizeL {

	line-height: 140%;

	padding-bottom: 8px;

}



#footer p.linkShop {

	font-weight: bold;

	margin-bottom: 5px;

	text-indent: -19px;

	padding-left: 19px;

}



#footer div.qrRight {

	float: left;

	text-align: center;

	width: 80px;

}



#footer div.qrLeft p {

	color: #B5606E;

	font-weight: bold;

	line-height: 140%;

}



#footer div.qrLeft {

	float: left;

	width: 140px;

}



#footer div.bnDottLine {

	background: url(/lib/cmn_img/bg_bn_dott_line.gif) left top repeat-y;

	margin-bottom: 8px;

	padding-bottom: 3px;

	width: 920px;

}



#footer div.bnA {

	display: inline;

	float: left;

	margin: 0 19px 0 6px;

	width: 295px;

}



#footer div.bnB {

	float: left;

	margin-right: 19px;

	width: 135px;

}



#footer div.bnC {

	float: left;

	width: 185px;

}



#footer div.bnA p,

#footer div.bnB p,

#footer div.bnC p {

	font-size: 0;

	line-height: 100%;

	height: 15px;

	margin-bottom: 7px;

}



#footer div.bnA ul,

#footer div.bnB ul,

#footer div.bnC ul {

	text-indent: -19px;

	padding: 0 0 5px 19px;

}



#footer div.bnA ul li,

#footer div.bnB ul li,

#footer div.bnC ul li {

	line-height: 150%;

	padding-bottom: 6px;

}





#footer div.bnDottLine a {	color: #000000;}

#footer div.bnDottLine a:link{	color: #000000;}

#footer div.bnDottLine a:visited {	color: #660066;}

#footer div.bnDottLine a:hover {	color: #999999;}



#footer div.footerGry a:link,

#footer div.footerGry a:visited,

#footer div.footerGry a:hover {	color: #666666;}



#footer div.footerGry a:link{	text-decoration: none;}

#footer div.footerGry a:visited {	text-decoration: none;}

#footer div.footerGry a:hover {	text-decoration: underline;}





#footer p.linkShop a {	color: #0066FF!important;}

#footer p.linkShop a:link{	color: #0066FF!important;}

#footer p.linkShop a:visited {	color: #660066!important;}

#footer p.linkShop a:hover {	color: #3399CC!important;}