@charset "utf-8";

/* reset　*/
body {
    color:#333333;
		font: 13px/1.5 "heisei-kaku-gothic-std","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
		padding:0;
		margin:0;
		background-image: url(../img/img_belt.gif);
		background-position: 0 92px;
		background-repeat: repeat-x;
}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
h1,h2,h3,h4,h5,h6{line-height: 1;}
a {color: inherit;overflow: hidden;}
ol, ul {list-style: none outside none;}
fieldset, img {vertical-align: bottom;}
caption, th, td {text-align: left;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
br {letter-spacing: 0;}
li{font-size: inherit;}
hr {border: 0 none;height: 0;visibility: hidden;}
select, input, textarea {font-size: 99%;}
pre, code {font: 100% monospace;}
img {
	margin: 0;
	padding: 0;
}

area{
  border:none;
  outline:none;
}
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}

/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color: #0000de;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	color:#047399;
	text-decoration: none;
}

/* ~~ この固定幅コンテナが他のすべての div を囲みます。~~ */
#wrapper {
	width: 1000px;
	background: #FFFFFF;
	background-image: url(../img/img_belt.gif);
	background-position: 0 77px;
	background-repeat: repeat-x;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	padding:0;
}
#container {
	margin-left: 20px;
	width: 960px;
	padding: 0;
}


/*
　　ヘッダー
              */
							
#header {
	margin:15px 0 15px 0;
	padding:0;
	height:62px;
}
#header img {
	border: none;
	outline: none;
	float: left;
}
#header h1 {
	font-weight: normal;
	margin-top: 6px;
	font-size: 160%;
	line-height: 1.2;
	float: left;
	padding-left:10px;
}
#header h1 span {
	font-size: 64%;
}
#header p {
	margin-top: 5px;
	font-size: 100%;
	float: right;
	text-align: right;
}
	


/*
　　メニュー
              */
							
#globalnavi {
	width: 960px;
	height: 32px;
	padding: 0;
	margin-bottom: 15px;
}
#globalnavi ul{
  list-style-type: none;  
  margin: 0;  
  padding: 0;
	text-align: center;
}  
  
#globalnavi li{  
  float: left;
	width: 158px;
  margin: 0 2px 0 0;  
  padding: 0;  
}
#globalnavi li.m_end {  
  float: left;
	width: 158px;
  margin: 0;  
  padding: 0;  
}



/* 
　　スライド
　　　　　　　*/

.slide {
	width:960px;
	height:300px;
	margin-bottom: 15px;
}
.nslide {
	display:none;
}
/* 
　　イントロ
　　　　　　　*/

#intro {
	width: 960px;
	margin-bottom: 15px;
}
/*
#intro img {
	float: left;
	width: 226px;
	margin-right: 20px;
}
*/
#introtxt {
	float: left;
	width: 700px;
}
#introtxt h2 {
	margin: 0;
	padding: 0;
	font-size: 220%;
	line-height: 1.2;
	font-weight: bold;
}
#introtxt p {
	margin-top: 9px;
	font-size: 124%;
	line-height: 1.4;
	text-align:justify;
	text-justify:distribute;
}
.intro_l {
	float: left;
	width: 226px;
	padding: 0;
	margin: 0;
}
.intro_m {
	float: right;
	width: 475px;
}
.intro_m h2 {
	margin: 0;
	padding: 0;
	font-size: 182%;
	line-height: 1.2;
}
.intro_m p {
	margin-top: 10px;
	font-size: 120%;
	line-height: 1.5;
	text-align:justify;
	text-justify:distribute;
}
.intro_r {
	float: right;
	width: 226px;
}

/* 
　　メイン 共通
　　　　　　　　　*/

#main {
	width: 960px;
}
#main_l {
	float:left;
	width: 710px;
}
.title_area {
	width: 226px;
	height: 30px;
	background-color: #4f2d03;
}
.bn_title {
	margin: 0;
	padding: 0;
	font-size: 115%;
	line-height: 30px;
	color: #fff;
	float:left;
	margin-left: 10px;
}

