/*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: 735px;
}

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

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


*{
margin:0;
padding:0;
}

p {
text-justify:inter-ideograph;
}

#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 #backNumberWrap{
width:735px;
height:46px;
margin:15px 0 12px 3px;
}

#backNumberWrap a {
display: block;
overflow: hidden;
text-indent: -9999px;
height: 46px;
}

#backNumberWrap ul,#backNumberWrap * li {
margin:0;
list-style: none;
}

#backNumberWrap * li {
float:left;
/*text-indent:-9999px;*/
}

.p01{
padding-left:0px;
}
.p01 a{
width:139px;
background-image:url(i/backNumber01_over.gif);
background-repeat:no-repeat;
}

.p01 a:hover{
width:139px;
background-image:url(i/backNumber01.gif);
background-repeat:no-repeat;
}
.p02{
padding-left:5px;
}
.p02 a{
width:168px;
background-image:url(i/backNumber02_over.gif);
background-repeat:no-repeat;
}

.p02 a:hover{
width:168px;
background-image:url(i/backNumber02.gif);
background-repeat:no-repeat;
}
.p03{
padding-left:15px;
}
.p03 a{
width:170px;
background-image:url(i/backNumber03_over.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}

.p03 a:hover{
width:170px;
background-image:url(i/backNumber03.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}
.p04{
padding-left:15px;
}
.p04 a{
width:170px;
background-image:url(i/backNumber04_over.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}

.p04 a:hover{
width:170px;
background-image:url(i/backNumber04.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}
.p05{
padding-left:15px;
}
.p05 a{
width:165px;
background-image:url(i/backNumber05.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}

.p05 a:hover{
width:165px;
background-image:url(i/backNumber05_over.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}
.p06{
padding-left:0px;
}
.p06 a{
width:161px;
background-image:url(i/backNumber06.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}

.p06 a:hover{
width:161px;
background-image:url(i/backNumber06_over.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}

.p07{
padding-left:15px;
}
.p07 a{
width:106px;
background-image:url(i/backNumber07.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}

.p07 a:hover{
width:106px;
background-image:url(i/backNumber07_over.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}

.p08{
padding-left:15px;
}
.p08 a{
width:198px;
background-image:url(i/backNumber08.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}

.p08 a:hover{
width:198px;
background-image:url(i/backNumber08_over.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}

.p09{
padding-left:20px;
}
.p09 a{
width:212px;
background-image:url(i/backNumber09_over.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}

.p09 a:hover{
width:212px;
background-image:url(i/backNumber09_over.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}

#mainArea{
	margin-top:0 !important;
	width:770px !important;
}


#mainArea #mainAreaPadder{
	margin-bottom:0 !important;
}

/*	コンテンツ
------------------------------*/
#pilotLibrary #contentsWrap{
width:770px;
overflow:hidden;
margin-left:-19px;
margin-top: 10px;
}
#pilotLibrary #contentsBox{
width:770px;
overflow:hidden;
}

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

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

div#main_area{
	width:740px;;
	overflow:hidden;
	clear:both;
	margin:0 15px;
	padding-bottom:25px;
	position:relative;
}

div#main_content{
	width:770px;
	background:url(i/bg_main.jpg) no-repeat left bottom;
    position: relative;
}

.parts_window{
	min-height:62px;
	padding-top:10px;
}

.parts_window .parts{
	width:740px;
}

.parts_window .openWindow{
	display:none;
	height:298px;
	position:relative;
}

.parts_window .openWindow area{
	cursor:pointer;
}

.parts_window .openWindow .pen{
	position:absolute;
	right:22px;
	bottom:24px;
}

.parts_window .close{
	background:url(i/bg_parts.jpg) no-repeat center bottom; 
}

.parts_window .title{
	cursor:pointer;
}




/*	playborder TOPPAGE
------------------------------*/
#titleArea{
	height:445px;
	position:relative;
	z-index: 190;
}

#titleArea ul{
	width:769px;
	height:73px;
	background:url(i/menu.png) no-repeat left top;
    position:absolute;
	top:370px;
	left:0;
	z-index: 190;
}

#titleArea ul li{
	float:left;
	overflow:hidden;
}

#titleArea ul li a{
	display:block;
	text-indent:-8989px;
}

#titleArea ul li.howto a{
	width:196px;
	height:73px;
	background:url(i/menu.png) no-repeat left -73px;
}
#titleArea ul li.howto a:hover{
	width:196px;
	height:73px;
	background:url(i/menu.png) no-repeat left top;
}

#titleArea ul li.bordermaster a{
	width:182px;
	height:73px;
	background:url(i/menu.png) no-repeat -196px -73px;
}

#titleArea ul li.bordermaster a:hover{
	width:182px;
	height:73px;
	background:url(i/menu.png) no-repeat -196px top;
}

