@charset "UTF-8";


/*- �h���R���W��CSS�L�����Z�� *****/


body, td, th, input, select, option, textarea {
	font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
	color:#000;
	font-size: 100%;
	line-height:100%;
	margin: 0px;
}
input, select, option, textarea { line-height:100%;}

/*MacIE4!)5�œǂݍ��܂Ȃ�*/
@media screen,print {
h1, h2, h3, h4, h5, h6{letter-spacing:0px;}
}

form { margin:0px;}
p { margin-top:0; margin-bottom:0px;line-height:130%;}
hr { height:auto;}
blockquote { margin:0px; padding:0px;}

ol, ul, .listset_a1_ul, .listbox_a { margin:0px; padding:0px;}

h1 {
	font-size:100%;
}
h2 {
  font-size:100%;
}
h3 {
  font-size:100%;
}
h4 {
  font-size:100%;
}
h5 {
  font-size:100%;
}
h6 {
  font-size:100%;
	}
a {
cursor: pointer;
}


/*  ���Z�b�g
----------------------------------------------------*/

*{
margin:0;
padding:0;
border:0;
/*border:1px solid red;*/
}

img{
vertical-align:bottom;
}

body{
margin:0 auto 0 auto;
font-size:12px;
text-align:center;
line-height:130%;
}


/*- ���C�A�E�g*****/

#wrapper{
width:760px;
height:100%;
margin:0 auto 0 auto;
background:url("image/sidemenu_bg.gif") top right #FFFFFF repeat-y;
text-align:left;
}

#header{
width:760px;
height:130px;
background-image:url("image/header.gif");
}


#banner{
position:relative;
/*width:760px;
height:300px;*/
}

#main{
background-color:#FFF;
overflow:hidden;
}
/*
#sidemenu{
float:left;
width:196px;
}

*/

#footer{
clear:both;
/*width:760px;
height:173px;*/
background:url("image/footer.gif") bottom left no-repeat; 
text-align:right;
}
/** html #footer{
width:560px;
height:87px;}*/

/*--header*****/
#header a{
color:#000;
}

#header ul{
list-style:none;
margin:20px 0 0 25px;
}

#header li {
display:inline;
margin:0 12px 0 0;
padding:0 0 0 10px;
background:url("image/navi2.gif") 0px 2px no-repeat;
}

#header li.on{
background:url("image/navi1.gif")  0px 2px no-repeat;
}

#header li.on a{
color:#990000;
}

#header p{
margin:12px 0 0 23px;
letter-spacing:0.1em;
}

/*--main*****/
#main p.crumb{
margin:0 0 4px 25px;
}
#main a{
color:#000;
}

#main table.title_bg{
height:20px;
margin:0 0 10px 0;
padding:0px;
border:0px;
background:url("image/h1.gif") top left no-repeat;
line-height:100%;
}

#main table.title_bg th{
margin:0px;
padding:0px;
text-align:left;
vertical-align:top;
line-height:100%;
}

#main table.title_bg td, #main table.title_bg td img{
margin:0px;
padding:0px;
vertical-align:top;
line-height:100%;
}

#main h1{
margin:3px 5px 0 24px;;
color:white;
font-weight:bold;
font-size:14px;
white-space:nowrap;
}

#main h2{
margin:10px 0 0 24px;
font-weight:bold;
}


.boderleft{
float:left;
height:1px;
width:545px;
margin:15px 0 0 0;
background-color:#999999;
overflow:hidden;
}


.boderright{
float:left;
height:1px;
width:545px;
margin:15px 0 0 0;
background-color:#999999;
overflow:hidden;
}

.border{
clear:both;
height:1px;
background-color:#999999;
overflow:hidden;
}

.borderLeft{
clear:both;
height:1px;
margin:2px 30px 2px 0 ;
background-color:#999999;
overflow:hidden;
}

.borderRight{
clear:both;
height:1px;
margin:2px 0 2px 30px;
background-color:#999999;
overflow:hidden;
}

