@charset "utf-8";
/* CSS Document */

/* formatting style
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
	}
body{
	font-family:"Meiryo","メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
	color:#333;
	font-size:90%;
	line-height:1.5;
	background:#F0EFEF;
	}
hr {
	display: none;
	}
ul{
	list-style:none;
	}
h2{margin:0 0 30px 0;}
.clearF:after{
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
	}
.clearF{
	display:inline-block;/* MAC IE用　*/
	min-height:1%;/* IE 7用 */
	}

/*--MAC IEは非適用→ \*/
* html .clearF{height: 1%;}
.clearF{display: block;}
.clearB{clear:both;}
.floatR{float:right;}
.floatL{float:left;}
.Tright{ text-align:right;}
.txt_aka{color:#C30;}
/*--ここまでMAC IEは非適用 */

/* Link Styles
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

a img {
	border-style: none;
}
a{
	color: #06C;
	text-decoration: none;
}
a:hover {
	color: #F90;
	text-decoration: none;
}
a:hover img{
	opacity: 0.8;
	-moz-opacity: 0.8; /* Firefox2 */
	filter: alpha(opacity=80); /* IE6/7/8 */
	}


/* Lyout style
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
html,body {
    height:100%;
    margin: 0px auto;
}
body > #wrap {
    height: auto;
}
 
div#wrap {
	width:100%;
    position: relative;
    margin: 0px auto;
    height: 100%;
    min-height: 100%;
    height: auto;
	
}
 
#header{
    width:746px;
	height:60px;
	padding:50px 107px 0;
	margin:0 auto;
}
#header h1{
	float:left;
	position: absolute;
	top:23px;
	}
	

#ghwrap{ height:58px; background: transparent url(img/gmenu_bg.png) repeat-x left top; position:absolute; top:0; width:100%;
		z-index:300;
		}
#gheader{ width:850px; margin:0 auto; }
#gheader h1{ margin:0 0 0 46px; float:left; }




#tpTopics{
	float:left;
	font-size:11px;
}
#tpTopics h4{
	float:left;
	width:3em;
}
#tpTopics p{ padding:0 0 0 4em;
}
#tpTopics a{
	color:#333;
}
#tpTopics a:hover{
	color:#09C;
}
#tpRight{
	float:right;
	width:220px;
	font-size:11px;
	color:#999;
}
#head_menu{
	width:328px;
	float:right;
	}
#head_menu li{float:left;}
#nav{
	clear:both;
	background:#000;
	height:39px;
	}
#nav li{float:left;}

#nav2{
	margin:-55px 0 0;
	clear:both;
	background:#000;
	height:39px;
	}
#nav2 li{float:left;}
#TshirtsPageTitle{
	padding:0 28px;
	margin:30px 0 30px;
}
#TshirtsPageTitle h3{
	float:left;
}
.pageTitle{
	color:#A4BAC8;
	font-size:11px;
	font-weight:normal;
	float:right;
	
}
.pageTitle img{
	margin:0 0 5px;
}
ul#navList{
	width:606px;
	display:block;
	float:right;
}
	#navList:after{
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
	}

	#navList{
	display:inline-block;/* MAC IE用　*/
	min-height:1%;/* IE 7用 */
	}

	/*--MAC IEは非適用→ \*/
	* html #navList{height: 1%;}
	#navList{display: block;}
	/*--ここまでMAC IEは非適用 */

#navList li img{
	border-left:#635C5C solid 1px;
	margin:0;
	padding:0;
}

#slide{
	margin:0px 0 30px;
	}
/*#slide img{
	border:#CCC 1px solid;
}*/
.width746{
	width:746px;
	margin:0 auto;
}
#Contents{
    width:770px;
	margin:40px auto 0;
	padding:20px 0 0;
	background:#fff;
	z-index:200;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	clear:both;
}
.ACol{
	padding:0 16px 50px;
	clear:both;
}
	.ACol:after{
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
	}

	.ACol{
	display:inline-block;/* MAC IE用　*/
	min-height:1%;/* IE 7用 */
	}

	/*--MAC IEは非適用→ \*/
	* html .ACol{height: 1%;}
	.ACol{display: block;}
	/*--ここまでMAC IEは非適用 */

