@charset "utf-8";

/*----------------------------------------------------	
	Navi
----------------------------------------------------*/

#info-back {
	margin-bottom: 20px;
	border-top: #b3b3b3 1px solid;
	background: url(../img/info/common/navi_back.gif) repeat-y;
}

* html #info-back {
	border-top: none;
}

#info-navi {
	font-size: 95%;
	padding: 10px 10px 15px 22px;
}

* html #info-navi {
	padding: 10px 10px 0 22px;
}

*:first-child + html #info-navi {
	padding: 10px 10px 0 17px;
}

#info-navi ul li {
	padding-left: 18px;
	background: url(../img/info/common/navi_icon.gif) no-repeat left 4px;
}

.navi-space {
	padding-bottom: 5px;
}

#info-navi a {
	color: #323232;
}

#info-navi a:hover {
	color: #1a62c6;
}

#info-navi a.navi-on {
	color: #1a62c6;
}

#info-navi a.navi-on:hover {
	color: #999999;
}

/*----------------------------------------------------	
	Content
----------------------------------------------------*/

#info-content {
	float: left;
	width: 738px;
	padding: 110px 22px 10px 22px;
	background: url(../img/info/common/content_back.jpg) no-repeat left top;
}

#info-content-bottom {
	float: left;
	width: 738px;
	height: 10px;
	background: url(../img/common/content_bottom.jpg) no-repeat left top;
}

.info-content-main {
	float: left;
	width: 692px;
	padding: 25px 20px 0 20px;
	background: url(../img/info/common/content_main_back.gif) no-repeat left top;
}

.info-content-main-bottom {
	float: left;
	width: 692px;
	height: 10px;
	margin-bottom: 20px;
	background: url(../img/common/content_main_bottom.gif) no-repeat left top;
}

* html .info-content-main-bottom {
	margin-bottom: 15px;
}

*:first-child + html .info-content-main-bottom {
	margin-bottom: 25px;
}

.info-next a {
	color: #163d7e;
	padding-left: 22px; 
	background: url(../img/info/common/next_icon.gif) no-repeat left center;
}

.info-next a:hover {
	color: #1a62c6;
	padding-left: 22px; 
	background: url(../img/info/common/next_icon_on.gif) no-repeat left center;
}

.content-info-box {
	float: left;
	width: 636px;
	padding: 5px 7px 20px 7px;
}

.content-info-box-l {
	float: left;
	width: 305px;
}

.content-info-box-r {
	float: right;
	width: 305px;
}

.info-text {
	width: 650px;
	padding-bottom: 20px;
}

.info-list {
	width: 616px;
	padding: 8px 15px 8px 15px;
	margin-bottom: 30px;
	line-height: 1.8;
	border: #cccccc 2px solid;
}

.info-list ul li {
	display: inline;
}

.info-list a {
	color: #323232;
	padding: 0 10px 0 18px;
	background: url(../img/info/common/link_icon_off.gif) no-repeat left center;
}

.info-list a:hover {
	color: #999999;
	padding: 0 10px 0 18px;
	background: url(../img/info/common/link_icon_on.gif) no-repeat left center;
}

.info-main-title {
	clear: both;
	padding: 3px 0 7px 15px;
	margin-bottom: 20px;
	font-size: 110%;
	font-weight: 700;
	background: url(../img/info/common/title_back.gif) no-repeat left top;
}

.info-main-title-s {
	font-size: 100%;
	font-weight: 400;
}

/*----------------------------------------------------	
	Top
----------------------------------------------------*/

.info-back01 {
	background: url(../img/info/common/back01.jpg) no-repeat right;
}

.info-back02 {
	background: url(../img/info/common/back02.jpg) no-repeat right;
}

.info-back03 {
	background: url(../img/info/common/back03.jpg) no-repeat right;
}

.info-back04 {
	background: url(../img/info/common/back04.jpg) no-repeat right;
}

.info-back05 {
	background: url(../img/info/common/back05.jpg) no-repeat right;
}

.info-back06 {
	background: url(../img/info/common/back06.jpg) no-repeat right;
}

.info-back07 {
	background: url(../img/info/common/back07.jpg) no-repeat right;
}

/*----------------------------------------------------	
	Advice
----------------------------------------------------*/

#advice-content-main {
	float: left;
	width: 692px;
	line-height: 1.7;
	padding: 60px 20px 10px 20px;
	background: url(../img/info/advice/titlemain.gif) no-repeat left top;
}

