/* CSSの初期化 */
html {
	height:100%;
}

h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
		color:#333
}

td {
	vertical-align:top;
}

/* テーブルのボーダーの単一化 */
table{ border-collapse:collapse; }

/* 画像の下にできる隙間をなくす */
img {
	vertical-align:top;
	border:none;
}

/*-------------------------フォントサイズ等の指定*/ 
body{
  font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 14px;
  text-align:center;
  padding: 0;
  margin: 0;
  color:#333;
  line-height:150%;
  position:relative;
  overflow-x:hidden;
  }

/* テキストエリア内文字サイズのブラウザ間での差異をなくす */
textarea { font-size: 100%; }

/*共通リンク指定*/
a{
	outline:none;
	color:#0000FF;
}
a:link{text-decoration:underline;color:#0000FF;}
a:hover{text-decoration:none;color:#0000FF;}

a img {
	background-color:transparent;
}

a:hover img {
	filter:alpha(opacity=65);
	opacity:0.65;
}

small {
	font-size:12px;
}

/*clearfix*/
.clearfix:after { content: "";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}

/* 汎用余白調整 */
.t5 {
	padding-top:5px;
}

.t10 {
	padding-top:10px;
}

.t15 {
	padding-top:15px;
}

.t20 {
	padding-top:20px;
}

.t25 {
	padding-top:25px;
}

.t30 {
	padding-top:30px;
}

.t35 {
	padding-top:35px;
}

.b5 {
	padding-bottom:5px;
}

.b10 {
	padding-bottom:10px;
}

.b15 {
	padding-bottom:15px;
}

.b20 {
	padding-bottom:20px;
}

.b25 {
	padding-bottom:25px;
}

.b30 {
	padding-bottom:30px;
}

.b40 {
	padding-bottom:40px;
}

.b60 {
	padding-bottom:60px;
}

.b65 {
	padding-bottom:65px;
}

/* 以上必要に応じて追加 */

/*--共通部分--*/
body {
	background:#FEF9E7;
}

#wrapper {
	width:900px;
	margin:0 auto;
	padding:0;
	background:#FFF;
	text-align:left;
	box-shadow:1px 0px 5px 0px rgba(0,0,0,0.2),-1px 0px 5px 0px rgba(0,0,0,0.2);
}

#header {
	width:900px;
	margin:0;
	padding:0;
}

#content {
	width:auto;
	margin:0;
	padding:0px 25px 0px 25px;
}

#content table {
	table-layout:fixed;
	width:100%;
}

#content th.page-title {
	width:23%;
	vertical-align:top;
}

#content td.page-content {
	width:77%;
	vertical-align:top;
}

#footer {
	width:900px;
	margin:0;
	padding:10px 0px 10px 0px;
	font-size:12px;
	line-height:100%;
	color:#DB1C42;
	text-align:center;
	background-color:#FFEEAC;
	clear:both;
}

/*--H1部分--*/
h1 {
	width:auto;
	height:170px;
	margin:0;
	padding:5px 25px 0px 25px;
	display:block;
	background:url(../images/common/sub-title.png) no-repeat;
	font-size:11px;
	line-height:100%;
	color:#999;
	text-align:right;
	overflow:hidden;
}

h1 a {
	width:auto;
	height:170px;
	margin:0;
	padding:0;
	display:block;
	font-weight:normal;
	text-decoration:none !important;
	color:#999 !important;
}

#top h1 {
	width:auto;
	height:226px;
	margin:0;
	padding:5px 5px 0px 5px;
	display:block;
	background:url(../images/common/top-title.png) no-repeat;
	font-size:11px;
	line-height:100%;
	color:#999;
	text-align:right;
	overflow:hidden;
}

#top h1 a {
	width:auto;
	height:226px;
	margin:0;
	padding:0;
	display:block;
	font-weight:normal;
	text-decoration:none !important;
	color:#999 !important;
}

#tab-header {
	display:none;
}

/*--グローバルナビ--*/
#g-nav {
	width:auto;
	margin:0;
	padding:0px 25px 0px 25px;
	background:url(../images/common/g-nav-bg.png) repeat-x;
}

#g-nav ul,
#ft-nav ul {
	margin:0;
	padding:0;
}

#g-nav li,
#ft-nav li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#ft-nav {
	width:auto;
	margin:0;
	padding:0px 25px 0px 25px;
	background:#DB1C42;
}

#tab-nav {
	display:none;
}

/*--グローバルナビここまで--*/

#content #to-top {
	width:auto;
	margin:0;
	padding:0;
}

#content #to-top a {
	display:block;
	float:right;
}

/*--広告--*/
#pr-plug-in {
	width:auto;
	margin:15px 0px 0px 0px;
	padding:17px 0px 17px 0px;
	text-align:center;
	border-top:1px solid #CCC;
}
/*--広告ここまで--*/

/*--共通スタイル--*/
a.large-link {
	font-size:18px;
	color:#0000FF;
	letter-spacing:-1px;
	line-height:180%;
	font-weight:bold;
}

#content h3 {
	width:auto;
	margin:0;
	padding:15px 15px 15px 15px;
	font-size:20px;
	color:#333;
	font-weight:bold;
	line-height:100%;
	background:url(../images/common/h3-bg.png) no-repeat;
}

