@charset "utf-8";

/* ------------------------------
汎用タイトル設定
------------------------------ */

/* 汎用タイトル設定 */
.title1 {
	width: 570px;
	height: 31px;
	background: url(../images/top/ttl_bg.gif) no-repeat;
	padding-left: 10px;
	margin-bottom: 10px;
	display: block;
	font-size:15px;
	font-weight:bold;
	line-height:29px;
	clear: left;
}
.title2{
	width: 570px;
	height: 31px;
	background: url(../images/top/ttl_bg.gif) no-repeat;
	padding-left: 10px;
	margin-bottom: 10px;
	display: block;

	font-size:15px;
	line-height:29px;
}

/* タイトル内に画像が入った場合の設定 */
.title1 img{ padding: 5px 0 0 0; }

/* ------------------------------
汎用ボックス設定
------------------------------ */

/*==========================================*/
/*▽汎用背景グラデーションボックス01の設定▽*/
/*==========================================*/

/* 下蓋設定 */
.Box01Frame01 {
	float: none;
	width: 580px;
	background:url(../images/top/box01_bottom.gif) no-repeat 0 100%;
	display: block;
	padding-bottom:6px;
	margin-bottom:7px;
}

/* 上蓋設定 */
.Box01Frame02 {
	float: none;
	width: 580px;
	background:url(../images/top/box01_head.gif) no-repeat 0 0;
	padding-top:10px;
	display: block;
}

/* 背景設定 */
.Box01Frame03 {
	float: none;
	width: 580px;
	background:url(../images/top/box01_bg.gif) repeat-y;
	display: block;
}

/* 見出し設定 */
.Box01Frame03 h3{
	padding: 0 0 10px 10px;
}

/* 段落設定 */
.Box01Frame03 p{
	padding: 0 10px 5px 10px;
	display:block;
	font-size:12px;
}

/*============*/
/*△ここまで△*/
/*============*/


/*==========================================*/
/*▽汎用背景グラデーションボックス02の設定▽*/
/*==========================================*/

/* 下蓋設定 */
.Box02Frame01 {
	float: none;
	width: 580px;
	background:url(../images/top/box02_bottom.gif) no-repeat 0 100%;
	display: block;
	padding-bottom:6px;
	margin-bottom:7px;
}

/* 上蓋設定 */
.Box02Frame02 {
	float: none;
	width: 580px;
	background:url(../images/top/box02_head.gif) no-repeat 0 0;
	padding-top:10px;
	display: block;
}

/* 背景設定 */
.Box02Frame03 {
	float: none;
	width: 580px;
	background:url(../images/top/box02_bg.gif) repeat-y;
	display: block;
}

/* 見出し設定 */
.Box02Frame03 h3{
	padding: 0 0 20px 10px;
}

/* 段落設定 */
.Box02Frame03 p{
	padding: 0 10px 10px 10px;
	display:block;
	font-size:12px;
}

/*============*/
/*△ここまで△*/
/*============*/


/*==============================*/
/*▽汎用ホワイトボックスの設定▽*/
/*==============================*/

/* 下蓋設定 */
.Box03Frame01 {
	float: none;
	width: 580px;
	background: url(../images/top/box03_bottom.gif) no-repeat 0 100%;
	display: block;
	padding-bottom: 6px;
	margin-bottom: 7px;
}

/* 上蓋設定 */
.Box03Frame02 {
	float: none;
	width: 580px;
	background: url(../images/top/box03_head.gif) no-repeat 0 0;
	padding-top: 10px;
	display: block;
}

/* 背景設定 */
.Box03Frame03 {
	float: none;
	width: 580px;
	background: url(../images/top/box03_bg.gif) repeat-y;
	padding-bottom: 1px;
	display: block;
}

/* 見出し設定 */
.Box03Frame03 h3,
.StrongTtl{
	padding: 0 0 10px 10px;
	display: block;

	font-size: 15px;
	font-weight: bold;
}

/* 段落設定 */
.Box03Frame03 p{
	padding: 0 10px 10px 10px;
	display: block;

	font-size: 12px;
}

