/* General Style */
a:link, a:active, a:visited {text-decoration:none; color:#12169F;}
a:hover {text-decoration:underline; color:#12169F;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 13px; background:#FFF; margin:auto; max-width: 1440px;}
td {font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 10px;} 
form {padding:0; margin:0;}
input,textarea,select {vertical-align:middle; font-size:13px; font-family: Arial, Helvetica, sans-serif;}
.copy {font-size:7pt;}

.mframe1 {padding:2px 10px 30px;}
label {cursor:pointer;cursor:hand}

/* --------------- Контейнеры --------------- */
#main {margin:0 auto; width:100%; border: 0;}
#leftside {display: none;}
#middleside {padding: 0 5px;}
#rightside {display: none;}
/* --------------- Контейнеры --------------- */ 

/* ----------- Начало заголовки --------- */
h1 {font-size:20px; font-weight: bold; color: #212121; margin: 0; padding: 0;}
h2 {font-size:16px; font-weight: bold; color:#000;}
h3 {font-size:14px; font-weight: bold; color:#000;}
hr {border: none; color: #ccc; background-color: #ccc; height: 1px; margin: 12px 0;}
/* --------- Конец заголовки ------ */

/* --------------- Шапка портала --------------- */
#header {background-color: #09C; padding-left: 15px; padding-right: 15px;}
#header .logo {display: inline-block; width: 100%;}
#header .logotype {max-width: 100%;}

#reg_bl {text-align: center; padding-bottom: 10px;}
#reg_bl .reg_lnk {display: inline-block; background: #fff; color: #000; padding: 5px 10px; border-radius: 5px; text-decoration: none;}
#reg_bl .reg_lnk:hover {color: #09C; text-decoration: none;}

#log_bl {text-align: center; padding-bottom: 10px;}
#log_bl .log_lnk {display: inline-block; color: #fff; border: 1px solid #FFF; border-radius: 5px; padding: 5px 10px; text-decoration: none;}
#log_bl .log_lnk:hover {color: #ff0; border: 1px solid #FF0; border-radius: 5px; text-decoration: none;}
#log_bl .log_img {display: none;}
/* --------------- Шапка портала --------------- */

/* --------------- Вертикальное меню портала --------------- */
div.sdmenu {color: #000; margin-top:-2px; font-size: 13px;}
div.sdmenu div {overflow: hidden;}
div.sdmenu div.collapsed {height: 31px; border-bottom: 1px solid #9FF; border-left: 1px solid #BFF; border-right: 1px solid #BFF;}
div.sdmenu div span {background-color: #09C; display: block; padding: 7px 5px; color: #FFF; cursor: default;}
div.sdmenu div.collapsed span {height: 19px; background-color:#E0FFFF; color: #000;}
div.sdmenu div span:hover {background : #0099CC; color: #fff; font-weight: bold; text-decoration: none; height: 17px;}
div.sdmenu div a {padding: 7px 5px; background: #cfc; display: block; border-bottom: 1px solid #c9c9c9; color: #000;}
div.sdmenu div a.current {background : #ccc;}
div.sdmenu div a:hover {background : #fbb905; color: #000; text-decoration: none;}
div.sdmenu div.pusto {height: 30px; background-color:#FFF;}
/* --------------- Вертикальное меню портала --------------- */

/* --------------- Боковые блоки --------------- */
.bl {background:#e0ffff; padding: 10px; border: 1px solid #BFF; margin:0 0 30px 0;}
.bl_zag {font-size:16px; color: #666; text-align: center; text-transform: uppercase; margin: 5px 0 0; letter-spacing: 2px;}
.bl hr {color: #666; height: 1px; width:80%; margin: 12px auto;}
.bl_img_c {display: block; margin: 0 auto; max-width:180px; border: 0;}
.bl_button {text-align:center; margin: 20px 0 10px;}
.bl_button a:hover {text-decoration: none;}
.but_lnk {padding: 5px 20px; color: #FFF !important; border: none; border-radius: 3px;}
.but_lnk.grey {background: #999;}
.but_lnk.blue {background: #09C;}
.but_lnk.lightblue {background: #42aaff;}
.but_lnk.lightgreen {background: #50c878;}

/* Рекламный блок боковая колонка */
.rekl_bl {margin: 0 auto 30px; text-align: center;}

/* --- Каталог файлов начало --- */
/* --- Каталог файлов. Категории. --- */
.ld_cats_title {margin: 30px 0; text-align: center;}
.ld_cats_title h1 {font-size: 22px;}
.ld_cats_title h2 {font-size: 18px;}

/* --- Каталог файлов. Фильтры. --- */
.filter_vib {display:none;}

/* --- Каталог файлов. Вид материалов --- */
.ld_e_entry {margin:20px 0 0; padding: 10px; background:#e0ffff; border: 1px solid #bff; border-radius: 5px;}
.ld_e_entry img {max-width: 250px;}
.ld_e_dtl {display:none;}

/* --- Каталог файлов. Страница с материалом --- */
.ld-entry-content {font-size: 14px; line-height: 1.5;}
.ld-entry-content img {max-width:300px;}
.ld-entry-content a:link {text-decoration: underline;}
.ld-entry-content a:hover {text-decoration: none;}
.ld_entry_autor {text-align: right;}
.ld_entry_dnld {text-align: center; margin: 20px 0 0; font-weight: bold;}
.ld_ent_dtl {margin: 20px auto 0; padding: 10px; background:#e0ffff;}
.ld_ent_dtl_1 {text-align: center;}
.ld_ent_dtl_2 {text-align: center; margin: 15px 0 0;}
.sert_but {padding: 8px 10px; border-radius: 3px; width: 240px; font-size: 13px; background: #6495ed; color: #FFF !important; text-decoration: none !important;}
/* --- Каталог файлов конец --- */

/* --- Каталог статей начало --- */

/* --- Каталог статей. Категории. --- */
.pb_cats_title h1 {margin: 30px 0; text-align: center; font-size: 22px;}

/* --- Каталог статей. Вид материалов --- */
.pb_e_entry {margin:20px 0 0; padding: 10px; background:#e0ffff; border: 1px solid #bff; border-radius: 5px;}
.pb_e_img {float:left; padding:3px 13px; max-width:120px; border:0;}
.pb_e_dtl {display:none;}

/* --- Каталог статей. Страница со статьёй. --- */
.pb_ent_img {display: block; margin: 15px auto 0; max-width:300px;}
.pb_ent_cont {line-height: 1.5; font-size: 14px; margin: 10px 0 0;}
.pb_ent_cont img {max-width: 90%;}
.pb_ent_cont a:link {text-decoration: underline;}
.pb_ent_cont a:hover {text-decoration: none;}
.pb_ent_dtl {font-size: 12px; margin: 10px auto 0; text-align: center; padding: 10px; background: #e0ffff;}
.pb_ent_dtl_2 span.dtl-author, .pb_ent_dtl_2 span.dtl-photo {display:none;}
.pb_ent_cont iframe {max-width:100%;}
/* --- Каталог статей --- */

/* --- Новости сайта. Начало. --- */

/* --- Новости сайта. Категории. --- */
.nw_cats_title h1 {margin: 0 0 20px; text-align: center; font-size: 22px;}

/* --- Новости сайта. Вид материалов. --- */
.nw-e-entry {margin:20px 0; padding: 15px 10px 5px 20px; background:#f0ffff; border: 1px solid #bff; border-radius: 5px;}
.nw-e-img {display:block; max-width: 250px; margin:0 auto;}
.nw_e_dtl {font-size: 12px; text-align:right; padding: 10px 0 0;}

/* --- Новости сайта. Страница с новостью. --- */
.nw_ent_cont {font-size: 14px; line-height: 2; margin: 10px 0 0;}
.nw_ent_cont img {max-width: 300px;}
.nw_ent_cont a:link {text-decoration: underline;}
.nw_ent_cont iframe {max-width:100%;}
.nw_soc {text-align: center; margin: 15px 0;}
.nw_soc_zag {text-align: center; font: bold italic 18px times; color: green; margin: 0 0 10px 0;}
.nw_ent_dtl {font-size: 12px; margin: 10px auto; text-align: center; padding: 10px; background:#e0ffff;}
/* --- Новости сайта конец --- */

/* --- Портфолио учителей --- */
.bd_cats_title h1 {margin: 25px 0; text-align: center; font-size: 24px; font-style: italic;}
.bd-e-entry {margin:20px 0 0; padding: 10px; border: 1px solid #CCC; border-radius:5px;}
.bd-e-title {font-size: 16px; font-weight:bold; text-align:left;}
.bd-e-img {float:left; padding:3px 13px; max-width:100px; border:0;}
.bd_e_dtl {font-size: 12px; text-align:right; padding: 10px 0 0;}
.bd-entry-title {background: #8fc936; font-size: 18px; text-shadow: black 1px 1px 2px; color: #fff; padding: 7px 20px; margin: 20px 0 0;}
.bd-entry-content {padding: 10px 20px; text-align: left; background:#e0ffff; margin: 10px 0 0;}
.bd-entry h1 {text-align: center; margin: 15px 0;}
.bd-entry-sert {margin: 15px 0; font-size:14px; font-weight: bold; color: #000; text-align:center;}
#bd_side {display: none;}
/* --- Портфолио учителей --- */

/* --- Каталог сайтов начало --- */

/* --- Каталог сайтов. Категории. --- */
.dr_cats_title h1 {margin: 30px 0; text-align: center; font-size: 22px;}

/* --- Каталог сайтов. Вид материалов. --- */
.dr_e_ent {margin:20px 0 0; padding: 10px; border: 1px solid #ccc;}
.dr_e_img {display:block; max-width: 200px; margin:10px auto;}
.dr_e_msg {text-align:left; margin: 12px 0; line-height: 1.5;}
.dr_e_dtl {font-size: 12px; text-align:right; padding: 10px 0 0;}

/* --- Каталог сайтов. Материал. --- */
.dr_ent_img {display:block; margin: 15px auto; max-width:300px;}
.dr_ent_cont {font-size: 14px; line-height: 1.5; margin: 15px auto;} 
.dr_ent_but {text-align: center; margin: 20px 0;} 
.dr_ent_but a {background-color: #57a957; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.2); padding: 10px 20px; font-weight: bold; text-transform: uppercase; border-radius: 4px;}
.dr_ent_but a:hover {text-decoration:none}
.dr_ent_dtl {font-size: 12px; margin: 10px auto 0; text-align: center; padding: 10px; background: #e0ffff;}
/* --- Каталог сайтов. Конец. --- */


/* --- Информер низ на странице с материалом низ --- */
.inf_ent_out {margin: 20px auto;}
.inf_ent_z {font-size: 16px; color: #666; text-align: center; text-transform: uppercase; letter-spacing: 2px; padding: 10px;}
.inf_ent_z.green {border-bottom: 2px solid #50c878;}
.inf_ent_z.blue {border-bottom: 2px solid #42aaff;}
.inf_ent_z.grey {border-bottom: 2px solid #999;}
.inf_ent_z.red {border-bottom: 2px solid #F00;}
.inf_ent100 {background: #e0ffff; margin: 10px; padding: 10px; font: normal 14px/1.5 Arial;}


/* --- Сборники разработок и адаптивный информер на странице с материалом --- */
.sb_z1 {text-align:center; margin: 20px 0 0;}
.sb_z1 h1 {color: #500992;}
.sb_z2 {width: 95%; margin: 20px auto 0;}
.sb_z2 h2 {font-size: 14px; font-weight: normal; font-style: italic; line-height: 1.7;}
.sb_bl_out {margin: 20px auto; padding: 0; background:#e0ffff; border:1px solid #BFF;}
.sb_bl {padding: 12px 10px;}
.sb_bl_i {display: block; padding: 0; text-align: center;}
.sb_bl_i img {max-width: 200px;}
.sb_bl_t {display: block; margin: 15px 0 0; line-height: 1.5; font-size:14px;}
.sb_bl_t a {font-weight:bold;}
.sb_bl_d {margin: 12px 0; color:#333; font-size: 13px;}
.sb_soc {margin: 20px auto; text-align:center;}
.sb_soc p {font: bold italic 18px times; margin: 0 0 8px; color: green;}

/* --------------- Комментарии страница с материалом --------------- */
.entry_comm_outer {margin: 25px 0;}
.entry_comm_otziv {text-align: center; font-weight: bold; font-size: 16px; color: #333; margin: 0 0 15px;}

/* --------------- Поиск по сайту --------------- */
.search {margin: 0 0 20px;}

/* === КАТЕГОРИИ, РАЗДЕЛЫ И ГЛАВНЫЕ СТРАНИЦЫ КОНТЕНТ МОДУЛЕЙ. НАЧАЛО --- */


/* --- Номера страниц в категориях разделах. --- */
.cats_podz {margin: -15px 0 25px; text-align: center; font-size: 15px; color: #333;}

/* --- Вспомогательные ссылки --- */
.vspomssilki {font-size:13px; text-align:left; line-height: 1.5;}
.vspomssilki a {text-decoration:underline;}
.vspomssilki a:hover {text-decoration:none;}
.vspomssilki hr {margin: 7px 0 9px;}

/* --- Количество материалов в категории, разделе, модуле --- */
.num_materials_outer {margin: 20px 0 0; width:100%;}
.num_materials span {font-size: 14px; font-weight: bold;}
.cats_vib {margin: 20px 0 0; font-size: 14px; font-weight: bold; text-align:center;}

/* --- Селекторы в категориях --- */
.cats_sel {margin: 12px 0;}
.pg-selector_down {margin: 20px 0 0; text-align:center;}

/* --- Вид категорий --- */
.catsTable {margin: 20px 0 0; background-color: #CFC;}
.catsTd {display: block; width: 90% !important; margin: 0; padding: 7px 0 7px 22px; background: #CFC; font-size: 13px;}
.catNumData {font-size: 12px; color:#12169F;}
.catDescr {font-size: 10px; padding-left:10px;}
.catsTableI {background-color: #CFC;}
.catsTdI {padding: 7px 0 7px 22px; font-size: 14px; background-color: #CFC;}
a.catName:link, a.catName:visited, a.catName:active {color:#12169F;}
a.catName:hover, a.catNameActive:visited, a.catNameActive:hover, a.catNameActive:active {color:#12169F;}
a.catNameActive:link {text-decoration:none; color:#12169F; font-weight: bold;}

/* --- Общий вид материалов для модулей файлы, статьи, новости --- */
.f_right {float: right;} 
.e-title {font-size:16px; font-weight:bold; text-align:left;}
.e-Message {text-align:left;line-height: 1.5; margin: 10px 0 0; clear:both;}

/* --- Детали материала --- */
span.dtl-author {background: url(/images/details/author.png) no-repeat left center; padding: 0 15px 0 23px;}
span.dtl-click {background: url(/images/details/clicks.png) no-repeat left center; padding: 0 15px 0 23px;}
span.dtl-comments {background: url(/images/details/comments.png) no-repeat left center; padding: 0 15px 0 23px;}
span.dtl-date {background: url(/images/details/date.png) no-repeat left center; padding: 0 15px 0 23px;}
span.dtl-loads {background: url(/images/details/loads.png) no-repeat left center; padding: 0 15px 0 23px;}
span.dtl-mail {background: url(/images/details/mail.png) no-repeat left center; padding: 0 15px 0 23px;}
span.dtl-rating {background: url(/images/details/rating.png) no-repeat left center; padding: 0 15px 0 23px;}
span.dtl-views {background: url(/images/details/views.png) no-repeat left center; padding: 0 15px 0 23px;}
span.dtl-cats {background: url(/images/details/category.png) no-repeat left center; padding: 0 15px 0 23px;}
span.dtl-pht {background: url(/images/details/pht.png) no-repeat left center; padding: 0 0 0 23px;}

/* --- Вид Переключателей страниц --- */
.catPages1, .pagesBlockuz1, .pagesBlock1, {color:#0eafe3; border: 0; margin: 10px 0;}
.catPages1 a:link, .pagesBlockuz1 a:link, .pagesBlock1 a:link,
.catPages1 a:visited, .pagesBlockuz1 a:visited, .pagesBlock1 a:visited, 
.catPages1 a:active, .pagesBlockuz1 a:active, .pagesBlock1 a:active, a.swchItem1 {text-decoration: none; background: #0eafe3; color: #FFF; padding:3px 8px; font-size:11px; font-weight:bold;}
.catPages1 a:hover, .pagesBlockuz1 a:hover, .pagesBlock1 a:hover {background:#FFF; border: 2px solid #ee2727; padding:3px 6px; color:#000; font-size:11px; font-weight:bold;}
.catPages1 b, .pagesBlockuz1 b, .pagesBlock1 b, b.swchItemA1 {text-decoration:none;background:#6cc828; padding:4px 8px; color:#FFF; font-size:11px;}
.catPages2, .pagesBlockuz2, .pagesBlock2 {color:#0eafe3; border:0; margin:20px 0 10px;}
.catPages2 a:link, .pagesBlockuz2 a:link, .pagesBlock2 a:link,
.catPages2 a:visited, .pagesBlockuz2 a:visited, .pagesBlock2 a:visited,
.catPages2 a:active, .pagesBlockuz2 a:active, .pagesBlock2 a:active {text-decoration: none; background: #0eafe3; color: #FFF; padding:3px 7px; font-size:12px; font-weight:bold;}
.catPages2 a:hover, .pagesBlockuz2 a:hover, .pagesBlock2 a:hover {background:#FFF; border: 2px solid #ee2727; padding:3px 5px; color:#000; font-size:12px; font-weight:bold;}
.catPages2 b, .pagesBlockuz2 b, .pagesBlock2 b {text-decoration:none; background:#6cc828; padding:4px 8px; color:#FFF; font-size:11px;}

/* === КАТЕГОРИИ, РАЗДЕЛЫ И ГЛАВНЫЕ СТРАНИЦЫ КОНТЕНТ МОДУЛЕЙ. КОНЕЦ --- */

/* --------------- Форма добавления комментария для страницы заказа --------------- */
.commTable {border:1px solid #ccc;background:#cff;border-radius: 5px; margin-top:10px;}
.commTd1 {color:#000;font-weight:bold;padding-left:5px;border-radius: 5px;background:#cff;}
.commTd2 {padding-bottom:2px;background:#cff;}
.commFl {border:1px solid #ccc; background:#fff;border-radius: 5px; width:100%; color:#000;}
.smiles {border:1px solid #ccc; background:#fff;border-radius: 5px;}
.commReg {padding: 10 0; text-align:center;}
.commError {color:#fff;}
.securityCode {color:#000;background:fff;border:1px solid #CCC;}
/* --------------- Форма добавления комментария для страницы заказа --------------- */


/* --------------- Похожие материалы --------------- */
ul.uRelatedEntries {padding-left: 0px;}

/* --- Опрос --- */
.pollQue {font-size:13px; margin: 10px 0; text-align:left; font-weight: bold;}
.pollAns {font-size:13px; text-align:left;}
.pollButton {width:110px; margin: 10px auto;}
.pollBut {font-size:13px; padding: 5px 20px; cursor: pointer;color: #FFF !important; text-decoration: none !important; border: none;background-color: #6EB7F7; font-weight: normal; border-radius: 3px;}
.pollLnk {padding-top:4px;text-align:center;font-size:7pt;}
.pollTot {padding-top:4px;font-size:7pt;text-align:center;}
/* --- Опрос --- */

/* --- Статус онлайн оффлайн --- */
.statusOnline {color:#00F;}
.statusOffline {color:#F00;}

/* --- Цвета групп пользователей --- */
a.groupAdmin:link, a.groupAdmin:visited, a.groupAdmin:hover, a.groupOther2:link, a.groupOther2:visited, a.groupOther1:hover {color:red;}
a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:brown;}
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupFriends:link,a.groupFriends:visited,a.groupFriends:hover {color:green;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:gray;}
a.groupUser:link,a.groupUser:visited,a.groupUser:hover {color:black;}
/* --- Цвета групп пользователей --- */

/* Other Styles */
.replaceTable {#fff;height:100px;width:300px;border:1px solid #000;}
.replaceBody {#fff;}
.legendTd {font-size:7pt;}
/* ------------ */

/* --------------- Начало Вид комментариев --------------- */
.corners {background:#e0ffff; border: 0; padding: 10px;}
/* --------------- Конец Вид комментариев --------------- */

/* --------------- Горизонтальное нижнее меню портала --------------- */
#footer_menu {width: 100%; background: #CF9; margin: 20px auto 0;}
#footer_menu a {display: block; text-align: center; color: #000; line-height: 40px; margin: 0; padding: 0; border-bottom: 1px solid #BAE59D;}
#footer_menu a:hover {background: #fbb905; text-decoration: none;}
/* --------------- Горизонтальное нижнее меню портала --------------- */

/* --------------- Подвал портала новый --------------- */
#ftr {background-color: #09C; padding: 15px 20px;}
#ftr_l {color: #fff; font-size: 12px; line-height: 1.5; width: 100%;}
#ftr_r {padding: 10px 0;}
.dep_t {vertical-align: bottom;}
/* --------------- Подвал портала новый --------------- */

/*-- smartphone --*/
@media (max-width: 767px) {

 /* --- Каталог статей. Страница с материалом --- */
.pb_ent_cont {font-size: 15px;}

}

/*-- tablet --*/
@media (min-width: 768px) {

 #middleside {padding: 0 8px;}

 /* --- Селектор. Категории. --- */
 .cats_sel {float: right; margin: 0 3px;}

/* --- Вид категорий --- */
 .catsTd {display: table-cell; width: 50% !important;}

 /*-- Каталог файлов. Вид материалов ---*/
 .ld_e_dtl {display:block; font-size: 12px; text-align:right; padding: 10px 0 0;}
 .ld_e_entry img {max-width: 500px;}

/* --- Каталог файлов. Фильтры. --- */
 .filter_vib {display:block; margin: 20px 0 10px;}

 /* --- Каталог файлов. Страница с материалом --- */
 .ld-entry-content img {max-width:500px;}
 .ld_ent_dtl_1 {float: left;}
 .ld_ent_dtl_2 {display:block; float: right; margin: 8px 0 0; font-size: 12px;}

 /*-- Каталог статей. Вид материалов ---*/
 .pb_e_dtl {display:block; font-size: 12px; text-align:right; padding: 10px 0 0;}

 /* --- Каталог статей. Страница с материалом --- */
 .pb_ent_img {float:left; padding:15px 20px 10px 0; margin: 5px auto; border:0;}
 .pb_ent_cont img {max-width: 600px;}
.pb_ent_dtl_2 span.dtl-author, .pb_ent_dtl_2 span.dtl-photo {display:inline-block;}

 /* --- Новости сайта. Вид материалов. --- */
 .nw-e-img {float:left; padding:3px 13px; border:0; max-width: 150px;}

 /* --- Новости сайта. Страница с новостью. --- */
 .nw_ent_cont img {max-width: 500px;}

 /* --- Каталог сайтов. Вид материалов. --- */
 .dr_e_img {float:left; margin: 0 13px;}

/* --- Каталог сайтов. Материал. --- */
 .dr_ent_img {max-width: 400px;}

 /* --- Сборники разработок и адаптивный информер на странице с материалом --- */
 .sb_bl_i {display: table-cell; vertical-align: top; padding: 0 15px 0 0;}
 .sb_bl_i img {max-width: 140px;}
 .sb_bl_t {display: table-cell; vertical-align: top; margin: 0;}

 #footer_menu {height: 45px;}
 #footer_menu a {float: left; line-height: 45px; padding: 0 22px; border-bottom: none; border-right: 1px solid #BAE59D;}

}

/*-- netbook --*/
@media (min-width: 992px) {

 #leftside {width:240px; padding-left:5px; display: table-cell;}

 #header .logo {width: 75%;}
 
 #reg_bl {width:20%; float:right; padding-top: 34px;} 
 #reg_bl .reg_lnk {display: block !important; margin-bottom: 10px;}

 #log_bl {float:right; width:25%; padding-top: 18px;}
 #log_bl .log_bl_l {display: inline-block;}
 #log_bl .log_lnk {display: block !important; margin-bottom: 10px; padding: 3px 0; border: 0;}
 #log_bl .log_lnk:hover {color: #ff0; border: 0;}
 #log_bl .log_img {display: block; width:80px; float:right;}

 /* --- Вид категорий --- */
 .cats_vib {display: none;}

 /* --- Правая колонка в портфолио --- */
 #bd_side {width:240px; padding-top: 50px; text-align:center; padding-right:5px; display: table-cell;}

 #ftr_l {width: 85%; display: inline-block;}
 #ftr_r {width: 15%; float:right; text-align:center;}

}

/*-- pc --*/
@media (min-width: 1200px) {

 #middleside {padding: 0 13px;}

 #rightside {width:240px; padding-right:5px; display: table-cell;}

 #header .logo {width: 80%;}
 #reg_bl {width:15%;}
 #log_bl {width:20%;}

}