.advice-main {
	float: left;
	width: 620px;
	padding: 14px;
	margin-bottom: 30px;
	border: #cccccc 1px solid;
}

.advice-main-l {
	float: left;
	width: 160px;
	padding-left: 10px;
}

.advice-main-r {
	float: right;
	width: 420px;
}

.advice-main-b {
	font-weight: 700;
}

.advice-comment {
	width: 134px;
	padding: 8px 10px 8px 14px;
	font-size: 85%;
	color: #cc3300;
	line-height: 1.7;
	border: #cc3300 1px dotted;
}

/*----------------------------------------------------	
	Qa
----------------------------------------------------*/

#qa-content-main {
	float: left;
	width: 692px;
	line-height: 1.7;
	padding: 60px 20px 10px 20px;
	background: url(../img/info/qa/titlemain.gif) no-repeat left top;
}

.qa-main {
	clear: both;
	width: 650px;
	padding-bottom: 10px;
	border-top: #999999 1px solid;
}

.qa-q {
	font-weight: 700;
	line-height: 1.5;
	padding: 8px 10px 8px 40px;
	background: url(../img/info/qa/q_back.gif) no-repeat left center;
	border-bottom: #999999 1px dotted;
}

.qa-a {
	width: 630px;
	padding: 7px 10px 0 10px;
}

.qa-a-detail {
	text-indent: 2.3em;
	padding: 1px 0 10px 0;
	background: url(../img/info/qa/a_back.gif) no-repeat left top;
}

.qa-red {
	color: #cc3300;
}

.qa-table {
	clear: both;
	width: 626px;
	line-height: 1.5;
	margin-bottom: 10px;
	border: #cccccc 2px solid;
}

.qa-table .bdr {
	border-right: #cccccc 1px solid;
}

.qa-table .bdb {
	border-bottom: #cccccc 1px solid;
}

.qa-table .title {
	width: 20%;
	padding: 3px 5px 3px 10px;
	vertical-align: middle;
}

.qa-table .item {
	padding: 3px 5px 3px 10px;
}

.qa-table .back {
	background: #ededed;
}

/*----------------------------------------------------	
	Help
----------------------------------------------------*/

#help-content-main {
	float: left;
	width: 692px;
	line-height: 1.7;
	padding: 60px 20px 10px 20px;
	background: url(../img/info/help/titlemain.gif) no-repeat left top;
}

.help-content {
	padding-bottom: 30px;
}

.help-main {
	width: 630px;
	padding: 8px 5px 0 8px;
	border-top: #999999 1px dotted;
}

.help-main-last {
	width: 630px;
	padding: 8px 5px 0 8px;
	border-top: #999999 1px dotted;
	border-bottom: #999999 1px dotted;
}

.help-detail {
	text-indent: 1.5em;
	padding: 0 0 10px 0;
}

.help-icon01 {
	background: url(../img/info/common/icon01.gif) no-repeat left top;
}

.help-icon02 {
	background: url(../img/info/common/icon02.gif) no-repeat left top;
}

.help-back {
	background: #e9f4ff;
}

/*----------------------------------------------------	
	Manner
----------------------------------------------------*/

#manner-content-main {
	float: left;
	width: 692px;
	line-height: 1.7;
	padding: 60px 20px 10px 20px;
	background: url(../img/info/manner/titlemain.gif) no-repeat left top;
}

.manner-main {
	width: 610px;
	padding: 15px 20px 10px 20px;
	background: url(../img/info/manner/main_back.gif) no-repeat left top;
}

.manner-main-bottom {
	width: 650px;
	height: 10px;
	margin-bottom: 25px;
	background: url(../img/info/manner/main_bottom.gif) no-repeat left top;
}

.manner-title {
	font-size: 120%;
	font-weight: 700;
	line-height: 1.5;
	padding: 0 0 8px 115px;
	margin-bottom: 10px;
	border-bottom: #999999 1px dotted;
}

.manner01 {
	background: url(../img/info/manner/title_01.gif) no-repeat left top;
}

.manner02 {
	background: url(../img/info/manner/title_02.gif) no-repeat left top;
}

.manner03 {
	background: url(../img/info/manner/title_03.gif) no-repeat left top;
}

.manner04 {
	background: url(../img/info/manner/title_04.gif) no-repeat left top;
}

.manner05 {
	background: url(../img/info/manner/title_05.gif) no-repeat left top;
}

