@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*============CONTENT COLOR SCHEME=================*/
/*                                                 */
/*    a:Link Color    - Gray          #666666      */
/*    a:Visited Color - Light Gray    #999999      */
/*    a:Hover Color   - Dark blue     #82141B      */
/*    a:Active Color  - Dark blue     #82141B      */
/*    Font Color      - Gray          #666666      */
/*                                                 */
/*    bacs.css 44sÙࡦw                        */
/*============CONTENT COLOR SCHEME-END=============*/

/*============NAVI COLOR SCHEME====================*/
/*                                                 */
/*    a:Link Color    - Gray          #0000FF      */
/*    a:Visited Color - Light Gray    #0000FF      */
/*    a:Hover Color   - Dark blue     #556677      */
/*    a:Active Color  - Dark blue     #556677      */
/*    Font Color      - Gray          #666666      */
/*                                                 */
/*    bacs.css 52sÙࡦw                        */
/*============NAVI COLOR SCHEME-END================*/

/*============tHgTCY=======================*/
/*                                                 */
/*    10px      1.0em                              */
/*    11px      1.1em                              */
/*    12px      1.2em                              */
/*    13px      1.3em                              */
/*    14px      1.4em                              */
/*    15px      1.5em                              */
/*    16px      1.6em                              */
/*                                                 */
/*============tHgTCY-END===================*/


/*------------------ base -------------------------*/


body {
  background:url(../images/bg_main.jpg) top no-repeat;
	background-color:#FDF4ED;
	margin:0;
	padding:0;
	text-align:center;
}
	

#wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
}

#header{
	height:54px;
	background:url(../images/bg_header.jpg) top no-repeat;
	padding:5px 0 0 60px;
	text-align: left;
}

* html #header{
	height:59px;
	background:url(../images/bg_header.jpg) top no-repeat;
	padding:5px 0 0 60px;
	text-align: left;
}

#main {
  margin:0;
	padding:0;}

#main2 {
  background:url(../images/main2_top_bg.jpg) top no-repeat;
	height:18px;}

#main3 {
  background:url(../images/main2_bg.jpg) top repeat-y;
	text-align:left;
	width:838px;
	margin:0 61px;}

#navi{
	width:225px;
	float:right;
	margin:15px 25px 10px 0;
	display:inline;}

* html #navi{
	width:225px;
	float:right;
	margin:13px 15px 10px 0;
	display:inline;}

#content {
	width:573spx;
	float:left;
	display:inline;
	margin:0 0 5px 10px;
	font-size:98.5%;
	height:auto;}

#footer {
	background:url(../images/footer_bg.jpg) bottom no-repeat;
	height:87px;}

/*------------------ #footer -----------------------*/

#footer #foot {
  background:url(../images/foot.jpg) no-repeat;
  width:960px;
	height:87px;
	margin:0 auto;
	text-align:left;}

* html #footer #foot {
  background:url(../images/foot.jpg) no-repeat;
  width:960px;
	height:87px;
	text-align:left;}

#footer #textlink {
	float:left;
	text-align:left;
	position:relative;
	top:50px;
	left:75px;
	font-size:90%;
	color:#FFFFFF;}

#footer #textlink a{
  color:#FFFFFF;}

#footer #textlink a:hover{
  color:#FEA6A4;}

#footer #ad {
	float:left;
	text-align:left;
	position:relative;
	top:70px;
	left:-202px;
	font-size:80%;
	color:#FFFFFF;}

* html #footer #ad {
	position:relative;
	top:70px;
	left:-222px;}

*:first-child+html #footer #ad {
	position:relative;
	top:70px;
	left:-222px;}

/*------------------ #header -----------------------*/

#header h1{
  font-size:70%;
	color:#FFFFFF;}

#header #logo {
  text-indent:-9999px;
	background:url(../images/rogo.jpg) no-repeat;
	width:240px;
	height:36px;}

#header #logo a{
  display:block;
	width:240px;
	height:36px;}

#header #link {
  display:block;
	float:right;
	margin:-45px 60px 0 0;}

