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


/* ------------------------------------------------------------ FontSize[13pxBase]
/* Reset !NoEdit ------------------------------------------------------------------------------ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5, h6, p, pre, ul, ol, dl, dt, dd, address, form, blockquote {
	display: block;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
fieldset, img {
	border-style: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: url(none) none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
img {
	vertical-align: top;
}
a {
	overflow: hidden;
}

/* Base ------------------------------------------------------------------------------ */
body {/* ModernBrowser/MacIE5 */
	font: 13px/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	*font-size: small;/* WinIE7/6(標準準拠) */
	*font: x-small;/* WinIE5/5.5/6(後方互換) */
}
table {
	font-size: inherit;
	font: 100%;
	width: 600px;
	margin-top: 30px;
}

/* LinkColor ------------------------------------------------------------------------------ */
a:link {
	color: #0000FF;
}
a:visited {
	color: #660000;
}
a:hover, a:focus {
	color: #009900;
}
a:active {
	color: #FFFF00;
}

/* AnotherLinkColor ------------------------------------------------------------------------------ */
a.linkA {
	color: #FFFF33;
}
a.linkA:visited {
	color: #FF0000;
}
a.linkA:hover, a.linkA:focus {
	color: #FFFF00;
}
a.linkA:active {
	color: #FFFF00;
}

/* VAlign Option ------------------------------------------------------------------------------ */
.imgVABtm {
	vertical-align: bottom;
}

/* Note ------------------------------------------------------------------------------ */
.note {
	text-indent: -1em;
	margin-left: 1em;
}

/* Round Box ------------------------------------------------------------------------------ */
.roundBox {
	width: 500px;
	background: url(img/box_bg.jpg) repeat-y left top;
}
.roundBox div.roundCap {
	font-size: 0%;
	line-height: 0;
}

/* ClearBoth ------------------------------------------------------------------------------ */
.clearboth {
	clear: both;
}

/* ClearFix ------------------------------------------------------------------------------ */
.clearfix:after {
	content: url(../img_common/s.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}
/* MacIE \*//*/
.clearfix {
	overflow: hidden;
}
/* */
.clearfix {overflow:hidden;}/* ForDW */

/* ClearPreview ------------------------------------------------------------------------------ */
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
}

/* FontSizeClass ------------------------------------------------------------------------------ */
.t8 {font-size: 62%;}
.t9 {font-size: 69.3%;}
.t10 {font-size: 77%;}
.t11 {font-size: 85%;}
.t12 {font-size: 93%;}
.t13 {font-size: 100%;}
.t14 {font-size: 108%;}
.t15 {font-size: 116%;}
.t16 {font-size: 123.1%;}
.t17 {font-size: 131%;}
.t18 {font-size: 138.5%;}
.t19 {font-size: 146.5%;}
.t20 {font-size: 153.9%;}

/* ------------------------------------------------------------------------------
 PageEdit /////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------ */

/* FontStyle ------------------------------------------------------------------------------ */
.strong {
	font-weight: bold;
}
.normal10px {
	font-size: 77%;
	font-weight: normal;
}
.blue {
	font-size: 93%;
	color: #0066FF;
}


