/* CSS Document * Written by Eriko Yamashita */

/* 基本項目
================================================ */

html {overflow-y:scroll;}

body,form,textarea,input {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px; color: #333; line-height: 150%;
	text-align:center;
	}
img {
	border: none;
	}
input {
	margin: 0;
	padding: 0;
	}
ul, ol {
	margin: 0; padding: 0;
	list-style: none;
	}
a {color: #339;}

/* 
================================================ */

.tex-red {color: #ff0;}

.tex-10px {font-size: 10px; line-height: 130%;}
.tex-14px {font-size: 14px; line-height: 150%;}

.col-table {background-color: #928a8a;}
.col-tdw {background-color: #fff;}
.col-td1 {background-color: #dfedfa;}
.col-td2 {
	background-color: #e9f2fb;
	font-size: 14px; font-weight: bold; line-height: 130%;
	border-top: #fff 1px solid; border-bottom: #ddd 1px solid;
	}

.col-tdy {background-color: #FFFFDF;}

.midashi {
	height: 26px;
	background: url(../img/bg_midashi.gif) repeat-x top left;
	font-size: 14px; font-weight: bold; line-height: 26px; text-indent: 10px; color: #444;
	}
.indent {
	padding: 0 10px;
	}

.midashi2 {
	height: 26px;
	background: url(../img/bg_midashi.gif) repeat-x top left;
	font-size: 14px; font-weight: bold; line-height: 26px; text-indent: 10px; color: #444;
	}

.table-right {
	float: right;
	margin-left: 10px;
	}

#EntryBody {margin-left: 10px; padding-left: 25px; background: url(../faq/img/icon-q.gif) no-repeat top left;}
#EntryMore {margin-left: 10px; padding-left: 25px; background: url(../faq/img/icon-a.gif) no-repeat top left;}

/* デザイン
================================================ */

body {
	margin: 0; padding: 0;
	background-color: #e9e7e7;
	}

#Header, #Navi, #TopImg, #TopicPath, #Wrapper, #PageTop, #Footer {
	margin: 0 auto; padding: 0 15px;
	width: 740px;
	background-color: #fff;
	}
	#Navi, #TopImg, #TopicPath, #Wrapper, #PageTop, #Footer {
		background:url(../img/bg_wrapper.gif) repeat-y top left;
		}

#Header {
	height: 64px;
	background: url(../img/bg_header.gif) no-repeat top left;
	}
	#SiteID a {
		margin: 5px 0 0;
		display: block;
		width: 210px; height: 59px;
		}
	#Contact a {
		margin: 27px 0 0;
		display: block;
		width: 130px; height: 24px;
		}
		#SiteID a, #Contact a {
			text-indent: -9999px; text-decoration: none;
			overflow: hidden;
			}

#Navi ul {
		width: 740px; height: 36px;
		}
	#Navi ul li {
		display: inline;
		height: 36px;
		float: left;
		}
	#Navi ul li a {
		display: block;
		height: 31px;
		text-indent: -9999px; text-decoration: none;
		overflow: hidden;
		}
#NaviHome, #NaviHome a,
#NaviCompany, #NaviCompany a,
#NaviRecruit, #NaviRecruit a,
#NaviWork, #NaviWork a,
#NaviBlog, #NaviBlog a,
#NaviVoice, #NaviVoice a,
#NaviFaq, #NaviFaq a {background: url(../img/bg_navi.gif) no-repeat top left;}

#NaviHome, #NaviHome a 				{width: 95px; background-position: 0 0;}
#NaviCompany, #NaviCompany a 	{width: 100px; background-position: -95px 0;}
#NaviRecruit, #NaviRecruit a 	{width: 100px; background-position: -195px 0;}
#NaviWork, #NaviWork a 				{width: 140px; background-position: -295px 0;}
#NaviBlog, #NaviBlog a 				{width: 100px; background-position: -435px 0;}
#NaviVoice, #NaviVoice a 			{width: 100px; background-position: -535px 0;}
#NaviFaq, #NaviFaq a 					{width: 105px; background-position: -635px 0;}
/*
#NaviHome, #NaviHome a, #NaviHome a:hover {width: 95px; background-position: 0 -36px;}
#NaviCompany, #NaviCompany a, #NaviCompany a:hover {width: 100px; background-position: -95px -36px;}
#NaviRecruit, #NaviRecruit a, #NaviRecruit a:hover {width: 100px; background-position: -195px -36px;}
#NaviWork, #NaviWork a, #NaviWork a:hover {width: 140px; background-position: -295px -36px;}
#NaviBlog, #NaviBlog a, #NaviBlog a:hover {width: 100px; background-position: -435px -36px;}
#NaviVoice, #NaviVoice a, #NaviVoice a:hover {width: 100px; background-position: -535px -36px;}
#NaviFaq, #NaviFaq a, #NaviFaq a:hover {width: 105px; background-position: -635px -36px;}
*/
#NaviHome a:hover 		{width: 95px; background-position: 0 -72px;}
#NaviCompany a:hover 	{width: 100px; background-position: -95px -72px;}
#NaviRecruit a:hover 	{width: 100px; background-position: -195px -72px;}
#NaviWork a:hover 		{width: 140px; background-position: -295px -72px;}
#NaviBlog a:hover 		{width: 100px; background-position: -435px -72px;}
#NaviVoice a:hover 		{width: 100px; background-position: -535px -72px;}
#NaviFaq a:hover 			{width: 105px; background-position: -635px -72px;}