* html #header #link {
  display:block;
	float:right;
	margin:-45px 30px 0 0;}

#header #link ul {
  display:inline;}

#header #link li {
  text-indent:-9999px;
	float:left;}

#header #link li#l01 {
	width:60px;
	height:22px;}

#header #link li#l02 {
	width:79px;
	height:22px;
	margin-left:10px;}

#header #link li#l03 {
	width:70px;
	height:22px;
	margin-left:10px;}

#header #link li#l01 a{
	width:60px;
	height:22px;
	display:block;}

#header #link li#l02 a{
	width:79px;
	height:22px;
	display:block;}

#header #link li#l03 a{
	width:70px;
	height:22px;
	display:block;}

#l01 a{background:url(../images/gaiyou.jpg) no-repeat;}
#l02 a{background:url(../images/toiawase.jpg) no-repeat;}
#l03 a{background:url(../images/sitemap.jpg) no-repeat;}

#l01 a:hover{background:url(../images/gaiyou.jpg) 0 -22px no-repeat;}
#l02 a:hover{background:url(../images/toiawase.jpg) 0 -22px no-repeat;}
#l03 a:hover{background:url(../images/sitemap.jpg) 0 -22px no-repeat;}

/*------------------ #main -------------------------*/

#main #fl_img{
  width:898px;
	margin-left:31px;}

* html #main #fl_img{
  width:898px;
	margin-left:31px;}

*:first-child+html #main #fl_img{
  width:898px;
	margin-left:31px;}


#main #glo_navi{
  width:838px;
	height:51px;
	margin:5px 0 7px 60px;}

* html #main #glo_navi{
  width:838px;
	height:51px;
	margin:0 0 7px 60px;}

#glo_navi ul .gloval{
	margin:0;
	padding:0;
	text-indent:-9999px;
	height:51px;
	width:838px;}

#glo_navi .gloval li {
  padding:0;
	list-style:none;
	float:left;
	height:51px;
	text-indent:-9999px;}

#glo_navi .gloval li a{
	display:block;
	height:51px;
	margin:0;
	padding:0;}

#nav01 a { background: url(../images/glo_nav.jpg) 0 0 no-repeat; width:114px;}
#nav02 a { background: url(../images/glo_nav.jpg) -114px 0 no-repeat; width:126px;}
#nav03 a { background: url(../images/glo_nav.jpg) -240px 0 no-repeat; width:117px;}
#nav04 a { background: url(../images/glo_nav.jpg) -357px 0 no-repeat; width:97px;}
#nav05 a { background: url(../images/glo_nav.jpg) -454px 0 no-repeat; width:118px;}
#nav06 a { background: url(../images/glo_nav.jpg) -572px 0 no-repeat; width:144px;}
#nav07 a { background: url(../images/glo_nav.jpg) -716px 0 no-repeat; width:122px;}

#nav01 a:hover { background: url(../images/glo_nav.jpg) 0 -51px no-repeat; width:114px;}
#nav02 a:hover { background: url(../images/glo_nav.jpg) -114px -51px no-repeat; width:126px;}
#nav03 a:hover { background: url(../images/glo_nav.jpg) -240px -51px no-repeat; width:117px;}
#nav04 a:hover { background: url(../images/glo_nav.jpg) -357px -51px no-repeat; width:97px;}
#nav05 a:hover { background: url(../images/glo_nav.jpg) -454px -51px no-repeat; width:118px;}
#nav06 a:hover { background: url(../images/glo_nav.jpg) -572px -51px no-repeat; width:144px;}
#nav07 a:hover { background: url(../images/glo_nav.jpg) -716px -51px no-repeat; width:122px;}

/*------------------ #navi -------------------------*/

#navi ul {
	padding:0;
	text-indent:-9999px;
	width:225px;}

#navi ul li {
  padding:0;
	list-style:none;
	text-indent:-9999px;
	margin-bottom:10px;}

#navi ul li a{
	display:block;}