/* TopPage ------------------------------------------------------------------------------ */
body {
	background: url(../img_common/bg.gif) repeat fixed left top;
	text-align: center;
}
#wrap {
width: 840px;
background: #FFFFFF;
margin-right: auto;
margin-left: auto;
text-align: left;

}
#wrap #header {
height: 110px;
width: 800px;
background: url(../img/header_bg.gif) no-repeat left top;
margin-left: 20px;
}
#wrap #header h2 {
font-size: 77%;
color: #FFFFFF;
margin-left: 10px;
height: 19px;
}
#wrap #header h1 {
	width: 235px;
	float: left;
}
#wrap #header dl {
	float: left;
	width: 300px;
	margin-top: 12px;
}
#wrap #header dd {
	float: left;
	font-size: 77%;
	color: #FFFFFF;
	width: 180px;
}
#wrap #header dt {
	float: left;
	width: 94px;
	margin-right: 10px;
}
#wrap #branding {
background: url(../img/brand_bg.jpg) no-repeat left top;
height: 540px;
width: 800px;
margin-left: 20px;
}
#wrap #branding #sideMenu {
	width: 180px;
	margin-left: 9px;
}
#wrap #branding #tagMenu li {
	float: left;
}
#wrap #branding #tagMenu {
	float: right;
}
#wrap #contWrap {
background: #ECE9E9;
width: 800px;
margin-left: 20px;
}
#wrap #contWrap #contLeft {
	width: 195px;
	float: left;
	margin-bottom: 10px;
}
#wrap #contWrap #contMain {
	width: 435px;
	float: left;
	margin-bottom: 10px;
}
#wrap #contWrap #contRight {
	width: 160px;
	float: left;
	margin-bottom: 10px;
}
#wrap #contWrap #contLeft dl {
	width: 168px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	text-align: center;
}
#wrap #contWrap #contLeft li {
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
}
#wrap #contWrap #contLeft dd {
	margin-bottom: 10px;
}
#wrap #contWrap #contLeft dt {
	margin-top: 5px;
	margin-bottom: 5px;
}
#wrap #contWrap #contRight li {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#wrap #contWrap #contMain #mainBanner li {
	float: left;
}
#wrap #contWrap #contMain #mainBanner {
	margin-top: 10px;
}
.kijiBox {
	background: url(../img/mainbox_bg.gif) repeat-y left top;
	width: 420px;
	margin-top: 10px;
}
.kijiBox div.kijiCap {
	font-size: 0%;
	line-height: 0;
}
#wrap #contWrap #contMain #news.kijiBox dt {
	float: left;
	font-size: 93%;
	font-weight: bold;
	width: 100px;
}
#wrap #contWrap #contMain #news.kijiBox dd {
	float: left;
	font-size: 93%;
	width: 300px;
}
#wrap #contWrap #contMain #news.kijiBox dl {
	padding: 10px;
	position: relative;
}
#wrap #contWrap #contMain #firstNews p {
	font-size: 93%;
	padding: 10px;
}

#wrap #contWrap #contMain #service p {
	font-size: 77%;
	padding: 10px;
}
#wrap #contWrap #contMain #service .servHighlight {
	background: #FFFFCC;
	width: 388px;
	font-size: 93%;
	padding: 5px;
	margin-left: 10px;
}
#wrap #contWrap #contMain #service .servHighlight li {
	font-size: 100%;
	font-weight: bold;
	color: #CC0066;
	background: url(../img/serv_icon.jpg) no-repeat left top;
	padding-left: 20px;
}
#footer {
	font-size: 85%;
	color: #FFFFFF;
	text-align: right;
	height: 20px;
	background: url(../img_common/footer_bg.gif) repeat left top;
	padding-right: 10px;
	line-height: 20px;
}
a.mailcol {
	color: #FFFFFF;
}
a.mailcol a: {
	color: #FFFFFF;
}
/* カテゴリごとにヘッダの背景を変更 ------------------------------------------------------------------------------ */
#wrap #titleHeaderBl  {
	height: 100px;
	width: 800px;
	background: url(../blouson/img/header_bg.jpg) no-repeat left top;
	margin-left: 20px;
}
#wrap #titleHeaderCon  {
	height: 100px;
	width: 800px;
	background: url(../contact/img/header_bg.jpg) no-repeat left top;
	margin-left: 20px;
}
#wrap #titleHeaderCo  {
	height: 100px;
	width: 800px;
	background: url(../corp/img/header_bg.jpg) no-repeat left top;
	margin-left: 20px;
}
#wrap #titleHeaderGo  {
	height: 100px;
	width: 800px;
	background: url(../goods/img/header_bg.jpg) no-repeat left top;
	margin-left: 20px;
}
#wrap #titleHeaderOt  {
	height: 100px;
	width: 800px;
	background: url(../other/img/header_bg.jpg) no-repeat left top;
	margin-left: 20px;
}
#wrap #titleHeaderPo  {
	height: 100px;
	width: 800px;
	background: url(../polo/img/header_bg.jpg) no-repeat left top;
	margin-left: 20px;
}
#wrap #titleHeaderPr  {
	height: 100px;
	width: 800px;
	background: url(../print/img/header_bg.jpg) no-repeat left top;
	margin-left: 20px;
}
#wrap #titleHeaderSo  {
	height: 100px;
	width: 800px;
	background: url(../soccer/img/header_bg.jpg) no-repeat left top;
	margin-left: 20px;
}
#wrap #titleHeaderSy  {
	height: 100px;
	width: 800px;
	background: url(../system/img/header_bg.jpg) no-repeat left top;
	margin-left: 20px;
}
#wrap #titleHeaderTr  {
	height: 100px;
	width: 800px;
	background: url(../trainer/img/header_bg.jpg) no-repeat left top;
	margin-left: 20px;
}
#wrap #titleHeaderTs  {
	height: 100px;
	width: 800px;
	background: url(../tshirts/img/header_bg.jpg) no-repeat left top;
	margin-left: 20px;
}