#titleArea ul li.decoration a{
	width:181px;
	height:73px;
	background:url(i/menu.png) no-repeat -378px -73px;
}

#titleArea ul li.decoration a:hover{
	width:181px;
	height:73px;
	background:url(i/menu.png) no-repeat -378px top;
}

#titleArea ul li.grip a{
	width:210px;
	height:73px;
	background:url(i/menu.png) no-repeat -559px -73px;
}

#titleArea ul li.grip a:hover{
	width:210px;
	height:73px;
	background:url(i/menu.png) no-repeat -559px top;
}

#main_content .section{
	width:740px;
	margin:40px 15px 0;
	clear:both;
	overflow:hidden;
}

#main_content .section .secL{
	width:370px;
	float:left;
}

#main_content .section .secL h3{
	height:30px;
	font-size:18px;
	font-weight:normal;
	color:#00A6ED;
	background:url(i/line_h3.jpg) no-repeat left bottom;
}

#main_content .section .secL p{
	width:355px;
	margin-top:15px;
}

#main_content .section .secR{
	width:370px;
	float:right;
}

#main_content .section .secR ul{
	overflow:hidden;
}

#main_content .section .secR ul li{
	float:left;
}

#main_content .section .secR ul li.imgLeft{
	margin-right:10px;
}

#main_content .section .secR p{
    clear:both;
	overflow:hidden;
}

#main_content .section p.commentUp{
	margin:0;
	padding-left:20px;
	background:url(i/icon_up.jpg) no-repeat left center;
}

#main_content .section .secL p.commentUp{
	margin-top:7px;
}

#main_content #playborder{
	width:770px;
	margin-top:20px;
}

#main_content #playborder h3{
	height:140px;
}

#main_content #playborder .originalStyle p{
	width:380px;
	margin:10px 0 0 10px;
}

#main_content #playborder .originalStyle h5{
	margin-top:30px;
	padding:10px 0 0 10px;
	font-size:18px;
	font-weight:normal;
}
#main_content #playborder .originalStyle dl{
	width:390px;
}
#main_content #playborder .originalStyle dl dt{
	height:54px;
	line-height:0;
	font-size:1px;
}
#main_content #playborder .originalStyle dl dd{
	height:158px;
	line-height:0;
	font-size:1px;
}


#main_content #playborder .odd{
	padding:12px 15px 0 365px;
}
#main_content #playborder .odd dl{
	margin-top:10px;
}

#main_content #playborder .even{
	padding:12px 0 0 15px;
}
#main_content #playborder .even dl{
	margin-top:40px;
}

#main_content #playborder #sweet{
	height:406px;
	background:url(i/bg_sweet.jpg) no-repeat left top;
}
#main_content #playborder #sweet h5{
	color:#E52D9F;
	background:url(i/icon_sweet.gif) no-repeat left top;
}
#main_content #playborder #sweet dl{
    margin-top:0;	
}
#main_content #playborder #cute{
	height:507px;
	background:url(i/bg_cute.jpg) no-repeat left top;
}
#main_content #playborder #cute h4{
	padding-left:35px;
}
#main_content #playborder #cute h5{
	color:#007FED;
	background:url(i/icon_cute.gif) no-repeat left top;
}

#main_content #playborder #salad{
	height:448px;
	background:url(i/bg_salad.jpg) no-repeat left top;
}
#main_content #playborder #salad h4{
	padding-left:45px;
}
#main_content #playborder #salad h5{
	color:#50C546;
	background:url(i/icon_salad.gif) no-repeat left top;
}

#main_content #playborder #honey{
	height:507px;
	background:url(i/bg_honey.jpg) no-repeat left top;
}
#main_content #playborder #honey h4{
	padding-left:35px;
}
#main_content #playborder #honey h5{
	color:#FFAE00;
	background:url(i/icon_honey.gif) no-repeat left top;
}

#main_content #playborder #spicy{
	height:448px;
	background:url(i/bg_spicy.jpg) no-repeat left top;
}
#main_content #playborder #spicy h4{
	padding-left:20px;
}
#main_content #playborder #spicy h5{
	color:#FF0000;
	background:url(i/icon_spicy.gif) no-repeat left top;
}