#y_nav01 a { background: url(../images/navi01.jpg) 0 0 no-repeat; height:70px;}
#y_nav02 a { background: url(../images/navi02.jpg) 0 0 no-repeat; height:70px;}
#y_nav03 a { background: url(../images/navi03.jpg) 0 0 no-repeat; height:70px;}
#y_nav04 a { background: url(../images/navi04.jpg) 0 0 no-repeat; height:70px;}
#y_nav05 a { background: url(../images/navi05.jpg) 0 0 no-repeat; height:80px;}
#y_nav06 a { background: url(../images/navi06.jpg) 0 0 no-repeat; height:80px;}
#y_nav07 a { background: url(../images/navi07.jpg) 0 0 no-repeat; height:80px;}
#y_nav08 a { background: url(../images/navi08.jpg) 0 0 no-repeat; height:80px;}
#y_nav09 a { background: url(../images/navi09.jpg) 0 0 no-repeat; height:87px;}

#y_nav01 a:hover { background: url(../images/navi01.jpg) 0 -70px no-repeat; height:70px;}
#y_nav02 a:hover { background: url(../images/navi02.jpg) 0 -70px no-repeat; height:70px;}
#y_nav03 a:hover { background: url(../images/navi03.jpg) 0 -70px no-repeat; height:70px;}
#y_nav04 a:hover { background: url(../images/navi04.jpg) 0 -70px no-repeat; height:70px;}
#y_nav05 a:hover { background: url(../images/navi05.jpg) 0 -80px no-repeat; height:80px;}
#y_nav06 a:hover { background: url(../images/navi06.jpg) 0 -80px no-repeat; height:80px;}
#y_nav07 a:hover { background: url(../images/navi07.jpg) 0 -80px no-repeat; height:80px;}
#y_nav08 a:hover { background: url(../images/navi08.jpg) 0 -80px no-repeat; height:80px;}
#y_nav09 a:hover { background: url(../images/navi09.jpg) 0 -87px no-repeat; height:87px;}

/*------------------ #content -------------------------*/

#content h2{
  background:url(../images/con_title.jpg) 0 0 no-repeat;
	width:573px;
	height:65px;
	margin-bottom:10px;
	text-indent:-9999px;}

#content .section {
	width:573px;
	height:180px;}

#content .section3 {
	width:573px;
	height:210px;}

#content .r_img {
  float:left;
	margin:0 10px 0 10px;}

* html #content .r_img {
  float:left;
	margin:0 10px 0 0;}

#content .l_space {
  width:300px;
  float:right;
	margin:0 10px 0 0;}

* html #content .l_space {
  width:300px;
  float:right;
	margin:0 5px 0 0;}

#content .l_space p {
	font-size:98.5%;
	color:#999999;
	line-height:120%;}

*:first-child+html #content .l_space p{
  font-size:98.5%;
	color:#999999;
	line-height:140%;}

* html #content .l_space p{
  font-size:98.5%;
	color:#999999;
	line-height:140%;}

#content .l_space h4 {
  font-size:110%;
	color:#FEA6A4;
	font-weight:bold;
	margin-bottom:5px;}

#img01 a{
  display:block;
	width:243px;
	text-indent:-9999px;}

.img01 a{ background: url(../images/con_img01.jpg) 0 0 no-repeat; height:167px;}
.img01 a:hover{ background: url(../images/con_img01.jpg) 0 -167px no-repeat; height:167px;}

.img02 a img {
  display:block;
	width:160px;
	border: none;
}



#cam a{
  display:block;
	width:573px;
	text-indent:-9999px;}

.cam01 a{ background: url(../images/campaign.jpg) 0 0 no-repeat; height:100px;}
.cam01 a:hover{ background: url(../images/campaign.jpg) 0 -100px no-repeat; height:100px;}

#cupon a{
  display:block;
	width:296px;
	text-indent:-9999px;
	margin-top:10px;}

#cupon2 a{
  display:block;
	width:549px;
	text-indent:-9999px;
	margin-top:0px;}

.cupon01 a{ background: url(../images/cupon.jpg) 0 0 no-repeat; height:62px;}
.cupon01 a:hover{ background: url(../images/cupon.jpg) 0 -62px no-repeat; height:62px;}