/* Template ------------------------------------------------------------------------------ */
#wrap #cHeader {
	height: 110px;
	width: 800px;
	background: url(../img_common/header_bg.gif) no-repeat left top;
	margin-left: 20px;
}
#wrap #cHeader h2 {
	font-size: 77%;
	color: #FFFFFF;
	margin-left: 10px;
}
#wrap #menu li {
	float: left;
}
#wrap * #pankuzu {
	float: left;
	margin-top: 10px;
	width: 285px;
}
#wrap * #pankuzu li {
	font-size: 77%;
	color: #FFFFFF;
	float: left;
	background: url(../img_common/pankuzu_icon.gif) no-repeat left center;
	text-indent: 15px;
	white-space: nowrap;
}
#wrap * #tMenu {
	width: 511px;
	float: right;
}
#wrap * #tMenu li {
	float: left;
}
.frameBox {
	width: 360px;
	background: url(../img_common/frame_bg.gif) repeat-y left top;
	float: left;
}
.frameBox02 {
	width: 360px;
	background: url(../img_common/frame_bg.gif) repeat-y left top;
	float: left;
}
#wrap #grayBox {
background: #EFEFE9;
padding-top: 20px;
margin-left: 20px;
width: 800px;
}
#wrap #grayBox #infoBox .frameBox div.frameCap {
	font-size: 0%;
	line-height: 0;
}
#wrap #grayBox #infoBox .frameBox p {
	font-size: 93%;
	padding: 10px;
}
#wrap #grayBox #infoBox .infoText {
	font-size: 108%;
	float: left;
	width: 300px;
	margin-right: 20px;
}
#wrap #grayBox #infoBox {
width: 700px;
position: relative;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
margin-right: 30px;
margin-left: 30px;
}
#wrap #grayBox #infoBox02 .frameBox div.frameCap {
	font-size: 0%;
	line-height: 0;
}
#wrap #grayBox #infoBox02 .frameBox p {
	font-size: 93%;
	padding: 10px;
}
#wrap #grayBox #infoBox02 .infoText {
	font-size: 108%;
	float: left;
	width: 300px;
	margin-right: 20px;
}
#wrap #grayBox #infoBox02 {
	width: 360px;
	position: relative;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 340px;
}
#wrap #grayBox .ancorNavi {
padding-top: 20px;
padding-bottom: 10px;
padding-left: 30px;
width: 740px;
}
#wrap #grayBox .ancorNavi li {
	float: left;
	margin-right: 5px;
}
#wrap #grayBox .items {
	width: 740px;
	background: #FFFFFF;
}
#wrap #grayBox .items {
width: 740px;
background: #FFFFFF;
margin-right: 30px;
margin-left: 30px;
}
#wrap #grayBox .items .pageTopBtn {
	background: #EFEFE9;
	text-align: right;
	height: 60px;
	padding-top: 20px;
	padding-right: 20px;
}
.pageTopBtn02 {
	text-align: right;
	height: 60px;
	padding-right: 20px;
}
/*会社概要
------------------------------------------------------ */
#wrap #grayBox .corpGrayBg {
width: 740px;
background: url(../img_common/corp_bg.gif) repeat;
padding: 5px;
margin-right: 30px;
margin-left: 30px;
}
#wrap #grayBox .corpGrayBg #CorpWhite {
	background: #FFFFFF;
	padding: 20px 30px;
}
#corpRight {
float: right;
line-height: 2em;
font-size: 93%;
white-space: nowrap;
width: 320px;
}
.pageTopBtn_Corp {
	background: #EFEFE9;
	text-align: right;
	height: 60px;
	padding-top: 20px;
	padding-right: 20px;
}
#CorpPhoto {
	float: left;
	width: 335px;
}
.corpStrong {
font-weight: bold;
}
#corpRight  dt {
float: left;
width: 80px;
}
#corpRight dd {
float: right;
width: 230px;
}
#corpRight dl {
margin-bottom: 3px;
}

