/*-------------------------------------------
   ご注文・お問い合わせページスタイル
---------------------------------------------*/

div#contact {
	width: 100%;
	padding: 10px 0 20px 0;
}

div#closing {
}

div#closing p {
	padding: 4px;
}


/*  ご注文・お問い合わせ
--------------------------------------------*/

div#content h2.top {
	padding: 0 0 0 0;
}

/* メニューボタン---------------*/
div.menulist-l {
	clear: both;
}

div.menulist-l ul li {
	float: left;
	display: block;
	width: 710px;
	height: 120px;
	padding: 10px 0 0 10px;;
}

div.menulist-l ul li a {
	display: block;
	overflow: hidden;
	height: 0 !important;							/* 高さ ：優先 */
	width: 100%;
	padding-top: 120px;
}

div.menulist-s {
	clear: both;
}

div.menulist-s ul li {
	float: left;
	display: inline;
	width: 330px;
	height: 50px;
	padding: 10px 0 0 20px;;
}

div.menulist-s ul li a {
	display: block;
	overflow: hidden;
	height: 0 !important;							/* 高さ ：優先 */
	width: 100%;
	padding-top: 50px;
}

/* 通常---------------*/
	#order	 	a { background-image: url(../contact/img/btn-order.jpg); }
	#inquiry	a { background-image: url(../contact/img/btn-inquiry.jpg); }
	#news	 	a { background-image: url(../contact/img/btn-news.jpg); }
	#privacy	a { background-image: url(../contact/img/btn-privacy.jpg); }
	#sitepolicy	a { background-image: url(../contact/img/btn-sitepolicy.jpg); }

/* マウスオーバー-----*/
	#order	 	a:hover { background-position:	0	-120px; }
	#inquiry	a:hover { background-position:	0	-120px; }
	#news	 	a:hover { background-position:	0	-120px; }
	#privacy	a:hover { background-position:	0	-50px; }
	#sitepolicy	a:hover { background-position:	0	-50px; }


/*  ご注文＆お問い合わせ
--------------------------------------------*/

/* 手段-----*/

div#action {
	padding: 20px 0 10px 20px;
}

div#action .mail {
	width: 720px;
	height: 90px;
	background-image: url(../contact/img/img-mail.jpg);
	margin-bottom: 20px;
}

div#action .tel {
	width: 720px;
	height: 90px;
	background-image: url(../contact/img/img-tel.jpg);
	margin-bottom: 20px;
}

div#action .fax {
	width: 720px;
	height: 90px;
	background-image: url(../contact/img/img-fax.jpg);
	margin-bottom: 20px;
}

div#action .act-txt {
	padding: 4px 0 0 112px;
}

/* ボタン-----*/

div#action .btn-orderform {
	height: 40px;
	padding: 36px 0 0 270px;
}

div#action .btn-orderform a {
    display: block;
    overflow: hidden;
    height: 0 !important;
    width: 250px;
    background-image: url(../contact/img/btn-orderform.jpg);
	padding-top: 40px;
}

div#action .btn-orderform a:hover {
    background-position: 0 -40px;
}

div#action .btn-inquiryform {
	height: 40px;
	padding: 36px 0 0 270px;
}

div#action .btn-inquiryform a {
    display: block;
    overflow: hidden;
    height: 0 !important;
    width: 250px;
    background-image: url(../contact/img/btn-inquiryform.jpg);
	padding-top: 40px;
}

div#action .btn-inquiryform a:hover {
    background-position: 0 -40px;
}

div#action .btn-orderpdf {
	height: 40px;
	padding: 40px 0 0 540px;
}

div#action .btn-orderpdf a {
    display: block;
    overflow: hidden;
    height: 0 !important;
    width: 100px;
    background-image: url(../contact/img/btn-orderpdf.jpg);
	padding-top: 40px;
}

div#action .btn-orderpdf a:hover {
    background-position: 0 -40px;
}


/* 説明-----*/

h4 {
	padding: 10px 0 0 0;
}

/* 注文説明-----*/
div.explain {
	padding: 10px 20px 10px 20px;
}

div.explain p {
	padding: 10px 60px 0 120px;
}

/* 質問-----*/
div#question {
	padding: 10px 20px 10px 20px;
}

div#question p {
	padding: 10px 20px 10px 30px;
}

/* 回答-----*/
div#faq {
	padding: 10px 20px 10px 20px;
}

div.faq-list {
	padding: 10px 20px 10px 20px;
}

div.faq p {
	padding: 10px 20px 10px 20px;
}

div#faq p.question {
	width: 650px;
	background-color: #FCE5D7;
	padding: 0 0 0 10px;
}

div#faq p.answer {
	width: 640px;
	padding: 10px 0 0 20px;
}

div#faq .block-img {
	float: left;
	width: 360px;
	padding: 10px 0 0 20px;
}

div#faq .block-txt {
	float: left;
	width: 280px;
	padding: 10px 0 0 20px;
}


/*  ニュースリリース
--------------------------------------------*/

div#newstxt {
	padding: 20px 30px 20px 20px;
}

div#newstxt table {
	width: 720px;
}

div#newstxt table th {
	width: 90px;
	text-align: left;
	vertical-align: text-top;
	padding: 4px 10px 8px 4px;
}

div#newstxt table th p {
	background: url(../contact/img/news-bar.jpg) repeat-y;
	padding-left: 16px;
}

div#newstxt table td {
	padding: 4px 4px 8px 10px;
}


div#eventtxt {
	padding: 20px 30px 20px 20px;
}

div#eventtxt table {
	width: 720px;
}

div#eventtxt table th {
	width: 180px;
	text-align: left;
	vertical-align: text-top;
	padding: 4px 10px 8px 4px;
}

div#eventtxt table th p {
	background: url(../contact/img/news-bar.jpg) repeat-y;
	padding-left: 16px;
}

div#eventtxt table td {
	padding: 4px 4px 8px 10px;
}


/*  プレゼント
--------------------------------------------*/

div#present{
	padding: 20px 0 10px 0px;
}

div#present .twitter{
	width: 740px;
	padding: 10px 0 0 0;
}

div#present .twitter .t-img{
	float: left;
	width: 500px;
}

div#present .twitter .t-btn{
	padding-top: 4px;
	float: left;
	width: 120px;
}

div#present #now{
	clear: both;
	padding-bottom: 16px;
}

div#present #pr-item{
	padding-bottom: 20px;
}

div#present #pr-item #pr-img{
	float: left;
	text-align: center;
	width: 300px;
}

div#present #pr-item .pr-txt{
	float: left;
	width: 410px;
	padding: 0 0 12px 0;
}

div#present .tyui{
	clear: both;
	padding-bottom: 20px;
}

div#present .tyui .tyui-ttl{
	border-bottom: #999999 solid 1px;
}

div#present .tyui .tyui-txt{
	width: 680px;
	font-size: 9px;
}

div#present #doui{
	padding: 4px 0 4px 0;
}

div#present #oubo{
	padding: 10px 0 10px 0;
}

div#present #entry {
	height: 34px;
	margin-top: 10px;
}

div#present #entry a {
    display: block;
    overflow: hidden;
    height: 0 !important;
    width: 720px;
    background-image: url(../contact/img/pr-btn_entry.jpg);
	padding-top: 34px;
}

div#present #entry a:hover {
    background-position: 0 -34px;
}


/*  プライバシーポリシー・サイトポリシー
--------------------------------------------*/

/* 説明-----*/
div.policy {
	padding: 10px 20px 10px 20px;
}

div.policy p {
	padding: 10px 40px 0 30px;
}
