@charset "Shift_JIS";





/*-------------------------------

base

-------------------------------*/



body {

	margin: 0;

	padding: 0;

	color: #666;

	font-size:small;

	text-align:center;

	font-family: Verdana, Arial, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳＰゴシック";

	background-color: #eee;

}



h1,h2,h3,h4,p,dl,dt,dd,li,ul,ol,p,div,form {

	margin: 0;

	padding: 0;

}

ul {

	list-style-type:none;

}

hr {

	display: none;

}

p {

	line-height:1.4em;

}



/*-------------------------------

link

-------------------------------*/

a:link,a:visited,a:active{

	color: #668297;

	text-decoration: none;

}

a:hover {

	color: #E66A6A;

	text-decoration: underline;

}

a img {

	border:none;

}



/*-------------------------------

layout

-------------------------------*/

#header {

	width: 752px;

	margin:0 auto;

	background: url("../images/bg_header.gif") no-repeat;

}



#contents {

	width: 720px;

	text-align:left;

	margin:0 auto;

	background:url("../images/bg_contents_side.gif") repeat-y;

	clear:both;

	padding:0 11px 0 21px;

}

#contents2 {

	width: 710px;

	text-align:left;

	margin:0 auto;

	background:url("../images/bg_contact_side.gif") repeat-y;

	clear:both;

	padding:0 21px 0 21px;

}



#footer {

	width: 752px;

	height:75px;

	text-align:left;

	color:#999;

	margin:0 auto;

	background: url("../images/bg_fot.gif") bottom no-repeat;

	clear:both;

}



/*------------------------------------

header

------------------------------------*/

#header #flashcontent {

padding:28px 0 0 0;

background:url("../images/bg_graphic.gif") repeat-y;

}

#header h1 {

padding:28px 0 0 0;

height:210px;

background:url("../images/bg_graphic.gif") repeat-y;

}



/*-------------------------------

contents

-------------------------------*/

#contents .bgbottom {

	height:15px;

	background: url("../images/bg_contents_bottom.gif") center no-repeat;

	clear:both;

}

/* detaillinks */

p.detaillink01 {

	font-size:x-small;

	margin:5px 0 0 0;

}

p.detaillink01 a {

	background: url("../images/ico_arw03.gif") 0 50% no-repeat;

	padding:0 0 0 13px;

}



p.detaillink02 {

	font-size:x-small;

	text-align:right;

	margin:10px 0 30px 0;

	clear:both;

}

p.detaillink02 a {

	background: url("../images/ico_arw03.gif") 0 50% no-repeat;

	padding:0 0 0 13px;

}

p.detaillink03 {

	font-size:x-small;

	text-align:right;

	margin:10px 0 20px 0;

	clear:both;

}

p.detaillink03 a {

	background: url("../images/ico_arw03.gif") 0 50% no-repeat;

	padding:0 0 0 13px;

}

p.detaillink04 {

	font-size:x-small;

	text-align:right;

	margin:50px 0 0 0;

	clear:both;

}

p.detaillink04 a {

	background: url("../images/ico_arw03.gif") 0 50% no-repeat;

	padding:0 0 0 16px;

}

p.detaillink05 {

	font-size:x-small;

	text-align:right;

	margin:5px 0 0 0;

	clear:both;

}

p.detaillink05 a {

	background: url("../images/ico_arw03.gif") 0 50% no-repeat;

	padding:0 0 0 16px;

}

p.detaillink07 {

	float:right;

}

p.detaillink07 a {

	background: url("../images/ico_arw03.gif") 0 50% no-repeat;

	padding:0 0 0 16px;

}



.pdf {

	margin: 20px 0 0 368px;

	background-color: transparent;

}

.pdf a {

	background: url("../../rental/images/btn_pdf.gif") no-repeat;

	display: block;

	width: 142px;

	height: 17px;

	text-indent: -10000px;

	text-decoration: none;

	font-size: 50%;

	line-height: .1em;

	margin: 0;

	padding: 0;

}

.pdf a:hover {

	background: url("../../rental/images/btn_pdf.gif") no-repeat 0 -17px;

}



.more {

	clear: both;

	width: 49px;

	float: right;

	margin-bottom: 10px;

	padding-top:10px;

	padding-bottom:10px;

	background-color: transparent;

}

.more a {

	background: url("../images/btn_more.gif") no-repeat;

	display: block;

	width: 49px;

	height: 15px;

	text-indent: -10000px;

	text-decoration: none;

	font-size: 50%;

	line-height: .1em;

	margin: 0;

	padding: 0;

}

.more a:hover {

	background: url("../images/btn_more.gif") no-repeat 0 -15px;

}

.more2 {

	clear: both;

	width: 49px;

	float: right;

	padding-top:10px;

	background-color: transparent;

}

.more2 a {

	background: url("../images/btn_more.gif") no-repeat;

	display: block;

	width: 49px;

	height: 15px;

	text-indent: -10000px;

	text-decoration: none;

	font-size: 50%;

	line-height: .1em;

	margin: 0;

	padding: 0;

}

.more2 a:hover {

	background: url("../images/btn_more.gif") no-repeat 0 -15px;

}

.more3 {

	clear: both;

	width: 49px;

	text-align:right;

	margin-bottom: 10px;

	padding-top:10px;

	padding-bottom:10px;

	margin-left:440px;

	background-color: transparent;

}

.more3 a {

	background: url("../images/btn_more.gif") no-repeat;

	display: block;

	width: 49px;

	height: 15px;

	text-indent: -10000px;

	text-decoration: none;

	font-size: 50%;

	line-height: .1em;

}

.more3 a:hover {

	background: url("../images/btn_more.gif") no-repeat 0 -15px;

}



.topicsmore {

	clear: both;

	width: 77px;

	float: right;

	margin-top: 10px;

	margin-bottom: 10px;

	padding: 0;

	background-color: transparent;

}

.topicsmore a {

	background: url("../images/btn_topics.gif") no-repeat;

	display: block;

	width: 77px;

	height: 15px;

	text-indent: -10000px;

	text-decoration: none;

	font-size: 50%;

	line-height: .1em;

	margin: 0;

	padding: 0;

}

.topicsmore a:hover {

	background: url("../images/btn_topics.gif") no-repeat 0 -15px;

}





.top {

	clear: both;

	width: 510px;

	padding:50px 0 0 0;

	background-color: transparent;

}



.top a {

	float: right;

	background: url("../images/btn_top.gif") no-repeat;

	display: block;

	width: 66px;

	height: 15px;

	text-indent: -10000px;

	text-decoration: none;

	font-size: 50%;

	line-height: .1em;

	margin: 0;

	padding: 0;

}

.top a:hover {

	background: url("../images/btn_top.gif") no-repeat 0 -15px;

}

.top2 {

	width: 710px;

	padding:50px 0 0 0;

	background-color: transparent;

}



.top2 a {

	background: url("../images/btn_top.gif") no-repeat;

	display: block;

	width: 66px;

	height: 15px;

	text-indent: -10000px;

	text-decoration: none;

	font-size: 50%;

	line-height: .1em;

	margin: 0 0 0 640px;

	padding: 0;

}

.top2 a:hover {

	background: url("../images/btn_top.gif") no-repeat 0 -15px;

}



.cramblinks {

	margin:0 0 15px 0;

	font-size:x-small;

	font-weight:bold;

	line-height:1.0em;

}

.cramblinks a:link,.cramblinks a:visited,.cramblinks a:active{

	color: #666;

	text-decoration: none;

	font-weight:normal;

}

.cramblinks a:hover {

	color: #666;

	text-decoration: underline;

	font-weight:normal;

}



#contents .bgtop {

	height:15px;

	background: url("../../images/bg_top_top.gif") no-repeat;

	font-size:1px;

}

#contents .bgcontents {

	height:15px;

	background: url("../images/bg_contents_top.gif") no-repeat;

	font-size:1px;

}

#contents2 .bgcontents2 {

	height:15px;

	background: url("../images/bg_contact_top.gif") no-repeat;

	font-size:1px;

}





#top #main, #topics #main , #history #story, #history #peple,#history #chronogical,#history #book,#rental #main,#shop #main,#access #main ,#art #main{

	width:510px;

	float:left;

}

#top #sub,#access #sub {

	width:158px;

	padding:10px 0;

	margin:0 0 0 42px;

	float:left;

}

#art #sub,#topics #sub {

	width: 178px;

	padding:2px 0 10px 0;

	margin:0 0 0 32px;

	float:left;

	background-color: transparent;

}





/* ----- top ----------------------- */



#top #main .pickup h2.ttlpickup{

	width: 480px;

	height: 20px;

	font-size:small;

	position:relative;

}