.cupon02 a{ background: url(../images/coupon_bnr.jpg) 0 0 no-repeat; height:65px;}
.cupon02 a:hover{ background: url(../images/coupon_bnr.jpg) 0 -65px no-repeat; height:65px;}

#content .b_text {
  width:543px;
  float:left;
	margin:10px 10px 5px 10px;}

#content .b_text p{
  text-align:right;
	font-size:90%;
	color:#999999;}

#content .section3 h3{
	background:url(../images/osusume.jpg) 0 0 no-repeat;
	width:573px;
	height:40px;
	margin-bottom:5px;
	margin-top:5px;
	text-indent:-9999px;}

#content .l_space2 {
  width:230px;
	height:150px;
  float:left;
	margin:0 10px 0 0;
	line-height:120%;}

* html #content .l_space2 {
  width:230px;
  float:left;
	margin:0 5px 0 0;
	line-height:140%;}

#content .l_space2 p {
	font-size:98.5%;
	color:#999999;
	line-height:120%;}

*:first-child+html #content .l_space2 p{
  font-size:98.5%;
	color:#999999;
	line-height:140%;}

* html #content .l_space2 p{
  font-size:98.5%;
	color:#999999;
	line-height:140%;}

#content .l_space2 h4 {
  font-size:110%;
	color:#FEA6A4;
	font-weight:bold;
	margin-bottom:5px;}

#click a{
  display:block;
	width:157px;
	text-indent:-9999px;
	margin-top:10px;
	float:right;}

.click01 a{ background:url(../images/click.jpg) 0 0 no-repeat; height:17px;}
.click01 a:hover{ background: url(../images/click.jpg) 0 -17px no-repeat; height:17px;}

#content .l_space3 {
  width:142px;
  float:right;
	margin:0 10px 0 0;}

* html #content .l_space3 {
  width:142px;
  float:right;
	margin:0 5px 0 0;}

#content .l_space3 ul {
	padding:0;
	text-indent:-9999px;
	width:142px;}

#content .l_space3 ul li {
  padding:0;
	list-style:none;
	text-indent:-9999px;
	margin-bottom:5px;}

#content .l_space3 ul li a{
	display:block;}

#con01 a { background: url(../images/con_nav01.jpg) 0 0 no-repeat; height:26px;}
#con02 a { background: url(../images/con_nav02.jpg) 0 0 no-repeat; height:26px;}
#con03 a { background: url(../images/con_nav03.jpg) 0 0 no-repeat; height:26px;}
#con04 a { background: url(../images/con_nav04.jpg) 0 0 no-repeat; height:26px;}
#con05 a { background: url(../images/con_nav05.jpg) 0 0 no-repeat; height:26px;}
#con06 a { background: url(../images/con_nav06.jpg) 0 0 no-repeat; height:26px;}

#con01 a:hover { background: url(../images/con_nav01.jpg) 0 -26px no-repeat; height:26px;}
#con02 a:hover { background: url(../images/con_nav02.jpg) 0 -26px no-repeat; height:26px;}
#con03 a:hover { background: url(../images/con_nav03.jpg) 0 -26px no-repeat; height:26px;}
#con04 a:hover { background: url(../images/con_nav04.jpg) 0 -26px no-repeat; height:26px;}
#con05 a:hover { background: url(../images/con_nav05.jpg) 0 -26px no-repeat; height:26px;}
#con06 a:hover { background: url(../images/con_nav06.jpg) 0 -26px no-repeat; height:26px;}

#content .section2 {
	width:573px;
	height:200px;}

#content .section2 h3{
	background:url(../images/new.jpg) 0 0 no-repeat;
	width:573px;
	height:40px;
	margin-bottom:5px;
	margin-top:5px;
	text-indent:-9999px;}

#content .section2 .topi{
  width:553px;
	border:solid #CECECE 1px;
	margin:0 0 10px 10px;}

#content .section2 .topi dl{
	margin:0 10px ;
	padding:10px 0 0 0;
	font-size:98.5%;}

