/****************************************************************************************************

  共通のスタイル

****************************************************************************************************/


/****************************************************************************************************
  共通の定義
****************************************************************************************************/

/* 全体 */
#main-area-outer{
	margin:15px auto;
	margin-bottom:15px;
}
#main-area{
	margin-bottom:10px;
}

input[type=text],textarea{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 16px;
}

body{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ;
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.4em;
}
body#main .message{
	padding:10px;
	border:0px;
	line-height:130%;
	text-align:left;
	background-color:#FFFFDD;
}
body#main h2{
	margin:0px;
	margin-bottom:5px;
	padding:0px;
	background-image:url("../image/main/arrow-subtitle.gif");
	background-repeat:no-repeat;
	line-height:15px;
	text-indent:20px;
}

/* パーツレベルの定義 */
.subwin-form{
	margin-bottom: 10px;
}
.page-message{
	margin:20px 0px;
	text-align:center;
}
input.submit{
	text-align:center;
	vertical-align:middle;
	width:360px;
	height:45px;
	line-height:32px;
	margin-top:5px;
	font-size:14px;
	letter-spacing:2px;
	cursor:pointer;
}
input.submit[name=back]{
	margin-top:15px;
}
.guidance{
	margin-top:4px;
	margin-bottom:10px;
	padding:0;
	line-height:150%;
	font-size:small;
}
.cms-image-area{
	text-align:center;
}
.cms-image{
	max-width:770px;
}
.question{
	margin-bottom:10px;
	color:#56a613;
	font-size:14px;
	font-weight:bold;
}

.form-required{
	margin: 0;
	border: 1px solid #ff0000;
	padding: 1px 2px;
	border-radius: 5px;
	background-color:#ff0000;
	color:#ffffff;
	text-align:center;
	font-size:x-small;
	display:inline-block;
	line-height:13px;
}

/****************************************************************************************************
  商品交換一覧用の定義
****************************************************************************************************/
.text-user-point span{
	font-weight:bold;
}
#main-area .item-list{
	margin-top: 20px;
	margin-bottom: 10px;
}
#main-area .item-list-row{
	margin-top:10px;
	margin-bottom:10px;
	border: 1px solid #cccccc;
	font-size: small;
	line-height:130%;
	padding:10px;
}
#main-area .item-list-title{
	background-color: #eeeeee;
	line-height:22px;
	padding:5px;
	font-size: large;
	font-weight: bold;
	margin-bottom:10px;
}
#main-area .item-list-content{
	width:420px;
	float:left;
}
#main-area .item-list-sub{
	margin-top:10px;
	font-weight:bold;
}
#main-area .item-list-detail{
	display:block;
	font-size:large;
	text-align:center;
	margin-top:20px;
}
#main-area .item-list-img{
	width:220px;
	float:right;
}
#main-area .item-list-img img{
	max-width:220px;
}

/****************************************************************************************************
  一覧でのページャ用の定義
****************************************************************************************************/
#main-area .list-pager{
	margin-top:10px;
	font-size:small;
	text-align: right;
}
#main-area .list-pager a, .list-pager .pager_selected{
	padding: 2px 5px;
	font-size: small;
	text-align: center;
	text-decoration: none;
}
#main-area .list-pager .pager_selected{
	border: #cccccc 1px solid;
	background-color: #cccccc;
	color: #ffffff;
}
#main-area .list-pager a:visited, .list-pager a:link {
	border: #71b7eb 1px solid;
	background-color: #71b7eb;
	color: #ffffff;
}
#main-area .list-pager a:hover, .list-pager a:active {
	border: #71b7eb 1px solid;
	background-color: #ffffff;
	color: #71b7eb;
}

/****************************************************************************************************
  フォーム関連の定義
****************************************************************************************************/
#bt_form_cus_addr1, #bt_form_cus_addr2{
	width:60%;
}
#error-frame{
	border: 1px solid #ff0000;
	padding: 10px 0px;
	margin: 10px 0px;
	border-radius: 5px;
	background-color:#ffdddd;
	color:#ff0000;
	text-align:center;
	font-weight:bold;
}
.form-address-label{
	width:117px;
}

#main-area h1{
	margin-bottom:20px;
	padding-left:5px;
	padding-bottom:5px;
	/*padding-left:12px;*/
	/*border-left:8px solid #aaaaaa;*/
	border-bottom:1px dotted #6a6a6a;
	font-size:18px;
	font-weight:bold;
	color:#4d4d4d;
}

#main-area h2{
	margin-bottom:5px;
	padding:4px 8px;
	background:#aaaaaa;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

#main-area h3{
	margin-bottom:5px;
	font-weight:bold;
	font-size:14px;
}

.wide-image{
	margin-bottom:10px;
	text-align:center;
}
.wide-image img, .wide-image input[type=image]
{
	max-width:100%;
}

div.kiyaku{/*規約テーブル*/
	line-height: 2.0em;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 10px 5px;
}

/****************************************************************************************************
  テーブル関連の定義
****************************************************************************************************/
table.form-block{
	width: 100%;
	border-collapse: collapse;
	background-color: #ffffff;
	margin-bottom:10px;
}

table.form-block>tbody>tr>td{
	font-size:14px;
	line-height:20px;
	text-align:left;
	border:1px solid #ccc;
	padding:10px;
}

td.form-row-title{
	width:19%;
	background-color:#eee;
}

td.form-row-content{
	width:79%;
}

td.form-caption{
    margin-top:2px;
    margin-bottom:2px;
    font-size:12px;
}
.form-error{
	color:#ff0000;
    margin-top:2px;
    margin-bottom:2px;
    font-size:14px;
    text-decoration:underline;
}
.form-nostock{
	color:#ff0000;
    margin-top:15px;
    margin-bottom:2px;
    font-weight:bold;
    font-size:18px;
}