#top #main .pickup h2.ttlpickup span{

	width: 100%;

	height: 100%;

	background: url("../../images/ttl_pickup.gif") no-repeat;

	position:absolute;

	top: 0;

	left: 0;

}



#top #main h2.ttltopics{

	width: 510px;

	height: 30px;

	font-size:small;

	margin:20px 0 0 0;

	position:relative;

}

#top #main h2.ttltopics span{

	width: 100%;

	height: 100%;

	background: url("../../images/ttl_topics.gif") no-repeat;

	position:absolute;

	top: 0;

	left: 0;

}



#top #main .pickup {

	padding:5px 15px 10px 15px ;

	border-bottom:solid 5px #97B1D0;

	background: url("../../art/images/bg_artbox.gif") repeat-y;

}

#top #main .pickup h3{

	background-color:#F0F4F7;

	padding:6px 10px 4px 10px;

	color:#678399;

	font-size:small;

	border-bottom:solid 1px #CEDCE6;

	border-right:solid 1px #CEDCE6;

}

#top #main .pickup .pickright h3 span {

	font-size:x-small;

	font-weight:normal;

}

#top #main .pickup p{

	margin:5px 0 0 5px;

}	

#top #main p.date{

	color:#678399;

	padding:0 0 5px 0;

	border-bottom:solid 1px #F0F4F7;

	font-size:x-small;

}



#top #main .pickup .pickleft {

	width:160px;

	float:left;

	margin-top:10px;

}

#top #main .pickup .pickright {

	float:left;

	margin:10px 0 0 10px;

	width:310px;

	text-align:left;

} 

#top #main .topicsbox {

	margin:0 0 10px 0;

	clear:both;

	padding:0 0 5px 0;

	border-bottom:solid 1px #eee;

}

#top #main .topicsbox h3{

	color:#678399;

	font-size:small;

}

#top #main .topicsbox h3 span{

	font-size:x-small;

	font-weight:normal;

}

#top #main .topicsbox h3 a{

	text-decoration:underline;

}

#top #main .topicsbox h3 a:hover{

	text-decoration:none;

}

#top #main .topicsbox p {

	margin:7px 0 0 0;

	line-height:1.3em;

}

#top #main .topicsbox .imgbox {

	width:100px;

	float:left;

	text-align:center;

	margin:5px 0 0 0;

}

#top #main .topicsbox .txtbox {

	margin:0 0 0 100px;

	padding:7px 0 0 0 ;

}

#top #main .topicsbox ul,#top #main .topicsbox dl {

	margin:0 5px 0 10px;

	padding:7px 0 0 0 ;

}

#top #main .topicsbox li {

	color:#678399;

	padding:0 0 2px 10px;

	background:url("../images/ico_dot.gif") 0 7px no-repeat;

}

#top #main .topicsbox dt {

	padding:0 0 2px 10px;

	background:url("../images/ico_dot.gif") 0 5px no-repeat;

}

#top #main .topicsbox dd {

	padding:0 0 5px 10px;

}





#top #main .topicsbox li a{

	text-decoration:underline;

}

#top #main .topicsbox li a:hover{

	text-decoration:none;

}



/*  subcontents- */





#top #sub h4.ttlaccess a {

	width: 158px;

	height: 20px;

	display: block;

	margin-top:20px;

	position:relative;

	font-size:small;

}

#top #sub h4.ttlaccess span {

	width: 100%;

	height: 100%;

	background: url("../../images/ttl_s_access.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}





/* ----- topics ----------------------- */

#topics #main .topics {

	padding:15px 0 0 0 ;

}

#topics #main .topics .topicsleft {

	width:160px;

	float:left;

	margin:20px 0 0 0;

}

#topics #main .topics .topicsright {

	float:left;

	margin:10px 10px 0 10px;

	width:320px;

	text-align:left;

} 

#topics #main .topicsbox {

	margin:5px 10px 0;

}

#topics #main .topicsbox p {

	margin:10px 0 0 0;

}  



#topics #main h2.ttltopics{

	width:510px ;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#topics #main h2.ttltopics span{

	width:100%;

	height: 100%;

	background: url("../../topics/images/ttl_topics.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#topics #main h3{

	font-size:small;

	color:#678399;

	font-weight:bold;

}

#topics #main h4{

	background-color:#F0F4F7;

	padding:6px 10px 4px 10px;

	color:#678399;

	font-size:small;

	border-bottom:solid 1px #CEDCE6;

	border-right:solid 1px #CEDCE6;

}

#topics #main h4 span{

	font-size:x-small;

	font-weight:normal;

}

#topics #main .topics ul{

 margin:10px 10px 0 10px;

}

#topics #main .topics ul li{

	margin:5px 0 0 0;

	color:#678399;

	padding:0 0 0 10px;

	background:url("../images/ico_dot.gif") 0 5px no-repeat;

}

#topics #main .topics li a{

	text-decoration:underline;

}

#topics #main .topics li a:hover{

	text-decoration:none;

}



#topics #main .topics dt{

	color:#678399;

	padding:5px 0 3px 10px;

	border-bottom:solid 1px #F0F4F7;

	background:url("../images/ico_dot.gif") 2px 8px no-repeat;

}	

#topics #main .topics dd{

	margin:5px 5px 5px 7px;

}



#topics #sub h3.recommend{

	width:168px;

	height: 35px;

	margin:4px 0 0 5px;

	font-size:small;

	position:relative;

}

#topics #sub h3.recommend span{

	width:100%;

	height: 100%;

	background: url("../../art/images/ttl_side_recommend.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}


/*080307追加*/
#topics #sub h3.topics{

	width:168px;

	height: 35px;

	margin:4px 0 0 5px;

	font-size:small;

	position:relative;

}

#topics #sub h3.topics span{

	width:100%;

	height: 100%;

	background: url(../../topics/images/ttl_side_topics.gif) no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#topiscsarea{
margin-bottom:20px;
}

#topiscsarea h4{
font-size:x-small;
margin:5px 0 0 10px;
}


/*080307追加*/

#topics #sub a {

	text-decoration:underline;

}

#topics #sub a:hover {

	text-decoration:none;

}

#topics #sub a {

	text-decoration:underline;

}

#topics #sub a:hover {

	text-decoration:none;

}

#topics #sub dt {

	font-size:x-small;

	color:#678399;

	padding:15px 0 0 0;

	clear:both;

	font-weight:bold;

}

#topics #sub dd {

	margin:5px 0 0 0;

	font-size:x-small;

	line-height:1.3em;

}

#topics #sub .recommendbox {

	margin:0 5px 0 5px;

}



/* ----- art ----------------------- */

p {margin:0 0 0 0; padding:0 0 0 0;}

#art #main h2.ttlart{

	width:510px ;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#art #main h2.ttlart span{

	width:100%;

	height: 100%;

	background: url("../../art/images/ttl_art.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#art #main h3.pickup{

	width:480px ;

	height: 20px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#art #main h3.pickup span{

	width:100%;

	height: 100%;

	background: url("../../art/images/ttl_pickup.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#art #main p.month{

	font-size:small;

	color:#678399;

	padding:0 0 5px 0;

	border-bottom:solid 1px #F0F4F7;

	margin-top:20px;

	font-weight:bold;

}

#art #main h4{

	background-color:#F0F4F7;

	padding:6px 10px 4px 10px;

	color:#678399;

	font-size:small;

	border-bottom:solid 1px #CEDCE6;

	border-right:solid 1px #CEDCE6;

	margin-top:20px;

}

#art #main h4.ttl{

	margin-top:0;

}

#art #main h4 span{

	font-size:x-small;

	font-weight:normal;

}

#art .art {

	border-top:solid 5px #97B1D0;

	border-bottom:solid 5px #97B1D0;

	padding:15px;

	background: url("../../art/images/bg_artbox.gif") repeat-y;

	margin:10px 0 20px 0;

}

#art #main .art .artleft {

	width:160px;

	float:left;

	margin-top:10px;

}

#art #main .art .artright {

	float:left;

	margin:1px 0 0 10px;

	width:310px;

	text-align:left;

}

#art #main .artbox .artleft {

	width:160px;

	float:left;

	margin:10px 0 0 0;

}

#art #main .artbox .artright {

	float:left;

	margin:0 0 0 20px;

	width:310px;

	text-align:left;

} 

#art #main .artbox .artleft2 {

	width:160px;

	float:left;

	margin:10px 0 0 0;

	padding-bottom:20px;

}

#art #main .artbox .artright2 {

	float:left;

	margin:0 0 0 20px;

	width:310px;

	text-align:left;

	padding-bottom:20px;

} 



