/* CSS Document */

/*html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	color:#333;
	font-size: 13px;
	line-height:25px;
	vertical-align: baseline;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration: none;
}*/

/*タブ*/

.tab__area{
    color: #333;
    margin: 30px 10px;
    width: auto;
    font-size: 14px;
    line-height: 1.6;
}
.tab__list{
    display: table;
    margin: 0 auto;
    width: 100%;
    zoom: 1;
    table-layout: fixed;
    border-spacing: 0;
}
.tab__item{
    display: table-cell;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.tab__item a{
    display: block;
    padding: 5px;
    margin: 0 2px;
    overflow: hidden;
    position: relative;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px 3px 0 0;
    font-size: 14px;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* hover時の背景色（グレー）の指定 */
.tab__item a:hover{
    background-color: #eee;
}
/* タブ選択時の文字色の指定 */
.tab__item a.selected{
    color: #fff;
}
/* タブ01（ブルー）の背景色と文字色の指定 */
.tab__item:first-child a.selected{
    background-color: #1C53A5;
}
/* タブ02（グリーン）の背景色と文字色の指定 */
.tab__item:nth-child(2) a.selected{
    background-color: #23ad36;
}
/* タブ03（オレンジ）の背景色と文字色の指定 */
.tab__item:nth-child(3) a.selected{
    background-color: #ff9900;
}
/* タブ04（ピンク）の背景色と文字色の指定 */
.tab__item:nth-child(4) a.selected{
    background-color: #f26168;
}
.tab__inner{
    border: 1px solid #ccc;
    margin-top: -1px;
}
/* タブ01（ブルー）選択時のコンテンツ内の背景色の指定 */
.tab__inner .blue{
    padding: 20px;
    background-color: #f4f9ff;
}
/* タブ02（グリーン）選択時のコンテンツ内の背景色の指定 */
.tab__inner .green{
    padding: 20px;
    background-color: #f4fff4;
}
/* タブ03（オレンジ）選択時のコンテンツ内の背景色の指定 */
.tab__inner .orange{
    padding: 20px;
    background-color: #fff9f4;
}
/* タブ04（ピンク）選択時のコンテンツ内の背景色の指定 */
.tab__inner .pink{
    padding: 20px;
    background-color: #fff;
    /*background-color: #fff4f9;*/
}

/*/タブ*/

.ok{font-size:12px;
	color:#e4007f;
	border-bottom:1px dashed #e4007f;
	}

.img_left{
	float:left;
	padding:0px 10px 10px 0px;
	}
.img_right{
	float:right;
	padding:0px 0px 10px 10px;
	}

.kyujin_space {
	margin:10px 0;
	border-bottom:1px dotted #aaa;
	padding:0 0 10px;
}

.kyujin_center{
	float:left;
	width:380px;
	}
.kyujin_center_2nd{
	}
.kyujin_right{
	width:110px;
	float:right;
	}
	

img{
	text-decoration:none;
	border:none;
	}

.borderman{
	width:673px;
	border:1px solid #cfcfcf;
	padding:10px;
	margin:5px 0px 0px 0px;
	}
	
dl {
    margin-bottom: 20px;
}
dt, dd {
    line-height: 20px;
}
dt {
    font-weight: bold;
}
dd {
    margin-left: 10px;
}
.dl-horizontal02 dt {
    clear: left;
    float: left;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 52px;
}
.dl-horizontal02 dd {
    margin-left: 70px;
}

@media screen and (min-width: 900px) {
    .tab__list{
        width: 90%;
    }

    .tab__item a{
        font-size: 16px;
    }

}