.endBox{
clear:both;
}


/*--sidemenu*****/
#sidemenu {
background:url("image/sidemenu_bg.gif") top right #FFFFFF repeat-y;
}

#sidemenu a{
color:#FFFFFF;
}

#sidemenu h2{
height:17px;
width:140px;
margin:20px 0 0 0;
padding:3px 0 0 53px;
background:url("image/h2_bg.gif") top left no-repeat;
font-weight:bold;
color:#FFF;
}


#sidemenu ul{
list-style:none;
margin:16px 0 0 0;
}

#sidemenu div.sidemenu_header, #sidemenu div.sidemenu_footer{
display:none;
}

#sidemenu .sidemenu_table, .sidemenu_table_hover, .sidemenu_table_on{
width:186px;
margin:7px 0 0 10px;
}

#sidemenu li{
margin:0 5px 15px 15px;
padding:0 0 0 25px;
color:#FFFFCC;
background: url("image/button.gif") 7px 2px no-repeat;
}

#sidemenu li.listset_a1_li{
margin:0 15px 15px 15px;
padding:0 0 0 25px;
}

#sidemenu h3.hfit{
display:none;
}

#sidemenu td.sidemenu_mdl{
height:20px;
padding:3px 0 0 28px;
color:#FFFFFF;
font-weight:bold;
background:url("image/stick.gif") top left no-repeat;
}

#sidemenu td.sidemenu_on_mdl, #sidemenu td.sidemenu_hover_mdl{
height:20px;
padding:3px 0 0 28px;
color:#FFFFFF;
font-weight:bold;
background:url("image/stick2.gif") top left no-repeat;
}

#sidemenu td.sidemenu_mdl a, #sidemenu td.sidemenu_hover_mdl a,#sidemenu td.sidemenu_on_mdl a{
text-decoration:none;
}

/*--footer*****/
#footer a{
color:#990000;
}

#footer .banner_mm p{
width:175px;
margin:4px auto 38px auto;
text-align:left;
font-size:10px;
}

#footer p{
margin:0 10px 0 0;
}


/*-top*/
#top #header{
height:142px;
}

#banner h2{
position:absolute;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
line-height:130%;
}

#top #main .box td{
padding: 5px 0 15px 15px;
background:url("image/box_top.gif") top left no-repeat;
}

#top #main .box img{ 
float:left;
width:96px;
margin:0 10px 0 0;
}

#top .box h2{
margin:0 0 0 4px;
color:#CC6600;
font-weight:bold;
font-size:14px;
}

#top .box p{
margin:5px 10px 0 0;
font-size:12px;
}

#top .box p.more{
width:100px;
margin:15px 0 0 120px;
font-weight:bold;
font-size:10px;
}

#top #sidemenu h2{
height:17px;
margin:20px 0 0 0;
padding:3px 0 0 53px;
background:url("image/h2_bg.gif") top left no-repeat;
}

/*-bienfait_top*/

#bienfait_top h2{
margin:0px;
padding:3px 0 0 0;
}

#bienfait_top img.summary{
float:left;
margin:15px 15px 0 22px;
}

* html #bienfait_top img.summary{
margin:0px 15px 0 22px;
}

#bienfait_top p.summary{
margin:12px 0 0 0;
color:#333333;
letter-spacing:0.12em;
line-height:190%;
}


#bienfait_top table.summary{
clear:both;
width:500px;
margin:20px 0 0 22px;
line-height:130%;
}

#bienfait_top table.summary th{
width:80px;
padding:10px 0 10px 8px;
border-bottom:1px solid #333333;
color:#993300;
font-weight:bold;
vertical-align:top;
text-align:left;
}

#bienfait_top table.summary td{
padding:10px 0 10px 0;
border-bottom:1px solid #333333;
color:#333333;
letter-spacing:0.1em;
line-height:130%;
}

