@charset "utf-8";
/*
Theme Name:ldc-child
Description:Twenty Twelveをベースにカスタマイズ
Author:saela
Version:1.0
Template:twentytwelve
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


*/

@import url(../twentytwelve/style.css);

body {
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",Verdana,Arial,Helvetica,sans-serif;
font-size: 13px;
text-align: justify;
word-break:break-all;
}

.site-header { position:relative; padding:30px 0 1.71429rem 0; }
.site-header h1 a,
.site-header h2 a { display:inline; color:#515151; text-decoration: none; }

#header-contact .info { position:absolute; right:0; top: 45px; text-align:center; }

body .site {
	margin-top: 0; margin-bottom: 0;
	box-shadow: 0 2px 6px  rgba(100, 100, 100, 0.3);
	background-image:none; background-color:#FFF; 
}

.site-content { overflow:hidden; padding-bottom: 30px; }


/* =slider
-------------------------------------------------------------- */

#top-slider {
    border: 4px double #EEEEEE;
    margin: 0 0 30px;
    max-width: 94%;
    overflow: hidden;
    padding: 3%;
}

/*
.cycle-slideshow{
 -webkit-box-shadow: 0 10px 6px -6px #aaa;
    -moz-box-shadow: 0 10px 6px -6px #aaa;
         box-shadow: 0 10px 6px -6px #aaa;
}
*/

.cycle-slideshow{ width:100%; }

.cycle-slide .cycle-overlay{ display:block; height:100%; width:33%; bottom:0; overflow:hidden; }
.cycle-slide >div >img{ display:block; }

.entry-content p.slidetitle,
.entry-content p.slidetext{ color:#636363; margin-bottom:0; margin-right:15px; }
.entry-content p.slidetitle {
    border-bottom:1px solid #EEEEEE;
    color:#003C7B; font-size:15px; font-weight:bold; line-height:1.2; 
    margin-bottom:5px; padding-bottom:5px;
}

.entry-content a.slidelink{
    display:block; width:100%; height:100%;
    position: absolute; left:0; top:0;
}

.entry-content a.slidelink:hover{
    background: #FFFFFF;
    -ms-filter: "alpha( opacity=40 )";
    filter: alpha( opacity=40 );
    opacity:0.4;
}

.cycle-slide    { width:100%; height:100%; overflow:hidden; }
.cycle-slide img{ width: 66%; height:auto; float:right;}

/* pager */
.entry-content p.cycle-pager {
    background:none repeat scroll 0 0 #FFFFFF;
    width:auto; height:16px; line-height:16px;
    margin:0; padding:2px 3px;
    overflow: hidden;
    position:absolute; right:5px; top:5px;
    text-align: right;
    z-index: 500;
    opacity: 0.9;
	        border-radius: 3px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px; 
}
.cycle-pager span { 
    font-family:arial; font-size:50px; color: #ddd;
    width:16px; height:16px; line-height:16px; 
    display: inline-block;
    cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color:#003C7B;}
.cycle-pager > * { cursor:pointer;}
.main-navigation { margin-top:1rem; text-align:center; }



/* =bread
-------------------------------------------------------------- */

#breadBox      { margin-bottom:24px; }
#breadBox ul li{ display:inline; line-height:1.4; }

/* =entry-content
-------------------------------------------------------------- */	
.site-content article {
    -moz-hyphens: auto;
    border-bottom: 0px none;
    margin-bottom: 4rem;
    padding-bottom: 0;
    word-wrap: break-word;
}

.entry-header .entry-title { 
		font-size:22px;
	    color: #003C7B;
	    font-weight:bold;
		font-size:1.571428571rem;
		background: url(images/h2_ac_learning.gif) no-repeat left center;
		padding-left: 35px;
}

.entry-content h2,
.comment-content h2 {
    background: url("images/icn_plus.gif") no-repeat scroll left center transparent;
    border-bottom:1px dotted #D9D8CE;
    border-top:   1px dotted #D9D8CE;
    color:#003C7B; font-size:15px;
    padding:5px 0 5px 15px; margin-top:50px;
}
.page .entry-content h2,
.comment-content h2 {
    border-bottom:1px solid #D9D8CE;
    border-top:   5px solid #D9D8CE;
    color: #003C7B;
    background: url(images/icn_plus.gif) no-repeat left center;
    padding: 15px 0 15px 15px;
    line-height: 1.3;
    
}
.home .entry-content h2 {
		font-size:16px; font-weight:bold; color:#003C7B; line-height: 1.6;
        border:0px none;
		background: url(images/h2_ac_learning_small.gif) no-repeat left center;
		padding-left:25px; margin:0 0 10px 0;
}


.entry-thumbnail{ text-align:center; margin-bottom:10px; }

.entry-content dl.topdl {
    background:url("images/line_01.gif") no-repeat scroll left top transparent;
    padding-top:17px; margin: 0;
}
.entry-content dl.topdl dt {
    background: url("images/icn_plus.gif") no-repeat scroll left center transparent;
    clear:both; float:left;
    font-size:11px; line-height:2;
    margin-bottom:0.8em; padding-left:12px;
    width: 85px;
}


/* =archive
-------------------------------------------------------------- */

.archive-title{
    font-size:22px; font-weight:bold; color:#003C7B;
	font-size:1.571428571rem;
	background:url(images/h2_ac_learning.gif) no-repeat left center;
	padding-left:35px;	
}

.archive-header,
.page-header { border-bottom:0px none; margin-bottom:3.42857rem; padding-bottom:0; }

.post .entry-header .entry-title {
    border-bottom:1px solid #D9D8CE;
    border-top:   5px solid #D9D8CE;
    font-size:18px; color:#003C7B; line-height:1.3;
    background:none;
    padding:15px 0; margin-bottom:10px;
}

.nowrap{ white-space:nowrap; padding-right:10px; }


/* =bbpress
-------------------------------------------------------------- */


div.bbp-breadcrumb {
    display:inline !important;
    float:none !important;
}
	

#bbpress-forums h1 {
    font-size: 22px;
	font-size: 1.571428571rem !important;
    line-height:2.18182 !important;
	background: url(images/h2_ac_learning.gif) no-repeat left center !important;
	padding-left:35px !important; padding-bottom:0 !important;
	color:#003C7B !important;
	font-weight:bold !important;
	clear:both !important;
}

#newtopicbox{
    border:1px solid #EEEEEE;
    clear:left; overflow:hidden;
    margin-bottom:30px; padding:10px;
}