.oubun {
	margin: 0;
	padding: 0;
	font-size: 75%;
	line-height: 30px;
	float: right;
	margin-right: 10px;
	color: #a79681;
}
.bn_menu1 {
	width: 226px;
	height: 200px;
	float: left;
	margin-right: 16px;
}
.bn_menu2 {
	width: 226px;
	height: 200px;
	float: left;
	margin-right: 16px;
}
.bn_menu3 {
	width: 226px;
	height: 200px;
	float: left;
}
.bn_menu4 {
	width: 347px;
	float: left;
}
.bn_menu5 {
	width: 347px;
	float: right;
}

#top_image {
	margin: 0;
	padding: 0;
}
#main_cap {
	margin:0;
	padding:0;
	width: 960px;
	height: 32px;
	background-color: #dcd5cd;
}
#main_cap h2 {
	font-weight: normal;
	font-size: 107%;
	margin: 0 0 0 10px;
	line-height: 32px;
}
#main_cap p {
	font-size: 107%;
	margin: 0 0 0 10px;
	line-height: 32px;
}
#main_l #s_event {
	padding: 0;
	width: 100%;
	height: auto;
	background-image: url(../img/back_sevent.gif);
	background-repeat: repeat-x;
	border: solid 1px #333;
}
#s_event .s_event_l {
	float: left;
	width: 100px;
	height: auto;
	margin: 0 0 0 15px;
	padding: 0;
}
img.sevent_title {
	margin: 0;
	padding: 0;
}
#s_event .s_event_r {
	float: right;
	width: 550px;
	height: auto;
	padding: 0 0 0 30px;
}
p.sevent_cap {
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 36px;
}

.sevent_date {
	font-size: 107%;
	line-height: 1.8;
	float:left;
	width: auto;
	height: auto;
}
.sevent_space {
	float: left;
}
.sevent_name {
	font-size: 107%;
	line-height: 1.8;
	float: left;
	width: 420px;
	height: auto;
}
.seventcap {
	margin:0;
	font-size:75%;
}




#main_r {
	float:right;
	width: 220px;
}
#news {
	width: 200px;
	background-color: #dcd5cd;
	padding: 1px 10px 7px 10px;
	margin-bottom: 15px;
	text-align:justify;
	text-justify:distribute;
}
.title_area2 {
	width: 100%;
	height: 30px;
	border-bottom: solid 1px #fff;
}
.bn_title2 {
	margin: 0;
	padding: 0;
	font-size: 115%;
	line-height: 30px;
	color: #4f2d03;
	float:left;
}
.oubun2 {
	margin: 0;
	padding: 0;
	font-size: 75%;
	line-height: 30px;
	float: right;
	color: #a79681;
}
.newmark {
	vertical-align:middle;
}
/* 
　　バナーリンク
　　　　　　　　　*/

.bn_link {
	width: 220px;
	height: auto;
	margin-bottom: 10px;
}


/* 
　　フッター
　　　　　　　　　*/

#footer {
	padding: 0;
	text-align: center;
	background-color: #4f2d03;
}
address {
	margin: 0;
	font-size: 75%;
	color: #fff;
	font-style: normal;
	padding: 8px 0;
}


/* 
　　技　人
　　　　　　　　*/