.ImgBorderGray{
	border:#CCC solid 1px;
	margin:0 11px 0 0;
}
.ImgBorderGrayI img{
	border:#CCC solid 1px;
	margin:0 3px 0 0;
	padding:2px;
}
.BColLeft{
	width:350px;
	float:left;

}

.BColRight{
	width:350px;
	float:right;

}
.CCol{
	float:left;
	width:223px;
	padding:0 7px 0 14px;
}

.CCol p{
	font-size:80%;
}
.TopImgList{
	border:#000 3px solid;
	margin:0 0 5px;
}

#topBottom h4{
	border-bottom:#999 solid 1px;
	margin:0 0 8px;
}
	
#topBotRight li{
	background:url(img/li_top.gif) top left no-repeat;
	padding:0 0 0 8px;
	font-size:80%;
}
.moreBtn{
	text-align:right;
	padding:8px 0;
	clear:both;
}
#footer{
	clear:both;
	color:#847B7B;
	text-align:center;
}
#footer p{
	font-size:80%;
	line-height:2em;
}
#footer h1{
	line-height:1.2em
}
#footer h3{
	line-height:3em
}
#ftNavBg{
	background:#DEDCDC;
	width:100%;
	padding:5px 0;
	font-size:120%;
	border-top:#D8D8D8 1px solid;
	border-bottom:#fff 1px solid;
}
#ftNavBg a{
	color:#333;
}
#ftNavBg a:hover{
	color:#000;
	text-decoration:underline;
}


	#ftNavBg:after{
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
	}

	#ftNavBg{
	display:inline-block;/* MAC IE用　*/
	min-height:1%;/* IE 7用 */
	}

	/*--MAC IEは非適用→ \*/
	* html #ftNavBg{height: 1%;}
	#ftNavBg{display: block;}
	/*--ここまでMAC IEは非適用 */

.navBottom {
		margin:0 auto;
}
#ftBg{
	padding:20px 107px 50px;
	margin:0 auto;
	background:#E4E4E4;
}
#ftBg a{
	color:#847B7B;
}
#ftBg a:hover{ color:#DD59B6;
}
#ft_bg img{padding:10px;}
/*Topページ
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

#IndexNewsBox{
	padding:0 20px 30px;	
}
#IndexNewsBox h3{
	border-bottom:#999 dotted 2px;
	margin:0 0 20px;
	color:#003D65;
}
#IndexNewsBox h4{
	border-left:#CF0 solid 8px;
	padding:2px 0 2px 8px;
	margin:0 0 20px;
	background:#EBEBEB;
}
.IndexNewsBoxTxt{
	font-size:90%;
	margin:0 0 30px;
}

.IndexNewsBoxTxt dl{
	margin:0 0 20px;
}
.IndexNewsBoxTxt dt{
	float:left;
	width:6em;
	border-left:#CF0 solid 5px;
	padding:0 0 0 8px;
	margin:0 0 3px;
}
.IndexNewsBoxTxt dd{
	padding:0 0 0 7em;
	border-bottom:#CCC dotted 1px;
	margin:0 0 3px;
}
.IndexNewsBoxTxt ul{
	list-style:none;
}
.IndexNewsBoxTxt li{
	background:url(img/li_bg.jpg) top left no-repeat;
	padding:0 0 0 10px;
	margin:0 0 3px;
}

.attentionbox ul{
	line-height:1.2em;
}
.attentionbox li{
	margin:0 0 8px;
	background:url(img/bg_foot.jpg) top left no-repeat;
	padding:0 0 0 8px;
}

/*サブページ
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
/*Tシャツページ*/
.ImgThamb{
	margin:0 0 8px;
	border:#CCC solid 1px;
	text-align:center;
}
.Color{
	font-weight:bold;
	font-size:13px;
}
.Size{
	text-align:center;
	background:#847B7B;
	color:#fff;
	width:25px;
	font-size:13px;
	font-weight:bold;
	padding:5px 0;
}
.Size a{
	display:block;
	color:#fff;
}
.Size a:hover{
	background:#CCC;
}
.TshirtsTbl{
	margin:10px 0 10px;
}