/* リスト設定 */
.Box03Frame03 ul,
.Box04Frame03 ul{
	display: block;
	font-size: 12px;
}

.Box03Frame03 li,
.Box04Frame03 li{
	background: url(../images/top/dot.gif) no-repeat 12px 6px;
	padding: 0 10px 10px 25px;
	display: block;
}

/*============*/
/*△ここまで△*/
/*============*/


/*==============================*/
/*▽汎用グレーボックスの設定▽*/
/*==============================*/

/* 下蓋設定 */
.Box04Frame01 {
	float: none;
	width: 580px;
	background:url(../images/top/box04_bottom.gif) no-repeat 0 100%;
	display: block;
	padding-bottom: 6px;
	margin-bottom: 7px;

	color:#444444;
}

/* 上蓋設定 */
.Box04Frame02 {
	float: none;
	width: 580px;
	background: url(../images/top/box04_head.gif) no-repeat 0 0;
	padding-top: 10px;
	display: block;
}

/* 背景設定 */
.Box04Frame03 {
	float: none;
	width: 580px;
	background: url(../images/top/box04_bg.gif) repeat-y;
	padding-bottom: 1px;
	display: block;
}

/* 見出し設定 */
.Box04Frame03 h3{
	padding: 0 0 10px 10px;

	font-size: 16px;
	font-weight: bold;
}

/* 段落設定 */
.Box04Frame03 p{
	padding: 0 10px 10px 10px;
	display: block;

	font-size: 12px;
}

/*============*/
/*△ここまで△*/
/*============*/

/*==============================*/
/*▽汎用2アイテムボックスの設定▽*/
/*==============================*/

/* 下蓋設定 */
.Box05Frame01 {
	float: none;
	width: 580px;
	background:url('../images/top/box04_bottom.gif') no-repeat 0 100%;
	display: block;
	padding-bottom:5px;
	margin-bottom:7px;

	color:#444444
}

/* 上蓋設定 */
.Box05Frame02 {
	float: none;
	width: 580px;
	background:url('../images/top/box04_head.gif') no-repeat 0 0;
	padding-top:10px;
	display: block
}

/* 背景設定 */
.Box05Frame03 {
	float: none;
	width: 575	px;
	background:url('../images/top/box04_bg.gif') repeat-y;
	padding-left:5px;
	display: block
}

/* 見出し設定 */
.Box05Frame03 h2,
.Box05Frame03 h3{
	padding: 0 0 10px 5px;

	font-size:14px;
	font-weight:bold;
}

/* 段落設定 */
.Box05Frame03 p{
	padding: 0 10px 10px 10px;
	display:block;

	font-size:12px;
}

/* 段落設定 */
.Box05Frame03 ul{
	width:255px;
	background: url('../images/top/box05_bg.gif') repeat-y;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 10px;
	display:block
}

/* 2段組BOX 大枠余白設定 */
.TwoItemBox{
	margin-left:5px;
	padding-bottom: 10px;
}

/* 2段組BOX 商品情報リスト調整 */
.TwoItemBox ul{
	float: left;
}

/* 2段組BOX コメント余白設定用 */
.TwoItemTxt{
	padding: 10px 0 0 0;
	display: block;

	text-align: center;
}

/* 2段組BOX 余白調整 */
.TwoItemList01 {
	margin: 0;
}

.TwoItemList02 {
	margin-left: 10px;
}

/*============*/
/*△ここまで△*/
/*============*/
/*============*/
/* ------------------------------
TOPページに利用したスタイル
------------------------------ */

/* 下蓋設定 */
.Frame01{
	float: none;
	width: 580px;
	background:url(../images/top/box04_bottom.gif) no-repeat 0 100%;
	display: block;
	padding-bottom:6px;
	margin-bottom:7px;
}

/* 上蓋設定 */
.Frame02{
	float: none;
	width: 580px;
	background:url(../images/top/box04_head.gif) no-repeat 0 0;
	padding-top:10px;
	display: block;
}