#main_content #playborder #feminine{
	height:507px;
	background:url(i/bg_feminine.jpg) no-repeat left top;
}
#main_content #playborder #feminine h4{
	padding-left:25px;
}
#main_content #playborder #feminine h5{
	color:#E52D9F;
	background:url(i/icon_feminine.gif) no-repeat left top;
}

#main_content #playborder #pop{
	height:449px;
	background:url(i/bg_pop.jpg) no-repeat left top;
}
#main_content #playborder #pop h4{
	padding-left:45px;
}
#main_content #playborder #pop h5{
	color:#FF7900;
	background:url(i/icon_pop.gif) no-repeat left top;
}

#main_content #playborder #sport{
	height:506px;
	background:url(i/bg_sport.jpg) no-repeat left top;
}
#main_content #playborder #sport h4{
	padding-left:35px;
}
#main_content #playborder #sport h5{
	color:#0057DA;
	background:url(i/icon_sport.gif) no-repeat left top;
}

#main_content #playborder #marine{
	height:448px;
	background:url(i/bg_marine.jpg) no-repeat left top;
}
#main_content #playborder #marine h4{
	padding-left:45px;
}
#main_content #playborder #marine h5{
	color:#0033FF;
	background:url(i/icon_marine.gif) no-repeat left top;
}

#main_content #playborder #littlefien{
	height:507px;
	background:url(i/bg_littlefien.jpg) no-repeat left top;
}
#main_content #playborder #littlefien h4{
	padding-left:30px;
}
#main_content #playborder #littlefien h5{
	color:#E52D9F;
	background:url(i/icon_littlefien.gif) no-repeat left top;
}

#main_content #playborder #center{
	height:449px;
	background:url(i/bg_center.jpg) no-repeat left top;
}
#main_content #playborder #center h4{
	padding-left:35px;
}
#main_content #playborder #center h5{
	color:#0092FF;
	background:url(i/icon_center.gif) no-repeat left top;
}

#main_content #playborder #active{
	height:506px;
	background:url(i/bg_active.jpg) no-repeat left top;
}
#main_content #playborder #active h4{
	padding-left:20px;
}
#main_content #playborder #active h5{
	color:#25C000;
	background:url(i/icon_active.gif) no-repeat left top;
}

#main_content #playborder #two-tone{
	height:458px;
	background:url(i/bg_two-tone.jpg) no-repeat left top;
}
#main_content #playborder #two-tone h4{
	padding-left:25px;
}
#main_content #playborder #two-tone h5{
	color:#F85B1D;
	background:url(i/icon_two-tone.gif) no-repeat left top;
}

#main_content #playborder #tiger{
	height:565px;
	background:url(i/bg_tiger.jpg) no-repeat left top;
}
#main_content #playborder #tiger h4{
	padding-left:35px;
}
#main_content #playborder #tiger h5{
	color:#000000;
	background:url(i/icon_tiger.gif) no-repeat left top;
}

#main_content .decorationTitle{
	width:740px;
	margin:0 auto;
}

#main_content #morePlayborder{
	width:740px;
	height:750px;
	margin:0 auto;
	background:url(i/bg_more.jpg) no-repeat left top;
	overflow: hidden;
}

#main_content #morePlayborder .secL{
	width:330px;
	margin:25px 0 0 15px;
	float:left;
}
#main_content #morePlayborder .secL h4{
	padding-left:40px;
	font-size:16px;
	font-weight:normal;
	color:#0086E5;
	background:url(i/icon_more.jpg) no-repeat left center;
}
#main_content #morePlayborder .secL .moreLeft,
#main_content #morePlayborder .secL .moreBt{
	margin-top:20px;
}

#main_content #morePlayborder .secR{
	width:330px;
	margin-top:250px;
	float:right;
}

#main_content #morePlayborder .secR .pointLeft{
	margin-left:120px;
	padding-left:15px;
	font-size:12px;
	background:url(i/icon_more_left.gif) no-repeat left 3px;
}
#main_content #morePlayborder p.pointUp{
	width:200px;
	margin:320px 0 0 120px;
	padding-left:15px;
	font-size:12px;
	background:url(i/icon_more_up.gif) no-repeat left center;
}


#main_content #buttonArea{
	width:198px;
	height:58px;
	margin:0 auto;
	padding:100px 0 50px;
}

/*ライブラリーのインデックスページへ戻る
------------------------------*/
#go-indexpage {
	display: block;
	width: 772px;
	text-align: right;
	margin: 0 auto;
	margin-top: 40px;
	height: 130px;
}

#adjust{
	display: block;
	width: 731px;
	border-top: 1px solid #999999;
}

#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) ;
}