.piyoImg{margin:15px 0;
}
.txtBoxSale{
	padding:5px 10px;
}
.txtBoxSale p{
	font-size:90%;
	line-height:1.8em;
}
.txtBoxSaleI{
	padding:0 8px;
	line-height:1.8em;
}
.txtBoxSaleI p{
	font-size:80%;
}

.txtBoxSaleI h4{
 	color:#1F4274;
}
.BColLeftSale{
	width:350px;
	float:left;

}

.BColRightSale{
	width:380px;
	float:right;

}
.txtBoxSaleH{
	line-height:1.2em;
	font-size:90%;
}
.kidImg img{margin:0 10px 8px 0;
}
#TshirtsDetaRight{
	float:right;
	width:511px;
	padding:0 20px 50px 20px;
	background:url(img/tateline.gif) top left no-repeat;
}
#TshirtsImgLeft{
	float:left;
	width:285px;
	line-height:1.5em;
	font-size:90%;
}
#TshirtsImgLeft h3{
	margin:0 0 10px;
	}
#TsImgA{
	margin:0px 0 30px;
}
#ProfText{
	padding:0 20px 0 0;
	font-size:90%;
}
#ProfText h4{
	border-bottom:#E7E7E7 solid 1px;
	margin:0 0 5px;
}
.borderBottom{
	border-bottom:#E7E7E7 solid 1px;
	margin:0 0 5px;
}
#ProfText strong{
	font-size:110%;
}
#TshirtsTextRight{
	float:right;
	width:216px;
	padding:35px 0 0 9px;
}
#TshirtsTextRight h3{
	font-size:120%;
	line-height:1.2em;
	margin:0 0 10px;
}
#TshirtsTextRight h4{
	margin:0 0 5px;
}
#TshirtsTextRight p{
	font-size:85%;
	line-height:1.5em;
}
#TshirtsDetaLeft{
	float:left;
	width:190px;
	padding:0 0 0 20px
}
#TshirtsDetaLeft a{
	color:#333;
	font-size:13px;
	display:block;
	width:165px;
	padding:0 0 0 5px;
}
#now{
	background:#D3EB00;
}
#TshirtsDetaLeft a:hover{
	background:#D3EB00;
}

#TshirtsDetaLeft ul{
	margin:15px 0 15px 0px;
}
#TshirtsDetaLeft li{
	background:url(img/li_lineup.gif) center left no-repeat;
	padding:0 0 0 20px;
	margin:0 0 8px;

}
p#b_btn a{
	background:#76161B;
	color:#fff;
	text-align:center;
	width:216px;
	height:34px;
	line-height:34px;
	margin:12px 0 30px;
	font-size:110%;
	display:block;
}
p#b_btn a:hover{
	background:#D3EB00;
	color:#666;
}
.xxSmall{
	font-size:80%;
}
.pagetop{
	text-align:right;
	clear:both;
	margin:30px ;
}

/*material　素材ページ*/

#materialPage{
	padding:0 40px;
}
#DetailKakunin img{
	margin:0 0 5px;
}
.DetailSetsumei{
	width:296px;
	font-size:90%;
	margin:0 20px 20px 0;
	padding:5px;
}

#DatailTable h3{
	color:#003D65;
	border-bottom:#ccc 1px solid;
	margin:0 0 15px;
	padding:0 0 0 5px;
	
}
.DetailLeftTable{
	padding:0 30px 70px 0;
}