/* 背景設定 */
.Frame03{
	float: none;
	width: 580px;
	background:url(../images/top/box04_bg.gif) repeat-y;
	display: block;
}

/* 見出し設定 */
.Frame03 h4{
     padding: 0 0 10px 10px;
}
/* 商品グループ設定 */
.GroupFrame{
	float: none;
	width: 580px;
	display: block;
	padding: 0 0 10px 10px;
}

/* 商品テーブル情報設定 */
.GroupFrame div{
	float: left;
	width: 158px;
	background:#fff;
	border:1px solid #ccc;
	padding: 0 10px;
	margin-right:9px;
}
.GroupFrame2 div{
	float: left;
	width: 237px;
	background:#fff;
	border:1px solid #ccc;
	padding: 0 10px;
	margin-right:9px;
}
/* 商品写真余白設定 */
.GroupFrame div img{
	margin:10px 0px;
}

/*商品テーブル テキスト情報大枠設定*/
.GroupFrame dl {
	text-align: center;
	font-size: 12px;
}

/*商品テーブル タイトル部分設定*/
.GroupFrame dt {
	padding:0;
	color: #222222;
	display:block;
}

/*商品テーブル キャプション部分設定*/
.GroupFrame dd {
	padding-bottom:10px;
	color: #333333;
	display:block;
	padding-top: 0px;
}

/*汎用商品テーブル テキスト情報設定*/
.GroupFrame ul {
	text-align: center;
	font-size: 12px;
	padding:10px 0;
	line-height:1.2em;
}

/* ------------------------------
その他汎用スタイル
------------------------------ */

/* 汎用コメントボックス */
.CommonTxt{
	width:560px;
	line-height: 1.6em;
	display: block;
	font-size:12px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: none;
}

/* 汎用コメントボックス 段落設定 */
.CommonTxt p{
	padding-bottom:10px;
}

/* 画像格納用 */
.ImgBox{
	text-align: center;
	margin-bottom: 10px;
}
/* 画像格納用 */
.ImgBox2{
	text-align: center;

}

/* 汎用テーブル大枠設定 */
.ContentsTbl{
	width: 560px;
	margin: 0 auto 10px auto;
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-size:12px;
}

/* 汎用テーブル セル設定 */
.ContentsTbl td{
    border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
}

/* 汎用テーブル タイトル設定 */
.ContentsTbl th{
	background: #F3F3F3;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

	text-align: center;
	font-weight:normal;
}

/* 汎用テーブル セル終点設定 */
.TdEnd{
	border: none;
}