#art .artbox {

	padding:10px 10px 0 10px;

}

#art .artbox dt {

	color:#678399;

	font-size:x-small;

	text-align:left;

	background:url("../images/ico_dot.gif") 0 5px no-repeat;

	padding:0 0 0 10px;

}

#art .artbox dd {

	padding:3px 5px 10px 10px;

}

#art .artbox dd a {

	color:#666;

	text-decoration:underline;

}

#art .artbox dd a:hover {

	text-decoration:none;

}



#art .artbox .art_date01 { margin:10px 0 10px 0; border-bottom:1px dotted #ccc;}

#art .artbox .art_date01 dt {

	color:#678399;

	font-size:small;

	text-align:left;

	background:none;

	padding:0 0 5px 0;

	float:left;

	width:30px;

}

#art .artbox .art_date01 dd {

	padding:0 0 5px 5px;

	margin:0 0 0 30px;

}

#art .artbox .art_date02 { margin:20px 10px 0; border-bottom:1px dotted #eee;}

#art .artbox .art_date02 dt {

	color:#678399;

	font-size:small;

	text-align:left;

	background:none;

	padding:5px 0 5px 3px;

	float:left;

	width:60px;

	border-top:1px dotted #eee;

	display:block;

}

#art .artbox .art_date02 dd {

	padding:5px 0 5px 5px;

	margin:0 0 0 30px;

	border-top:1px dotted #eee;

 }

#art .artbox .art_date03 { margin:10px 0 0; border-bottom:1px dotted #eee; clear:both;}

#art .artbox .art_date03 dt {

	color:#678399;

	font-size:x-small;

	text-align:left;

	background:none;

	padding:5px 0 5px 5px;

	float:left;

	width:40px;

	border-top:1px dotted #eee;

}

#art .artbox .art_date03 dd {

	padding:5px 0 5px 5px;

	margin:0 0 0 40px;

	border-top:1px dotted #eee;

	font-size:x-small;

 }

#art .artbox .art_date04 { border-bottom:1px solid #eee;padding:5px 0 0 0;}

#art .artbox .art_date04 dt {

	color:#678399;	

	background:none;

	padding:4px 0 4px 4px;

	float:left;

	width:65px;

	border-top:1px solid #eee;

	display:block;

	font-size:small;

	clear:left;

}

#art .artbox .art_date04 dd {

	padding:4px 0 4px 4px;

	margin:0 0 0 65px;

	border-top:1px solid #eee;

 }

#art .artbox .art_date05 { margin:9px 0 0 0;border-bottom:1px dotted #eee;}

#art .artbox .art_date05 dt {

	color:#678399;

	font-size:x-small;

	text-align:left;

	background:none;

	padding:5px 0 5px 0;

	float:left;

	width:60px;

	border-top:1px dotted #eee;

	clear:left;

}

#art .artbox .art_date05 dd {

	padding:5px 0 5px 0;

	margin:0 0 0 60px;

	border-top:1px dotted #eee;

	font-size:x-small;

 }



#art #main h5{

	margin:8px 0 3px 3px;

	color:#678399;

	border-bottom:solid 1px #F0F4F7;

	font-size:small;

	padding:0 0 3px 9px;

	background:url("../images/ico_dot.gif") 0 7px no-repeat;

}

#art #main h5.ttl01{

	margin:10px 0 0 0;

	color:#E66A6A;

	border-bottom:none;

	padding:0;

	background:none;

	clear:both;

}

#art #main h5.ttl02 {

	margin:10px 0 0 0;

	color:#E66A6A;

	border-bottom:none;

	padding:0;

	background:none;

	clear:both;

}

#art #main h6{

	margin:30px 0 15px 0;

	color:#678399;

	border-bottom:solid 1px #F0F4F7;

	font-size:small;

	background:url("../images/ico_dot.gif") 0 7px no-repeat;

	padding:0 0 3px 9px;

	clear:both;

}

#art #main p.txt01{ clear:both;padding:0 0 0 0; margin:10px 0 0 0 ;}

#art #main p.txt02{ clear:both;padding:0 0 20px; margin:10px 0 0 0 ;}



#art #main .artright p{

	margin:5px 0 0 5px;

}	

#art #main p.date{

	color:#678399;

	font-size:x-small;

	padding:0 0 5px 0;

	margin-bottom:10px;

	border-bottom:solid 1px #F0F4F7;

}

#art #main .artright ul li p{

	margin:0 5px 0 10px;

}

#art #main .txt {

	margin:20px 0 0 0;

}

#art #main .txt p {

	margin:10px 0 0 0;

}

#art #main .txt dt {

	margin:20px 0 0 0;

	font-weight:bold;

}

#art #main .txt dt span {

	font-weight:normal;

	font-size:x-small;

}

#art #main .txt dd {

	margin:7px 0 0 0;

}

ul.ptfbtn{

	margin:30px 0 0 0;

	padding:0 0 0 210px;

	border-top:solid 1px #eee;

	clear:both;

}

ul.ptfbtn li {

	float:left;

	margin:20px 0 20px 0;

	font-size:x-small;

	color:#ccc;

}

ul.ptfbtn li.prev a {

	background: url("../images/ico_arw04.gif") 0 50% no-repeat;

	padding:0 0 0 16px;

}

ul.ptfbtn li.next {

	margin-left:60px;

}

ul.ptfbtn li.next a {

	background: url("../images/ico_arw03.gif") 0 50% no-repeat;

	padding:0 0 0 16px;

}

ul.ptfbtn li.noprev {

	background: url("../images/ico_arw04.gif") 0 50% no-repeat;

	padding:0 0 0 16px;

}

ul.ptfbtn li.nonext {

	background: url("../images/ico_arw03.gif") 0 50% no-repeat;

	margin-left:60px;

	padding:0 0 0 16px;

}

#art #sub h3.arcive{

	width:168px;

	height: 35px;

	margin:4px 0 0 5px;

	font-size:small;

	position:relative;

}

#art #sub h3.arcive span{

	width:100%;

	height: 100%;

	background: url("../../art/images/ttl_side_arcive.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#art #sub h3.recommend{

	width:168px;

	height: 35px;

	margin:10px 0 0 5px;

	font-size:small;

	position:relative;

}

#art #sub h3.recommend span{

	width:100%;

	height: 100%;

	background: url("../../art/images/ttl_side_recommend.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#art #sub h4 {

	font-size:small;

	color:#678399;

	font-weight:bold;

	margin-top:10px;

}

#art #sub td p{

	font-size:10px;

	line-height:1.8em;

}

#art #sub a {

	text-decoration:underline;

	font-weight:bold;

}

#art #sub a:hover {

	text-decoration:none;

}

#art #sub dt {

	font-size:x-small;

	color:#678399;

	padding:15px 0 0 0;

	clear:both;

	font-weight:bold;

}

#art #sub dd {

	margin:5px 0 0 0;

	font-size:x-small;

	line-height:1.3em;

}

#art #sub .recommendbox {

	margin:0 5px 0 5px;

}

#art #sub .arcivebox {

	margin:5px 5px 0 5px;

}

/*イベント*/





.flame_event{ margin:20px 0 0 0; background:url(../../art/sarugaku/images/bg_flame_top.gif) top no-repeat; width:490px;padding:10px 0 0 0; }

.flame_event ul{ background:url(../../art/sarugaku/images/bg_flame_btm.gif) bottom no-repeat; padding:0 10px 10px; }

.flame_event ul:after { content:"."; display:block; clear:both; height:0; visibility:hidden;}

.flame_event ul{ display:inline-table; }

/*\*/

.flame_event ul{ display:block !important; height:1%;}

/**/

.flame_event ul li{display:block; padding:10px; float:left; width:215px; vertical-align:top;}

.flame_event p{font-size:x-small;}