#wazabito_main_l {
	width: 200px;
	float: left;
}
#wazabito_main_r {
	width: 720px;
	float:right;
	position: relative;
}
.w_contents_l {
	width: 364px;
	float: left;
}
#wazabito_main_r h2 {
	margin: 0 0 10px 0;
	font-size: 380%;
	line-height: 1.2;
	padding: 10px 0;
	border-bottom: solid 1px #4f2d03;
}
.w_contents_l h2 span {
	font-size: 65%;
	vertical-align: middle;
}
h2 span.m_size2 {
	font-size:80%;
}
h2 span.rubi {
	font-size:30%;
}
.w_contents_l p {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 115%;
	line-height: 1.5;
	text-align:justify;
	text-justify:distribute;
}
.w_contents_l p.prof {
	margin-top: 10px;
	font-size: 90%;
}
.w_contents_r {
	width: 330px;
	float: right;
}
.b_bottom {
	border-bottom: solid 1px #4f2d03;
}
#schedule {
	margin-top: 40px;
	margin-left: 240px;
	margin-bottom: 40px;
}
#schedule h2 {
	font-size: 125%;
	color: #fff;
	padding: 5px 10px;
	background-color: #4f2d03;
	margin-bottom: 5px;
}
.w_list {
	margin: 0;
	padding: 5px 0;
	border-bottom: solid 1px #4f2d03;
}
.w_date {
	padding: 0;
	width: 120px;
	font-size: 125%;
	float: left;
	margin: 0 30px 0 0;
}
.w_name {
	padding: 0;
	margin: 0;
	font-size: 125%;
	float: left;
}
.ew_date {
	font-size: 150%;
	color: #fff;
	padding: 3px 0 3px 10px;
	background-color: #4f2d03;
}
.waza_rubi {
	font-size: 75%;
}
.jkyu {
	padding: 10px;
	font-size: 200%;
	font-weight: bold;
	border: solid 1px #c30d23;
	color: #c30d23;
}
.jkyu a:link {
	color: #0000de;
}
.jkyu a:visit {
	color: #0000de;
}
.jkyu a:hover {
	color: #66ccff;
}
/* 
　　アクセス
　　　　　　　　*/

.access_main_l {
	width: 280px;
	float: left;
}
.access_main_l p {
	font-size: 108%;
	line-height: 1.6;
	text-align:justify;
	text-justify:distribute;
}
.access_main_r {
	width: 620px;
	float: right;
}


/* 
　　まち歩き
　　　　　　　　*/


h2.sh_machiaruki1 {
	padding: 5px 0 5px 10px;
	background-color: #0390af;
	font-size: 150%;
	color: #fff;
}
h2.sh_machiaruki2 {
	padding: 5px 0 5px 10px;
	background-color: #39b34a;
	font-size: 150%;
	color: #fff;
}
.bn_corse_l {
	width: 308px;
	height: auto;
	padding: 12px 0 12px 0;
	margin: 0 15px 0 0;
	border: solid 1px #999;
	float: left;
}
.bn_corse_m {
	width: 308px;
	height: auto;
	padding: 12px 0 12px 0;
	margin: 0 15px 0 0;
	border: solid 1px #999;
	float: left;
}
.bn_corse_r {
	width: 308px;
	height: auto;
	padding: 12px 0 12px 0;
	margin: 0;
	border: solid 1px #999;
	float: left;
}
.bn_corse_2 {
	width: 626px;
	float: right;
}
img.corse_image {
	margin-left:12px;
}
p.corse_cap {
	margin-top: 5px;
	margin-left: 12px;
	margin-bottom: 0;
	font-size: 92%;
}
.tour_area_l {
	float: left;
	width: 481px;
}
p.tour_cap {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 123%;
	text-align:justify;
	text-justify:distribute;
}
.tour_area_r {
	margin: 0;
	padding: 0;
	float: right;
	width: 450px;
}
p.gtourstr {
	font-size: 150%;
	font-weight: bold;
	color:#4f2d03;
}

