﻿@charset "UTF-8";
/* CSS Document */
/* JAPANiCAN用 Webサイトに配布する際、style.cssにリネームする */

body{font-size:84%;background-color:#ffffff;margin:0px;width:970px;font-family:Arial,Helvetica,Myriad Pro,sans-serif}
form{margin:0px;padding:0px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	margin:0;
	padding:0;
}
ol,ul{
	list-style:none;
}

/*--- clearfix ---*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
	min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

a:link {color:#666666; text-decoration: underline} /* 未訪問 */
a:visited {color:#620169; text-decoration: underline} /* 訪問済 */
a:hover {color:#cc0000; text-decoration: underline} /* on cursor */
a:active {color:#cc0000; text-decoration: underline} /* click */

.m-text { font-size:100%;line-height:100% ; color: #333333; } /* M size 文字 */
.m-text-2 {  font-size:100%; line-height: 100%; color: #666666} /* M size 文字（件数） */
.s-text { font-size:78%;line-height:100% ; color: #333333; }  /* 小文字 */
.s-text2 {  font-size:78%; line-height: 100%; color: #666666} /* 小文字（件数） */

.common-bg { background-color: #ffffff } /* 共通背景 */
.inner-body { width:970px ; background-color: #ffffff; }
#main-body { padding-top: 0px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px; background-color:#ffffff; }
.alignC { text-align:center; }

/* 強調 */
em{
	font-style:normal;
	font-weight:bold;
}
/*strong{
	font-weight:normal;
	color:#CC0033;
}*/
strong.much{
	font-weight:bold;
	color:#CC0033;
}

.spacingMin{
	margin-bottom:3px;
}
.spacing05{
	margin-bottom:5px;
}
.spacing10{
	margin-bottom:10px;
}
.spacing20{
	margin-bottom:20px;
}


/*--- sidecolum ---*/
div.searchBodyLeft { width:260px ; background-color: #fff; float:left; }
div.searchBox { margin:10px 0 20px; }

table.searchTable { background:#a9a9a9; text-align:left; border-collapse:separate; }
table.searchTable th.sideColumTtlBg { background:url("../images/sidecolumttlbg_01.jpg") #d0d0d0 repeat-x left top; min-height:29px; text-align:left; padding:5px 10px 1px; font-size:115%; color:#666666; font-weight:bold; border:1px solid #a9a9a9;}
table.searchTable td { background:#f6f6f6; border:1px solid #a9a9a9; }

.searchText { margin:10px 0 0; padding:0; background-color:#fff; width:90%; color:#000; font-size:115%; }
.searchNotice { margin-bottom:10px; font-size:80%; color:#333; }
.searchBtn { margin-bottom:15px; } 

ul.sideColumList1 { margin:10px 15px 20px 10px; padding:0; list-style:none; line-height:1.4; } 
ul.sideColumList1 li { background:url(../images/ico_arw1.gif) no-repeat left 0.3em; padding-left:1em; padding-bottom:0.5em; }

/*--- maincolum ---*/
div.faqBodyRight { margin-top:10px; width:650px; background-color: #ffffff; float:right; }
.faqBodyrightBox { width:650px; margin-bottom:20px; }

.faqTopLink { text-align:right; margin-bottom:20px; }
.faqTopLink a { font-weight:bold;}

table.faqBodyrightBox2 { width:650px; margin-bottom:20px; border-left:#a9a9a9 1px solid; border-top:#a9a9a9 1px solid; font-size:90%;}
table.faqBodyrightBox2 th { background:#f6f6f6; border-right:#a9a9a9 1px solid; border-bottom:#a9a9a9 1px solid; text-align:center; font-weight:bold; padding:10px 10px 9px 10px;}
table.faqBodyrightBox2 th.wid10p { width:10%; }
table.faqBodyrightBox2 th.wid25p { width:25%; }
table.faqBodyrightBox2 th.wid65p { width:65%; }
table.faqBodyrightBox2 td {border-right:#a9a9a9 1px solid; border-bottom:#a9a9a9 1px solid; padding:10px 10px 9px 10px;}
table.faqBodyrightBox2 td.cellCenter {text-align:center;}
table.faqBodyrightBox2 td a { padding-left:5px; }
p.searchResultP { margin:0 1em 0.2em; padding:0; font-size:90%; }

.faqBodyrightBox3 { margin:0 0 20px; padding-top:0; width:650px; }
.faqBodyrightBox3 p {font-weight:bold; }

.faqBodyrightBox4 { margin:0 0 20px; width:650px; border-left:#a9a9a9 1px solid; border-top:#a9a9a9 1px solid;}
.faqBodyrightBox4 td.cellborder { border-right:#a9a9a9 1px solid; border-bottom:#a9a9a9 1px solid; padding:10px 10px 9px 10px;}
.faqBodyrightBox4 td.cellNum { width:10%; text-align:center; }
.faqBodyrightBox4 td.cellTtl { width:70%; text-align:left; padding-left:1em; font-weight:bold; }
.faqBodyrightBox4 td.cellDay { width:20%; text-align:center; }
.faqBodyrightBox4 td.cellLink { width:15%; text-align:right;}
.faqBodyrightBox4 td.cellTex { padding:10px 15px 15px; }
.faqBodyrightBox4 td p.keyword { font-size:100%; margin-top:0; padding-top:0; }

#parts-outer-body { margin-top: 10px; margin-bottom: 8px; padding-top: 0.2em; padding-bottom: 0.2em; }
#partsBody { margin-bottom: 8px; } 

.categoryTitle { border-top:1px solid #a9a9a9; border-left:1px solid #a9a9a9; border-right:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9; margin-top:15px; margin-bottom:5px; padding:5px 0px 8px 10px; font-size:115%; background:url("../images/sidecolumttlbg_02.jpg") #d0d0d0 repeat-x left top; } 
td.categoryTitle span.s-text a:link { color:#000099;text-decoration: underline; }
td.categoryTitle span.s-text a:visited { color:#620169;text-decoration: underline; }
td.categoryTitle span.s-text a:hover { color:#0033cc; text-decoration: underline; }
td.categoryTitle span.s-text a:active { color:#0033cc; text-decoration: underline; }
.categoryTitle a img,.faq-title a img { display:none; }

.categoryTitle ul.categoryTitleList { margin:0; padding:0; font-size:80%; list-style:none; line-height:1.5em; }
.categoryTitle ul.categoryTitleList li.child1 { padding-left:1em; }
.categoryTitle ul.categoryTitleList li.child2 { padding-left:1.8em; }
.categoryTitle ul.categoryTitleList li.child3 { padding-left:2.6em; }
.categoryTitle ul.categoryTitleList li.child4 { padding-left:3.4em; }
.categoryTitle ul.categoryTitleList li.child5 { padding-left:4.2em; }
.categoryTitle ul.categoryTitleList li.child6 { padding-left:5.0em; }
.categoryTitle ul.categoryTitleList li.child7 { padding-left:5.8em; }
.categoryTitle ul.categoryTitleList li.child8 { padding-left:6.6em; }
.categoryTitle ul.categoryTitleList li.child9 { padding-left:7.4em; }

td.categoryTitleLeft { text-align:left; vertical-align:top; }
td.categoryTitleRight { text-align:right; vertical-align:bottom; font-size:90%; }
td.wid50pR { width:49%; padding-left:15px; border-left:#a9a9a9 1px solid; }
td.wid50p { width:50%; padding-left:5px; padding-top:5px;}
span.categoryTitleFontB a { font-weight:bold; background:url("../images/ico_arw2.jpg") no-repeat left 0.1em; padding-left:0.8em; padding-bottom:0.3em; line-height:1.4em; }
span.categoryTitleFontB a:link,span.categoryTitleFont a:link { color:#333333;text-decoration:underline; }
span.categoryTitleFontB a:visited,span.categoryTitleFont a:visited { color:#620169;text-decoration:underline; }
span.categoryTitleFontB a:hover,span.categoryTitleFont a:hover { color:#cc0000; text-decoration:underline; }
span.categoryTitleFontB a:active,span.categoryTitleFont a:active { color:#cc0000; text-decoration:underline; }

ul.catList{ margin:10px 10px 20px 0; padding:0; list-style:none; text-align:left; }
ul.catList li { background:url("../images/ico_arw3.jpg") no-repeat left 0.33em; padding-left:1.3em; font-size:100%; /*font-weight:bold;*/ }
ul.catList a { font-weight:bold; }
ul.catList li ul.catListChild,ul.catListChild2 { margin:0; padding:0.3em 0 0; }
ul.catList li ul.catListChild li,ul.catListChild2 li { background:none; list-style:none; display: inline; font-size:90%;}


.M_category{
background:transparent url(../images/ico_arw3.jpg) no-repeat scroll left 0.33em;
font-size:102%;
padding-left:17px;
font-weight:bold;}

.S_category{
font-size:100%;
padding:10px 5px 10px 0px;}

.S_category2{
font-size:100%;
padding:5px 5px 8px 0px;
background:#F1F1F1;}

select.selectWid10 { width:10em; font-size:90%; }
select.selectWid20 { width:20em; font-size:90%; }

div#tabNav { margin:20px 0; padding:0; overflow:hidden; width:100%; height:27px; text-align:left; border-bottom: #cd1e28 5px solid; }
div#tabNav ul { margin:0; padding:0; width: 930px; height: 27px; }
div#tabNav ul li { float: left; width: 101px; height: 27px; margin: 0 4px 0 0; line-height: 27px; text-align: center; list-style: none; }
div#tabNav ul li a { display: block; width: 101px; height: 27px;	background-repeat: no-repeat; background-position: 0 0; }
div#tabNav ul li a:hover,div#tabNav ul li a.on { background-position:0 100%; color:#fff; text-decoration:none; }
div#tabNav ul li#menu01 a,div#tabNav ul li#menu02 a,div#tabNav ul li#menu03 a,div#tabNav ul li#menu04 a,div#tabNav ul li#menu05 a { background-image:url("../images/tab_bg.gif"); }

.managementPage { margin-top:20px; text-align:center; }
table.loginBox { margin:0 auto 20px; border: 1px #a9a9a9 solid; width:50%; text-align:left; padding:10px; background:#f6f6f6;}
table.loginBox td { vertical-align:middle; padding:10px 10px 9px 10px;}
table.loginBox td.wid40p { width:40%; text-align:right; padding-right:0.5em; }
.loginInput { margin:0; padding:0; background-color:#fff; width:90%; color:#000; font-size:100%; }

table.loginBoxCoution { margin:0 auto 20px; border: 1px #a9a9a9 dashed; width:40%; text-align:center;}
table.loginBoxCoution p { color:#f00; font-weight:bold; padding:10px; }

table.userName { width:100%; background:#eee;}
table.userName td.wid10pR { width:12%; text-align:right; padding-right:5px; }

.faqBodyrightBox5 { margin:0 0 20px; padding:0; width:650px; border:#a9a9a9 1px solid;}
.faqBodyrightBox5 td { background:#f6f6f6; }
.faqBodyrightBox5 td p.attribute { margin:10px 0 5px 20px; font-size:115%; font-weight:bold; }
.faqBodyrightBox5 table { width:95%; border-top:#a9a9a9 1px solid; border-left:#a9a9a9 1px solid; margin:0px auto 10px; }
.faqBodyrightBox5 table td { border-right:#a9a9a9 1px solid; border-bottom:#a9a9a9 1px solid; padding:10px 10px 9px 10px; background-color:#ffffff;}
.faqBodyrightBox5 table td.wid25p { width:25%; text-align:right; font-weight:bold; margin-right:0.5em; }

/* エラー表示 */
.errorTxt{
	text-align:center;
	padding:30px 0;
}
/* 検索ページ用 ページング */
li.searchResultP{
	float:left;
	margin-bottom:2px;
	padding:0;
	font-size:90%;
}
li.pageList{
	float:right;
	margin-bottom:2px;
	padding:0;
	font-size:90%;
}

/* B06 */
.editTxt{
	text-align:right;
	/* 12px相当 */
	font-size:86%;
	margin:0;
	padding-bottom:3px;
}

/*--- managementcolum ---*/
/* C01 */
div.managBodyArea{
	margin:10px 0 50px 0;
	width:100%;
	background-color:#ffffff;
}
.managBodyArea .managTtlBg{
	background:url("../images/sidecolumttlbg_01.jpg") #d0d0d0 repeat-x left top;
	text-align:left;
	padding:5px 10px 4px 10px;
	font-size:115%;
	border:#a9a9a9 1px solid;
}
.managBodyArea .searchForm{
	background-color:#f6f6f6;
	text-align:left;
	padding:20px 60px;
	border-left:#a9a9a9 1px solid;
	border-bottom:#a9a9a9 1px solid;
	border-right:#a9a9a9 1px solid;
	margin-bottom:20px;
}
.managBodyArea .searchForm th{
	width:120px;
	text-align:right;
	padding:5px;
}
.managBodyArea .searchForm td{
	padding:5px;
}
.managBodyArea .contentsBox{
	margin-bottom:30px;
}
.managBodyArea table.managBox{
	width:100%;
	margin-bottom:3px;
	border-top:#a9a9a9 1px solid;
	border-left:#a9a9a9 1px solid;
	font-size:90%;
}
.managBodyArea table.managBox th{
	background-color:#f6f6f6;
	padding:10px 10px 9px 10px;
	border-right:#a9a9a9 1px solid;
	border-bottom:#a9a9a9 1px solid;
}
.managBodyArea table.managBox th.wid10p{
	width:10%;
}
.managBodyArea table.managBox th.wid25p{
	width:25%;
}
.managBodyArea table.managBox th.wid50p{
	width:50%;
}
.managBodyArea table.managBox th.wid45p{
	width:45%;
}
.managBodyArea table.managBox th.wid20p{
	width:20%;
}
.managBodyArea table.managBox td{
	padding:10px 10px 9px 10px;
	border-bottom:#a9a9a9 1px solid;
	border-right:#a9a9a9 1px solid;
}
.managBodyArea table.managBox td.none{
	border-right:0;
}
.managBodyArea table.managBox td a.arrow{
	padding-left:5px;
	background:url("../images/ico_arw1.gif") no-repeat left 3px;
	padding-left:10px;
}
.managBodyArea ul li.searchResultP{
	float:left;
	margin-bottom:2px;
	padding:0;
	font-size:90%;
}
.managBodyArea ul li.pageList{
	float:right;
	margin-bottom:2px;
	padding:0;
	font-size:90%;
}

/* C02 */
.managBodyArea table.managBox th.new{
	width:110px;
}
.managBodyArea table.managBox td.btn input{
	width:80px;
	text-align:center;
}
.managBodyArea table.managBox td input.frm250{
	width:250px;
}
.managBodyArea table.managBox td input.frm400{
	width:400px;
}
.managBodyArea table.managBox td input.frm500{
	width:750px;
}
.managBodyArea .nextBackBtn{
	text-align:center;
	margin-bottom:20px;
}
.managBodyArea .nextBackBtn li,
.managBodyArea .schOutputBtn li{
	display:inline;
}
.managBodyArea .nextBackBtn li input,
.managBodyArea .schOutputBtn li input{
	width:100px;
}

/* C08 */
.managBodyArea select{
	margin-bottom:5px;
}

/* C10 */
.completTxt{
	text-align:center;
	padding:30px 0 100px 0;
}

/* D02 */
.managBodyArea table.managBox th.acsNum{
	width:65px;
}
.managBodyArea .schOutputBtn{
	text-align:center;
	margin-top:15px;
}

/*--- 共通フォーマット ---*/
.logo-header { background:#FFFFFF; }
.logo-header-link { font-size:10px;line-height:138%;text-align:right;padding-top:3px;padding-right:1px;letter-spacing:1px;vertical-align:top; }

.title-header { color: #000000; background:url("http://www.jtb.co.jp/common/images/title_h1.gif") no-repeat left bottom; padding-left:25px; padding-top:10px; padding-bottom:10px; margin-bottom:5px; font-size:100%; }

/* フッター領域 */
#idMain_footer{ width:970px; clear:both; }

#footer{
	background:url(/common/images/hf_line.gif) #FFFFFF left top no-repeat;
	width:970px;
	/*reset.css*/
	font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
}

#footer-content{
	padding:0 5px;
	/*970用フォント調整*/
	font-size:78%;
	line-height:150%;
}
#footer ul {
	float:left;
	width:600px;
	margin:5px 0;
}
#footer li {
	display:inline;
	border-left:1px solid #333333;
	margin-left:5px;
	padding-left:5px;
}
#footer li.list-first {
	border-left:none;
	margin-left:0;
	padding-left:0;
}
#footer p {
	text-align:right;
	padding:5px 0;
}
#footer:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#footer{
	display:inline-block;
}
