@charset "UTF-8"; 

/*******************************************
BODY　フォント
*******************************************/
body { margin: 0 auto; padding: 0; font-size: 13px; color:#221133; line-height: 150%; background: #F0EFE8 url(../image/common/body_back.jpg) repeat-x; font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka; text-align: center}
/* IE7でpadding指定 */
*:first-child+html body { padding-left: 1px; }
/* IE6以下でpadding指定 */
*html body { padding-left: 1px; }
th, td, p { font-size: 13px; color: #222222; line-height: 150%; /*	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif; 	*/
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; text-align:left }
table, td { text-align:left }
th { text-align:center }
h2, h3, h4, p { padding: 0; margin: 0 auto 0 auto }
h2, h3, h4, ul, ol, p { text-align:left; }
div { 	height:auto; }
a:link { padding: 3px 0 3px 0; text-decoration:none; color:#660066; }
a:visited { text-decoration:none; color:#cc3399; }
a:hover { text-decoration:underline;  }
a:active { background-color: #660066; color: #ffffff; padding: 3px 0 3px 0; text-decoration:none; }
img a:link, img a:active { padding:0 }
a.none:link, a.none:visited, a.none:hover { text-decoration:none  }
a.white:link { background: none transparent scroll repeat 0% 0%; color: #ffffff; text-decoration: none }
a.white:visited { background: none transparent scroll repeat 0% 0%; color: #ffffff; text-decoration: none }
a.white:hover { background: none transparent scroll repeat 0% 0%; color: #6699ff; text-decoration: none }
a.black { color:#000000; text-decoration:underline }
img{ border: 0; margin: 0; padding:0 }
.font9 { font-size: 9px; font-family: Osaka,'lr PSVbN' }
.white { color:#FFFFFF }
.font10 { font-size: 10px; font-family: Osaka,'lr PSVbN' }
.font11 { font-size: 11px; font-family: Osaka,'lr PSVbN' }
.font12 { font-size: 12px; line-height: 1.6em;  }
.font13 { font-size: 13px; line-height: 1.6em;  }
.font14 { font-size: 14px;  }
.font15 { font-size: 15px;	line-height: 120%; }
.font16 { font-size: 16px; font-family: Osaka,'lr PSVbN' }
.font18 { font-size: 18px; font-family: Osaka,'lr PSVbN' }
.clear { clear: both; padding-right: 0; padding-left: 0; padding-bottom: 0; margin: 0; padding-top: 0 }
.clear2 { clear: both;  }
.clearfix:after{ content: "."; display: block; visibility:hidden; height:0.1px; font-size: 0.1em; line-height:0; clear:both; }
.gold{ color:#ab9960 }
.red{ color:#CC0033 }
.red2{ color:#ff0000 }
.red3{ color:#CC0033; font-weight:bold }
.blue { color:#0066CC; font-weight:bold }
.eme { color:#66CCCC }
.azuki { color:#996666 }
.5a5a { color:#5a5a00 }
.bold { font-weight: bold }
ul{ list-style-type: none; }
.clearfix:after { content: ".";  /* Vvf */  	display: block;  /* ubNxvf */ 	clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; display:inline-block; }
* html .clearfix { height: 1px; /*\*//*/ 	height: auto; overflow: hidden; /**/ }
p.clear { clear:both; margin:0; padding:0; height:1px; line-height:0; font-size:0; }
.center { text-align:center }
.link a:hover img { filter:alpha(opacity=55);     -moz-opacity:0.55;     -khtml-opacity: 0.55;     opacity: 0.55; }

/*******************************************
ヘッダー部分
*******************************************/
#head { width: 100%; height: 510px; padding:0; margin: 0 auto 0 auto; clear: both; display: inline-block; }
#header { width: 980px; height: 97px; padding:0; margin: 0 auto 0 auto; clear: both; display: inline-block }
h1#top { width: 980px; margin:0; padding:0; line-height: 20px; font-size:11px; color: #997730; float:right; text-align: center; font-weight:normal; display:block; }
#top_left { width: 286px; height: 73px; margin: 0; float: left; }
#top_right { float: right; width:680px; height:73px; font-weight: bold  }
#top_right ul#ul1{ width:680px; padding: 0; margin: 0 0 0 35px; text-align:right }
#top_right ul#ul1 li{ float: left; display:inline; margin: 0 10px 0 0; }
/* IE6以下で指定 */
*html #top_right ul#ul1 { margin-top:16px; }
/* IE7で指定 */
*:first-child+html #top_right ul#ul1 { margin-top:16px; }

/* ヘッダー下のNavigation 
----------------------------------*/
div#headnavi { clear: both }
div#headnavi ul { width: 981px;   /*for ie (X 980px)*/ 	height: 42px; list-style:none; margin: 0 auto; padding:0; text-align:center; }
div#headnavi ul li { float:left; margin:0; padding:0; display:inline-block; }
div#headnavi ul li a { height:42px; margin:0; padding:0; }
div#headnavi ul li,time { font-size:11px }

/* トップページのヘッダーイベント
----------------------------------*/
#loopslider { background:none; width: 100%; height: 346px; margin: 0 auto; text-align: left; position: relative; overflow: hidden; }
#loopslider ul { margin: 0 auto; overflow: hidden; display: inline; padding:0; }
#loopslider ul li { width: 260px; height: 325px; height: 335px\9; float: left; margin: 3px 10px; overflow: hidden; display: inline-block; padding: 7px 5px 3px 10px; border: solid 1px #999; background: #fff; box-shadow: #999 2px 2px 2px; text-align: left; line-height:120%; position: relative }
#loopslider p.img { padding-left; 15px; text-align:center }
#loopslider #loopleft, #loopslider #loopright { font-size: 18px; top: 12px; width: 20px; height: 250px; line-height: 64px; color: #fff; text-align: center; background: #555;position: absolute; overflow: hidden; cursor: pointer; z-index: 99; }
#loopslider #loopleft { left: 0;}
#loopslider #loopright { right: 0; }
#loopslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
#loopslider ul { display: inline-block; overflow: hidden; }
p.date { margin-top:5px; margin-bottom:7px }
p.date span.pref{ background: #6CF ; font-weight: bold; padding: 1px 5px 1px 5px; padding: 1px 3px 1px 3\9; border-radius: 10px; box-shadow: #aaa 2px 2px 2px; margin-right:5px; }
p.date span.area{ background: #ffeebf; }
p.date span.icon img{ margin-right: 2px; vertical-align: bottom; }
p.date span.date{ background: #FF3; margin-top:0; padding: 2px 5px 2px 5px; border-radius: 10px; box-shadow: #aaa 2px 2px 2px; font-weight: bold }
p.date span.time{ clear: left; background: #F96; margin-top: 5px; margin-right: 5px; padding: 1px 5px; border-radius: 10px; box-shadow: #aaa 2px 2px 2px; font-weight: bold }
#loopslider .desc, #loopslider .desc p { font-size: 95%; line-height:120% }
#loopslider h3 { font-size:105%; margin-bottom:5px }
#loopslider dl { margin-top:5px; position: absolute; bottom: 2px }
#loopslider dl dt { float: left; font-weight: bold; padding-top:0px }
#loopslider dl dd div { color: #fff; width: 51px; width: 61px\9; height:18px; font-weight: bold; font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif; float: left; padding: 5px 5px 0 20px; padding: 5px 5px 5px 20px\9;}
#loopslider dl dd .male1 { margin: 0 5px 5px 0; background: #09C url(../image/common/male.png) 2px 2px no-repeat;  }
#loopslider dl dd .female1 { margin: 0 0 5px 5px; background: #F39 url(../image/common/female.png) 2px 2px no-repeat }
#loopslider #loopleft { top: 0; left: 0; width: 20px; height: 100px; line-height: 100px; color: #fff; text-align: center; font-weight: bold; background: #000; position: absolute; overflow: hidden; cursor: pointer; z-index: 99; }
#loopslider #loopright { top: 0; right: 0; width: 20px; height: 100px; line-height: 100px; color: #fff; text-align: center; font-weight: bold; background: #000; position: absolute; overflow: hidden; cursor: pointer; z-index: 99; }
#loopslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
#loopslider ul { display: inline-block; overflow: hidden; }

/* パンくずエリア
----------------------------------*/
#pankuzu_area { width: 1024px; margin: 10px auto; text-align: center; }
#pankuzu_area #pankuzu { width: 480px; float: left; font-weight: bold; margin:3px 0 ; text-align: left}
#pankuzu_area #pankuzu a { color: #636; }
#pankuzu_area #pankuzu a:hover { color:#09F }
#pankuzu_area #webtools { width: 500px; height: 25px; margin: 6px 0 0 20px; padding: 0; float: right; text-align: left; position: relative; overflow: hidden;}
#pankuzu_area #webtools ul { width: 680px; height: 25px; overflow: hidden; display: inline; }
#pankuzu_area #webtools ul li { float: left; margin: 0 20px 0 0; overflow: hidden; display: inline; }

/*******************************************
レイアウト
*******************************************/
div#container { width:1180px; margin: 0 auto; text-align: center; font-weight:normal }
div#contents { float: left; width: 650px; position: relative; margin: 0 0 0 10px; background: #fff; border: solid 1px #C6AE9F; padding:8px; }
div#contents h2 { background-color: #F7F7F7; border-bottom: 1px solid #C7C7C7; border-left: 1px solid #C7C7C7; border-right: 1px solid #C7C7C7; border-top: 3px solid #00B2FF; font-size: 125%; font-weight: bold; line-height: 100%; margin: 0 0 15px 0; padding: 5px 10px 3px 7px; }
div#contents h3 { width: 98%; background: #333; margin: 0 auto; text-align:left}

/*******************************************
左側ナビゲーション
*******************************************/
#leftnavi { float:left; width: 239px; height: auto; margin:0; padding: 0; text-align:center; positiion: relative}
#leftnavi .sidebox { background-color:#FFF; border: solid 1px #C6AE9F;  border-top: solid 1px #fff; padding-bottom:20px; margin-bottom:30px }
#leftnavi h3 { margin:0; padding:0 }
#leftnavi #kensaku { padding: 0 13px 15px 13px; margin: -1px 0 10px 0 }
#leftnavi #kensaku h4 { width: 100%; background: #333; margin: 0 auto; text-align:center}
#leftnavi #kensaku h4.mat20 { margin-top: 17px }
#leftnavi #kensaku h5 { text-align: left; font-size: 14px; color: #C33; margin: 15px 0 3px 0;}
#leftnavi #kensaku h5 span { font-size: 13px; color:#221133; font-weight: normal }
#leftnavi #kensaku h5.mt10 { margin-top:5px; margin-bottom: 20px }
#kensaku2 { background-image: url(../image/top/kensaku2.gif); background-repeat: no-repeat; width: 224px; height: 97px; float: right; }
#leftnavi #kensaku p { }
#leftnavi #kensaku p.txt1 { border: solid 1px #aaaaaa; padding: 7px 5px 5px 5px; background:#e3eaf3 ; margin-top: 12px; font-weight: bold}
#leftnavi #kensaku .mame { font-size:11px; line-height: 110%; color: #063; padding:3px }
#leftnavi #kensaku ul#genre { margin: 0 -2px 15px -2px; padding: 0 }
#leftnavi #kensaku ul#genre li { font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; margin: 6px 0; padding: 5px 2px; border: solid 1px #bbaacc; box-shadow: 2px 2px 2px #ccc; /*CSS3*/  -moz-box-shadow: 2px 2px 2px #ccc; /* Firefox用*/  -webkit-box-shadow: 2px 2px 2px #ccc; /* Google Chrome, Safari用*/ background: -moz-linear-gradient(bottom, #ccccdd, #fff); background: -webkit-gradient(linear, center bottom, center top, from(#ccccdd), to(#fff)); background: #fff\9;}
#leftnavi #kensaku ul#genre li input[type='checkbox'] { float: left }
#leftnavi #kensaku ul#genre li a { display: block; padding: 0; color:#221133 }
#leftnavi #kensaku ul#genre li a:hover { text-decoration: none; font-weight: bold; color: #fff; background: -moz-linear-gradient(bottom, #333366, #999); background: -webkit-gradient(linear, center bottom, center top, from(#333366), to(#999));  background: #444477\9; }
#leftnavi #kensaku input.kensaku[type='submit'] { font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; color: #fff; font-size:14px; font-weight: bold; padding: 2px 15px; background: #F33; border: ridge 1px #ccc }
#leftnavi #kensaku input.kensaku[type='submit']:hover { background: #099 }
input.age { width: 22px; padding: 2px; text-align: center }

/* カレンダー表示 */
#leftnavi table.calendar { width :88%; height :180px; padding: 0; margin: 5px auto 25px auto; font-size: 13px; background:#9CC; border:solid 1px #999;border-collapse:collapse; }
#leftnavi table.calendar th { text-align: center; border: solid 1px #666; padding: 5px 4px; font-size:13px; background-color : lightgray; }  
#leftnavi table.calendar td { font-size:12px; padding: 5px 4px; border: solid 1px #FFF; text-align: center; vertical-align: middle; line-height: normal; } 
input[type="submit"].submit1 { width: 30px; padding: 3px }
#leftnavi table.calendar td.month { font-size: 15px; font-weight: bold; margin: 0 auto; padding: 0 18px }
#leftnavi table.calendar td.doyoubi { color : blue; background-color:#ABD2FF }
#leftnavi table.calendar td.nitiyoubi {color : red; background-color:#FFC7CB }
#leftnavi table.calendar td.heijitu { color : black; }
#leftnavi table.calendar td.honjitu { background-color:#FF3; border: solid 3px #CC0033; font-weight: bold }
#leftnavi table.calendar form { margin-top:0 }
#leftnavi table.calendar td a { text-decoration: underline }
#leftnavi table.calendar .setumei0, #leftnavi table.calendar .setumei1, #leftnavi table.calendar .setumei2, #leftnavi table.calendar .setumei3, #leftnavi table.calendar .setumei4, #leftnavi table.calendar .setumei5, #leftnavi table.calendar .setumei6 { display: none; position: absolute; top: 1.2em; font-weight: normal; text-align: left }
#leftnavi table.calendar .setumei0 { left: -10px; }
#leftnavi table.calendar .setumei1 { left: -30px; }
#leftnavi table.calendar .setumei2 { left: -120px; }
#leftnavi table.calendar .setumei3 { left: -150px; }
#leftnavi table.calendar .setumei4 { left: -120px; }
#leftnavi table.calendar .setumei5 { right: -30px; }
#leftnavi table.calendar .setumei6 { right: -10px; }
#leftnavi table.calendar td a:hover { position:relative; }
#leftnavi table.calendar td a:hover .setumei0, #leftnavi table.calendar td a:hover .setumei1, #leftnavi table.calendar td a:hover .setumei2, #leftnavi table.calendar td a:hover .setumei3, #leftnavi table.calendar td a:hover .setumei4, #leftnavi table.calendar td a:hover .setumei5, #leftnavi table.calendar td a:hover .setumei6 { display: block; background-color: #fff; width: 170px; height:auto; display: inline-block; padding:3px 4px; color:#000000; border-radius:7px; border: #C33 solid 2px;	/*フキダシ用*/}

/* マップ表示 */
#leftnavi #kensaku #mapkensaku { width:223px; height: 205px; display: block; position: relative }
#leftnavi #kensaku #mapkensaku #imagemap { position: absolute; width:223px; height: 168px; top: 13px; left: -6px; background: url(../image/common/map.png) no-repeat;}

/* 条件表示 */
#leftnavi #kensaku #jouken { border: dotted 1px #996666; background:#eaf3f9 }

/*******************************************
右側ナビゲーション
*******************************************/
#rightnavi { float:right; margin: 0 auto 0 auto; padding:0; width: 254px; heisht:auto; text-align:center }
/* IE6以下で幅指定 */
*html #rightnavi { width: 254px; }
/* IE7で幅指定 */
*:first-child+html #rightnavi { width: 254px; }
#rightnavi h3 { margin:0; padding:0 }
#rightnavi .sidebox { background-color:#EEEBF1; border: solid 1px #C6AE9F; padding-bottom:20px; margin-bottom:30px }

/******* イベント登録 *******/
#rightnavi #touroku { border-top: solid 1px #EEEBF1; }
#rightnavi #touroku p.txt1 { line-height:130%; padding: 10px 20px 0 20px }

/******* マイページログイン *******/
#mypage { width:244px; height:170px; margin:0; padding:5px }
#mypage #login { font-size: 95%; text-align: left; line-height: 30px; margin: 10px 8px; clear: both }
#mypage p { margin: 10px auto 5px auto; padding: 3px; text-align:center; background: #fff; border-top: dotted 1px #333333; border-bottom: dotted 1px #333333; width:90% }
#mleft { float:left; width:137px; }
#mleft ul { margin: 0; padding:0 }
#mleft ul li { margin: 3px auto 0 auto; padding:0; text-align:left }
#mright { float:right; width:73px; color: #666666; background: #fff; text-align:center; font-size:12px; line-height:125%; margin-right:3px; padding:5px; border: dotted 1px #000000 }
#mypage input[type='submit'], #mypage input[type='button']  { text-align: center; margin: 5px auto 5px auto }

/******* 右ナビバナー *******/
#rightnavi #navicontents1 { width: 254px; height: auto; margin: 0 auto 0 auto; padding:0; text-align:center; }
#rightnavi #navicontents1 ul#bana { width:250px; margin:0 auto 0 auto; text-align:left }
ul#bana li { margin-bottom:7px }
#rightnavi #navicontents1 #navi1 { width:261px; margin:0 auto 10px auto; text-align:center }
p.navi1 { margin:0 auto 10px auto; padding:0 auto 10px auto; text-align:center }
#rightnavi #navicontents1 h3 { padding-bottom; 10px;  }
#rightnavi .link .text { font-size:11px; padding: 4px 4px 3px 6px; margin: 0; line-height:110%; text-align: left; color:#000000 }

/******* イベントジャンル別 *******/
#event_genre { width: 230px; height:auto; background-color: #ffffff; border: solid 5px #ff9999; padding: 7px 5px 6px 6px; margin: 15px auto 20px auto; }
#event_genre h3 { margin:0; padding-bottom:3px; border-bottom: dotted 1px #000000; text-align:center }
#event_genre h4 { margin: 20px auto 0 auto; text-align:center }
#event_genre p { padding: 5px 3px 0 4px; line-height:120%; font-size: 100% }

/*******************************************
フッター
*******************************************/
#footer{ clear:both; width: 1024px; height:auto; padding: 0 auto 0 auto; margin:0 auto;  } 
#footer #aisatsu{ width: 980px; padding:20px; margin: 20px auto 10px auto; background: #fff ; border: dotted 2px #CC6666; font-weight: normal } 
#footer #aisatsu p{ text-align:left; line-height:120%; margin: 25px 10px 15px 130px; padding:0 }
#footer #aisatsu .henshubutton { text-align:right; margin-top:-10px } 
/* IE7でmargin指定 */
*:first-child+html #footer #aisatsu p { margin-top:50px;; }
/* IE7でmargin指定 */
#footer #aisatsu .henshubutton { margin-top:10px;; }
*:first-child+html #footer #link2 { font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif; font-size:9px; letter-spacing:0.8em }
/* IE6以下でmargin指定 */
*html #footer #aisatsu p { margin-top:45px;; } 
#footer #message { margin: 0 auto; text-align: left }
#footer #message h2 { font-size: 115% }
#footer #message p { font-size: 95%; margin: 10px 7px; padding:0 }
#footer #keyword { font-size: 95%; margin: 10px auto 20px auto; padding:7px; border: dotted 1px #006699; text-align: left; line-height: 120%; background: #e3eaf3 }
#footer #link2 { width: 1024px; 	text-align:center; padding: 0 0 20px 0; margin: 0 auto 20px auto ; font-size:12px; font-weight:normal; }
#footer #link2 ul li { float: left; margin-right: 10px; }
#footer #link2 a:link { font-weight:normal;  }
#footer #link2 a:hover { text-decoration:none; background-color: #ffff66; color: #333333 }
#footer #link a:visited { font-weight:normal }
#copy { clear: left; background-image:url(../image/common/footer.jpg); background-repeat:no-repeat; width: 947px; margin:20px auto; padding:0; text-align:center; padding-top:1px }
#copy a:link { color: #222222 }

/*******************************************
その他　クラス
*******************************************/
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.fleft { float: left; text-align:center; }
.fright { float: right; text-align:center; }
.middle { vertical-align:middle }
.bar { padding: 0; margin: 10px 0 15px 3px;  }
.bar1 { padding:0; margin: 18px 0 15px 3px }
.bar2 { padding: 0; margin:7px auto 7px auto; text-align:center }
p.bun{ padding:15px 7px 10px 8px; text-align:left; line-height:140%; }
p.bun2 { font-size: 16px; font-weight:bold; padding:10px 7px 10px 8px; text-align:left; line-height:140%; }
.ma0 { padding:0; margin: 0 }
p.margin25{ margin-bottom:25px; margin-top: 0px; padding: 0px; }
p.mb10 { margin: 10px auto 10px auto }
p.mb15 { margin: 15px auto 15px auto }
.mat20 { margin-top:20px }
.mat40 { margin-top:40px }
.mat50 { margin-top:50px }
p.b17 { margin-bottom:17px }
p.margin10 { margin: 5px 20px 5px 20px }
p.top { clear:both; text-align:right; margin:20px 10px 10px 0 }
p.top2 { text-align:right; margin:0 10px 35px 0 }
p.pagetop{ text-align:right; padding:20px; padding-top:10px; margin-top: 0 }
.border0 { border: 0 }
.border1 { border: solid 1px #cccccc }
.border4 { border: solid 1px #222222 }
.border5 { border: solid 1px #222244 }
.border4 { border: solid 1px #222222 }
.border5 { border: solid 1px #222244 }
p.button { text-align:center; margin:20px 0 12px 0; padding: 0 }
p.bana { margin: 0 0 10px 0 }
p.bana2 { margin: 0 auto 7px auto; font-size:15px; text-align:center; font-weight: bold; color: #cc3366 }
p.bana3 { margin: 0 auto 40px auto; font-size:15px; text-align:center; font-weight: bold; color: #cc3366; }
p.bana4 { margin: 0 auto 20px auto; font-size:15px; text-align:center; font-weight: bold; color: #cc3366 }
p.shosai { text-align:right; margin-right:10px; margin-top:10px }
p.shosai2 { text-align:right; padding:0; margin-right:10px; margin-top:0; margin-bottom:40px }
.shosai3 { margin-top:0; padding-top:0; text-align:right }
.shosai4 { margin-top:0; margin-bottom:10px; padding-top:0; text-align:right }
p.text { margin-left:20px }
p.text2 { margin: 0 15px 20px 15px }
p.text3 { margin: 0 15px 13px 15px }
a:hover img.link2 { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }
a:hover img.link3 { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.orange { color:#FF6600 }
.gray { color:#999999 }
.left1 { margin-left:30px; margin-right:30px; margin-top:20px; margin-bottom:10px; text-align:left }
.line { text-decoration:line-through }
table01 th.th3, table01 td { margin: 0 auto; text-align: center	 }
div.hr { border-top: 1px dotted #FFFFFF; height: 0; margin: 10px 0; }
div.hr_x2 { border-top: 1px dotted #FFFFFF; height: 0; margin: 20px 0; }
div.hr_x3 { border-top: 1px dotted #FFFFFF; height: 0; margin: 30px 0; }
hr.x3 { class:clear; border-top: 1px dotted #FFFFFF; height: 0; margin: 20px 0; }

/*--( Float Type )----------------------*/
.flL{ float: left; margin-right:3px;}
.flR{ float: right; margin-left:3px}
.left { text-align:left;}
.right { text-align:right;}
.center { margin-left: auto; margin-right: auto; text-align:center;	}

/*--( Margin Type )---------------------*/
.ma0{ margin: 0!important; }
.mt0{ margin-top: 0!important; }
.mr0{ margin-right: 0!important; }
.ml0{ margin-left: 0!important; }
.mb0{ margin-bottom: 0!important; }
.ma5{ margin: 5px!important; }
.mt5{ margin-top: 5px!important; }
.mr5{ margin-right: 5px!important; }
.mb5{ margin-bottom: 5px!important; }
.ml5{ margin-left: 5px!important; }
.ma10{ margin: 10px!important; }
.mt10{ margin-top: 10px!important; }
.mr10{ margin-right: 10px!important; }
.mb10{ margin-bottom: 10px!important; }
.ml10{ margin-left: 10px!important; }
.ma15{ margin: 15px!important; }
.mt15{ margin-top: 15px!important; }
.mr15{ margin-right: 15px!important; }
.mb15{ margin-bottom: 15px!important; }
.ml15{ margin-left: 15px!important; }
.ma20{ margin: 20px!important; }
.mt20{ margin-top: 20px!important; }
.mr20{ margin-right: 20px!important; }
.mb20{ margin-bottom: 20px!important; }
.ml20{ margin-left: 20px!important; }
.ma30{ margin: 30px!important; }
.mt30{ margin-top: 30px!important; }
.mr30{ margin-right: 30px!important; }
.mb30{ margin-bottom: 30px!important; }
.ml30{ margin-left: 30px!important; }
.ma40{ margin: 40px!important; }
.mt40{ margin-top: 40px!important; }
.mr40{ margin-right: 40px!important; }
.mb40{ margin-bottom: 40px!important; }
.ml40{ margin-left: 40px!important; }
.ma50{ margin: 50px!important; }
.mt50{ margin-top: 50px!important; }
.mr50{ margin-right: 50px!important; }
.mb50{ margin-bottom: 50px!important; }
.ml50{ margin-left: 50px!important; }

/*--( Padding Type )--------------------*/
.pa0{ padding: 0!important; }
.pt0{ padding-top: 0!important; }
.pr0{ padding-right: 0!important; }
.pb0{ padding-bottom: 0!important; }
.pl0{ padding-left: 0!important; }
.pa5{ padding: 5px!important; }
.pt5{ padding-top: 5px!important; }
.pr5{ padding-right: 5px!important; }
.pb5{ padding-bottom: 5px!important; }
.pl5{ padding-left: 5px!important; }
.pa10{ padding: 10px!important; }
.pt10{ padding-top: 10px!important; }
.pr10{ padding-right: 10px!important; }
.pb10{ padding-bottom: 10px!important; }
.pl10{ padding-left: 10px!important; }
.pa15{ padding: 15px!important; }
.pt15{ padding-top: 15px!important; }
.pr15{ padding-right: 15px!important; }
.pb15{ padding-bottom: 15px!important; }
.pl15{ padding-left: 15px!important; }
.pa20{ padding: 20px!important; }
.pt20{ padding-top: 20px!important; }
.pr20{ padding-right: 20px!important; }
.pb20{ padding-bottom: 20px!important; }
.pl20{ padding-left: 20px!important; }
.pa30{ padding: 30px!important; }
.pt30{ padding-top: 30px!important; }
.pr30{ padding-right: 30px!important; }
.pb30{ padding-bottom: 30px!important; }
.pl30{ padding-left: 30px!important; }
.pa40{ padding: 40px!important; }
.pt40{ padding-top: 40px!important; }
.pr40{ padding-right: 40px!important; }
.pb40{ padding-bottom: 40px!important; }
.pl40{ padding-left: 40px!important; }
.pa50{ padding: 50px!important; }
.pt50{ padding-top: 50px!important; }
.pr50{ padding-right: 50px!important; }
.pb50{ padding-bottom: 50px!important; }
.pl50{ padding-left: 50px!important; }