#newtopic {
    float: right;
    width: 200px;
    padding: 5px;
    cursor: pointer;
    text-align: center;
}

.entry-content p.newtopicnotice{
    background: url("images/icn_plus.gif") no-repeat scroll left center transparent;
    display:block; float:left;
    font-size:13px; line-height:1;
    margin:12px 0 0; padding-left:12px;
}

.single-forum .bbp-topic-form{ display:none; }

#bbpress-forums .wp-editor-tools {
    height: 30px !important;
    padding: 0 30px 0 0 !important;
}

#bbpress-forums fieldset.bbp-form {
    border: 1px solid #EEEEEE !important;
    margin-bottom: 10px !important;
    padding: 10px 0 20px 25px !important;
}



#bbpress-forums #bbp-user-wrapper fieldset.bbp-form {
    border: 0px none !important;
    margin-bottom: 3em !important;
    padding: 1em 0 0 0 !important;
}


div.bbp-submit-wrapper {
    margin-right: 25px !important;
}




#bbpress-forums #bbp-your-profile fieldset textarea#description{
width: 95% !important;
}

#bbpress-forums #bbp-your-profile fieldset label {
    cursor: pointer !important;
    float: left !important;
    padding: 5px 20px 5px 0 !important;
    text-align: right !important;
    width: 30% !important;
}


#bbpress-forums #bbp-user-wrapper h2.entry-title {
    border-bottom: 1px solid #D9D8CE !important;
    border-top: 5px solid #D9D8CE !important;
    color: #003C7B !important;
    background: none !important;
    padding: 8px 0 !important;
    line-height: 1.3 !important;
    font-size: 18px !important;
    margin-bottom: 10px !important;
}