#content h4 {
	font-size:20px;
	font-weight:bold;
	color:#333;
}

#other #content h4 {
	font-size:20px;
	font-weight:bold;
	color:#DA1B41;
}

#content h4 span {
	color:#FFCC00;
}

#pc-title {
	display:block;
}

#tab-title {
	display:none;
}

/*--トップページ--*/
#top #top-info {
	width:605px;
	min-height:123px;
	margin:15px 0px 0px 0px;
	padding:27px 227px 0px 18px;
	background:url(../images/top/top-info-bg.png) left top no-repeat;
	letter-spacing:-1px;
}

/*--サブページ--*/
#delimiter {
	width:auto;
	margin:0;
	padding:20px 5px 30px 5px;
	font-size:11px;
	line-height:100%;
	color:#999;
}

#delimiter a {
	color:#999;
	font-weight:normal;
}

/*--理由ページのテーブル--*/
#reason-table {
	width:100%;
	margin:0;
	padding:0;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}

#reason-table th {
	width:178px;
	margin:0;
	padding:10px;
	font-weight:bold;
	background-color:#FEF9E7;
	border-bottom:1px solid #CCC;
	text-align:left;
}

#reason-table td {
	width:auto;
	margin:0;
	padding:10px;
	background-color:#FFF;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	text-align:left;
}


/*幅900以下になった場合の変化*/
@media screen and (max-width: 899px){
	img {
		max-width:100%;
		height:auto;
		width /***/:auto;
	}
	
	#wrapper,
	#footer {
		width:100%;
	}
	
	#header {
		display:none;
	}
	
	#content {
		width:95%;
		margin:0 auto;
		padding:0;
	}
	
	#tab-header {
		width:100%;
		margin:0;
		padding:0;
		display:block;
	}
	
	#tab-header h1 {
		background-image:none;
		height:auto;
		text-align:left;
		font-size:12px;
		color:#999;
		line-height:120%
	}
	
	#tab-header h1 a {
		height:auto;
	}
		
	#g-nav {
		padding:0;
	}
	
	#ft-nav {
		padding:0;
	}
	
}

/*幅850px以下でPC用ナビ非表示タブレット用メニュー表示＋トップの吹き出し処理*/
@media screen and (max-width: 850px){
	#g-nav {
		display:none;
	}
	
	#ft-nav {
		display:none;
	}
	
	#tab-nav {
		display:block;
		background:#DB1C42;
	}
	
	#tab-menu {
    	display:none;
	}
	
	#tab-menu li {
   		width:100%;
		background:#DB1C42;
  	}
	
	#tab-menu li a {
		display:block;
    	position:relative;
    	padding:12px 0 10px;
    	border-bottom:1px solid #CCC;
    	color:#fff;
    	text-align:center;
    	text-decoration:none;
		font-weight:bold;
	}
	
	#switch {
		display:block;
		position:relative;
		width:100%;
		background:#DB1C42;
	}
	
	#switch a {
    	display:block;
    	position:relative;
    	padding:12px 0 10px;
    	border-bottom:1px solid #CCC;
    	color:#fff;
    	text-align:center;
    	text-decoration:none;
		font-weight:bold;
  	}
	
	#switch:before {
    	display:block;
    	content:"";
    	position:absolute;
    	top:50%;
    	left:10px;
    	width:20px;
    	height:20px;
    	margin-top:-10px;
    	background:#fff;
	}
	
	#switch a:before, #switch a:after {
    	display:block;
    	content:"";
    	position:absolute;
    	top:50%;
    	left:10px;
    	width:20px;
    	height:4px;
    	background:#DB1C42;
	}
	
	#switch a:before {
    	margin-top:-6px;
	}
	
	#switch a:after {
    	margin-top:2px;
	}
	
	#tab-menu li a:hover,
	#switch a:hover {
		opacity:0.7;
	}
	
	#top #top-info {
		width:auto;
		min-height:inherit;
		margin:15px 0px 0px 0px;
		padding:15px;
		background-image:none;
		letter-spacing:-1px;
		border:3px dashed #F90;
		border-radius:8px;
	}
	
}

/*幅768px以下になった場合（タブレット）*/
@media screen and (max-width: 768px) {
	#content th.page-title {
		width:100%;
		display:block;
	}

	#content td.page-content {
		width:100%;
		display:block;
	}
	
	#pc-title {
		display:none;
	}
	
	#tab-title {
		display:block;
	}
	
}

/*幅640以下の場合の変化*/
@media screen and (max-width: 640px) {
	table#reason-table {
		width:100%;
		margin:0 -10px;
		border:none;
	}
	
	#reason-table th,
	#reason-table td {
		width:100%;
		display:block;
		border-right:1px solid #CCC;
		border-left:1px solid #CCC;
	}
	
	#reason-table tr:first-child th {
		border-top:1px solid #CCC;
	}
}

/*幅480以下の場合の商品画像などの配置（特殊）*/
@media screen and (max-width: 480px) {
	td.item-info-head,
	td.item-image {
		width:200% !important;
		display:block;
	}
}