ul.eventlist {margin:15px 5px 0; border-top:dotted 1px #ddd;}

ul.eventlist li {

	border-bottom:dotted 1px #ddd;

	padding:10px 0 0 3px;

	font-size:x-small;

	line-height:1.6;

}

ul.eventlist li:after { content:"."; display:block; clear:both; height:0; visibility:hidden;}

ul.eventlist li{ display:inline-table; }

/*\*/

ul.eventlist li{ display:block !important; height:1%;}

/**/

ul.eventlist li img {

	padding:0 0 10px 0;

	width:54px;

	float:left;

}

ul.eventlist li p{margin-left:70px;}



ul.eventlist02 {margin:15px 5px 0; border-top:dotted 1px #ddd;}

ul.eventlist02 li {

	border-bottom:dotted 1px #ddd;

	padding:10px 0 0 3px;

	font-size:x-small;

	line-height:1.6;

}

ul.eventlist02 li:after { content:"."; display:block; clear:both; height:0; visibility:hidden;}

ul.eventlist02 li{ display:inline-table; }

/*\*/

ul.eventlist02 li{ display:block !important; height:1%;}

/**/

ul.eventlist02 li img {

	padding:0 0 10px 0;

	width:70px;

	float:left;

}

ul.eventlist02 li p{margin-left:85px;}



.place_a {background:#931E56; padding:1px 3px; color:#fff; font-size:x-small;}

.place_b {background:#006979; padding:1px 3px; color:#fff; font-size:x-small;}

.place_c {background:#CFA500; padding:1px 3px; color:#fff; font-size:x-small;}

.place_d {background:#CE0073; padding:1px 3px; color:#fff; font-size:x-small;}

.place_e {background:#005699; padding:1px 3px; color:#fff; font-size:x-small;}

.place_f {background:#00693E; padding:1px 3px; color:#fff; font-size:x-small;}

.place_g {background:#1E2C5C; padding:1px 3px; color:#fff; font-size:x-small;}

.place_h {background:#5C8407; padding:1px 3px; color:#fff; font-size:x-small;}

.place_wa {background:#7A006E; padding:1px 3px; color:#fff; font-size:x-small;}



#art #sub .eventbox {

	margin:0 5px 5px;

}

#art #main h3.event{

	margin:10px 0 15px 0;

	color:#678399;

	border-bottom:solid 1px #CEDCE6;

	font-size:small;

	padding:0 0 3px 3px;

}

#art #sub .eventbox h3{

	font-size:x-small;

	color:#678399;

	font-weight:bold;

}

#art #sub .eventbox h4{

	background-color:#fff;

	padding:3px;

	margin:5px 0 0 0;

}

#art #sub .eventbox h4.ttl02{

	margin:30px 0 0 0;

	background-color:#F6F7F8;

}

#art #sub h5 {

	color:#678399;

	font-size:x-small;

	background:url("../images/ico_dot.gif") 0 3px no-repeat;

	padding:0 0 0 9px;

	margin:10px 0 0 0;

	font-weight:normal;

}

#art #sub .eventbox ul{ font-size:x-small; margin:10px 0 0 0; }

#art #sub .eventbox li {margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:solid 1px #ddd; font-weight:bold;}

#art #sub .eventbox li a {

	background: url("../images/ico_arw03.gif") 0 1px no-repeat;

	padding:0 0 0 13px;

	text-decoration:none;

}

#art #sub .eventbox li.active{

	background: url("../images/ico_arw03.gif") 0 5px no-repeat;

	padding:0 0 5px 13px;

	color:#E66A6A;

	font-weight:bold;

}

#art #sub .eventbox li.active a{

	background:none;

	padding:0 0 5px 0;

	color:#E66A6A;

	font-weight:bold;

}

#art #sub .eventbox dt{

	background:url("../images/ico_dot.gif") 0 5px no-repeat;

	padding:0 0 0 9px;

	margin:10px 0 0 0;

	font-weight:normal;

	color:#666;

}

#art #sub .eventbox dd{margin:2px 0 0 10px;}

#art #sub .eventbox dd a{font-weight:normal;}







p.detaillink06 {

	font-size:x-small;

	font-weight:bold;

	margin:0 0 0 0;

	clear:both;

	text-align:right;

}

#art #main p.detaillink06 a {

	background: url("../images/ico_arw03.gif") 0 50% no-repeat;

	padding:0 0 0 16px;

	color:#E66A6A;

}





/* ----- history Story ----------------- */



#history #story h2.ttlstory{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	background: url("../../history/images/ttl_story.gif") no-repeat;

	position:relative;

}

#history #story h2.ttlstory span{

	width:100%;

	height: 100%;

	background: url("../../history/images/ttl_story.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#history #story h3{

	background-color:#F0F4F7;

	margin:15px 0 0 0;

	padding:5px 10px 5px 10px;

	color:#678399;

	font-size:small;

	border-bottom:solid 1px #CEDCE6;

	border-right:solid 1px #CEDCE6;

}

#history #story h3.mart20{

	background-color:#F0F4F7;

	margin:25px 0 0 0;

	padding:5px 10px 5px 10px;

	color:#678399;

	font-size:small;

	border-bottom:solid 1px #CEDCE6;

	border-right:solid 1px #CEDCE6;

}

#history #story p.sign {

	text-align: right;

	margin: 10px 0 0 0;

}



/* ----- history People----------------- */



#history #peple h2.ttlpeple{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#history #peple h2.ttlpeple span{

	width:100%;

	height: 100%;

	background: url("../../history/images/ttl_people.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}





#history #peple .box {

	margin:20px 0 0 0;

}





#history #peple .box .boxleft {

	width:110px;

	float:left;

	padding:0 0 10px 0;

}

#history #peple .box .boxright {

	float:right;

	width:400px;

	text-align:left;

	padding:0 0 10px 0;

} 

#history #peple .box .boxright p.small {

	font-size:x-small;

	line-height:1.6em;

	margin-right:10px;

	margin-left:10px;

}

#history #peple .box p {

	padding-bottom:10px;

}

#history #peple .box ul li {

margin:0 0 0 10px;

}

#history #peple .box ul li {

	font-size:small;

	padding:0 0 5px 10px;

	background:url("../images/ico_dot.gif") 0 7px no-repeat;

}

#history #peple .box .boxright p {

	margin:10px 0 0 0;

	padding-bottom:0;

}



#history #peple h3 {

	background-color:#F0F4F7;

	padding:4px 10px 5px 10px;

	color:#678399;

	font-size:small;

	border-bottom:solid 1px #CEDCE6;

	border-right:solid 1px #CEDCE6;

}

#history #peple h3.people {

	background-color:#F0F4F7;

	margin:15px 0 0 0;

	padding:5px 10px 4px 10px;

	color:#678399;

	font-size:small;

	border-bottom:solid 1px #CEDCE6;

	border-right:solid 1px #CEDCE6;

}



#history #peple table caption,#history #peple h4{

	margin:0 0 15px 0;

	color:#678399;

	font-size:small;

	padding:0 0 3px 3px;

	border-bottom:solid 1px #D6E0E9;

	font-weight:bold;

	text-align:left;

}	

#history #peple table {

	width: 510px;

}

#history #peple table th {

	text-align:left;

	font-weight:normal;

	padding: 5px;

	width:120px;

	vertical-align:top;

}

#history #peple table td {

	padding: 5px;

	vertical-align:top;

}



/* ----- Chronology ----------------- */



/*#history #chronogical .box {

	margin:10px 0 0 0;

}*/

#history #chronogical h2.ttlchronogical{

	width:510px;

	height: 21px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#history #chronogical h2.ttlchronogical span{

	width:100%;

	height:100%;

	background: url("../../history/images/ttl_chronology.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}





#history #chronogical table {

	width: 490px;

	margin:0 0 0 10px;

	border-top:solid 1px #ddd;

/*	border-left:solid 1px #ddd;

	border-right:solid 1px #ddd;*/

	font-size:x-small;

}

#history #chronogical table th {

	background-color:#F9FAFB;

	text-align:left;

	vertical-align:top;

	padding:5px 15px 5px 5px;

	border-bottom:solid 1px #ddd;

	border-right:solid 1px #ddd;

	white-space:nowrap;

}

#history #chronogical table td {

	vertical-align:top;

	padding:5px 10px 10px 10px;

	border-bottom:solid 1px #ddd;

}

#history #chronogical table td.year {

	color:#678399;

	font-weight:bold;

	background-color:#F0F4F7;

	vertical-align:top;

	padding:5px 10px 0 10px;

	border-bottom:solid 1px #ddd;

	width:100px;

	border-right:solid 1px #fff;

}

#history #chronogical table td p,#history #chronogical table td li{

	padding:0 0 5px 10px;

	background:url("../images/ico_dot.gif") 0 5px no-repeat;

}

#history #chronogical table td.year img {

	margin:5px 0 0 0;

}



/* ----- Book and Goods----------------- */



#history #book h2.ttlbook{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	position:relative;

	font-size:small;

	top:0;

	left:0;

}

#history #book h2.ttlbook span{

	width:100%;

	height: 100%;

	position:absolute;

	top:0;

	left:0;

	background: url("../../history/images/ttl_book.gif") no-repeat;

}





#history #book .box {

	margin:20px 0 0 0;

}





#history #book .box .boxleft {

	width:110px;

	float:left;

	padding:0 0 10px 0;

}

