html {overflow: auto;}

a {color: #336699;}
ul:after {
 content: '';
 display: block;
 clear: both;
}
img{
margin : 0;
padding : 0;
border: none;
}


/* 非表示項目 */
/* pc */
@media print, screen and (min-width:769px) {
.sp_on {display : none;}
}

/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 768px) {
.pc_on {display : none;}
}
 
/* smartPhone */
@media screen and (max-width: 640px) {
.pc_on {display : none;}
}

/* コンテンツ */

#container{
width:100%;
text-align: center;
}

/* パンクズ*/
#topicpath {
margin : 0 auto;
width:100%;
text-align : center;
}
#topicpath p{
margin : 0 auto;
padding: 5px 10px;
max-width : 900px ;
font-size : .8rem;
line-height : 1rem;
text-align : left;
}

/* トップ部分 */
#person-top{
margin : 5px auto;
padding: 0;
max-width : 900px ;
text-align : center;
}

#person-t{
margin :0 0 0 10px;
padding:10px 0 0 0;
}


@media print, screen and (min-width:901px) {
#person-t{width : 180px;float: left;text-align : left;}
#bn-waku{margin :0;padding:0;width : 700px;float: right;overflow:hidden;}
#person-t img{width : 100%;}
}
@media only screen and (min-width: 701px) and (max-width: 900px) {
#person-t img{width : 30%;}
}
@media screen and (max-width: 700px) {
#person-t img{width : 40%;}
#bn-waku{display:none;}
}


/* TOPレイアウト */
#person-list{
margin : 0 auto;
padding: 1rem;
overflow: hidden;
clear:both;
}

#person-list p.jun{
margin: 0;
padding: 8px;
text-align: right;
font-size : .75rem;
}

#person-list li{
float: left;
list-style: none;
display: inline-block;
width: 33.3%;
}
#person-list li p{
padding: 4px 4px 2px 4px;
margin: 0 3px 6px 3px;
text-align: center;
box-sizing: border-box;
border-radius: 5px;
border: #b7d791 1px solid;
background-color: #fff;
font-size : .75rem;
line-height : 1rem;
}


@media print, screen and (min-width:901px) {
#person-list{max-width :980px;padding : 0;}
#person-list li{width: 14.28%;}

}
@media only screen and (min-width: 701px) and (max-width: 900px) {
.person-l,.person-r{width :49%;margin : 0 .5%;float: left;}
}

@media screen and (max-width: 700px) {
#person-list{padding : 0 3%;}
}



#person-list h3{
margin : 0 0 10px 0;
padding : 3px 10px;
background:url("img/bg_g.gif");
color: #ffffff;
font-size: 15px;
font-weight: bold;
clear:both;
border-radius: 3px;
text-align: left;
}

#person-list ul{
margin : 0;
padding : 0 0 10px 0;
clear:both;
overflow: hidden;
}

.ie7 #person-list li{
width: 84px;
}

#person-list img{
width: 100%;
}

#person-list a{
text-decoration:none;
color:#67a71b;
}

#person-list a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha( opacity=70 )";
}


/* 個人レイアウト */
#person-m, #person-w, #person-a{
margin :0 auto 5px auto;
padding: 0 10px;
max-width :920px;
overflow:hidden;
font-size : 15px;
line-height : 130%;
clear:both;
}

.person-photo{text-align: center;}


@media print, screen and (min-width:901px) {
.person-photo{margin :0;padding: 0;width : 30%;float: left;}
.person-photo img{width : 100% ;}
.person-list{margin :0;padding: 0;width : 68%;float: right;}
}

@media only screen and (min-width: 481px) and (max-width: 900px) {
.person-photo{margin :0;padding:0 0 15px 0;width: 100%;}
}
@media screen and (max-width: 480px) {
.person-photo{margin :0;padding:0 0 15px 0;width: 100%;}
.person-photo img{width: 70%;}
}




/* 共通設定 */
#person-m .name,#person-w .name{
padding: 7px 0px 7px 15px;
margin :0 auto 20px auto;
color : #fff;
font-weight: bold;
font-size: 120%;
text-align : left;
-webkit-border-radius: 8px;
border-radius: 8px;
overflow: hidden;
}


