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

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:15px;
}
.p06 a{
width:161px;
background-image:url(i/backNumber06_over.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;
}




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


}

#index_flash_area {
    width: 770px;
    height: 399px;
	background-color: #FFFFFF;
	z-index:1;
	position:relative;
}

#button{
    width: 227px;
    height: 57px;
	position: absolute;
	left:34px;
	top:298px;
	z-index:100;
}

#button a {
	display:block;
    width: 100%;
    height: 100%;
	background: url(i/drGrip_20th_button.gif) no-repeat left top;
	text-indent:-99999px;
}

#button a:hover {
	display:block;
    width: 100%;
    height: 100%;
	background: url(i/drGrip_20th_button.gif) no-repeat -227px top;
}



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

#title_kanban{
	display: block;
	width:770px;
	height: 387px;
	margin-top: 20px;
}

#link_chro {
	display: inline-block;
	height: 30px;
	width:770px;
	margin-top: -4px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	color: #333;
	font-weight: bold;
  padding-top: 10px;
	text-decoration: none;
	border-bottom: 1px solid #333;
}

#link_chro img {
	display: inline-block;
	margin-bottom: 2px;
}

#link_chro:hover{
	background-color:#d2f4ff;
}

#link_chro a img{
	width: 11px;
	height: 9px;
}

div#subTitle{
width:735px;
padding:10px 0 10px 18px;
margin:60px auto 0;
overflow:hidden;
background:url(i/contentBg1.gif) no-repeat center top;
position: relative;
}
div#subText{
width:346px;
height:410px;
float:left;
padding-left:12px;
background: url(i/content1_left.jpg) no-repeat left top;
}
div#subText p{
margin-top:15px;
}

div#sImg{
width:363px;
height:410px;
float:right;
padding-right:14px;
}

div#main_content{
width:770px;
overflow:hidden;
clear:both;
margin:0 auto;
}

div#main_content h2{
margin-top:35px;
}

div#mcontent_body{
overflow:hidden;
width:735px;
}
div#mcontent_Title{
width:735px;
margin:18px 0 35px 0;
}
div#mcontent_Title p{
width:735px;

}

div#T_ContentBox{
	width:735px;
	height:477px;
	background:url(i/contentBg2.jpg)  no-repeat left top;
	overflow:hidden;
	margin-left:18px;
	margin-top:20px;	
	padding-left:15px;
}

div#T_Content_Lbox{
	float:left;
	width:339px;
	margin-top:16px;
}

div#T_Content_Lbox p{
margin-left:4px;
text-align:justify;
margin-top:5px;
}

div#T_Content_Lbox p#T_Content_text{
margin-top:20px;
}

div#T_Content_Rbox{
	float:right;
	width:379px;
	margin-top:16px;
	padding-right:15px;
}

div#M_ContentBox{
	width:735px;
	overflow:hidden;
	margin-left:18px;
	margin-top:10px;
	padding-left:15px;
}

div#M_Content_Lbox{
	float:left;
	width:450px;
}

div#M_Content_Lbox p{
margin-left:4px;
text-align:justify;
margin-top:5px;
}

div#M_Content_Lbox #aroma_Introduce{
	text-align:right;	
}

div#M_Content_Rbox{
	float:right;
	width:230px;
	margin-top:16px;
	padding-right:20px;
}

div#B_ContentBox{
	width:735px;
	background:url(i/contentBg3_base.jpg) repeat-y left top;
	overflow:hidden;
	margin:20px auto 0;
}

div#B_ContentBox_Top{
	width:735px;
	min-height:277px;
	background:url(i/contentBg3_top.gif) no-repeat center 27px;
	position:relative;
	margin-bottom:15px;
}

div#B_ContentBox_Bottom{
	width:735px;
	min-height:6px;
	background:url(i/contentBg3_bottom.gif) no-repeat center bottom;
}

div#B_ContentBox_Top #drGrip_use{
	position:absolute;
	left:541px;
	top:38px;
}

div#B_ContentBox_Top #by_Year{
	position:relative;
	background:url(i/contentBg3_by_year.gif) no-repeat center top;
	width:711px;
	height:81px;
	margin-left:10px;
}

div#B_ContentBox_Top #by_Year ul{
	width:700px;
	list-style:none;
	padding:30px 0 0 10px;
}

div#B_ContentBox_Top #by_Year li{
	width:50px;
	background:url(i/icon_list1.gif) no-repeat left 50%;
	float:left;
	text-indent:0.8em;
	margin:3px 13px 0 0;
	font-size:15px;
}

div#B_ContentBox_Top #by_Year li a,
div#B_ContentBox_Top #by_Year li a:hover{
	text-decoration:none;
	color:#000;
}

div#B_ContentBox_Top table {
	width:711px;
	border-collapse: separate;
	border-spacing:0;
	margin:45px auto 0;
}

* html div#B_ContentBox_Top table{
	border-collapse: collapse;
}

div#B_ContentBox_Top th{
	height:26px;
	padding-left:5px;
	padding-top:5px;
	font-size:14px;
}

div#B_ContentBox_Top th#series_tittle{
	border-left:5px solid #69BDBD;
}

div#B_ContentBox_Top th#event_tittle{
	border-left:5px solid #F76400;
}

div#B_ContentBox_Top td.ph {
	width:118px;
}

div#B_ContentBox_Top td.year {
	width:134px;
	text-align:left;
	background:url(i/contentBg3_line.gif) no-repeat right top;
}