.manner06 {
	background: url(../img/info/manner/title_06.gif) no-repeat left top;
}

.manner-center {
	width: 602px;
	padding: 20px 20px 20px 25px;
	margin-bottom: 10px;
	border: #999999 1px dotted;
}

.manner-table .title {
	font-weight: 700;
}

.manner-table .item {
	padding-left: 20px;
}

/*----------------------------------------------------	
	Institution
----------------------------------------------------*/

#institution-content-main {
	float: left;
	width: 692px;
	line-height: 1.7;
	padding: 60px 20px 10px 20px;
	background: url(../img/info/institution/titlemain.gif) no-repeat left top;
}

.institution-main {
	padding: 10px;
}

.insti-table {
	width: 630px;
	margin-bottom: 5px;
	border-bottom: #999999 1px dotted;
}

.insti-table .title {
	width: 50%;
	padding-left: 22px;
	padding-bottom: 7px;
	background: url(../img/common/link_window_off.gif) no-repeat left center;
}

.insti-table .item {
	font-size: 80%;
	padding-bottom: 5px;
}

/*----------------------------------------------------	
	Inn
----------------------------------------------------*/

#inn-content-main {
	float: left;
	width: 692px;
	line-height: 1.7;
	padding: 60px 20px 10px 20px;
	background: url(../img/info/inn/titlemain.gif) no-repeat left top;
}

.inn-table {
	clear: both;
	width: 650px;
	line-height: 1.5;
	margin-bottom: 20px;
	border: #cccccc 2px solid;
}

.inn-table .bdr {
	border-right: #cccccc 1px solid;
}

.inn-table .bdb {
	border-bottom: #cccccc 1px solid;
}

.inn-table .item {
	padding: 3px 5px 3px 10px;
}

.inn-table .item-k {
	text-align: right;
	padding: 3px 5px 3px 10px;
}

.inn-table .inn {
	padding: 3px 5px 3px 30px;
	background: url(../img/common/link_window_off.gif) no-repeat 9px center;
}

.inn-table .back {
	background: #ededed;
}

/*----------------------------------------------------	
	Mobile
----------------------------------------------------*/

#mobile-content-main {
	float: left;
	width: 692px;
	line-height: 1.7;
	padding: 60px 20px 10px 20px;
	background: url(../img/info/mobile/titlemain.gif) no-repeat left top;
}

.mobile-main {
	float: left;
	width: 640px;
	padding: 0 5px 20px 5px;
}

.mobile-text {
	padding-bottom: 30px;
}

.mobile-main-l {
	float: left;
	width: 150px;
}

.mobile-main-l img {
	border: #cccccc 5px solid;
}

.mobile-main-r {
	float: right;
	width: 450px;
}

.mobile-detail {
	clear: both;
	margin-bottom: 30px;
	background: url(../img/info/mobile/line.gif) no-repeat left top;
}

.mobile-title {
	background: url(../img/common/line_dotted01.gif) repeat-x left bottom;
}

.mobile-title-main {
	font-weight: 700;
	padding: 10px 0 10px 18px;
	margin-bottom: 15px;
	background: url(../img/info/common/icon03.gif) no-repeat left center;
}

.mobile-qr {
	clear: both;
	float: left;
	width: 450px;
	margin-bottom: 30px;
}

* html .mobile-qr {
	margin-bottom: 10px;
}

*:first-child + html .mobile-qr {
	margin-bottom: 5px;
}

.mobile-qr-l {
	float: left;
	width: 102px;
}

.mobile-qr-r {
	float: right;
	width: 330px;
}

.mobile-qr-l img {
	border: #cccccc 1px solid;
}

.mobile-table img {
	border: #cccccc 1px solid;
}

.mobile-table .icon {
	width: 50px;
	text-align: left;
	vertical-align: center;
}

.mobile-table td {
	line-height: 1.5;
	padding-bottom: 15px;
}

.mobile-table .mobile-b {
	font-weight: 700;
}

.mobile-news {
	float: left;
	width: 600px;
	padding: 19px;
	border: #999999 1px dotted;
}

.mobile-news-l {
	float: left;
	width: 480px;
}

.mobile-news-r {
	float: right;
	width: 100px;
	padding-left: 20px;
}

.mobile-news-title {
	font-weight: 700;
	padding-bottom: 5px;
}

.mobile-news a {
	font-size: 85%;
}