/*--new*/
#new {
margin:0 10px 0 0;
}

#new h2{
margin:0px;
padding:3px 0 0 0;
}

#new table{
clear:both;
}

#new .summary, #new .headStory1, #new .story1, #new .titleSeries, #new .others{
margin-left:22px;
}

#new .titleStory1, #new .titleStory2, #new .titleSeries, #new .titleOthers{
margin-top:15px;
}

#new .titleSummary, #new .titleSeries, #new .titleOthers{
margin-bottom:10px;
}


#new .summary, #new .headStory1, #new .story1, #new .headStory2, #new .story2, #new .series, #new .others {
width:530px;
}

#new .titleStory2, #new .titleOthers{
float:right;
}

/*---summary*/

#new .summary td{
padding:0 10px 15px 0;
}


/*---story1 story2*/
#new .story1, #new .story2{
border:1px solid #999;
border-collapse:collapse;
}

#new .story1 td, #new .story2 td{
 padding:15px 10px 10px 10px;
}

#new .titleStory1{
margin-left:12px;
}

#new .headStory1{
height:10px;
margin-top:3px;
border-left:1px solid #999;
}

#new .headStory2{
height:10px;
margin-top:3px;
border-right:1px solid #999;
}

#new ul{
margin:0 0 5px 0;
list-style:none;
}

#new ul li {
margin:0 0 8px 0;
padding:0 0 0 12px;
background:url("image/mark3.gif") top left no-repeat;
}

#new p.rightmark{
float:right;
width:90px;
margin: 10px 0 5px 0;
padding:0 0 0 12px;
background:url("image/arrow.gif") 0px 2px no-repeat;
text-align:right;
}

#new p.leftmark{
width:90px;
margin: 10px 0 5px 0;
padding:0 0 0 32px;
background:url("image/arrow.gif") 0px 2px no-repeat;
}

#main #new p.rightmark a, #main #new p.leftmark a{
text-decoration:none;
color:#900;
}

#new .titleStory2{
margin-right:12px;
}

* html #new .titleStory2{
margin-right:6px;
}
/*---series others*/
#new .series td, #new .others td{
padding: 15px 10px 10px 28px;
}
/*---border*/
#new .border{
margin:0 10px 0 22px;
}

#new .borderLeft{
margin:0 60px 0 0;
}

#new .borderRight{
margin:0 0 0 60px;
}

/*---story*/


#main #story p{
margin:20px 0 0 20px;
}



#main #story p.right{
clear:both;
margin:0 20px 0 0;
padding:30px 0 0 0;
text-align:right;
}

/*--backnumber*/

#backnumber p{
margin:0 22px 0 22px;
}

#backnumber table{
margin:10px auto 0 auto;
}

#backnumber td.thumbtd{
width:186px;
height:185px;
padding:0;
background:url("image/box_bg2.gif") top left no-repeat;
text-align:center;
}

#main #backnumber td.thumbtd h2.hfit{
margin:0;
padding:0;
position:relative;
top:160px;
}

#main #backnumber td.thumbtd a{
color:#900;
}

#main #backnumber td.thumbtd img{
margin: 5px 0 0 45px;
}

* html #main #backnumber td.thumbtd img{
margin: 5px 0 0 0;
}


/*--recommend*/
/*--next*/
/*--friendship*/
/*--friendship_sub*/
#recommend, #next, #friendship, #friendship_sub{
margin:0 0 0 22px; 
}

#recommend p, #next p, #friendship p, #friendship_sub p{
margin:0 32px 5px 10px;
}

#recommend p.cap{
margin: 5px 0 15px 0;
text-align:center;
}

#recommend table, #next table, #friendship table, #friendship_sub table{
width:533px;
margin:5px 0 10px 0;
}

table.body{
 width:503px;
 margin:5px 15px 10px 15px;
}

table.body a{
 color:#900;
}

table.body td{
vertical-align:top;
}

table td.bar3{
background:url("image/bar3.gif") top right no-repeat;
}