#wrap #grayBox .items .itemComment {
	background: url(../img_common/icon.gif) no-repeat left top;
	height: 40px;
	font-size: 93%;
	padding-left: 20px;
	margin-top: 20px;
	margin-left: 50px;
	margin-bottom: 20px;
}
#wrap #grayBox .items .itemImage {
	text-align: center;
	margin-top: 20px;
}
#wrap #grayBox .items .itemImage02 {
	text-align: center;
	margin-top: 20px;
}
#wrap #grayBox .items .itemImage03 {
	text-align: center;
}

#wrap #grayBox .items .itemDetail .downLoadImg {
	margin-left: 40px;
}
#wrap #grayBox .items .itemDetail .detailSizeImg {
	margin-left: 10px;
}
#wrap #grayBox .items .itemDetail .detailColorImg {
	margin-top: 20px;
	margin-left: 40px;
}
#wrap #grayBox .items .itemDetail {
	margin-top: 20px;
	padding-bottom: 20px;
}
#wrap #menu {
	width: 800px;
	height: 50px;
	margin-left: 20px;
}
#cFooter {
	font-size: 85%;
	color: #FFFFFF;
	text-align: right;
	height: 20px;
	background: url(../img_common/c_footer_bg.gif) repeat left top;
	padding-right: 10px;
	margin-top: 50px;
	line-height: 20px;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
}
/*コンテンツ共通部分------------------------------------------------------ */
.line {
	margin-top: 20px;
	margin-bottom: 20px;
}
.MarginBottom10 {
	margin-bottom: 10px;
}
.MarginTop20 {
	padding-top: 20px;
}
.newItem {
font-size: 12px;
width: 300px;
height: 80px;
line-height: 1.2;
position: relative;
top: -100px;
float: right;
display: inline;
margin: 0px 0 -80px;
padding: 0px;
left: -15px;
}
/* Yamaguchi ------------------------------------------------------------------------------ */
#wrap #grayBox .ancorNavi2 {
padding-top: 20px;
margin-left: 30px;
width: 740px;
margin-bottom: 10px;
}
#wrap #grayBox .ancorNavi2 li {
	float: left;
	margin-right: 5px;
}
#wrap #grayBox .ancorNavi2 img {
	padding-bottom: 5px;
}
#wrap #grayBox .items .itemTitle .itemTitleText {
	font-size: 12px;
	width: 330px;
	height: 80px;
	line-height: 1.2;
	position: relative;
	left: -30px;
	top: -105px;
	float: right;
	display: inline;
	margin: 0px 0 -80px;
	padding: 0px;
}
#wrap #grayBox .items .itemTitle .itemTitleText02 {
	font-size: 12px;
	width: 330px;
	height: 70px;
	line-height: 1.2;
	position: relative;
	left: -30px;
	top: -90px;
	float: right;
	display: inline;
	margin: 0px 0 -80px;
	padding: 0px;
}
.pink {
	color: #CC0066;
}
/*オーダーシステム------------------------------------------------------ */
.SystemH3 {
}
.SystemDL {
	padding: 10px 0px 0px 60px;
	width: 680px;
}
.SystemDL dt {
	margin: 20px 0px 0px;
	padding: 0px;
}
.SystemBoxL {
	width: 420px;
	float: left;
	padding-top: 10px;
}
.SystemBoxR {
	width: 240px;
	float: right;
}
.SystemBox {
	padding-bottom: 20px;
}
.SystemBorder {
	margin-top: 20px;
	margin-bottom: 10px;
}
.SystemBoxL p {
	padding-top: 10px;
	padding-bottom: 10px;
}
.SystempageTop {
	float: right;
	padding-right: 10px;
}
.SystemBox p {
	padding-top: 10px;
}
#SystemKouza {
	padding: 5px 10px;
	margin: 20px 10px 10px 0px;
	border: 2px solid #000000;
	font-size: 93%;
	white-space: nowrap;
}
#SystemKouza dt{
	margin: 0px;
	padding: 0px;
	width: 35%;
	float: left;
}
#SystemKouza dd{
	width: 65%;
	float: left;
}

