@charset "utf-8";

/* Browser Reset */

body,div,form,
h1, h2, h3, h4, h5, h6,p,address,
dl,dt,dd,ul,ol,li,
table,th,td{
margin:0;
padding:0;
border:none;
font-style:normal;
font-weight: normal;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: left;
}
img {
border: 0;
}
ol,ul {
list-style: none;
}

/* Browser Reset */

/*----- clearfixハック -----*/

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

body{
color:#000000;
background:#ffffff;
font-size:100%;
}

a:link {	color:#627aae;text-decoration:underline;}
a:visited {	color:#627aae;text-decoration:underline;}
a:hover {	color:#b0bcd6;text-decoration:none;}
a:active {	color:#b0bcd6;text-decoration:none;}
p.arw{
background:url(../img/icon_arw.gif) no-repeat left center;
padding-left:24px;
font-weight:bold;
}


/***** color *****/
.c_blk {
color:#000000;
}

/***** align *****/
.a-center { text-align:center; }
.a-right { text-align:right; }
.a-left { text-align:left; }
.fl-right { float:right; }
.fl-left { float:left; }
.clear { clear:both; font-size:0px; }

/***** margin *****/
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}

/***** padding *****/
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb25 { padding-bottom:25px;}

/***** font *****/
.fs10{ font-size:10px; line-height:14px;}
.fs12{ font-size:13px; line-height:16px;}
.fs14{ font-size:14px; line-height:18px;}
.fs16{ font-size:16px; line-height:20px;}



#header {
width:100%;
height:38px;
background:#000000;
border-bottom:1px solid #bbbbbb;
}
#header .inline {
width:894px;
padding:0 12px;
margin:0 auto;
text-align:right;
}
#app_logo {
width:918px;
height:50px;
padding:11px 0;
margin:0 auto;
background:#FFFFFF;
text-align:left;
}
#top_txt {
width:100%;
padding:36px 0;
margin-bottom:48px;
background:#f6f8f7;
text-align:center;
}
#top_txt h1{
font-size:30px;
font-weight:bold;
}

#contents {
width:848px;
padding:0 35px 60px 35px;
margin:0 auto;
background:#FFFFFF;
}
#contents p{
	font-size:17px;
	line-height:30px;
	margin:0;
}
#footer {
width:100%;
height:128px;
background:#000000;
}
#footer .inline {
width:894px;
padding:20px 12px 0 12px;
margin:0 auto;
color:#ffffff;
text-align:right;
}

.prof_01{
background: url(../images/photo_01.png) no-repeat top right;
padding:0 360px 70px 0;
min-height:360px;
}
.prof_01 h2{
	font-size:50px;
	font-weight:bold;
	margin:0 0 17px 0;
	line-height:50px;
}
.prof_01 h2 span{
	font-size:30px;
	line-height:30px;
}
#contents .prof_01 p.job{
	font-size:18px;
	font-weight:bold;
	margin:0 0 40px 0;
	line-height:18px;
}
#contents .prof_01 p,#contents .prof_02 p,#contents .prof_03 p{
	font-size:16px;
	line-height:26px;
	margin:0;
}
.prof_02{
background: url(../images/photo_02.png) no-repeat top left;
padding:0 0 55px 425px;
min-height:240px;
}
.prof_03{
background: url(../images/photo_03.png) no-repeat top right;
padding:0 420px 58px 0;
min-height:240px;
}

#contents .link_tit{
	padding:0 0 36px 0;
	border-bottom:1px solid #555555;

}

#contents .link_tit p{
	font-size:22px;
	margin:0;
}

#contents .link ul{
	border-bottom:1px solid #555555;

}
#contents .link li{
	border-bottom:1px solid #555555;
min-height:82px;
}
#contents .link li a{
display:block;
padding:16px 0 16px 120px;
vertical-align:middle;
color:#000000;
font-weight:bold;
font-size:18px;
text-decoration:none;
}
#contents .link li.link_tsv a{
background: url(../images/link_tsv.png) no-repeat left center #ffffff;
}
#contents .link li.link_pmo a{
background: url(../images/link_pmo.png) no-repeat left center #ffffff;
}
#contents .link li.link_soc a{
background: url(../images/link_soc.png) no-repeat left center #ffffff;
}
#contents .link li a:hover{
	background-color:#fcfcfd;
}

.download .app-btn {
  text-align: center;
  margin: 0 0 50px 0;
}
.download .app-btn li {
  display: inline-block;
  margin: 10px 16px;
  vertical-align:top;
}
.download .app-btn li p{
  font-size:12px !important;
  line-height:16px !important;
}
.download .app-btn li a {
  display: block;
}

#contents .dl_tit{
	padding:0px 0 36px 0;
}

#contents .dl_tit p{
	font-size:22px;
	margin:0;
}
#contents .tsv_01{
	min-height:68px;
	padding:8px 0 8px 108px;
	margin-bottom:58px;
background: url(../images/icon_tsv.png) no-repeat left top;
}
#contents .tsv_01 p{
	font-size:26px;
	line-height:30px;
	font-weight:bold;
}

#contents .tsv_02{
	margin-bottom:72px;
}
#contents .tsv_02 p{
	font-size:26px;
	line-height:30px;
	font-weight:bold;
}

#contents .tsv_03{
	margin-bottom:72px;
}
#contents .tsv_03 p{
	float:right;
	width:423px;
	
}
#contents .tsv_03 .left_img{
	float:left;	
	width:360px;
}
#contents .tsv_03 .left_img p{
	width:360px;
	font-size:13px;
	line-height:22px;
	margin:0;
}

#contents .tsv_04{
	margin-bottom:72px;
}
#contents .tsv_04 p{
	float:left;
	width:372px;
	
}
#contents .tsv_04 .right_img{
	width:423px;
	float:right;	
}
#contents .tsv_04 .right_img p{
	width:423px;
	font-size:13px;
	line-height:22px;
	margin:0;
}

#contents .tsv_05{
	margin-bottom:72px;
}
#contents .tsv_05 p{
	font-size:13px;
	line-height:22px;
	margin:10px 0 0 0;
}

#contents .tsv_06{
	margin-bottom:84px;
}