﻿@charset "UTF-8";
/* =======================================================================
	CSS information

	file name  :inquiry.css
	version:1.0
	style info :お問い合わせページ用。
======================================================================= */
/* import　各ディレクトリのスタイルシートは以下を必ず読み込む
----------------------------------------------------------------------------- */
@import "default.css"; /*リセット、font.css、再定義*/
@import "base.css"; /*サイトの初期設定*/
@import "layout.css"; /*サイトの基本レイアウト*/


#inquiry #header_wrap #globalnavi .navi02 a, #inquiry #header_wrap #globalnavi .navi02 a:hover{
	background-position:-384px -100px;
}
#application #header_wrap #globalnavi .navi03 a, #application #header_wrap #globalnavi .navi03 a:hover{
	background-position:-768px -100px;
}
/*
----------------------------------------------------------------------------- */
#container{
	background: url(none);
}

#contents {
	width: 856px;
	overflow: hidden;
	background-color: #fcf2d3;
	padding: 20px;
	margin-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
}

#pagetitle h2{
	background: url(../img/inquiry/h2.gif) no-repeat center center;
}

#contents h3{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	height: 38px;
	margin-top: 30px;
	margin-bottom: 15px;
	clear: both;
}
#purchase #contents form .h3_1{
	background-image: url(../img/inquiry/h3_4.gif);
}
#contents h3.h3_1{
	background-image: url(../img/inquiry/h3_1.gif);
}
#contents h3.h3_2{
	background-image: url(../img/inquiry/h3_2.gif);
}
#contents h3.h3_3{
	background-image: url(../img/inquiry/h3_3.gif);
}


#contents .left{
	width: 510px;
	float: left;
	font-size: 92%;
	line-height: 160%;
}
#contents .right{
	width: 246px;
	float: right;
	height: 40px;
	margin-top: 30px;
}
#contents .right a{
	background-image: url(../img/common/inquiry/btn_infomation.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 40px;
	overflow: hidden;
}
#contents .right a:hover{
	background-position: 0px -40px;
}

#contents .right_a{
	width: 246px;
	float: right;
	height: 40px;
	margin-top: 30px;
}
#contents .right_a a{
	background-image: url(../img/common/inquiry/btn_purchase.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 40px;
	overflow: hidden;
}
#contents .right_a a:hover{
	background-position: 0px -40px;
}

#contents .right_b{
	width: 246px;
	float: right;
	height: 40px;
	margin-top: 30px;
}
#contents .right_b a{
	background-image: url(../img/common/inquiry/btn_inquiry.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 40px;
	overflow: hidden;
}
#contents .right_b a:hover{
	background-position: 0px -40px;
}

#contents table{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#contents th{
	width: 185px;
	padding-left: 20px;
	background-color: #def1fa;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
}
#contents td{
	padding: 15px;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
}
#contents th,
#contents td{
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 92%;
	line-height: 160%;
}
#contents span{
	color: #FF0000;
}
#contents p{
	margin-bottom: 10px;
}
#contents .endline{
	text-align: center;
	margin-top: 15px;
}

#contents .endline input{
	font-size:150%;
	background-color:#FF9933;
	color:#FFFFFF;
	font-weight: bold;
	border: 2px solid #FF9900;
	padding: 5px 20px;
	}

/* pagenavi
----------------------------------------------------------------------------- */
#contents_wrap .pagenavi{
	background-image: url(../img/inquiry/pagenavi_bk.png);
	background-repeat: repeat-x;
	background-position: center top;
	height: 63px;
	width: 100%;
	margin-bottom: 25px;
	}
	
#contents_wrap .pagenavi ul{
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	}
#contents_wrap .pagenavi li{
	float: left;
	height: 63px;
	width: 330px;
	}
#contents_wrap .pagenavi li a{
	height: 63px;
	width: 330px;
	background-image: url(../img/inquiry/pagenavi.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	}		
#contents_wrap .pagenavi li a:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	}		
#contents_wrap .pagenavi li.navi01 a{
	background-position: 0px 0px;
	}
#contents_wrap .pagenavi li.navi02 a{
	background-position: -330px 0px;
	}
#contents_wrap .pagenavi li.navi03 a{
	background-position: -660px 0px;
	}
#inquiry #contents_wrap .pagenavi li.navi01 a{
	background-position: 0px -63px;
	}
#mediation #contents_wrap .pagenavi li.navi02 a{
	background-position: -330px -63px;
	}
#purchase #contents_wrap .pagenavi li.navi03 a{
	background-position: -660px -63px;
	}
/* application
----------------------------------------------------------------------------- */
#application #pagetitle h2{
	background: url(../img/application/h2.gif) no-repeat center center;
}
#application #contents h3.h3_1{
	background-image: url(../img/application/h3_1.gif);
}
#application #contents h3.h3_2{
	background-image: url(../img/application/h3_2.gif);
}