#recommend h2, #next h2, #friendship h2, #friendship_sub h2, #event h2, #editsecond h2{
margin:0 5px 0 5px;
padding:0px;
white-space:nowrap;
}

/*---next only*/
#next table.body img{
margin:0 10px 10px 10px;
}

/*---friendship only*/

#friendship table.body ul{
margin:20px 0 0 17px;
}

#friendship table.body li{
margin:5px 0 5px 0;
}

#friendship table.body img, #friendship_sub table.body img{
margin:0 10px 10px 10px;
}

/*---friendship_sub only*/
#friendship_sub table.title{
width:120px;
}

#friendship_sub table.title img{
margin:0px;
}

#friendship_sub table.center{
width:380px;
margin:0 auto 10px auto;
}

#friendship_sub table.center img{
margin:5px 0 10px 0;
}

#friendship_sub table.center p{
margin:0 0 10px 0;
}

/*---minna only*/
#friendship table.box p{
margin:4px;
}


/*-present*/
#present p.read{
width:500px;
margin:10px 0 0 25px;
color:#990000;
}


#present img.image{
float:left;
margin:10px 0 20px 25px;
}

#present p{
float:left;
width:300px;
margin:10px 0 0 20px;
}

/*-apply*/
#apply  {
padding:0 22px 0 22px;
}

#apply h2{
margin:20px 0 0 0px;
/*padding:0 0 2px 20px;
background:url("image/shikaku.gif") top left no-repeat;*/
border-bottom:1px solid #999; 
font-weight:bold;
}

#apply h3{
margin:20px 0 0 0px;
/*padding:0 0 2px 20px;
background:url("image/maru.gif") top left no-repeat;*/
border-bottom:1px solid #999;
font-weight:bold;
}


#apply p{
margin:15px 0 0 25px;
}

#apply ul{
margin:20px 0 0 40px;
}

#apply a{
color:#900;
}

/*-handmade*/
#handmade h2{
margin:0px;
text-align:center;
}

#handmade td{
padding:10px 0 10px 0;
}

#handmade img.image{
margin:10px 0 0 0;
}

#handmade p{
width:150px;
margin:10px 0 0 0;
}

/*--free*/

#free{
padding:0 0 0 22px; 
}

#free p, #relay p{
margin:0 32px 5px 10px;
}

#free table, #relay table, #relaydetail table{
width:510px;
margin:5px 0 10px 0;
}

table td.bar2{
background:url("image/bar2.gif") top right no-repeat;
}

#free table.box{
width:533px;
}

#free h2, #relay h2{
margin:0 5px 0 5px;
padding:0px;
white-space:nowrap;
}

#free .box td{
padding:10px 0 10px 0;
}

#free table.box p{
width:120px;
margin:0;
}

/*--relay*/

#relay{
padding:0 0 0 22px;
}

#relay table td{
text-align:center;
}

#relay table p{
width:120px;
margin:10px auto 0 auto;
text-align:left;
}

/*--relaydetail*/
#relaydetail {
padding: 0 0 0 22px;
}

#relaydetail table {
margin:10px 0 0 0;
}

#relaydetail p.intro{
width:510px;
}

#relaydetail table td{
vertical-align:top;
}

#relaydetail table img{
margin: 0 10px 10px 0;
}

/*--closeupartist*/
#closeup  h2{
margin:10px 0 0 0;
}

* html #closeup  h2{
margin:0;}

#closeup  h2 img.bar5{
margin:0 0 0 10px;
}

#closeup  p{
width:500px;
margin:10px 0 0 30px;
}

#closeup img.bar4{
margin:10px 0 0 0;
}


#closeup .box{
float:left;
width:220px;
height:120px;
margin:20px 20px 0 25px;
}

#closeup img.image{
width:100px;
height:100px;
float:left;
}

#closeup  h3{
float:left;
width:100px;
margin:0 0 0 10px;
font-size:11px;
}