#history #book .box .boxright {

	float:right;

	width:400px;

	text-align:left;

	padding:0 0 10px 0;

} 

#history #book .box .boxright h3 {

	background-color:#F0F4F7;

	padding:6px 10px 5px 10px;

	margin:0 0 10px 0;

	color:#678399;

	font-size:small;

	border-bottom:solid 1px #CEDCE6;

	border-right:solid 1px #CEDCE6;

}

#history #book ul {

	padding:3px 5px 0 5px;

}

#history #book ul li{

	clear:both;

	margin:0 0 3px 0;

}

#history #book ul li h4{

	color:#678399;

	font-size:x-small;

	float:left;

	width:60px;

	padding:3px 0 3px 10px;

	background:url("../images/ico_dot.gif") 0 7px no-repeat;

}

#history #book ul li p{

	font-size:x-small;

	float:left;

	width:300px;

}	

/* ----- Rental Space ----------------- */

.exsample {

	width: 100px;

	float: right;

	padding:0 0 20px 0;

}

.exsample a {

	background: url("../../rental/images/btn_exsample.gif") no-repeat;

	display: block;

	width: 100px;

	height: 17px;

	text-indent: -10000px;

	text-decoration: none;

	font-size: 50%;

	line-height: .1em;

}

.exsample a:hover {

	background: url("../../rental/images/btn_exsample.gif") no-repeat 0 -17px;

}







#rental #main h2.ttlrental{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#rental #main h2.ttlrental span{

	width:100%;

	height: 100%;

	background: url("../../rental/images/ttl_top.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}



#rental #main h2.annex{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#rental #main h2.annex span{

	width:100%;

	height: 100%;

	background: url("../../rental/images/ttl_annex.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#rental #main h2.atelier{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#rental #main h2.atelier span{

	width:100%;

	height: 100%;

	background: url("../../rental/images/ttl_atelier.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#rental #main h2.banquet{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#rental #main h2.banquet span{

	width:100%;

	height: 100%;

	background: url("../../rental/images/ttl_banquet.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#rental #main h2.lobby{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#rental #main h2.lobby span{

	width:100%;

	height: 100%;

	background: url("../../rental/images/ttl_lobby.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#rental #main h2.forum{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#rental #main h2.forum span{

	width:100%;

	height: 100%;

	background: url("../../rental/images/ttl_forum.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#rental #main h2.gallery{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#rental #main h2.gallery span{

	width:100%;

	height: 100%;

	background: url("../../rental/images/ttl_gallery.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#rental #main h2.plaza{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#rental #main h2.plaza span{

	width:100%;

	height: 100%;

	background: url("../../rental/images/ttl_plaza.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#rental #main h2.salon{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#rental #main h2.salon span{

	width:100%;

	height: 100%;

	background: url("../../rental/images/ttl_salon.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

	background-image: url(../../rental/images/ttl_salon.gif);

}

#rental #main h2.studio{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#rental #main h2.studio span{

	width:100%;

	height: 100%;

	background: url("../../rental/images/ttl_studio.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}





#rental #main h2.ex{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#rental #main h2.ex span{

	width:100%;

	height: 100%;

	background: url("../../rental/images/ttl_ex.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}


#rental #main h2.aGal{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#rental #main h2.aGal span{

	width:100%;

	height: 100%;

	background: url("../../rental/images/ttl_a_gallery.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#rental #main h2.cBooth{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#rental #main h2.cBooth span{

	width:100%;

	height: 100%;

	background: url("../../rental/images/ttl_c_booth.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#rental #main h2.annexB{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#rental #main h2.annexB span{

	width:100%;

	height: 100%;

	background: url("../../rental/images/ttl_annex_b.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}




#rental #main h3{

	background-color:#F0F4F7;

	margin:25px 0 0 0;

	padding:5px 10px 5px 10px;

	color:#678399;

	font-size:small;

	border-bottom:solid 1px #CEDCE6;

	border-right:solid 1px #CEDCE6;

	clear:both;

}

#rental #main .box {

	width:510px;

}

#rental #main .lbox {

	float:left;

	width:254px;

}

#rental #main .lbox p {

	margin-top:30px;

}

#rental #main .rbox {

	float:right;

	width:204px;

	text-align:left;

	margin:0 0 0 30px;

	padding:0 0 30px 0;

}

#rental #main .rbox p{

	margin:20px 0 0 0;

	font-size:x-small;

}



#rental #main .lbox2 {

	float:left;

	width:240px;

	padding:10px 0 0 0;

}

#rental #main .rbox2 {

	float:right;

	width:240px;

	text-align:left;

	margin:0 0 0 30px;

	padding:10px 0 0 0;

}



#rental #main .lbox3 {

	float:left;

	width:280px;

	padding:30px 0 0 0;

}

#rental #main .rbox3 {

	float:right;

	width:200px;

	text-align:left;

	margin:0 0 0 30px;

	padding:30px 0 0 0;

}





#rental #main table {

	border-top:solid 1px #ccdbe5;

	border-collapse: collapse;

	clear:both;

	margin:30px 0 0 0;

}

#rental #main table th,#rental #main table td {

	border-bottom:solid 1px #ccdbe5;

}

#rental #main table th {

	color:#7999b2;

	font-size:x-small;

	padding:5px;

	white-space: nowrap;

}

#rental #main table td {

	font-size:x-small;

	padding:5px;

}

#rental #main table.detail {

	width:508px;

}

#rental #main table.detail th {

	width:70px;

}



#rental #main table.price {

	width:508px;

	border-top:solid 1px #ddd;

	border-right:solid 1px #ddd;

	border-left:solid 1px #ddd;

	border-collapse: collapse;

}

#rental #main table.price td {

	text-align:center;

}



#rental #main table.price th,#rental #main table.price td {

	border-bottom:solid 1px #ddd;

}

#rental #main table th {

	color:#7999b2;

	font-size:x-small;

	padding:5px;

	white-space: nowrap;

	text-align:center;

	font-weight:normal

}

#rental #main table th.blue {

	background-color:#f0f4f7;

	color:#666;

	border-left:solid 1px #ddd;

}

#rental #main table th.glay {

	background-color:#eee;

	color:#666;

}





#rental #main table td {

	border-left:solid 1px #ddd;

	font-size:x-small;

	padding:5px;

}

#rental #main table td p {

	line-height:1.5em;

}



.contact {

	width:350px;

	margin:50px 0 0 0;

	padding:10px 0 10px 160px;

	background-color:#f0f4f7;

	border-top:dotted 1px #7999b2;

	border-bottom:dotted 1px #7999b2;

}

.contact a {

	background: url("../images/btn_contact.gif") no-repeat;

	display: block;

	width: 172px;

	height: 30px;

	text-indent: -10000px;

	text-decoration: none;

	font-size: 50%;

	line-height: .1em;

	margin: 0;

	padding: 0;

}

.back {

	width:310px;

	clear:both;

	margin:50px 0 0 0;

	padding:20px 0 20px 200px;

	border-top:dotted 1px #7999b2;

	border-bottom:dotted 1px #7999b2;

}

.back a {

	background: url("../images/btn_back.gif") no-repeat;

	display: block;

	width: 100px;

	height: 17px;

	text-indent: -10000px;

	text-decoration: none;

	font-size: 50%;

	line-height: .1em;

	margin: 0;

	padding: 0;

}

.back a:hover {

	background: url("../images/btn_back.gif") no-repeat 0 -17px;

}



/* ----- Shop & Restrant ----------------- */