/*プリントメニュー------------------------------------------------------ */
.printMain {
	padding-left: 36px;
	padding-top: 23px;
}
.printBorder {
	margin: 23px 11px;
}
.printTopIMG {
	float: right;
	padding-top: 8px;
}
.printTXT {
	padding-top: 22px;
	padding-bottom: 47px;
}
.printIncCol {
	padding-top: 30px;
}
.KakouCaption01 {
	background: url(../print/img/price01.gif) no-repeat left top;
	text-indent: -9999px;
	line-height: 23px;
}
table.kakou {
width: 530px;
border: 2px solid #333333;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 20px;
margin-top: 1px;
}
table.kakou th{
	padding: 0px;
	line-height: 120%;
	text-align: center;
	border-top: 0 solid #333333;
	border-right: 0 solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	width: 123px;
}
table.kakou td {
	text-align: center;
	white-space: nowrap;
	border-top: 0 solid #333333;
	border-right: 0 solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
}
.KakouCaption02 {
	background: url(../print/img/price02.gif) no-repeat left top;
	text-indent: -9999px;
	line-height: 23px;
}
table.kakou02 {
	width: 530px;
	border: 2px solid #333333;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 5px;
	margin-top: 1px;
}
table.kakou02 th{
	padding: 0px;
	line-height: 120%;
	text-align: center;
	border-top: 0 solid #333333;
	border-right: 0 solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	width: 123px;
}
table.kakou02 td {
	text-align: center;
	white-space: nowrap;
	border-top: 0 solid #333333;
	border-right: 0 solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
}

.KakouCaption03 {
background: url(../print/img/price03.gif) no-repeat left top;
text-indent: -9999px;
line-height: 23px;
}
table.kakou03 {
width: 300px;
border: 2px solid #333333;
border-collapse: collapse;
border-spacing: 0;
margin-top: 1px;
float: left;
margin-bottom: 20px;
}
table.kakou03 th{
padding: 0px;
line-height: 120%;
text-align: center;
border-top: 0 solid #333333;
border-right: 0 solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #333333;
width: 200px;
}
table.kakou03 td {
	text-align: center;
	white-space: nowrap;
	border-top: 0 solid #333333;
	border-right: 0 solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
}
.printLeft {
float: left;
width: 380px;
	}
.right {
float: right;
width: 300px;
}
.printRed {
	color: #E6000F;
}
.printFontBtn {
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 40px;
}
.caution {
	padding-left: 60px;
}
.printOsusume {
margin-bottom: 30px;
padding-top: 20px;
}
.printOsusume dd {
font-size: 108%;
font-weight: bold;
}
.printRightBox {
float: right;
width: 380px;
padding-top: 35px;
}
.printBox {
margin-bottom: 20px;
}
/*お問い合わせ------------------------------------------------------ */
.contactTable {
	border: 1px solid #333333;
	margin-left: 36px;
	margin-top: 36px;
	margin-bottom: 28px;
}
.contactTable th {
	border-right: 1px solid #333333;
	border-bottom: 1px dotted #333333;
	line-height: 250%;
	font-weight: bold;
	color: #4A6446;
	text-align: left;
	background: #DEEDE1;
	padding-left: 10px;
}.contactTable td {
	border-bottom: 1px dotted #333333;
	padding-left: 30px;
}
.contactTD_L {
	padding-top: 10px;
	padding-bottom: 10px;
}
.contactIMG {
	padding-left: 36px;
}
.contactIMG2 {
	padding-top: 30px;
	padding-left: 36px;
}
.contactBtn {
	text-align: center;
	padding-bottom: 30px;
}
.red10pt {
	font-size: 77%;
	color: #FF3300;
	font-weight: normal;
	padding-left: 5px;
}
#thanks {
	text-align: center;
	padding-top: 70px;
	padding-bottom: 100px;
}
.contactRedTXT {
	padding-left: 220px;
	color: #FF3300;
}
/*ユニフォーム------------------------------------------------------ */
.soccerBtn {
text-align: right;
width: 720px;
}