#closeup .box p{
float:left;
width:100px;
margin:10px 0 0 10px;
font-size:10px;
}



/*---closesecond*/
#closesecond h2{
margin:0 0 20px 0;
}

* html #closesecond h2{
margin:0 0 10px 0;
}

* html #closesecond img {
margin:0 0 0 0;}

#closesecond p{
width:460px;
margin:0 0 0 25px;
}

#closesecond .box{
width:530px;
height:200px;
margin:20px 0 0 25px;
}

#closesecond .box img.left{
float:left;
}

#closesecond .box h3{
float:left;
width:280px;
margin:0 0 0 10px;
}

#closesecond .box p.right{
float:left;
width:280px;
margin:10px 0 0 10px;
}

#closesecond .box img.right{
float:right;
margin:0 20px 20px 0;
}

#closesecond .box p.left{
float:left;
width:350px;
margin:0 0 0 0;
}


#closesecond  p.body{
width:500px;
margin:0 0 0 25px;
}



/*--digital*/
#digital  p{
width:500px;
margin:20px 0 20px 25px;
}

#digital .box{
float:left;
width:280px;
height:280px;
padding:20px 0 0 0;
margin:0 0 0 0;
background: url("../../image/box_bg7.gif") top left no-repeat; 
}

#digital .box img{
width:180px;
height:180px;
margin:0 0 0 50px;
}

#digital h2{
width:180px;
margin:10px 0 0 50px;
}

* html #digital h2{
margin:10px 0 0 50px;
} 

#digital .box p{
width:180px;
margin:0 0 0 50px;
}


/*-link*/

#link .banner{
width:530px;
font-size:12px;
margin:18px 10px 0 15px;
}

#link .banner td{
padding:2px 0 0 10px;
}

#link .box{
float:left;
width:220px;
height:100px;
margin:20px 10px 0 25px;
}

#link .box img{
float:left;
width:100px;
}

#link .box h2{
float:left;
width:100px;
margin:0 0 0 10px;
font-weight:normal;
font-size:11px;
}

#link .box p{
float:left;
width:100px;
margin:10px 0 0 10px;
font-size:11px;
}

* html  #link .box h2{
font-size:10px;
}

* html  #link .box p{
font-size:8px;
}

/*-privacy*/
#privacy h1{
background: url(../BienFait/image/h1_privacy.gif) top left no-repeat; 
}

#privacy h2{
color:#990000;
}

#privacy p{
margin:10px 20px 0 20px;
}

#privacy p.right{
margin:50px 20px 0 0;
text-align:right;
}


/*-event*/
#event, #eventschedule, #scheduledetail{
margin: 0 0 0 22px;
}

#event  .box img.image{
margin:20px auto 20px auto;
}

#event table.body{
width:542px;
margin:0;
text-align:center;
}

#event table.body table{
margin:0 auto 0 auto;
}

#event table.body td.box{
width:260px;
padding:5px;
margin:0 0 0 1px;
background:url("image/box_bg6.gif") top left no-repeat;
}

#event table.body p{
width:170px;
margin:0 auto 0 auto;
text-align:left;
}

#event h3.hfit{
display:none;
}

#event div.listbox_a{
width:170px;
margin:20px auto 0 auto;
text-align:left;
}

#event .gotolist{
padding:0 10px 0 0;
}

/*--report*/

#report h2, #eventschedule h2{
clear:both;
margin:0 22px 0 25px;
padding:0 0 2px 16px;
background:url("image/shikaku.gif") top left no-repeat;
border-bottom:1px solid #999;
font-weight:normal;
}

#report .box{
width:500px;
height:200px;
margin:20px 0 0 25px;
}

#report .box img.left{
float:left;
margin:0 20px 0 0;
}

#report .box img.right{
float:right;
margin:0 20px 0 0;
}


#report .box p.right{
float:left;
width:280px;
margin:0 0 0 20px;
}

