/*ajaxのための記述*/
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/*ajaxのための記述*/
#mainAreaPadder {
    margin: 0 auto;
    padding: 16px 0 0;
    width: 770px;
}

#mainAreaPadder * {
    box-sizing: content-box;
}

#mainAreaPadder:after {
    content: '';
    display: block;
    clear: both;
}

*{
margin:0;
padding:0;
}

#wrapperPilotLibrary{
width:772px;
margin:0 auto;
text-align:left;
background:#fff url(../007/i/wrapperPilotLibrary_bg.gif) repeat-y left;
}

#pilotLibrary {
font-size:13px;
line-height:1.5em;
background-color:#FFF;
}

#pilotLibrary h2{
font-size:100%;
}





/*	コンテンツ
------------------------------*/
#pilotLibrary #contentsWrap{
width:735px;
overflow:hidden;
}
#pilotLibrary .contentsBox{
width:735px;
margin-top: 15px;
overflow:hidden;
}





/*メインコンテンツ--------------*/

div#subTitle{
width:735px;
height:320px;
margin:20px auto;
}
div#subText{
width:290px;
float:left;
padding:0 0 0 20px;
}

div#subImage{
width:381px;
height:320px;
float:right;
margin-left:34px;
}
div#subImage div#sImg1{
width:186px;
height:265px;
float:left;
}
div#subImage div#sImg2{
width:187px;
height:267px;
float:right;
margin-left:8px;
text-indent:-9999px;
}
div#subImage div#sImg2 a{
width:187px;
height:267px;
display:block;
background:url(i/banner.jpg) no-repeat;
}
div#subImage div#sImg2 a:hover{
background:url(i/banner_over.jpg) no-repeat;
}
div#main_content{
width:735px;
overflow:hidden;
}
div#mcontent_body{
background:url(i/contentBg.gif) repeat-y;
overflow:hidden;
width:735px;
}
div#mcontent_Title{
width:700px;
height:55px;
margin:21px auto;
margin-bottom:30px;
}
div#mcontent_Title img{
display:block;
width:61px;
height:55px;
float:left;
}
div#mcontent_Title p{
width:625px;
float:right;
padding-top:13px;
}
div#anquet_body{
width:700px;
height:898px;
background:url(i/anquetBg.gif) no-repeat;
margin:0 auto;
padding-top:26px;
}
div#anquet1{
width:700px;
margin:0 0 28px 0;

}
div#anquet2{
width:700px;
margin:32px 0 29px 0;

}
div#anquet3{
width:700px;
margin:33px 0 30px 0;
height:275px;
}
div#anquet1 p{
color:#666666;
font-size:16px;
margin:0 0 14px 23px;

}
div#anquet2 p{
color:#666666;
font-size:16px;
margin:0 0 21px 23px;

}
div#anquet3 p{
margin:0 0 25px 23px;
color:#666666;
font-size:15px;
}
/*IE6*/
*html body　div#anquet3 p{
margin:0 0 25px 11px;
}
div#anquet3 p.right{
float:right;
font-size:12px;
margin-right:20px;
}

div#userEx{
clear:both;
width:660px;
margin:0 20px 30px 20px;
height:233px;
}
div#user12wrap{
width:430px;
float:left;
margin-right:28px;
}
div#user1{
width:201px;
float:left;
margin-right:28px;
}
div#user2,div#user3{
width:201px;
float:right;
}
div#user1 p.uservoice,div#user2 p.uservoice,div#user3 p.uservoice{
color:#666666;
font-weight:bold;
font-size:13px;

}
div#user1 span.uservoice,div#user2 span.uservoice,div#user3 span.uservoice{
color:#666666;
font-size:12px;
font-weight:normal;
}
div#mcontent_Bottom{
width:700px;
margin:0 auto;
height:245px;
}
*html body div#mcontent_Bottom{
padding-botom:12px;
}
div#mcontent_left{
width:450px;
float:left;
}
p.subTitle{
color:#993366;
font-size:14px;
margin:80px 0 20px 0;
}
p.subTitle2{
color:#993366;
font-size:14px;
margin:20px 0 3px 0;
}
div#mcontent_right{
width:173px;
float:right;
margin-right:5px;
margin-top:85px;
}
div#mcontent_right p{
color:#666666;
font-size:13px;
}
div#comment_body{
width:735px;
margin:35px auto;
}
div#comment_left{
width:320px;
float:left;
margin:22px 0;
}
div#comment_right{
width:371px;
float:right;
margin:22px 0;
}
div#comment_left img{
width:320px;

}
div#comment_left p{
margin:10px 0 40px 0;
}

.coleto_links{
display: flex;
height: 160px;
width: 735px;
padding-top: 30px;
}

#coleto_product{
display: block;
width: 320px;
float:left;
}

#coleto_special{
	display: block;
	width: 372px;
	float: right;
	margin-left: 44px;
	}
	






/*	次ページのリンク
------------------------------*/
#pilotLibrary #nextLink{
height:20px;
font-size:11px;
float:right;
margin-top:68px; margin-bottom:15px;
display:table-cell;
padding-left:25px; padding-right:15px;
color:#000;
background-image:url(i/linkHead.gif); background-repeat:no-repeat; background-position:top left;
}

div.topgo{
width:735px;
text-align:right;
margin:0 0 40px 0;
}

/*ライブラリーのインデックスページへ戻る
------------------------------*/
#go-indexpage {
	text-align: right;
    margin-top: 40px;
	height: 130px;
	border-top: 1px solid #999999;
	background-color:#fff;
}

#go-indexpage .go-indexpage_bt{
	display: block;
	float: right;
	width: 200px;
	height: 52px;
    margin-top: 20px;
}

#go-indexpage .go-indexpage_bt a{
	display: block;
	width: 200px;
	height: 52px;
	margin: 0 auto;
	background-image: url(i/common/button_indexpage.png) ;
	text-indent: 100%;
	white-space: nowrap;
  overflow: hidden;
}

#go-indexpage .go-indexpage_bt a:hover{
	background-image: url(i/common/button_indexpage_hover.png) ;
}

/* お話を伺った方 
------------------------------*/
.interviewed{
	margin-top: 50px;
	padding-top: 14px;
	border-top: #000 solid 1px;
}

.interviewed span{
font-size: 11px;
}