#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
    border: medium none !important;
    height: auto !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    width: auto !important;
    max-height: 150px !important;
    max-width: 150px !important;

}

.bbp-logged-in img.avatar {
    float: left !important;
    margin: 0 15px 0 0 !important;
    max-height: 40px !important;
    max-width: 40px !important;
}



#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar,
#bbpress-forums p.bbp-topic-meta img.avatar {
    border: 3px double #DDDDDD !important;
    float: none !important;
    margin-bottom: -7px !important;
    max-height: 25px !important;
    max-width:  25px !important;
}

#bbpress-forums p.bbp-topic-meta span {
    white-space: normal !important;
}

#bbpress-forums div.wp-editor-container {
    border-color: #CCCCCC #CCCCCC #DFDFDF !important;
    border-style: solid !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    border-width: 1px !important;
    max-width: 95% !important;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
    width: 93% !important;
}

#bbpress-forums p.bbp-attachments-form{
    clear: both !important;
}


.site-info p{ color:#FFF; text-align:center; }


/* =widget
-------------------------------------------------------------- */	
.widget-area { text-align: start; }

.widget-area .widget h3 {
    background: url(images/yt_up.gif) no-repeat left center;
    font-size:14px; line-height:1; margin-bottom:0.5rem;
}

.widget-area .widget li{
    padding:0; margin:0 0 5px 15px;
    line-height: 1.3;
    list-style: disc;
}

.widget-area .widget input{ max-width:160px; vertical-align:middle; }

.widget-area .widget a       { color:#21759B; }
.widget-area .widget a:hover { color:#0F3647; }



/* =img
-------------------------------------------------------------- */   
.cycle-slideshow img { max-width:100%; vertical-align:bottom; }

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
max-width: 100%;
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
    border: 0px none;
    vertical-align: bottom;
}
img.size-full,
img.size-large{
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}


.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
    border-radius: 0;
 -webkit-box-shadow: none ;
    -moz-box-shadow: none;
         box-shadow: none;
}


.bbp-login-form label {
    display: inline !important;
    line-height: 1.6 !important;
    width: auto !important;
}
.widget-area .bbp_widget_login { margin-bottom:15px !important; }




/*------- #footer -------*/
#footer {
    border-top:0px none;
    line-height:2;
    margin:0 auto; padding:30px 2.85714rem;
    max-width: 68.5714rem;
    background: #003C7B;
}


/*------- profile_point-record -------*/

ul.side_status   { margin-bottom:20px; }
ul.side_status li{ margin:0 0 5px 15px; padding:0; line-height:1.3; list-style:disc outside none; }