#report .box p.left{
float:left;
width:300px;
margin:0 0 0 0;
}


#report  p.body{
width:500px;
margin:0 0 0 25px;
}

/*--schedule*/

#eventschedule .eventList{
width:480px;
margin:0 0 0 50px;
}

#eventschedule .eventList h3.hfit{
margin:3px 0 3px 0;
padding:0 0 0 12px;
background:url("image/nakamaru.gif") 0 4px no-repeat;
}


#eventschedule .eventList h3.hfit a{
text-decoration:none;
}

#eventschedule .border{
margin:0 22px 0 25px;
}

/*--scheduledetail*/
#scheduledetail h2{
margin:0 0 20px 0;
padding:0 0 2px 20px;
background:url("image/shikaku.gif") top left no-repeat;
border-bottom:1px solid #999; 
font-weight:bold;
}

#scheduledetail h3{
margin:20px 0 20px 0;
padding:0 0 2px 20px;
background:url("image/shikaku.gif") top left no-repeat;
font-weight:bold;
}

#scheduledetail table{
width:530px;
}

#scheduledetail table td, #scheduledetail table th{
vertical-align:top;
}

#scheduledetail table img{
margin: 0 10px 0 0;
}

#scheduledetail table.summary{
border-collapse: collapse;
}

#scheduledetail table.summary td{
width:300px;
}

#scheduledetail table.summary td, #scheduledetail table.summary th{
padding:4px 4px 4px 8px;
border-bottom:1px solid #000;
text-align:left;
font-weight:normal;
}

/*-edit*/

/*--editsecond*/

#editsecond{
padding:0 22px 0 22px;
}

#editsecond h2{
padding:0 0 0 35px;
background:url("image/mark6.gif") top left no-repeat;
}


#editsecond .border{
margin:2px 0 2px 0;
}

#editsecond .box{
margin:30px 0 0 22px;
}

#editsecond .box img{
float:left;
margin:0 10px 0 0;
}

#editsecond p.right{
float:left;
width:280px;
margin:0 0 0 20px;
}

#editsecond p.body{
clear:both;
padding:20px 0 0 0;
}

/*-footer*/
/*--qa*/

#main #qa h2{
clear:both;
height:20px;
margin:30px 0 0 18px;
padding:3px 0 0 25px;
background:url("image/Q.gif") top left no-repeat;
border-bottom:1px solid #CCC;
}

#main #qa p{
clear:both;
margin:10px 0 0 45px;
padding:0 0 5px 25px;
background:url("image/A.gif") top left no-repeat;
border-bottom:1px solid #CCC;
}

#main #qa .boderleft{
clear:both;
width:480px;
height:1px;
margin:3px 0 0 20px;
overflow:hidden;
}

#main #qa .boderright{
clear:both;
width:513px;
height:1px;
margin:5px 0 0 0;
overflow:hidden;
}

/*--company*/
#main #company p{
margin:20px 10px 0 20px;
}

/*--inquiry*/
#inquiry h2{
clear:both;
margin:30px 0 0 25px;
font-weight:normal;
}

#inquiry p{
width:500px;
margin:20px 0 20px 25px;
}

#inquiry p.text{
float:left;
width:300px;
margin:0 0 0 25px;
}

#inquiry h3{
float:left;
width:200px;
margin:0 0 0 25px;
color:#990000;
}

#inquiry .border{
margin:5px 0 5px 0;
}

/*--privacy*/
#main #privacy h2{
color:#990000;
}

#main #privacy p{
margin:10px 20px 0 20px;
}

#main #privacy p.right{
margin:50px 20px 0 0;
text-align:right;
}

/*--sitemap*/
.titletd_level0{
padding:0 0 0 16px;
background:url("image/shikaku.gif") top left no-repeat;
font-size:100%;
}

#sitemap table.table_b{
margin:0 0 10px 0;
border-bottom:1px solid #999;
}

#sitemap a{
text-decoration:none;
}