#shop #main h2.ttla{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#shop #main h2.ttla span{

	width:100%;

	height: 100%;

	background: url("../../shop/images/ttl_a.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#shop #main h2.ttlb{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#shop #main h2.ttlb span{

	width:100%;

	height: 100%;

	background: url("../../shop/images/ttl_b.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#shop #main h2.ttlc{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#shop #main h2.ttlc span{

	width:100%;

	height: 100%;

	background: url("../../shop/images/ttl_c.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#shop #main h2.ttld{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#shop #main h2.ttld span{

	width:100%;

	height: 100%;

	background: url("../../shop/images/ttl_d.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#shop #main h2.ttlf{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#shop #main h2.ttlf span{

	width:100%;

	height: 100%;

	background: url("../../shop/images/ttl_f.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#shop #main h2.ttlg{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#shop #main h2.ttlg span{

	width:100%;

	height: 100%;

	background: url("../../shop/images/ttl_g.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#shop #main h2.ttlw{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#shop #main h2.ttlw span{

	width:100%;

	height: 100%;

	background: url("../../shop/images/ttl_w.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#shop #main h2.ttlcafe{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#shop #main h2.ttlcafe span{

	width:100%;

	height: 100%;

	background: url("../../shop/images/ttl_cafe.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#shop #main h2.ttlfashion{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#shop #main h2.ttlfashion span{

	width:100%;

	height: 100%;

	background: url("../../shop/images/ttl_fashion.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#shop #main h2.ttlart{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#shop #main h2.ttlart span{

	width:100%;

	height: 100%;

	background: url("../../shop/images/ttl_art.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#shop #main h2.ttlfoods{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#shop #main h2.ttlfoods span{

	width:100%;

	height: 100%;

	background: url("../../shop/images/ttl_foods.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#shop #main h2.ttlgoods{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#shop #main h2.ttlgoods span{

	width:100%;

	height: 100%;

	background: url("../../shop/images/ttl_goods.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#shop #main h2.ttlother{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#shop #main h2.ttlother span{

	width:100%;

	height: 100%;

	background: url("../../shop/images/ttl_other.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#shop #main h2.ttl{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

#shop #main h2.ttl span{

	width:100%;

	height: 100%;

	background: url("../../shop/images/ttl_shop.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}





#shop #main h3.a{

	background-color:#e0c7d3;

	margin:3px 0 0 0;

	padding:5px 10px 5px 10px;

	color:#fff;

	font-size:small;

	border-bottom:solid 1px #D0A8BB;

	border-right:solid 1px #D0A8BB;

}

#shop #main h3.b{

	background-color:#c8ccd2;

	margin:3px 0 0 0;

	padding:5px 10px 5px 10px;

	color:#fff;

	font-size:small;

	border-bottom:solid 1px #B9BFC6;

	border-right:solid 1px #B9BFC6;

}

#shop #main h3.c{

	background-color:#d7d7bb;

	margin:3px 0 0 0;

	padding:5px 10px 5px 10px;

	color:#fff;

	font-size:small;

	border-bottom:solid 1px #C8C8A2;

	border-right:solid 1px #C8C8A2;

}

#shop #main h3.d{

	background-color:#cfd9cc;

	margin:3px 0 0 0;

	padding:5px 10px 5px 10px;

	color:#fff;

	font-size:small;

	border-bottom:solid 1px #B6C5B1;

	border-right:solid 1px #B6C5B1;

}

#shop #main h3.f{

	background-color:#e6d8be;

	margin:3px 0 0 0;

	padding:5px 10px 5px 10px;

	color:#fff;

	font-size:small;

	border-bottom:solid 1px #DAC59E;

	border-right:solid 1px #DAC59E;

}

#shop #main h3.g{

	background-color:#e0ccc4;

	margin:3px 0 0 0;

	padding:5px 10px 5px 10px;

	color:#fff;

	font-size:small;

	border-bottom:solid 1px #CDADA0;

	border-right:solid 1px #CDADA0;

}

#shop #main h3.w{

	background-color:#d1cdde;

	margin:3px 0 0 0;

	padding:5px 10px 5px 10px;

	color:#fff;

	font-size:small;

	border-bottom:solid 1px #AFA9C7;

	border-right:solid 1px #AFA9C7;

}





#shop #sub h3.floor{

	width:168px;

	height: 35px;

	margin:4px 0 0 5px;

	font-size:small;

	position:relative;

}

#shop #sub h3.floor span{

	width:100%;

	height: 100%;

	background: url("../../shop/images/side_ttl_floor.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#shop #sub h3.floor2{

	width:168px;

	height: 35px;

	margin:4px 0 0 5px;

	font-size:small;

	position:relative;

}

#shop #sub h3.floor2 span{

	width:100%;

	height: 100%;

	background: url("../../shop/images/side_ttl_floor_in.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}



#shop #sub h3.category{

	width:168px;

	height: 35px;

	margin:4px 0 0 5px;

	font-size:small;

	position:relative;

}

#shop #sub h3.category span{

	width:100%;

	height: 100%;

	background: url("../../shop/images/side_ttl_category.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#shop #sub h3.category2{

	width:168px;

	height: 35px;

	margin:4px 0 0 5px;

	font-size:small;

	position:relative;

}

#shop #sub h3.category2 span{

	width:100%;

	height: 100%;

	background: url("../../shop/images/side_ttl_category_in.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}





#shop #main h3{

	background-color:#F0F4F7;

	margin:25px 0 0 0;

	padding:5px 10px 5px 10px;

	color:#678399;

	font-size:small;

	border-bottom:solid 1px #CEDCE6;

	border-right:solid 1px #CEDCE6;

	clear:both;

}

#shop #main .box {

	width:510px;

}



#shop #main .lbox {

	float:left;

	width:240px;

	padding:30px 0 0 0;

	font-size:x-small;

}

#shop #main .rbox {

	float:right;

	width:240px;

	text-align:left;

	margin:0 0 0 30px;

	padding:30px 0 0 0;

	font-size:x-small;

}

#shop #main .lbox p.ttl,#shop #main .rbox p.ttl {

	float:left;

	padding:0 0 5px 0;

}

#shop #main .lbox p.ico,#shop #main .rbox p.ico {

	float:right;

	padding:0 0 5px 0;

}

#shop #main .lbox p.lin,#shop #main .rbox p.lin {

	background:url("../../shop/images/lin.gif") no-repeat;

	width:240px;

	height:9px;

	clear:both;

}





#shop #main .lbox2 {

	float:left;

	width:175px;

	padding:20px 0 0 0;

	font-size:x-small;

}



#shop #main ul.rboxa ,#shop #main ul.rboxb ,#shop #main ul.rboxc ,#shop #main ul.rboxd ,#shop #main ul.rboxf ,#shop #main ul.rboxg ,#shop #main ul.rboxw {

	float:right;

	width:335px;

	text-align:left;

	padding:20px 0 0 0;

	font-size:x-small;

}

#shop #main ul.rboxa li  {

	border-bottom:dotted 1px #e0c7d3;

	padding: 0 0 5px 0;

	margin:0 0 5px 0;

}

#shop #main ul.rboxa li h4  {

	float:left;

	width:70px;

	background:url("../../shop/images/ico_a.gif") 5px 50% no-repeat;

	font-size:x-small;

	font-weight:normal;

	color:#999;

	padding:0 0 0 15px;

}

#shop #main ul.rboxb li  {

	border-bottom:dotted 1px #c8ccd2;

	padding: 0 0 5px 0;

	margin:0 0 5px 0;

}

#shop #main ul.rboxb li h4  {

	float:left;

	width:70px;

	background:url("../../shop/images/ico_b.gif") 5px 50% no-repeat;

	padding:0 0 0 15px;

	font-size:x-small;

	font-weight:normal;

	color:#999;

}

#shop #main ul.rboxc li  {

	border-bottom:dotted 1px #d7d7bb;

	padding: 0 0 5px 0;

	margin:0 0 5px 0;

}

#shop #main ul.rboxc li h4  {

	float:left;

	width:70px;

	background:url("../../shop/images/ico_c.gif") 5px 50% no-repeat;

	font-size:x-small;

	font-weight:normal;

	color:#999;

	padding:0 0 0 15px;

}

#shop #main ul.rboxd li  {

	border-bottom:dotted 1px #cfd9cc;

	padding: 0 0 5px 0;

	margin:0 0 5px 0;

}

#shop #main ul.rboxd li h4  {

	float:left;

	width:70px;

	background:url("../../shop/images/ico_d.gif") 5px 50% no-repeat;

	font-size:x-small;

	font-weight:normal;

	color:#999;

	padding:0 0 0 15px;

}

#shop #main ul.rboxf li  {

	border-bottom:dotted 1px #e6d8be;

	padding: 0 0 5px 0;

	margin:0 0 5px 0;

}

#shop #main ul.rboxf li h4  {

	float:left;

	width:70px;

	background:url("../../shop/images/ico_f.gif") 5px 50% no-repeat;

	font-size:x-small;

	font-weight:normal;

	color:#999;

	padding:0 0 0 15px;

}

#shop #main ul.rboxg li  {

	border-bottom:dotted 1px #e0ccc4;

	padding: 0 0 5px 0;

	margin:0 0 5px 0;

}

#shop #main ul.rboxg li h4  {

	float:left;

	width:70px;

	background:url("../../shop/images/ico_g.gif") 5px 50% no-repeat;

	font-size:x-small;

	font-weight:normal;

	color:#999;

	padding:0 0 0 15px;

}

#shop #main ul.rboxw li  {

	border-bottom:dotted 1px #d1cdde;

	padding: 0 0 5px 0;

	margin:0 0 5px 0;

}

