@charset "utf-8";

/* layout */
.gp .layout_2col .layout_main {position: relative; width: 730px; z-index: 0;}
.gp .layout_2col .layout_sidebar {position: relative; width: 250px; z-index: 10;}

/* left menu */
.gp-menu {
    border-top: 1px dotted #d2d2d2;
    font-family: "Helvetica","Arial","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Osaka","ＭＳ Ｐゴシック",Verdana,sans-serif;
    margin-top: 20px;
    position: relative;
    z-index: 2;
}
.gp-menu li a {
    border-bottom: 1px dotted #d2d2d2;
    color: #444;
    display: block;
    padding: 3px 15px 7px;
    position: relative;
    text-decoration: none;
}
.gp-menu li a:hover,
.gp-menu .current {
    background: #ececec;
}
.gp-menu li .en {
    font-size: 30px;
    margin-bottom: 2px;
}
.gp-menu li .jp {
    font-size: 14px;
}
.gp-menu .navigation-arrow {
    background: transparent url(//img.allabout.co.jp/aa/common/arrow-guide-menu.gif) no-repeat 0 0;
    display: inline-block;
    /display: inline;
    zoom: 1;
    margin-right: -1px;
    height: 18px;
    width: 16px;
    position: absolute;
    right: 0;
    top: 28px;
    z-index: 1000;
}
.gp-menu .top,
.gp-menu .profile,
.gp-menu .media,
.gp-menu .books,
.gp-menu .seminar,
.gp-menu .column,
.gp-menu .ga,
.gp-menu .dig,
.gp-menu .tips {
    position: relative;
}
/* right main */
.gp-main {
    background: #fff;
    border: 1px solid #d2d2d2;
    padding: 20px;
}
/* guide-info-box */
.gallery {
    display: block;
    margin-bottom: 7px;
	width: 262px;
	margin: 0 auto;
}
.gallery .g-main {
    display: block;
    height: 262px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 262px;
	margin-bottom: 7px;
}
.gallery .g-main div.pic {
    cursor: pointer;
    display: table-cell;
    height: 262px;
    line-height: 262px;
    margin: auto;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 262px;
}
.g-main .pic li {
	display:none;
}
.g-main .pic .first {
	display: inline;
}
.gallery .g-main img {
    border: medium none;
    display: inline;
    line-height: 262px;
    max-height: 262px;
    max-width: 262px;
    vertical-align: middle;
	margin-bottom: 7px;
}
.gallery .g-main span.centering {
    height: 262px;
    line-height: 262px;
    overflow: hidden;
    vertical-align: middle;
    visibility: hidden;
}
.list-linear {
    border-bottom: 1px dotted #d2d2d2;
    border-top: 1px dotted #d2d2d2;
    padding: 5px 0;
    letter-spacing: -0.31em;
    word-spacing: -0.43em;
	width:264px;
}
.list-linear li {
    display: inline-block;
    /display: inline;
    zoom: 1;
    letter-spacing: normal;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 0;
    vertical-align: top;
    word-spacing: normal;
	margin: 0 8px;
	/width: 50px;
}
.gallery .g-thum {
    display: block;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 50px;
}
.gallery .g-thum div.pic {
    cursor: pointer;
    display: table-cell;
    height: 50px;
    margin: auto;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 50px;
}
.gallery .g-thum img {
    border: medium none;
    display: inline-block;
    line-height: 50px;
    max-height: 50px;
    max-width: 50px;
    vertical-align: middle;
}
.gallery .g-thum span.centering {
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    vertical-align: middle;
    visibility: hidden;
}
.thum-img {
    line-height: 0;
    overflow: hidden;
}
.list-linear .caution {
    font-size: 10px;
    letter-spacing: 0;
    margin: 10px 3px 5px;
}
.guide-detail-brief,.guide-detail {position: relative;}
.guide-detail {width: 406px;}
.guide-detail-brief {padding-bottom: 20px;}
.guide-info-box .sns-bt {
    position: absolute;
    top: -7px;
    right: -7px;
}
.guide-info-box .sns-bt li a {
    display: block;
    margin-right: 7px;
    /margin-right: 14px;
    width: 29px;
    height: 29px;
    text-align: left;
    text-indent: -9999px;
    vertical-align: middle;
}
.guide-info-box .sns-bt .fb {background-position: -8px -4141px;}
.guide-info-box .sns-bt .tw {background-position: -70px -4141px;}
.guide-info-box .sns-bt .google {background-position: -8px -4200px;}
.guide-info-box .guide-name {margin-bottom: 10px;}
.guide-info-box .guide-name .title {
    font-size: 16px;
    margin-bottom: 5px;
}
.guide-info-box .guide-detail .guide-name .title {width: 280px;}
.guide-info-box .guide-name .name {font-size: 26px; line-height: 1.1; margin-bottom: 4px;}
.guide-info-box .guide-name .kana {color: #858585; font-size: 14px; line-height: 1.2;}
.guide-info-box .btn-guide {
    margin-bottom: 10px;
}
.guide-info-box .btn-guide .btn a {
    border: 1px solid #c00;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    /display: inline;
    zoom: 1;
    font-size: 16px;
    font-family: "Helvetica","Arial","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Osaka","ＭＳ Ｐゴシック",Verdana,sans-serif;
    background: #c00;
    background: -moz-linear-gradient(top, #f11414 0%, #c00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f11414), color-stop(100%,#c00));
	background: -webkit-linear-gradient(top, #f11414 0%,#c00 100%);
	background: -o-linear-gradient(top, #f11414 0%,#c00 100%);
	background: -ms-linear-gradient(top, #f11414 0%,#c00 100%);
    text-align: center;
    text-decoration: none;
    box-shadow: 1px 1px 0 #C1BDBD;
    -moz-box-shadow: 1px 1px 0 #C1BDBD;
    -webkit-box-shadow: 1px 1px 0 #C1BDBD;
    padding: 10px;
}
.guide-info-box .btn-guide .btn a:hover {background: #f11414;}
.guide-info-box .guide-detail-brief .name-area {padding-bottom: 5px;/padding-bottom: 10px;}
.guide-info-box .guide-detail-brief .guide-photo {width: 60px; margin-right: 10px;}
.guide-info-box .guide-detail-brief .guide-name {width: 370px;}
.guide-info-box .guide-detail-brief .btn-guide {
    position: absolute;
    top: 35px;
    right: 0;
}
.guide-info-box .guide-detail-brief .btn-guide .btn a {
    font-size: 14px;
    padding: 5px 10px;
}
.cmn-text-box {margin-bottom: 20px;}
.guide-detail .cmn-text-box .caption {
    border-bottom: 1px dotted #909090;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 0 3px;
}
.guide-detail .guide-theme li,
.cmn-text-box .left-box li {
    background-position: -3px -358px;
    display: inline-block;
    /display: inline;
    zoom: 1;
    padding: 2px 18px;
}
.left-box .cmn-text-box li {
    background-position: 2px -358px;
    padding: 2px 0 5px 24px;
}
.guide-info-box .left-box {width: 390px;}
.guide-info-box .right-box {width: 288px;}
.guide-info-box .left-box .cmn-text-box .caption,
.guide-info-box .right-box .cmn-text-box .caption {
    border-left: 7px solid #333;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 3px 8px;
}
.table-actual {
    background: #f0f0f0;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 5px;
    width: 100%
}
.table-actual .heading {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    font-size: 14px;
    padding: 5px 10px;
    width: 60%;
    vertical-align: middle;
}
.table-actual .count {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #fff;
    padding: 5px 10px;
    width: 40%;
    vertical-align: middle;
}
.table-actual .count .num {
    font-size: 20px;
    font-weight: bold;
    margin-right: 3px;
}
.cmn-text-box .link {
    background-position: 3px -362px;
    padding-left: 24px;
}
.cmn-text-box .read {line-height: 1.6; padding: 0 3px;}
.guide-info-box .guide-content {margin-bottom: 40px;}
.guide-info-box .guide-content .cmn-text-box {margin-bottom: 20px;}
.guide-info-box .guide-content .title {
    border-bottom: 2px solid #000;
    margin-bottom: 10px;
    position: relative;
}
.guide-info-box .guide-content .caption {
    font-size: 18px;
    padding: 2px;
}
.guide-info-box .guide-content .link-detail {
    position: absolute;
    bottom: 0;
    right: 0;
}
.guide-info-box .guide-content .link-detail a {
    background: #000 url(//img.allabout.co.jp/aa/common/icon-sprite.png) no-repeat 1px -171px;
    color: #fff;
    display: inline-block;
    padding: 5px 13px 3px 24px;
    text-decoration: none;
}.guide-info-box .guide-content .link-detail a:hover {
    text-decoration: underline;
}
.guide-content .date {color: #909090;}
/* media */
.guide-media dl,
.guide-article .article-list li,
.ga .ga-list dl,
.dig .dig-list li {
    border-bottom: 1px dotted #D2D2D2;
    margin-bottom: 10px;
    padding: 0 3px 5px;
}
.guide-media dt {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.guide-media dd {margin: 0 0 3px 5px;}
.guide-media .caution {color: #7a7a7a; margin-bottom: 10px;}
/* icon */
.icon-general,
.icon-electron,
.icon-magazine,
.icon-books,
.icon-newspaper,
.icon-tv,
.icon-web,
.icon-topics,
.icon-community,
.icon-senmonka {
	color: #FFF;
	font-family: "Helvetica","Arial","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Osaka","ＭＳ Ｐゴシック",Verdana,sans-serif;
	padding: 2px 7px;
 	display: inline-block;
 	/display: inline;
 	zoom: 1;
 	font-size: 12px;
 	font-weight: normal;
	margin-right: 5px;
	text-align: center;
	width: 4.5em;
	vertical-align: top;
	/vertical-align: middle;
}
.icon-topics,
.icon-community {width: 6.5em;}
.icon-senmonka {font-size: 10px; padding: 4px 6px; width: 8em;}
.icon-general {background: #93bc03;}
.icon-electron {background: #d94040;}
.icon-magazine {background: #390;}
.icon-books {background: #93BC03;}
.icon-newspaper {background: #F90;}
.icon-tv {background: #F60;}
.icon-web {background: #33A7E2;}
.icon-topics {background: #5F9AB8;}
.icon-community {background: #F90;}
.icon-senmonka {background: #DA6664;}
/* seminar */
.guide-event li {
    background-position: -6px -358px;
    padding: 2px 0 5px 18px;
}
/* books */
.guide-books .cmn-text-box {
     letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
     position: relative;
     margin: 0 -10px 20px 3px!important;
}
.guide-books li {
    border-bottom: 1px dotted #D2D2D2;
    border-right: 1px dotted #D2D2D2;
    display: inline-block;
    /display: inline;
    zoom: 1;
    letter-spacing: normal; /* 文字間を通常に戻す */
    margin: 0 10px 15px 0;
    min-height: 272px;
    height: auto !important;
    height: 272px;
    padding: 5px 10px 10px 0;
    width: 210px;
    vertical-align: top;
}
.guide-books .label {margin-bottom: 15px;}
.guide-books .g-thum {
    display: block;
    height: 120px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 120px;
}
.guide-books .g-thum div.pic {
    cursor: pointer;
    display: table-cell;
    height: 120px;
    margin: auto;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 120px;
}
.guide-books .g-thum img {
    border: medium none;
    display: inline-block;
    line-height: 120px;
    max-height: 120px;
    max-width: 120px;
    vertical-align: middle;
}
.guide-books .books-title {
    font-weight: bold;
    margin-bottom: 10px;
}
.guide-article .article-list .thum,
.guide-article .article-list .article {
 	display: inline-block;
 	/display: inline;
 	zoom: 1;
}
.guide-article .article-list .thum {
    width: 120px;
    margin-right: 10px;
}
.guide-article .article-list .article {
    width: 547px;
    padding-bottom: 5px;
    vertical-align: top;
}
.guide-article .article-list .article-title {
    font-size: 14px;
    font-weight: bold;
}
.guide-article .article-list .article-title,
.guide-article .article-list .read {
    margin-bottom: 8px;
}
.guide-article .article-list .read {padding: 0;}
.ga .ga-list dt {
    font-size: 14px;
    margin-bottom: 5px;
}
.ga .ga-list .answer,
.dig .dig-list .theme {
    font-size: 14px;
    font-weight: bold;
    padding: 2px 0 5px 24px;
}
.ga .ga-list .answer {background-position: -128px -4082px;}
.ga .ga-list .date {margin-left: 24px;}
.dig .dig-list .theme {background-position: -136px -4082px; padding: 2px 0 5px 15px;}
.dig .dig-list .read {margin: 0 0 7px 15px; padding: 0;}
.dig .dig-list .date {margin-left: 15px;}

/* for fck editor */
.guide-career ol,
.guide-group ol,
.guide-seminar ol,
.guide-method ol {
    list-style: decimal inside none;
    margin: 0 5px 15px;
}
.guide-career ul,
.guide-group ul,
.guide-seminar ul,
.guide-method ul {
    list-style: disc inside none;
    margin: 0 5px 15px;
}
.guide-career li,
.guide-group li,
.guide-seminar li,
.guide-method li {
    margin: 5px 0;
}
.guide-career blockquote,
.guide-group blockquote,
.guide-seminar blockquote,
.guide-method blockquote {
    background: #efefef;
    border: 1px solid #ccc;
    margin: 15px 0;
    padding: 20px;
}
/* ガイド一言コメント */
.cmn-text-box .catch {
    padding: 0 3px;
    font-weight: bold;
    font-size: 14px;
}
.guide-name .catch {
    padding: 0;
    font-size: 12px;
}
.guide-photo-line .catch {
    padding: 0;
    font-weight: bold;
    font-size: 14px;
}
/* tips用 */
.guide-info-box .tips {
    margin-bottom: 20px;
}
.tips-item-list {
    *zoom: 1;
    width: 715px;
    *margin-bottom: 20px;
    letter-spacing: -.40em;
}
.tips-item-list li {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
    vertical-align: top;
    width: 196px;
    margin: 0 20px 20px 0;
    padding: 10px;
    background: #fff;
    *zoom: 1;
    border: 1px solid #eee\9;
    width: 194px\9;
}
.tips-item-list dl, .tips-item-list dd {
    margin: 0;
}
.tips-item-list dt {
    height: 122px;
    overflow: hidden;
    position: relative;
}
.tips-item-list dt img {
    top: -8px;
    position: absolute;
}
.tips-item-list dd {
    padding: 10px 0 0;
    font-weight: bold;
}