#person-m .label,#person-w .label{
margin :0;
display: block;
text-align : left;
font-weight: bold;
}
@media print, screen and (min-width:481px) {
#person-m .name p,#person-w .name p{padding: 0 5px;margin :0;float: left;}
#person-m .name span,#person-w .name span{margin :5px 20px 0 0;font-size : 1rem;line-height : 12px;float: right;}
#person-m .label,#person-w .label{float: left;width : 26% ;padding:2%;}
}
@media screen and (max-width: 480px) {
#person-m .name p,#person-w .name p{margin :0;padding: 0;font-size: 1.1rem;line-height: 130%;}
#person-m .name span,#person-w .name span{margin :5px 20px 0 0;font-size : 1rem;line-height : 12px;}
#person-m .label,#person-w .label{padding:2% 2% 0 2%;}
}

#person-m .person-photo a,#person-w .person-photo a{
padding: 4px 0;
margin :10px;
color : #fff;
text-align : left;
-webkit-border-radius: 8px;
border-radius: 8px;
display:block;
text-decoration: none;
text-align: center;
}


.person-msg{
padding: 1rem 0 4rem 0;
}
.person-msg p{
margin: 0;
padding: .6rem 1rem;
font-size : 1rem;
line-height : 1.4rem;
}


/* 男性設定 */
#person-m .name{
background:url("img/bg_b.gif");
}
#person-m .person-photo a{
background:url("img/bg_b.gif");
}
#person-m .person-photo a:hover{
color:#0c1a86;
}
#person-m .label{color:#3e97c4;
}
/* 女性設定 */
#person-w  .name{
background:url("img/bg_p.gif");
}
#person-w .person-photo a{
background:url("img/bg_p.gif");
}
#person-w .person-photo a:hover{
color:#611539;
}
#person-w .label{color:#d54f75;
}


/* 宮井さん設定 */
.miyai{
margin : 0 10px 0 0;
padding :0;
font-size : 14px;
line-height : 150%;
text-align: left;
}

.miyai h3{
font-weight:normal;
padding : 2px 5px;
background:#f3ecd8;
}

.miyai p{
margin : 0;
padding : 2px 5px 10px 5px;
font-size : 14px;
line-height : 150%;
text-align: left;
}

.miyai p span{
margin-left :5px;
font-size : 12px;
}


/* 海外特派員設定 */
#person-a  .name{
padding: 5px 0px 5px 15px;
margin :0 auto 20px auto;
color : #fff;
font-weight: bold;
font-size: 120%;
background:url("img/bg_y.gif");
text-align : left;
-webkit-border-radius: 8px;
border-radius: 8px;
overflow: hidden;
}
#person-a .name p{
float: left;
}
#person-a .name span{
margin :7px 20px 0 0;
font-size : 15px;
line-height : 12px;
float: right;
}

#person-a h3{
margin : 5px 0;
padding : 5px;
font-size : 14px;
line-height : 140%;
color:#333300;
border-left: 3px solid #cc9900;
text-align: left;
}

#person-a .person-list p{
margin : 0;
padding : 0 10px 10px 10px;
font-size : 14px;
line-height : 140%;
text-align: left;
}



/* プロフィール一覧 */
.person-list ul{
list-style-type: none;
margin:0 10px 0 0;
padding: 0;
border-top:1px dashed #ccc;
}
.person-list ul:after {
 content: '';
 display: block;
 clear: both;
}


#person-m li,#person-w li{
width : 100%;
margin :0;
padding: 0;
display:table;
border-bottom:1px dashed #ccc;
font-size : normal;
line-height : 130%;
text-align : left;
}

.content{
margin :0;
color:#333333;
display: block;
padding: 2%;}
.content span{
margin-left :5px;
font-size : 12px;
}
@media print, screen and (min-width:481px) {
.content{float: left;width : 66% ;}
}

/* コピーライト*/

#cr{
padding : 10px 0;
font-size : 10px;
line-height : 12px;
width:100%;
text-align : center;
clear: both;
}