@charset "utf-8";

/* -INDEX------------------------------------
		Share Style
		Container
		Title
		Detail
		Condition
		Thanks Page
		List Page
------------------------------------------- */

/* Share Style
--------------------------------*/


h2 {
	margin:20px 0 10px 0;
}
div.present-contents {
		width:680px;
		margin:0 auto;
		_margin-left:10px;
}

.txt-confirm {
	font-weight:bold;
	color:#FF6600;
	text-align:center;
	font-size:1.25em;
}
div#verisign {
	width:680px;
	margin:15px 0 0 0;
}
div#verisign p {
	float:left;
}


/* Title
--------------------------------*/
div.present-contents div.title-area {
	width:615px;
	_width:615px;
	padding:5px 5px 5px 60px;
	margin-bottom:10px;
	background:url(../../../common_img/present/bg_title01.gif) no-repeat 0 0;
}
div.present-contents div.title-area h3 {
	font-weight:bold;
	font-size:1.5em;
}
div.present-contents div.title-area p {
	padding-top:3px;
}

/* Sort
--------------------------------*/
div#present-contents ul.sort{
	overflow:hidden;
	margin-bottom: 15px;
	padding-left: 10px;
}
div#present-contents ul.sort li{
	float:left;
	margin-right: 15px;
	background: url(../../common_img/present/sort.png) no-repeat left center;
	padding-left: 10px;
}
div#present-contents ul.sort li.none{
	background:none;
	padding-left: 0px;
	font-weight: bold;
}


/* Detail
--------------------------------*/
div.wrapper-detail {
	background-color:#FFF8E1;
	padding:10px;
	margin-bottom:15px;
}
div.wrapper-detail:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
/* WinIE7 only */
*:first-child+html div.wrapper-detail {
  height:1%;
}
/* MacIE5 only \*/
* html div.wrapper-detail { height: 1% }
div.wrapper-detail {display:block;}
/* end MacIE5 */
div.wrapper-detail div.photo {
	width:270px;
	float:left;
}
div.wrapper-detail div.photo img{
	width:250px;
	background-color:#ffffff;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:3px solid #999999;
	border-bottom:3px solid #999999;
	padding:6px;
}
div.wrapper-detail div.detail {
	float:left;
	margin-left:5px;
}
div.wrapper-detail div.detail table {
	width:380px;
}
div.wrapper-detail div.detail table th {
	width:8em;
}
div.wrapper-detail div.detail table tr.apply th,
div.wrapper-detail div.detail table tr.apply td {
	border:none;
}
div.wrapper-detail div.detail table tr.apply td{
	text-align:right;
}

/* Condition
------------------------------ */
table#condition {
	clear:both;
}
table#condition th {
	margin-top:15px;
	width:8em;
}
p#totop-btn {
	width:100%;
	height:47px;
	margin:0 auto;
	padding:5px 0 10px 0;
	text-align:center;
}
p#apply-btn {
	width:100%;
	height:47px;
	margin:15px auto 10px auto;
	text-align:center;
}
p#apply-btn02 {
	width:237x;
	height:47px;
	margin:15px auto 10px auto;
	text-align:center;
}
div#comment {
	margin-top:10px;
}
h4 {
	border-left:10px solid #FFCC99;
	margin-bottom:5px;
	padding-left:5px;
}
textarea#form-answer {
	width:680px;
	height:6em;
	border:1px solid #999999;
}
div#btn-area {
	width:300px;
	margin:20px auto 0 auto;
}
div#btn-area input {
	width:129px;
	float:left;
	margin:0 10px;
}
p.txt-conftxt {
	width:360px;
	text-align:left;
	margin:10px auto;
	_margin-left:170px;
	line-height:1.5;
}
p.txt-btnatt {
	clear:both;
	text-align:center;
	padding:10px 0 20px 0;
}

/* Thanks Page
------------------------------ */
div#thx-area {
	width:500px;
	background-color:#FFF8E1;
	margin:15px auto;
	padding:10px;
}
div#thx-area div {
	width:380px;
	float:left;
	margin-right:10px;
}
div#thx-area div p {
	line-height:1.5;
}
div#thx-area img {
	display:block;
	float:left;
}
table#thx {
	clear:both;
}
table#thx th {
	width:8em;
}

/* List Page
------------------------------ */
div.present-plan {
	width:680px;
	margin:0 auto;
}
div.present-title {
	border:1px solid #FF6633;
	padding:5px;
}

div.present-title:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
/* WinIE7 only */
*:first-child+html div.present-title {
  height:1%;
}
/* MacIE5 only \*/
* html div.present-title { height: 1% }
div.present-title {display:block;}
/* end MacIE5 */
div.present-title img {
	float:left;
	width:53px;
	margin-right:10px;
}
div.present-title div {
	width:600px;
	float:left;
}
div.present-title div p {
	font-weight:bold;
	padding:5px 0;
}
div.present-title div h3 {
	font-size:1.5em;
	font-weight:bold;
}
div.present-text {
	margin:10px 0 20px 0;
}
div.present-text:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
/* WinIE7 only */
*:first-child+html div.present-text {
  height:1%;
}
/* MacIE5 only \*/
* html div.present-text { height: 1% }
div.present-text {display:block;}
/* end MacIE5 */
div.present-text p.photo {
	width:250px;
	float:left;
	margin-right:15px;
}
div.present-text div {
	width:400px;
	float:left;
}
div.present-text div p {
	margin-bottom:5px;
	line-height:1.3;
}
div.present-text div p.btn {
	width:400px;
	text-align:right;
}
div.present-text div p span {
	font-weight:bold;
	color:#FF6600;
}
p.btn-apply {
	width:100px;
	height:37px;
	margin:0 auto;
	cursor:pointer;
}

/* アイコン */
span.required,
span.optional {
	display:block;
	float:left;
	width:30px;
	height:13px;
	margin:2px 4px 0 0;
}
span.required span ,
span.optional span {
	display:block;
	height: 0;
	overflow: hidden;
	line-height:0;
	font-size:0;
}
/* 必須アイコン */
span.required {
	background:url(/themes/form/default/img/form_icons.png) no-repeat 0 -13px;
}
/* 任意アイコン */
span.optional {
	background:url(/themes/form/default/img/form_icons.png) no-repeat 0 0;
}

div#sidebar h4 {
	border:none;
	margin-bottom:0;
	padding-left:0;
}