/* カラーテーブル大枠設定 */
.ColTbl{
	width: 560px;
	margin: 0 auto 20px auto;
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-size:12px;
}#subPage #wrapper #contentBox #content .ImgBox .catch {
	float: none;
	height: 30px;
	width: 180px;
	margin-top: 0px;
	margin-left: 300px;
	margin-bottom: 200px;
}
#subPage #wrapper #contentBox #content .ImgBox2 {
	float: left;
	height: 30px;
	width: 190px;
	margin-top: 100px;
	margin-left: 300px;
}
.detalebox {
	float: left;
	width: 560px;
}
.all .contents .content-block .swp14 {
	clear: none;
	float: none;
	height: auto;
	width: 570px;
	margin-bottom: 50px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.bodydatale {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #666666;
}
.bodyname {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #000000;
}
/* ------------------------------
オリジナルタグ作成
------------------------------ */

/* BOX大枠 */
.TagBox01{
	position: relative;
	padding-bottom: 10px;
}

/* タイトル部分 */
.TagTtl{
	position: absolute;
	top: 146px;
	right: 60px;

	width: 172px;

	font-weight: bold;
	color: #222222;
}

/* コメント部分 */
.TagComment{
	position: absolute;
	top: 167px;
	right: 53px;
	width: 178px;
	color: #999999;
	height: 34px;
}

/* ------------------------------
ステッカー作成
------------------------------ */

/* BOX大枠 */
.StickerBox01{
	position: relative;
	padding-bottom: 10px;
}

/* タイトル部分 */
.StickerTtl{
	position: absolute;
	top: 94px;
	right: 35px;

	width: 202px;

	font-weight: bold;
	color: #222222;
}

/* コメント部分 */
.StickerComment{
	position: absolute;
	top: 117px;
	right: 35px;

	width: 202px;

	color: #999999;
}
.detale {
	width: 500px;
	margin-bottom: 10px;
	margin-left: 70px;
	float: none;
	padding: 0px;
}
.detale1 {
	width: 570px;
	margin-bottom: 10px;
	margin-left: 10px;
	float: none;
	padding: 0px;
}
.detale2{
	width: 430px;
	margin-bottom: 10px;
	margin-left: 150px;
	float: none;
	padding: 0px;
}
.detale3{
	width: 430px;
	margin-bottom: 10px;
	margin-left: 30px;
	float: none;
	padding: 0px;
}
/* ------------------------------
フォーム関連汎用設定
------------------------------ */

/* 送信ボタン調整スタイル */
.SubmitCell{
	text-align: center;
	padding: 20px 0;
}

/* フォーム部分調整スタイル */
.FormCell{
	width: 345px;
	border-bottom: 1px solid #ccc;

	font-size:12px;
	padding: 10px;
}

.InputSize01{	width: 50px;}
.InputSize02{	width: 100px;}
.InputSize03{	width: 150px;}
.InputSize04{	width: 200px;}
.InputSize05{	width: 250px;}
.InputSizeMax{ width: 100%;}

.FormSize01{	width: 100%; height: 150px;}

.Caption{ font-size:10px;}
.mb10{ margin-bottom:10px;}

.err{ color: #ff0000; font-weight: bold;}

/* ------------------------------
お問い合わせフォーム、お見積りフォーム
------------------------------ */

.FormTbl{
	width: 540px;
	margin: 20px;

	border-collapse: collapse;
	border: 1px solid #ccc;
}

.FormTbl th{
	width: 150px;
	padding: 10px;
	background: #f3f3f3;
	border:1px solid #ccc;

	font-size:12px;
	font-weight: normal;
}

.FormTbl td p{
	padding: 5px 0;
}

.FormTtl{
	width: 540px;
	margin: 0 auto -10px auto;
}

/* ------------------------------
無料サンプル請求
------------------------------ */

#SampleTbl01{
	width: 540px;
	margin: 20px;

	border-collapse: collapse;
	border: 1px solid #ccc;
}

#SampleTbl01 th{
	width: 80px;
	padding: 10px;
	background: #f3f3f3;
	border:1px solid #ccc;

	font-size:12px;
	font-weight: normal;
}

#SampleTbl01 td p{
	padding: 5px 0;
}

#SampleTbl02{
	width: 100%;
	padding-top: 20px;

	border-collapse: collapse;
}

#SampleTbl02 td{
	width: 130px;
	text-align: center;

	font-size:10px;
}

#SampleTbl02 td p{
	padding: 10px 0 20px 20px;
	display: block;

	text-align: left;
}

.TcRed{
	color: #d9191d;
}

table.common-table{
	width:580px;
	border:1px solid #ccc;
}

table.common-table td{
	padding:5px;
}

.SampleThumCell01{
	border-right:1px solid #ccc;
	padding-top:20px;
}

.SampleThumCell02{
	padding-top:20px;
}

.SampleTxtCell01{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.SampleTxtCell02{
	border-bottom:1px solid #ccc;
}
.subbox5 {
	background-color: #FFFFFF;
	height: auto;
	width: 560px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.hanes {
	background-image: url(../images/printable/tshirts/hanes/logo.png);
}
.hanes {
	background-image: url(../images/printable/tshirts/hanes/logo.png);
	height: 295px;
	width: 480px;
	padding-top: 120px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	background-repeat: no-repeat;
	line-height: 18px;
	font-size: 10pt;
	background-position: center top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.NEWITEM {
	color: #CC0000;
	font-weight: bold;
}
.newcolor {
	color: #0892B5;
	font-weight: bold;
}