div#B_ContentBox_Top td.year_bottom {
	width:134px;
	text-align:left;
	background:url(i/contentBg3_line.gif) no-repeat right bottom;
}


div#B_ContentBox_Top td.series {
	width:263px;
	border-top:2px solid #A5A5A5;
	font-size:13px;
	padding-bottom:1.5em;
	text-align:right;
	line-height:1em;
}

div#B_ContentBox_Top td.series ul{
	list-style:none;
	padding-left:-1.5em;
	text-align:left;
	margin-top:10px;
}

div#B_ContentBox_Top td.series li{
	background:url(i/icon_DrGrip.gif) no-repeat left 50%;
	font-size:13px;
	font-weight:bold;
	padding:5px 0 5px;
	padding-left:1.8em;
	line-height:1.25em;
}

div#B_ContentBox_Top td.series p{
	padding:5px 1.5em 0;
	text-align:left;
	line-height:1.25em;
}

div#B_ContentBox_Top td.series img{
	margin-top:5px;
	margin-right:5px;
}

div#B_ContentBox_Top td.event {
	width:196px;
	border-top:2px solid #A5A5A5;
	
	border-left:2px solid #A5A5A5;
	background-color:#F5F5F5;
}

div#B_ContentBox_Top td.event ul{
	list-style:none;
	margin:10px 0;
	text-align:left;
	padding-left:1em;
}

div#B_ContentBox_Top td.event li{
	background:url(i/icon_list2.gif) no-repeat left 5px;
	font-size:13px;
	padding-left:1em;
}


div#to_Chronology{
	text-align:right;
	margin-bottom:13px;
	margin-right:20px;
}

div#drGrip_SeriesDetail{
	width:735px;
	margin-top:20px;
	margin-left:20px;
	display: flex
}

#seriesspsite{
	display: inline-block;
	float: left;
}

#spsite{
	display: inline-block;
	float: right;
	margin-left: 30px;
}

div#B_Content_Lbox{
	float:left;
	width:339px;
	margin-top:16px;
	margin-left:15px;
}

div#B_Content_Lbox p{
	margin-left:4px;
	text-align:justify;
	margin-top:5px;
}

div#B_Content_Lbox p#B_Content_text{
	margin-top:20px;
}

div#B_Content_Rbox{
	float:right;
	width:379px;
	margin-top:16px;
}

div#comment_body{
	width:735px;
	overflow:hidden;
	margin:35px auto;
}
div#comment_left{
	width:315px;
	float:left;
	margin:25px 0;
}
div#comment_right{
	width:376px;
	float:right;
	margin:25px 0;
}
div#comment_left img{
	width:315px;
}
div#comment_left p{
	to_Chronologmargin:10px 0 40px 0;
}



div#anquet_body{
width:735px;
margin-bottom:25px;

}

div#anquet{
width:735px;
margin:0 auto;

}

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

}

img.bnrdel{
margin-top:27px;
}

/*safari3*/
body:nth-of-type img.bnrdel{
margin-top:19px;
} 


/*safari5 chrome*/
body:nth-of-type(1) img.bnrdel{
margin-top:10px;
} 

div#mcontent_fla{
width:735px;
margin:0 auto;

overflow:hidden;
background:url(i/fla_Bg.gif) repeat-y;
}
div#fla_top{
width:690px;
margin:0 auto;
}
div#fla_top div{
margin:32px 0  15px 0;
}
div#fla_top p{
width:670px;
padding-left:20px;
}
div#fla_top div p{
width:670px;
padding-left:20px;
color:#003877;
}

div#fla{
width:692px;
height:480px;
margin:25px auto;
}



p.subTitle{
color:#FF6600;
font-size:13px;
background: url(i/content1_tittle1.gif) left bottom no-repeat;
padding-bottom:7px;
padding-left:10px;
padding-top:20px;
line-height:1.3em;

}
p.subTitle2{
color:#FF6600;
font-size:13px;
background: url(i/content1_tittle2.gif) left bottom no-repeat;
padding-bottom:7px;
padding-left:10px;
padding-top:20px;
line-height:1.3em;
}


p.subTitle3{
color:#FF6600;
font-size:14px;
margin:20px 0 7px 0;
}


div#coleto{
margin-top:40px;
margin-bottom:20px;
}

div#masterLink{
width:321px;
margin:0 auto;
text-indent:-9999px;
}
div#link1{
height:217px;
margin:0;
}
div#link1 a{
width:321px;
height:217px;
display:block;
background:url(i/board_masterLink1.jpg) no-repeat;
}
div#link1 a:hover{
background:url(i/board_masterLink1_ov.jpg) no-repeat;
}
div#link2{
height:140px;
margin:0;
}
div#link2 a{
width:321px;
height:140px;
display:block;
background:url(i/board_masterLink2.jpg) no-repeat;
}
div#link2 a:hover{
background:url(i/board_masterLink2_ov.jpg) no-repeat;
}


/*	次ページのリンク
------------------------------*/
#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;
}

/*目次スライド*/

div#sliderContainer{
	width:735px;
	margin:0 auto;
	border:0px solid #333;
	overflow:hidden;
}
div#sliderItemList{
}
div#sliderItemList div.item{
float:left;
overflow:hidden;
height:90px;
width:150px;
}

/*ライブラリーのインデックスページへ戻る
------------------------------*/
#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) ;
}