.entry-content table.profile_pr{ border:2px solid #AAA; }

.profile_pr th,
.profile_pr td{ border:1px solid #CCC; padding:5px 8px; line-height:1.5; }

.profile_pr th{ background-color:#DDE7F1; }

.profile_pr th.em2{ width: 2em; }
.profile_pr th.em4{ width: 4em; }
.profile_pr td.em5{ width: 5em; }

.orange{ color: #DC6E24; }
.blue  { color: #003C7B; }

.btn{ float:right; }

.bluebtn  { text-align: center; }
.bluebtn a{
    display:inline-block; line-height:1; padding:10px;
    background-color:#21759B; background-image:linear-gradient(to bottom, #2A95C5, #21759B);
    box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    color:#FFFFFF; font-size:14px; text-decoration:none;
    border:1px solid #003C7B;
            border-radius: 3px;
    -webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
}
.bluebtn a:hover{
    background-color:#278AB7; background-image:linear-gradient(to bottom, #2E9FD2, #21759B);
    border-color: #1B607F;
    box-shadow: 0 1px 0 rgba(120, 200, 230, 0.6) inset;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

/* ==========================================================================
   alc_admin
   ========================================================================== */
#primary.alc_admin{ width:100%; min-height:800px}

.alc_admin td{ vertical-align: top;}

.alc_head_btn{top:15px; right:10px;}


.alc_notice{ padding:20px; margin:0 0 30px 0; text-align:center; }
.alc_notice.notice_red  { border:1px solid #C73A36; background:#FEC0BE;}
.alc_notice.notice_green{ border:1px solid #1D4D15; background:#B5D1AF;}


.alc_admin h2.alc_header{
border-bottom: 1px solid #B5D1AF;
  border-top: 5px solid #B5D1AF;
  color: #1D4D15;
  background: url(images/icn_plus.gif) no-repeat left center;
  padding: 15px 0 15px 15px;
  line-height: 1.3;
}

.deactive_ranc{background-color: #f2dede;}
.no_alc_ranc  {background-color: #f4f6f9;}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */

.hidden { display: none !important; visibility: hidden; }

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */


.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible { visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after { clear: both; }


/* ------------------------*/
/* ▼▼▼　global_mystyle　▼▼▼
/* ----------------------- */


/* fade style */

.fade a,
.fadeimg{
   -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
}

.fadeimg       { opacity:1; }
.fadeimg:hover { opacity:0; }

/* box */
.border_box{ background: #f8f8f8; padding: 10px 20px; margin: 5px 0 10px; }
.radius_10 { border-radius:10px !important; }
.radius_05 { border-radius: 5px !important; }

.w_per5  { width: 5% !important; }
.w_per10 { width:10% !important; }
.w_per15 { width:15% !important; }
.w_per20 { width:20% !important; }
.w_per25 { width:25% !important; }
.w_per30 { width:30% !important; }
.w_per35 { width:35% !important; }
.w_per40 { width:40% !important; }
.w_per45 { width:45% !important; }
.w_per50 { width:50% !important; }
.w_per55 { width:55% !important; }
.w_per60 { width:60% !important; }
.w_per65 { width:65% !important; }
.w_per70 { width:70% !important; }
.w_per75 { width:75% !important; }
.w_per80 { width:80% !important; }
.w_per90 { width:90% !important; }
.w_per95 { width:95% !important; }
.w_per100 { width:100% !important; }

/* border */
.dotline  { border-bottom: 1px dotted #ccc !important; }
.dashline { border-bottom: 1px dashed #ccc !important; }
.no-border-left   { border-left   :0px none !important; }
.no-border-right  { border-right  :0px none !important; }
.no-border-top    { border-top    :0px none !important; }
.no-border-bottom { border-bottom :0px none !important; }

/* marker */
.marker_block{ padding: 0 0 0 1.2em}
.marker {
    display: block;
    padding-left: 1.5em;
}
.marker:before {
    content: "";
    display: block;
    float: left;
    margin-left: -1.5em;
    width: 1.5em;
    text-align: center;
}

.marker.type_disc:before                      { content: "・"; }
.marker.type_filled_circle:before             { content: "●"; }
.marker.type_outline_circle:before            { content: "○"; }
.marker.type_filled_square:before             { content: "■"; }
.marker.type_outline_square:before            { content: "□"; }
.marker.type_filled_diamond:before            { content: "◆"; }
.marker.type_outline_diamond:before           { content: "◇"; }
.marker.type_filled_star:before               { content: "★"; }
.marker.type_outline_star:before              { content: "☆"; }
.marker.type_filled_triangle:before           { content: "▲"; }
.marker.type_outline_triangle:before          { content: "△"; }
.marker.type_filled_inverted_triangle:before  { content: "▼"; }
.marker.type_outline_inverted_triangle:before { content: "▽"; }
.marker.type_notice:before                    { content: "※"; }



/* color */
.color01{ color:#329999 !important; }
.color02{ color:#C24D92 !important; }
.color03{ color:#808080 !important; }
.color04{ color:#41B4EB !important; }

/* highlight */
.gray_hl    { background:#666666; color:#FFF !important; }
.color01_hl { background:#329999; color:#FFF !important; }
.color02_hl { background:#C24D92; color:#FFF !important; }
.color03_hl { background:#808080; color:#FFF !important; }

/* font-family */
.ff_QS{font-family: 'Quicksand', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif !important;}
.ff_GP{font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif !important;}
/* font-size */
.fs11{ font-size: 11px !important; }
.fs12{ font-size: 12px !important; }
.fs13{ font-size: 13px !important; }
.fs14{ font-size: 14px !important; }
.fs15{ font-size: 15px !important; }
.fs16{ font-size: 16px !important; }
.fs18{ font-size: 18px !important; }
.fs20{ font-size: 20px !important; }
.fs22{ font-size: 22px !important; }
.fs24{ font-size: 24px !important; }
.fs26{ font-size: 26px !important; }
.fs28{ font-size: 28px !important; }
.fs30{ font-size: 30px !important; }
.fs40{ font-size: 40px !important; }
.fs50{ font-size: 50px !important; }

/* line-height */
.lh1  { line-height:1   !important; }
.lh12 { line-height:1.2 !important; }
.lh14 { line-height:1.4 !important; }
.lh16 { line-height:1.6 !important; }

/* font-weight */
.bold   { font-weight:bold   !important; }
.normal { font-weight:normal !important; }

/* letter-spacing */
.ls_n05{ letter-spacing:-0.5pt !important; }
.ls_n03{ letter-spacing:-0.3pt !important; }
.ls_n01{ letter-spacing:-0.1pt !important; }
.ls00{ letter-spacing:0     !important; }
.ls01{ letter-spacing:0.1pt !important; }
.ls03{ letter-spacing:0.3pt !important; }
.ls05{ letter-spacing:0.5pt !important; }
.ls07{ letter-spacing:0.7pt !important; }

/* float */
.float_left  { float:left  !important; }
.float_right { float:right !important; }
.float_none  { float:none  !important; }

.dis_ib{ display:inline-block !important;}
/* background-image:none */
.nobg{ background-image:none !important; }

/* position */
.relative{ position:relative !important; }
.absolute{ position:absolute !important; }

/* align */
.al_center{ text-align:center !important; }
.al_left  { text-align:left   !important; }
.al_right { text-align:right  !important; }

.center{ margin-left:auto !important; margin-right:auto !important;}

/* shadow */
.text_shadow { text-shadow: #CCC 1px 1px 0px ; /* FireFox, Webkit, Opera */ }
.box_shadow{
  -moz-box-shadow: 1px 1px 0px #DFDFDF; /* FireFox */
  -webkit-box-shadow: 1px 1px 0px #DFDFDF; /* webkit */
  box-shadow:1px 1px 0px #DFDFDF;
}


/* padding */

.pd5 { padding: 5px !important; }

.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10{ padding-top:10px !important; }
.pt15{ padding-top:15px !important; }
.pt20{ padding-top:20px !important; }
.pt25{ padding-top:25px !important; }
.pt30{ padding-top:30px !important; }

/* negative_margin */
.n_ml5 {margin-left:  -5px !important;}
.n_ml10{margin-left: -10px !important;}

.n_mt5 {margin-top:  -5px !important;}
.n_mt10{margin-top: -10px !important;}
.n_mt15{margin-top: -15px !important;}
.n_mt40{margin-top: -40px !important;}

/* margin-bottom */
.mb0  {margin-bottom:  0   !important;}
.mb5  {margin-bottom:  5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100{margin-bottom:100px !important;}

/* margin-left */
.ml0  {margin-left:  0   !important;}
.ml5  {margin-left:  5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml60 {margin-left: 60px !important;}
.ml70 {margin-left: 70px !important;}
.ml80 {margin-left: 80px !important;}
.ml90 {margin-left: 90px !important;}
.ml100{margin-left:100px !important;}

.last{ border: 0px none; box-shadow:none; }



html.mobile-phone #primary { float:none; margin:0 auto; }
html.mobile-phone #sideWrap{ display:none; }

html.mobile-phone .cat_form #primary { width:100%; }
html.mobile-phone .cat_form th{text-align: right;}






/*------- media -------*/
@media (max-width: 650px) {
	body .site { padding:0 1.6em; }
	#header-contact{ display:none; }
    .site-content { float:left; margin:0 ; width:100%; }
    .widget-area { width:100%; }
}