#shop #main ul.rboxw li h4  {

	float:left;

	width:70px;

	background:url("../../shop/images/ico_w.gif") 5px 50% no-repeat;

	font-size:x-small;

	font-weight:normal;

	color:#999;

	padding:0 0 0 15px;

}





#shop #main ul li p  {

	width:245px;

	float:left;

	font-size:x-small;

}

#shop #main p.txt {

	font-size:x-small;

	padding:20px 10px 0 10px;

	clear:both;

	line-height:1.8em;

}



.shopa {

	color:#af7694;

	font-weight:bold;

}

.shopas {

	color:#af7694;

	font-size:x-small;

}

.shopb {

	color:#889db1;

	font-weight:bold;

}

.shopbs {

	color:#889db1;

	font-size:x-small;

}

.shopc {

	color:#b1b182;

	font-weight:bold;

}

.shopcs {

	color:#b1b182;

	font-size:x-small;

}

.shopd {

	color:#90a688;

	font-weight:bold;

}

.shopds {

	color:#90a688;

	font-size:x-small;

}

.shopf {

	color:#c29e69;

	font-weight:bold;

}

.shopfs{

	color:#c29e69;

	font-size:x-small;

}

.shopg {

	color:#ab7870;

	font-weight:bold;

}

.shopgs {

	color:#ab7870;

	font-size:x-small;

}

.shopwa {

	color:#8c81ac;

	font-weight:bold;

}

.shopwb {

	color:#a981ac;

	font-weight:bold;

}

.shopws {

	color:#8c81ac;

	font-size:x-small;

}



p.phoshop {

	margin-top:20px;

	text-align:center;

}



/* ----- Access ----------------- */



#access #main h2.ttlaccess{

	width:510px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	background: url("../../access/images/ttl_access.gif") no-repeat;

	position:relative;

}

#access #main h2.ttlaccess span{

	width:100%;

	height: 100%;

	background: url("../../access/images/ttl_access.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#access #main h3{

	background-color:#F0F4F7;

	margin:15px 0 0 0;

	padding:5px 10px 5px 10px;

	color:#678399;

	font-size:small;

	border-bottom:solid 1px #CEDCE6;

	border-right:solid 1px #CEDCE6;

}

#access #main h4{

	background-color:#fff;

	margin:20px 0 0 0;

	padding:0 0 5px 2px;

	color:#678399;

	font-size:small;

	font-weight:normal;

	border-bottom:dotted 1px #CEDCE6;

}

#access #main ul {

	margin:10px 0 25px 5px;

}

#access #main ul li {

	margin:0 0 5px 0;

	padding:0 0 0 18px;

	background:url("../../access/images/ico.gif") 5px 7px no-repeat;

	font-size:x-small;

}

#access #main dl {

	margin:20px 0 0 5px;

}

#access #main dl dt {

	margin:0 0 5px 0;

	padding:0 0 0 18px;

	background:url("../../access/images/ico.gif") 5px 7px no-repeat;

	color:#678399;

}

#access #main dl dd {

	margin:0 0 20px 20px;

	font-size:x-small;

}

#access #main #company {

	padding:10px 10px 0 10px;

}

#access #main #company h4{

	background-color:#fff;

	margin:15px 0 0 0;

	padding:0 0 1px 2px;

	color:#678399;

	font-size:small;

	font-weight:normal;

	border-bottom:dotted 1px #CEDCE6;

}

#access #main #company p {

	margin:2px 7px 0 7px;

}

#access #main #company li {

	font-size:small;

}



#access #sub h4 {

	font-size:x-small;

	color:#678399;

	font-weight:bold;

}

#access #sub h4 a {

	background: url("../images/ico_arw03.gif") 0 1px no-repeat;

	padding:0 0 0 13px;

}

#access #sub p {

	margin:3px 0 20px 0;

	line-height:1.1em;

}



/* ----- Contact ----------------- */



#contact h2.ttlcontact{

	width:710px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	background: url("../../contact/images/ttl_contact.gif") no-repeat;

	position:relative;

}

#contact h2.ttlcontact span{

	width:100%;

	height: 100%;

	background: url("../../contact/images/ttl_contact.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#contact h3{

	background-color:#F0F4F7;

	margin:15px 40px 0 40px;

	padding:7px 10px 5px 10px;

	color:#678399;

	font-size:small;

	border-bottom:solid 1px #CEDCE6;

	border-right:solid 1px #CEDCE6;

}

#contact p.formtxt  {

	margin:10px 40px 0 40px;

}

#contact p.formtxts  {

	margin:30px 40px 0 40px;

	font-size:x-small;

}



#contact dl{

	margin:20px 40px 0 40px;

	border:solid 1px #eee;

	padding:0 20px 20px;

}

#contact dl dt{

	display:block;

	width:182px;

	padding:20px 0 0 18px ;

	color:#678399;

	font-weight:bold;

	float:left;

	clear:left;

	background:url("../../access/images/ico.gif") 5px 25px no-repeat;

}

#contact dl dd{

	padding:20px 0 0 0;

}

#contact form p {

	width:480px;

	margin:30px 0 0 40px;

	padding:20px 0 20px 150px;

	display:block;

	background-color:#F0F4F7;

	border-top:solid 1px #eee;

	border-bottom:solid 1px #eee;

}

#contact form p input {

	margin:0 40px;

}

#contact .flame {

	width:380px;

	margin:50px 0 150px 40px;

	padding:10px 0 10px 250px;

	border-top:dotted 1px #ddd;

	border-bottom:dotted 1px #ddd;

}

#contact .flame p {

	font-size:x-small;

	margin:5px 0 0 0;

}

#contact .flame p a {

	background: url("../images/ico_arw03.gif") 0 50% no-repeat;

	padding:0 0 0 13px;

}



/* ----- Sitemap ----------------- */



#sitemap h2.ttlsitemap{

	width:710px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	background: url("../../sitemap/images/ttl_sitemap.gif") no-repeat;

	position:relative;

}

#sitemap h2.ttlsitemap span{

	width:100%;

	height: 100%;

	background: url("../../sitemap/images/ttl_sitemap.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

#sitemap #main {

margin:0 20px;

}

#sitemap h3{

	margin:20px 0 10px 0;

	padding:4px 10px 4px 10px;

	color:#678399;

	font-size:small;

	border-bottom:solid 1px #CEDCE6;

	border-right:solid 1px #CEDCE6;

	background-color:#F0F4F7;

}

#sitemap h3 a{

	padding:4px 10px 4px 15px;

	background: url("../images/ico_arw03.gif") 0 50% no-repeat;

	

}

#sitemap h3 span {

	font-size:x-small;

	font-weight:normal;

}

#sitemap h3.active{

	color:#E66A6A;

	padding:4px 10px 4px 25px;

	background:#F0F4F7 url("../images/ico_arw03.gif") 10px 50% no-repeat;

}



#sitemap .box {

	width:305px;

	margin:5px 20px 0 0;

	float:left;

}

* html #sitemap .box {

margin-bottom:20px;

}

#sitemap .box h4 {

	background:url("../../shop/images/ico_b.gif") 5px 5px no-repeat;

	padding:0 0 5px 15px;

	border-bottom:dotted 1px #c8ccd2;

	font-size:small;

	color:#666;

}

#sitemap h4 span {

	font-size:x-small;

	font-weight:normal;

}

#sitemap ul {

	margin:0 0 0 25px;

}

#sitemap ul li{

	margin:5px 0 0 0;

}

#sitemap ul li a,#sitemap #main p{

	background: url("../images/ico_arw03.gif") 0 50% no-repeat;

	padding:0 0 0 15px;

	font-size:x-small;

}

#sitemap #main p{

	margin:5px 0 0 25px;

}



/*-------------------------------

footer

-------------------------------*/

#footer #fotmenu {

	width:246px;

	float:left;

	font-size:x-small;

	padding:20px 0 0 20px;

}

#footer #fotmenu li {

	float:left;

	margin:0 15px 0 0;

	padding:0 0 0 7px;

	background: url("../images/ico_arw02.gif") 0 50% no-repeat;

	color: #E66A6A;

}

#footer address {

	width:466px;

	float:left;

	text-align:right;

	font-size:10px;

	padding:20px 20px 0 0;

	font-style:normal;

}

#footer a {

	color:#999;

	text-decoration:none;

}

#footer a:hover {

	color:#E66A6A;

	text-decoration: underline;

}



/*-------------------------------

mobile

-------------------------------*/

#mobile h2 {

font-weight:normal;

font-size:x-small;

}

#mobile h3,#mobile h4 {

font-size:small;

}

#mobile h3 {

padding:10px 0 0 0;

}

#mobile h4 {

padding:5px 0;

}

#mobile ul {

padding:0 0 10px 0;

}