/* 
　　まち歩き　コース
　　　　　　　　　　　*/
h2.sh_azumabashi {
	padding: 5px 0 5px 10px;
	background-color: #7e497a;
	font-size: 150%;
	color: #fff;
}
h2.sh_mukojima {
	padding: 5px 0 5px 10px;
	background-color: #215283;
	font-size: 150%;
	color: #fff;
}
h2.sh_yahiro {
	padding: 5px 0 5px 10px;
	background-color: #69a300;
	font-size: 150%;
	color: #fff;
}
h2.sh_kinshicho {
	padding: 5px 0 5px 10px;
	background-color: #ea7e00;
	font-size: 150%;
	color: #fff;
}
h2.sh_narihira {
	padding: 5px 0 5px 10px;
	background-color: #0390af;
	font-size: 150%;
	color: #fff;
}
h2.sh_c17 {
	padding: 5px 0 5px 10px;
	background-color: #f09dc1;
	font-size: 150%;
	color: #fff;
}
h2.sh_c18 {
	padding: 5px 0 5px 10px;
	background-color: #f9bf3d;
	font-size: 150%;
	color: #fff;
}
h2.sh_c19 {
	padding: 5px 0 5px 10px;
	background-color: #69bc82;
	font-size: 150%;
	color: #fff;
}
h2.sh_c20 {
	padding: 5px 0 5px 10px;
	background-color: #f2984f;
	font-size: 150%;
	color: #fff;
}
h2.sh_c21 {
	padding: 5px 0 5px 10px;
	background-color: #a9ce52;
	font-size: 150%;
	color: #fff;
}
h2.sh_c22 {
	padding: 5px 0 5px 10px;
	background-color: #a586bc;
	font-size: 150%;
	color: #fff;
}
h2.sh_c23 {
	padding: 5px 0 5px 10px;
	background-color: #9ca5b9;
	font-size: 150%;
	color: #fff;
}
h2.sh_c24 {
	padding: 5px 0 5px 10px;
	background-color: #7dccf3;
	font-size: 150%;
	color: #fff;
}
h2.sh_azumabashi span {
	font-size: 80%;
	font-weight: normal;
}
h2.sh_mukojima span {
	font-size: 80%;
	font-weight: normal;
}
h2.sh_yahiro span {
	font-size: 80%;
	font-weight: normal;
}
h2.sh_kinshicho span {
	font-size: 80%;
	font-weight: normal;
}
h2.sh_narihira span {
	font-size: 80%;
	font-weight: normal;
}
h2.sh_c17 span {
	font-size: 80%;
	font-weight: normal;
}
h2.sh_c18 span {
	font-size: 80%;
	font-weight: normal;
}
h2.sh_c19 span {
	font-size: 80%;
	font-weight: normal;
}
h2.sh_c20 span {
	font-size: 80%;
	font-weight: normal;
}
h2.sh_c21 span {
	font-size: 80%;
	font-weight: normal;
}
h2.sh_c22 span {
	font-size: 80%;
	font-weight: normal;
}
h2.sh_c23 span {
	font-size: 80%;
	font-weight: normal;
}
h2.sh_c24 span {
	font-size: 80%;
	font-weight: normal;
}
p.corse_cap2 {
	font-size: 123%;
}
.corse_map {
	width: 720px;
	float: left;
}
.corse_route {
	width: 200px;
	float: right;
}
h3.course_midokoro {
	font-size: 138%;
	padding-bottom:2px;
	border-bottom: solid 1px #333;
}
.CLR_kinshi {
	color: #ea7e00;
}
.CLR_azuma {
	color: #7e4a7b;
}
.CLR_mukojima {
	color: #215283;
}
.CLR_yahiro {
	color: #69a300;
}
.CLR_narihira {
	color: #0390af;
}
.CLR_red {
	color: #ed1c24;
}
.CLR_c17 {
	color: #f09dc1;
}
.CLR_c18 {
	color: #f9bf3d;
}
.CLR_c19 {
	color: #69bc82;
}
.CLR_c20 {
	color: #f2984f;
}
.CLR_c21 {
	color: #a9ce52;
}
.CLR_c22 {
	color: #a586bc;
}
.CLR_c23 {
	color: #9ca5b9;
}
.CLR_c24 {
	color: #7dccf3;
}
.spot_l {
	width: 450px;
	float: left;
}
.spot_r {
	width: 450px;
	float: right;
}
.img_spot {
	width: 150px;
	float: left;
}
.cap_spot {
	width: 288px;
	float: right;
}
.cap_spot a {
	color: #0000de;
}
.cap_spot h4 {
	font-size: 125%;
	margin:0;
}
.cap_spot p {
	font-size: 100%;
	margin:8px 0 0 0;
	line-height: 1.4;
	text-align:justify;
	text-justify:distribute;
}
p.r_hakurankai {
	font-size: 115%;
	line-height:1.5;
}

/*
　　フロアガイド
　　　　　　　　　*/


#flashArea {
	width: 960px;
	height: auto;
}