#content .section2 .topi dt{
	width:350px;
	color:#666666;
	float:left;	
	margin:0 0 3px 0;
	display:inline;
	font-weight:bold;}

#content .section2 .topi dd{
	width:350px;
	font-size:90%;
	color:#666666;
	float:left;
	margin:0 0 8px 0;
	display:inline;}

#content .section2 .topi dd a{
  text-decoration:underline;
	color:#FF6161;}

#content .section2 .topi dd a:hover{
  text-decoration:underline;
	color:#FEA6A4;}

#content .section4 {
	width:573px;
	height:165px;}

#content .section4 .sam{
  width:548px;
	height:149px;
	border:solid #CECECE 1px;
	margin:0 0 10px 10px;
	padding:0px;}

#nail_sam{
  width:550px;
	height:100px;
	margin:0;}

#nail_sam ul .pic{
	margin:0;
	padding:0;
	text-indent:-9999px;
	height:100px;
	width:550px;}

#nail_sam .pic li {
  padding:0;
	list-style:none;
	float:left;
	height:90px;
	text-indent:-9999px;}

#nail_sam .pic li a{
	display:block;
	height:90px;
	margin:5px 5px 8px 4px;
	padding:0;}

#pic01 a { background: url(../images/picsam01.jpg) 0 0 no-repeat; width:101px;}
#pic02 a { background: url(../images/picsam02.jpg) 0 0 no-repeat; width:101px;}
#pic03 a { background: url(../images/picsam03.jpg) 0 0 no-repeat; width:101px;}
#pic04 a { background: url(../images/picsam04.jpg) 0 0 no-repeat; width:101px;}
#pic05 a { background: url(../images/picsam05.jpg) 0 0 no-repeat; width:101px;}

#pic01 a:hover { background: url(../images/picsam01.jpg) 0 -90px no-repeat; width:101px;}
#pic02 a:hover { background: url(../images/picsam02.jpg) 0 -90px no-repeat; width:101px;}
#pic03 a:hover { background: url(../images/picsam03.jpg) 0 -90px no-repeat; width:101px;}
#pic04 a:hover { background: url(../images/picsam04.jpg) 0 -90px no-repeat; width:101px;}
#pic05 a:hover { background: url(../images/picsam05.jpg) 0 -90px no-repeat; width:101px;}

#content .b_text2 {
  width:550px;
  float:left;
	margin-bottom:10px;}

#content .b_text2 p{
  text-align:right;
	font-size:90%;
	color:#999999;}

#main #bot_navi{
  width:553px;
	height:55px;
	margin:5px 0 15px 0;}

#bot_navi ul .gloval2{
	margin:0;
	padding:0;
	text-indent:-9999px;
	height:55px;
	width:553px;}

#bot_navi .gloval2 li {
  padding:0;
	list-style:none;
	float:left;
	height:55px;
	text-indent:-9999px;}

#bot_navi .gloval2 li a{
	display:block;
	height:55px;
	margin:5px 0 5px 11px;
	padding:0;}

#bot01 a { background: url(../images/bot_nav01.jpg) 0 0 no-repeat; width:176px;}
#bot02 a { background: url(../images/bot_nav02.jpg) 0 0 no-repeat; width:176px;}
#bot03 a { background: url(../images/bot_nav03.jpg) 0 0 no-repeat; width:176px;}

#bot01 a:hover { background: url(../images/bot_nav01.jpg) 0 -55px no-repeat; width:176px;}
#bot02 a:hover { background: url(../images/bot_nav02.jpg) 0 -55px no-repeat; width:176px;}
#bot03 a:hover { background: url(../images/bot_nav03.jpg) 0 -55px no-repeat; width:176px;}

#content .section5 {
	width:573px;
	height:80px;}

#content .section6 {
	width:558px;
	padding-left:15px;
	margin:10px 0;}

#content .section7 {
	width:549px;
	padding-left:10px;
	margin-bottom:10px;}

#content .box {
  padding: 15px 0 5px 8px;
	}

#content .box img,
#content .box a {
  border: none;
	}