#mobile hr {

	color:#999;

	display:block;

	height:1px;

}

#mobile address {

	font-size:x-small;

	padding:0 0 10px 0;

	font-style:normal;

}



/*-------------------------------

other

-------------------------------*/

.clear {

	clear:both;

}

.vmiddle {

	vertical-align:middle;

}

.sale {

	text-align:right;

	margin:10px 0 0 0;

}

.hide {

	display: none;

}

.phoframe {

	padding:4px;

	border:1px solid #ddd;

}

.phoframe02 {

	padding:2px;

	border:1px solid #ddd;

}

.phoright {

	float:right;

	margin:0 0 0 10px;

}

.phoright02 {

	width:180px;

	float:right;

	margin:0 0 0 10px;

	text-align:center;

}

.pholeft {

	float:left;

	margin:0 10px 0 0;

}

.pholeft02 {

	float:left;

	margin:0 25px 5px 0;

	vertical-align:top;

}

.pholeft03 {

	float:left;

	margin:5px 10px 0 0;

	vertical-align:top;

}

.right {

	float:right;

}

.right02 {

	text-align:right;

	clear:both;

	margin:0 0 15px 0;

}



.left {

	float:left;

}

.center {

	text-align:center;

}

.line01 {

	clear: both;

	height: 1px;

	width: 510px;

	background: url("../images/line_01.gif") repeat-x;

	font-size: 1px;

}

.line02 {

	clear: left;

	height: 1px;

	width: 400px;

	background: url("../images/line_02.gif") repeat-x;

	margin:5px 0 0 0;

	padding:5px 0 0 0;

	font-size: 1px;

}

.line03 {

	clear: both;

	height: 1px;

	width: 360px;

	background: url("../images/line_01.gif") repeat-x;

	font-size: 1px;

}

.line04 {

	border-bottom:dotted 1px #eee;

	padding:0 0 3px 0;

}



.flame01 {

	clear:both;

	margin-top:20px;

	background-color:#fffff5;

	padding:10px;

	border:solid 1px #eee;

	font-size:small;

	text-align:center;

}

.flame02 {

	margin:20px 0;

	padding:5px 10px 10px 10px;

	border:solid 1px #eee;

	font-size:x-small;

}

.flame03 {

	margin-top:10px;

	background-color:#fffff5;

	padding:10px;

	border:solid 1px #eee;

	font-size:small;

	text-align:center;

	margin:10px 40px 0 40px ;

}

.flame04 {

	margin:20px 0;

	padding:5px 10px 10px 10px;

	border:solid 1px #eee;

}

.flame05 {

	margin:40px 0 20px;

	padding:5px 10px 10px 10px;

	border:solid 1px #eee;

	font-size:small;

}

.flame05 ul{margin:5px 10px 0;}

.flame05 li{margin:5px 0 0 0;}

.flame06 {

	margin:10px 0 0 0; 

	background:url(../../art/sarugaku/images/bg_flame_top.gif) top no-repeat; 

	width:490px;

	padding:10px 0 0;

	text-align:center;

}

.flame06 p {

	background:url(../../art/sarugaku/images/bg_flame_btm.gif) bottom no-repeat; 

	padding:0 0 10px;

	display:block;

}

.flame06 a {

	background: url(../images/ico_arw03.gif) 0 50% no-repeat;

	padding:0 0 0 13px;

}

.flame07 {

	/*width:477px;*/

	padding:4px 7px 5px; 

	background:#f1f1f1;

	font-size:x-small;

	border-left:3px solid #BFD5DB;

}

.flame07:after { content:"."; display:block; clear:both; height:0; visibility:hidden;}

.flame07{ display:inline-table; }

/*\*/

.flame07{ display:block !important; height:1%;}

/**/



.mark {

	color:#678399;

	font-size:small;

	text-align:left;

	padding:0 0 5px 10px;

	background:url("../images/ico_dot.gif") 0 7px no-repeat;

}

.mark2 {

	color:#678399;

	font-size:small;

	text-align:left;

	font-weight:bold;

	padding:0 0 5px 10px;

	background:url("../images/ico_dot.gif") 0 7px no-repeat;

	margin:40px 0 0 0;

}

.mark2 a {

	font-weight:normal;

}

.mark3 {

	color:#678399;

	font-size:x-small;

	text-align:left;

	padding:0 0 5px 10px;

	background:url("../images/ico_dot.gif") 0 7px no-repeat;

	margin:10px 0 5px 0;

	border-bottom:dotted 1px #c8ccd2;

}

.mark4 {

	color:#678399;

	font-size:x-small;

	text-align:left;

	padding:0 0 0 10px;

	background:url("../images/ico_dot.gif") 0 7px no-repeat;

}

.mark5 {

	color:#678399;

	font-size:x-small;

	padding:0 0 0 10px;

	background:url("../images/ico_dot.gif") 0 3px no-repeat;

	font-weight:bold;

}



.w190 {

	width:190px;

}

.w350 {

width:350px;

}



/* ----- margin ----------------------- */

.mart0 {

	margin:0 0 0 0;

}

.mart2 {

	margin-top:2px;

}

.mart5 {

	margin-top:5px;

}

.mart10 {

	margin-top:10px;

}

.mart15 {

	margin-top:15px;

}

.mart20 {

	margin-top:20px;

}

.mart30 {

	margin-top:30px;

}

.mart40 {

	margin-top:40px;

}

.mart50 {

	margin-top:50px;

}

.marl10 {

	margin-left:10px;

}

.marl15 {

	margin-left:15px;

}

.marl25 {

	margin-left:25px;

}

.marl30 {

	margin-left:30px;

}

.marr15 {

	margin-right:15px;

}



.mart15l10 {

	margin-top:15px;

	margin-left:10px;

}

.mart10b20 {

	margin-top:10px;

	margin-bottom:20px;

}



.padt10{ padding:10px 0 0;}

.padt20{ padding:20px 0 0;}

.padt10b20{ padding:10px 0 20px;}

.padb20{ padding:0 0 20px;}



/* ----- font ----------------------- */



.size01 {

	font-size:x-small;

	line-height:1.5em;

}

.fc999s {

	color:#999;

	font-size:x-small;

	font-weight:normal;

}

.fc999sb {

	color:#999;

	font-size:x-small;

	font-weight:normal;

	font-weight:bold;

}

.fc999 {

	color:#999;

	font-weight:normal;

}

.fcreds{

	color:#E66A6A;

	font-size:x-small;

	font-weight:normal;

}

.fcredb{

	color:#E66A6A;

	font-weight:bold;

}



.fc678399s {

	color:#678399;

	font-size:x-small;

	font-weight:normal;

}

.fc678399 {

	color:#678399;

	font-weight:normal;

}

.fc678399b {

	color:#678399;

	font-weight:bold;

}



.bold {

	font-weight:bold;

}

.h16 {

	line-height:1.6em;

}

.h18 {

	line-height:1.8em;

}

.padb20 {

	padding-bottom:20px;

}

/*080328追加*/
h3.cd{

	width:168px;

	height: 35px;

	margin:4px 0 0 5px;

	font-size:small;

	position:relative;

}

h3.cd span{

	width:100%;

	height: 100%;

	background: url("../../art/images/ttl_side_cd.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}
h3.sarugaku{

	width:168px;

	height: 35px;

	margin:4px 0 0 5px;

	font-size:small;

	position:relative;

}

h3.sarugaku span{

	width:100%;

	height: 100%;

	background: url("../../art/images/ttl_side_sarugaku.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

h3.seminar{

	width:168px;

	height: 35px;

	margin:4px 0 0 5px;

	font-size:small;

	position:relative;

}

h3.seminar span{

	width:100%;

	height: 100%;

	background: url("../../art/images/ttl_side_seminar.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

.bold{
	font-weight:bold;
	}
	
h2.ttlmailmag{

	width:710px;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	background: url("../../mailmag/images/ttl_mailmag.gif") no-repeat;

	position:relative;

}

h2.ttlmailmag span{

	width:100%;

	height: 100%;

	background: url("../../mailmag/images/ttl_mailmag.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;
	}
	
h2.ttlmailmag2{

	width:510px ;

	height: 30px;

	margin:5px 0 0 0;

	font-size:small;

	position:relative;

}

h2.ttlmailmag2 span{

	width:100%;

	height: 100%;

	background: url("../../mailmag/images/ttl_mailmag2.gif") no-repeat;

	position:absolute;

	top:0;

	left:0;

}

/*080328追加*/


strong.ttl{
background:#fff url(../images/ico_report.jpg) no-repeat 0 50%;
padding:3px 0 0 10px;
color:#678399;
}