/*
　　すみだのまちあるき
　　　　　　　　　　　　*/
.machiarukizone {
	width: 960px;
	height: auto;
}
h2.ma_new {
	font-size: 300%;
	color: #f15a24;
	margin:0;
	padding:0;	
}
p.ma_newcap {
	margin-top: 15px;
	font-size:133%;
	line-height: 1.6;
}
.ma_newl {
	width: 720px;
	float: left;
}
.ma_newr {
	width: 215px;
	float: right;
}
.machiarukizone h2 {
	width: 504px;
	font-size: 150%;
	margin:0;
	padding:0 0 5px 0;
	border-bottom: solid 1px #333;	
}
.machiarukizone h2 span {
	color: #bb8042;
}
.machiarukizone p {
	width: 504px;
	font-size: 107%;
	line-height: 1.5;
	text-align:justify;
	text-justify:distribute;
}
.booth1 {
	background-image: url(../img/img_sumidanokabe02.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.booth1_1 {
	background-image: url(../img/img_mtokutouch.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.booth1_2 {
	background-image: url(../img/img_hakusignage.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.booth1_3 {
	background-image: url(../img/img_hakupanf.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
.booth2 {
	background-image: url(../img/img_teppen02.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.booth3 {
	background-image: url(../img/img_chanko02.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.booth4 {
	background-image: url(../img/img_musashimaru.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.ma_sub {
	width: 504px;
}
.ma1_l {
	width: 277px;
	float: left;
}
.ma1_r {
	width: 208px;
	float: right;
}
.ma2_l {
	width: 239px;
	float: left;
}
.ma2_r {
	width: 238px;
	float: right;
}
.ma3_l {
	width: 238px;
	float: left;
}
.ma3_r {
	width: 238px;
	float: right;
}
p.ma_cap {
	margin-top: 5px;
	font-size:83%;
}

/*
　　観光案内カウンター
　　　　　　　　　　　　*/

.annaizone {
	width: 960px;
	height: auto;
}
.annaizone h2 {
	width: 578px;
	font-size: 150%;
	margin:0;
	padding:0 0 5px 0;
	border-bottom: solid 1px #333;	
}
.annaizone h2.book {
	width: 960px;
	font-size: 150%;
	margin:0;
	padding:0 0 5px 0;
	border-bottom: solid 1px #333;	
}
.annaizone h2 span {
	color: #bb8042;
}
.annaizone p {
	width: 504px;
	font-size: 107%;
}
.annaizone p.book_cap {
	width: 960px;
	font-size: 107%;
}
.booth_a1 {
	background-image: url(../img/img_annai02_2.jpg);
	background-repeat: no-repeat;
	background-position: 578px top;
}
.booth_a2 {
	background-image: url(../img/img_touch02_2.jpg);
	background-repeat: no-repeat;
	background-position: 578px top;
}
.book1 {
	width: 143px;
	float: left;
	margin-right: 20px;
	text-align: center;
}
.book2 {
	width: 143px;
	float: left;
	text-align: center;
}
p.b_cap {
	margin-top: 5px;
	margin-bottom: 0;
	width: 143px;
	font-size: 100%;
	line-height: 1.1;
}
p.b_tit {
	margin-top: 2px;
	margin-bottom: 0;
	width: 143px;
	font-size: 125%;
	font-weight: bold;
	line-height: 1.1;
}
p.b_price {
	margin-top:2px;
	width: 143px;
	font-size: 100%;
}

/*
　　　　　茶屋
　　　　　　　　　　　　*/


#cafe_main {
	width: 100%;
	margin-top: 30px;
}
#cafe_main_l {
	width: 200px;
	float: left;
}
#cafe_main_r {
	width: 724px;
	float: right;
}


/* 
　　　　店屋
　　　　　　　　　*/

#hokusaitshirt {
	width: 960px;
}
#hokusaitshirt img {
	margin: 0;
}
.mise_cap {
	margin: 0;
	font-size: 125%;
	line-height: 1.3;
}
.mise_syokutaku {
	width: 960px;
	height: auto;
}
.itemArea {
	width: 960px;
	border-top: solid 1px #333;
	padding-top: 15px;
}
.attaka_l {
	width: 239px;
	float: left;
	margin-right: 30px;
}
.attaka_r {
	width: 690px;
	float: left;
}
.attaka_r2 {
	width: 690px;
	border-top: dotted 2px #999999;
	padding-top: 20px;
	float: left;
}
p.ms_cap1 {
	margin: 0;
	padding: 0;
	font-size: 110%;
	line-height: 1.5;
	text-align:justify;
	text-justify:distribute;
}

/* 
			１周年
								*/
#1st img {
	margin: 0;
	padding: 0;
}
.noborder {
　border:none;
　outline:none;
} 

/* 
			まる得PR
								*/
								
.maru_l {
	width: 300px;
	float: left;
	margin-right: 30px;
}
.maru_c {
	width: 300px;
	float: left;
}
.maru_r {
	width: 300px;
	float: right;
}

/* 夏休み特集 */

.natsu {
	width: 961px;
	height: 1501px;
}

/* バスツアー */

.bus_tour {
	width: 960px;
	height: 1057px;
}
.bus_tour_annai {
	width:960px;
	height:364px;
}
.toi_l {
	float: left;
	margin-right: 15px;
}
.toi_r {
	margin-top:0;
	font-size:125%;
	line-height:1.3;
	float: left;
}
.toi_r span {
	font-size: 125%;
	color: #F00;
}

/* リアル宝探し */
.takarasagashi {
	width: 961px;
	height: 1815px;
}
/* ~~ レイアウトに使用するカラムです。~~ 

1) 余白は、div の上部または下部にのみ配置されます。これらの div 内のエレメントには、それ自体に余白があるので、ボックスモデル計算を行う必要がありません。ただし、div 自体に両側の余白やボーダーを指定した場合、その値が加算されたものが合計幅になることに注意してください。div 内のエレメントの余白を削除し、さらにその div 内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の div を追加することもできます。

2) カラムはすべてフロートしているため、マージンは指定されていません。マージンを追加する必要がある場合は、フロート方向には指定しないでください (例えば、右フロートに設定した div の右マージン)。多くの場合、代わりに余白を使用できます。このルールに従わない場合は、div のルールに「display:inline」宣言を追加し、一部のバージョンの Internet Explorer でマージンが 2 倍になるバグを回避する必要があります。

3) クラスはドキュメント内で複数回使用できるので (またエレメントには複数のクラスを適用できます)、カラムには ID ではなくクラス名が割り当てられます。例えば、必要に応じて 2 つのサイドバー div をスタックできます。クラスを各ドキュメントで一度しか使用しないのであれば、ユーザーの好みに応じて、クラス名を ID に変更することができます。

4) ナビゲーションを左ではなく右に配置したい場合、これらのカラムを反対方向にフロートさせると (すべて左方向にする代わりに、すべて右方向に設定)、反転してレンダリングされます。HTML ソース内で div を移動する必要はありません。

*/


/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、.footer が .container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (.container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* 太字　*/
.mojiB {
	font-weight: bold;
}
.fontb {
	font-weight: bold;
}
.hline {
	border-top: solid 1px #999999;
	margin-bottom: 40px;
}
/* マージン　*/

.m0 {
	margin: 0;
}
.mt0 {
	margin-top: 0;
}
.mt3 {
	margin-top:3px;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:15px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt35 {
	margin-top: 35px;
}
.mt40 {
	margin-top: 40px;
}
.mt44 {
	margin-top: 44px;
}
.mt45 {
	margin-top: 45px;
}
.mt50 {
	margin-top: 50px;
}
.mt59 {
	margin-top: 59px;
}
.mt60 {
	margin-top: 60px;
}
.mt70 {
	margin-top: 70px;
}
.mt80 {
	margin-top: 80px;
}
.mt86 {
	margin-top: 86px;
}
.mt90 {
	margin-top: 90px;
}
.mt100 {
	margin-top: 100px;
}
.mt110 {
	margin-top: 110px;
}
.mt114 {
	margin-top: 114px;
}
.mt116 {
	margin-top: 116px;
}
.mt117 {
	margin-top: 117px;
}
.mt120 {
	margin-top: 120px;
}
.mt123 {
	margin-top: 123px;
}
.mt130 {
	margin-top: 130px;
}
.mt135 {
	margin-top: 135px;
}
.mt140 {
	margin-top: 140px;
}
.mt145 {
	margin-top: 145px;
}
.mt150 {
	margin-top: 150px;
}
.mt151 {
	margin-top: 151px;
}
.mt155 {
	margin-top: 155px;
}
.mt158 {
	margin-top: 158px;
}
.mt160 {
	margin-top: 160px;
}
.mt170 {
	margin-top: 170px;
}
.mt171 {
	margin-top: 171px;
}
.mt177 {
	margin-top: 177px;
}
.mt186 {
	margin-top: 186px;
}
.mt190 {
	margin-top: 190px;
}
.mt198 {
	margin-top: 198px;
}
.mt226 {
	margin-top: 226px;
}
.mt239 {
	margin-top: 239px;
}
.mt246 {
	margin-top: 246px;
}
.mt330 {
	margin-top: 330px;
}
.mt357 {
	margin-top: 357px;
}
.mt445 {
	margin-top: 445px;
}
.mt593 {
	margin-top: 593px;
}
.mt697 {
	margin-top: 697px;
}


.ml10 {
	margin-left:10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml25 {
	margin-left: 25px;
}
.ml30 {
	margin-left: 30px;
}
.ml45 {
	margin-left: 45px;
}
.ml50 {
	margin-left: 50px;
}
.ml60 {
	margin-left: 60px;
}
.ml70 {
	margin-left: 70px;
}
.ml80 {
	margin-left: 80px;
}
.ml90 {
	margin-left: 90px;
}
.ml100 {
	margin-left: 100px;
}
.ml110 {
	margin-left: 110px;
}
.ml120 {
	margin-left: 120px;
}
.ml130 {
	margin-left: 130px;
}
.ml140 {
	margin-left: 140px;
}
.ml150 {
	margin-left: 150px;
}
.ml200 {
	margin-left: 200px;
}
.ml_15 {
	margin-left:15px;
}

.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr21 {
	margin-right: 21px;
}
.mr30 {
	margin-right: 30px;
}
.mb0 {
	margin-bottom: 0;
}
.mb3 {
	margin-bottom: 3px;
}
.mb5 {
	margin-bottom:5px;
}
.mb7 {
	margin-bottom:7px;
}
.mb8 {
	margin-bottom: 8px;
}
.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb35 {
	margin-bottom: 35px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb70 {
	margin-bottom: 70px;
}
.mb80 {
	margin-bottom: 80px;
}
.mb90 {
	margin-bottom: 90px;
}
.mb100 {
	margin-bottom: 100px;
}
.mb129 {
	margin-bottom: 129px;
}
.mb150 {
	margin-bottom: 150px;
}
.mb236 {
	margin-bottom: 236px;
}
.mb245 {
	margin-bottom: 245px;
}

/* padding */
.pad0 {
	padding: 0;
}
.pt3 {
	padding-top:3px;
}
.pt10 {
	padding-top: 10px;
}
.pt20 {
	padding-top: 20px;
}
.pb3 {
	padding-bottom:3px;
}

.w100 {
	width: 100%;
}
.w730 {
	width: 730px;
}
.w_full {
	width: 960px;
}

.a_left {
	text-align: left;
}
.a_right {
	text-align: right;
}
.a_center {
	text-align: center;
}
.f_left {
	float: left;
}
.f_right {
	float: right;
}
.va_bottom {
	vertical-align: bottom:
}
.f_bottom {
	position: absolute; 
	left:0;
  bottom: 0;
}
.c_red_b {
	color: red;
	font-weight: bold;
}
.z130 {
	font-size: 120%;
	vertical-align: -20%;
	}

/* 罫線 */
.brd_top {
	border-top: solid 1px #999;
}
/* clearfix */
.M_clearfix:after {
	height: 0;
	visibility:hidden;
	content:"";
	display:block;
	clear:both;
}
	/* for IE6 */
	* html .M_clearfix {
		display:inline-block;
	}
	/* for IE7 */
	*+html .M_clearfix {
		display:inline-block;
	}