#TopicPath {
	height: 23px;
	line-height: 23px; text-indent: 2px;
	color: #555;
	width:740px;
	_width:770px;
	text-align:left;
	}

#Wrapper {
	width:740px;
	_width:770px;
	zoom:1;
	}
#Wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#Side {
	width: 185px;
	float: left;
	text-align:left;
	}
	#SideLink li {
		background: url(../img/side/list_arrow.gif) no-repeat top left;
		text-indent: 11px;
		}
	td.sidelink {
		background: url(../img/side/bg_border.gif) repeat top left;
		}

#Main {
	display:inline;
	margin-right:0;
	width: 540px;
	float: right;
	text-align:left;
	}
	#Topics ul {
		margin: 0; padding: 10px;
		}
	#Topics li {
		background: url(../img/list_topics.gif) no-repeat bottom left;
		text-indent: 14px; line-height: 25px;
		}
	#Topics .title p {
		padding-top: 15px; padding-right: 6px;
		width: 534px; height: 17px;
		background: url(../img/top/midashi_topics.gif) no-repeat top left;
		line-height: 100%; text-align: right;
		}

#PageTop {
	width:740px;
	_width:770px;
	clear:both;
	padding: 10px 15px;
	text-align: right;
	clear: both;
	}

#Footer {
	text-align:left;
	padding: 0 15px;
	}
	#Footer ul {
		padding: 0 4px;
		width: 730px;
		background: url(../img/bg_footer.gif) repeat-x top left;
		}
	#Footer li {
		display: inline;
		line-height: 38px;
		}

#Copyright {
	margin: 0 auto; padding: 0;
	width: 770px; height: 28px;
	background: url(../img/bg_copy.gif) no-repeat top left;
	}
	#Copyright p {
		margin:0; padding: 5px 0 0;
		color: #fff; text-align: center;
		}
	#Copyright p a {
		color: #fff; text-decoration: none;
		}

/* ##################### Date Plus ###################### */

.contentsBox {
	clear:both;
	margin-bottom:30px;
	background:#fafafa;
	}
.contentsBox:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}


#PageIndex #Main #Information p {width:auto;}
#PageIndex #Main #Information table {margin:15px 0 20px; border-collapse:collapse;}

#PageIndex #Main #Information th,
#PageIndex #Main #Information td {
	padding:3px;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	border:1px solid #ccc;
	}
#PageIndex #Main #Information li {
	float:left;
	margin-right:5px;
	}


#PageTopics #Main {
	margin:0 0 0 15px;
	padding:0;
	}
#PageIndex #Topics *,
#PageTopics #Topics *{
	margin:0;
	padding:0;
	}
#PageIndex #Topics h2,
#PageTopics #Topics h2 {
	margin:0 0 20px;
	padding:0;
	}
#PageIndex #Main #Information p.photo {
	float:left;
	margin:0 10px 10px 0;
	}
#PageIndex #Topics table th,
#PageIndex #Topics table td,
#PageTopics #Topics table th,
#PageTopics #Topics table td{
	font-size:12px;
	vertical-align:top;
	padding:0 15px 30px 0;
	font-weight:normal;
	}



#PageFAQ #Wrapper #Main {
	margin:0 0 0 15px;
	padding:0;
	}
#PageFAQ #Wrapper #Main h2 {margin-top:0;}

#PageFAQ .contentsBox h3 {
	height:26px;
	background: url(../img/bg_midashi.gif) repeat-x top left;
	font-size: 14px; font-weight: bold; line-height: 26px; text-indent: 10px; color: #444;
	}
#PageFAQ .contentsBox li,
#PageFAQ .contentsBox dt {
	margin-left:10px;
	margin-bottom:10px;
	padding:2px 0 2px 25px;
	background:url(../faq/img/icon-q.gif) no-repeat top left;
	}

#PageFAQ .contentsBox dd {
margin-left: 10px; padding-left: 25px; background: url(../faq/img/icon-a.gif) no-repeat top left;
	}

#PageFAQ .pageBute {
	text-align:center;
	position:relative;
	}
#PageFAQ .pageBute li{
	width:6em;
	margin:0 auto;
	text-align:center;
	}




#PageFAQ .pageBute .pre{
	position:absolute;
	top:0;
	left:10px;
	width:auto;
	}
#PageFAQ .pageBute .next{
	position:absolute;
	top:0;
	right:10px;
	width:auto;
	}










/* 
================================================ */