@charset "Shift_JIS";
/* CSS Document */

/* leftMenuHelp */



#leftMenulist li a {
    color: #003780;
    text-decoration: none;
    display: block;
    padding: 0.3em;
     font-size:0.9em;
     background-image: url("/img/usr/tree1.png");
	background-position: 0 6px;
	background-repeat: no-repeat;
	padding-left: 10px;
	line-height:180%;

}
#leftMenulist li{
list-style:none;
    border-bottom: 1px dotted #ccc;
}

.leftMenulistchild{
padding-left:20px;
}

/* leftMenuHelp */



/* contents */
#contentsLeftMenu{
	float:left;
    color: #003780;
    text-align: left;
    margin:0;
    padding: 10px;
    background-color: #ededed;
	width:150px;
}
#contentsLeftMenu li a {
    color: #FFF;
    text-decoration: none;
    display: block;
    padding: 0.5em;
}

contentsLeftMenu iframe{
height:150px;
}

#contentsCenter{
	float:left;
	margin:10px;
	width:70%;

	}
	
#contentsCenter h2{
    font-size: 2em;
    margin: 0px 0px 10px;
    color: #000;
    font-family: 'Passion One', cursive;
    font-weight: normal;
    padding: 0px 0px 5px;
    border-bottom: 1px solid;
}

#contentsCenter #outlineTable td:first-child {
    background: none repeat scroll 0px 0px #9AAFC2;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	border-collapse: collapse;
}

#contentsCenter #outlineTableE td:first-child {
    background: none repeat scroll 0px 0px #9AAFC2;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	border-collapse: collapse;
}

#contentsCenter table td, #contents #itemDetail table td {
    border: 1px solid #738291;
    padding: 5px;
}
#contentsCenter table {
border-collapse: collapse;
padding-left:10px;
}
#outlineTable {
padding-left:10px;
	float:left;
	width:50%;

}
#outlineimg{
		float:left;
		width:50%;
}

#contentsCenter blockquote {
	max-width: 600px;
	padding: 0px 2em;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	outline: 0px none;
	font-size: small;
	vertical-align: baseline;
	background: none repeat scroll 0% 0% transparent;
}

/* Contents */


body,img,ul,li {
	margin:0;
	padding:0;
}
div#ContentsFrm {
	margin:0;
	padding:0;
	width: 774px;
}
div.topBn1 {
	margin: 0px;
	padding: 4px 0px 0px 4px;
	border:#CCC 1px solid;
	background-color:#EEE;
	overflow: hidden;
}
ul.topBn1-L,
ul.topBn1-R {
	width: 384px;
	float: left;
}
ul.topBn1-L li,
ul.topBn1-R li {
	display: inline-table;
	list-style-type: none;
	float:left;
}
ul.topBn1-L img,
ul.topBn1-R img {
	width: 188px;
	height: 188px;
	float:left;
}
ul.topBn1-L img,
ul.topBn1-R img {
	margin: 0px 4px 4px 0px;
	padding:0;
}
ul.topBn1-L li:last-child img,
ul.topBn1-R li:first-child img {
	width: 380px;
	height: 380px;
}

.topBn2 {
	margin: 0;
	padding: 0;
}
.topBn2 ul {
	margin: 0;
	padding: 0;
}
.topBn2 li {
	margin: 0px 0px 5px 5px;
	padding: 3px;
	width: 178px;
	height: 150px;
	font-size : 11px;
	border:#CCC 1px solid;
	background-color:#EEE;
	display: inline-table;
	list-style-type: none;
}
.topBn2 li:nth-child(4n+1) {
	margin: 0px 0px 5px 0px;
	padding: 3px;
}
.topBn2 img {
	margin: 0;
	padding-bottom: 4px;
	width: 100%;
	clear: both;
}

/* 「SALE」バナー */
div.desc_ div.icon_ img
{
	height: 16px;
	width: 32px;
}



/* mypage */
.mypagemain{
	background-color: #fff;
	width:960px;
	margin: 0px auto;
	text-align: left;
}

#mypagemenu{
	background-color: #ccc;
	width:960px;
}

#mypagemenu li {
	float: left;
	display: block;
	width: 120px;
	height:30px;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	padding:10px;
	text-align: center;
	text-decoration:none;
	}
#mypagemenu ul {
	 background-color: #ccc;
	 	 height:40px;

	 }

}
#mypagemenu li a {
    color: #fff;
}

/* mypage */

#mypageHeadMenu {
	margin: 0px 0px 30px 0px ;
	padding: 0px;
	list-style-type: none;
	width: 960px; /* ?\??????????????????????? */
	float: left; /* float???????????????? */
	background: #f9f9f9 url(hor_menu3_off.gif) repeat-x top; /* ?i?r?Q?[?V??????w?i */
    border-top: 1px #cccccc solid; /* ???E?? */
    border-bottom: 1px #cccccc solid; /* ?????E?? */
    font-size: 80%;
}
#mypageHeadMenu > li {
	float: left;
position: relative; /* ?q???j???[??absolute???????? */
}
#mypageHeadMenu li a {
font-size:14px;
	padding: 0.5em;

	display: table-cell; 
	text-align: center;
	width: 248px;
	position: relative; /* IE6?p */
border-top: 1px #ffffff solid; /* ?????N?G???A????E?? */
border-bottom: 1px #808080 solid; /* ?????N?G???A??????E?? */
border-left: 1px #ffffff solid; /* ?????N?G???A??????E?? */
border-right: 1px #cccccc solid; /* ?????N?G???A??E???E?? */
text-decoration: none; /* ?e?L?X?g??????i????j */
 color:#4c4c4c;

}
#mypageHeadMenu li ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	top:44px;
	left:0px;
	overflow: hidden;
	height: 0px;
	transition: all 0.5s;
}
#mypageHeadMenu li:hover ul {
	background: #f9f9f9 url(hor_menu3_on.gif) repeat-x top; /* ?|?C???g????w?i */
}
#mypageHeadMenu #mypageHeadMenuA:hover ul {
	height: 220px;
	}
#mypageHeadMenu #mypageHeadMenuB:hover ul {
	height: 88px;
	}
#mypageHeadMenu #mypageHeadMenuC:hover ul {
	height: 88px;
	}

/* ################################## */
/* ##############  HELP  ############ */
/* ################################## */

#contentsCenter h2,
#contentsCenter h2 a {
    font-size: 2em;
    margin: 0 0 10px;
    color: #000000;
    font-family: "Anton","Helvetica","Arial",sans-serif;
    font-weight: normal;
    padding: 0 0 5px;
    border-bottom: 1px solid;
}
#contentsCenter h2 small,
#contentsCenter h2 small a {
	font-family: arial,helvetica,sans-serif;
	font-size: 0.5em;
}
#contentsCenter h3,
#contentsCenter h3 a {
	padding: 3em 0 0;
	}

#contentsCenter h2+h3,
#contentsCenter h2+h3 a {
	padding: 1em 0 0;
	}
	
#contentsCenter li {
    background-color: #E4E4E4;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    line-height: 2em;
    margin: 5px 0;
    padding: 5px 3em;
    transition: all 1s ease 0s;
}
#hcontentsCenter li:hover {
    background-color: #CADDDD;
    }

#contentsCenter li > span {
    color: #DE0D85;
    display: inline-block;
    font-family: "Anton","Helvetica","Arial",sans-serif;
    font-size: 3em;
    font-weight: bold;
    text-indent: -0.9em;
}
#contentsCenter li > div {
	display: none;
    margin: 1em 0 0 2em;
}

#contentsCenter li > div > span {
    color: #0D92DE;
    display: inline-block;
    font-family: "Anton","Helvetica","Arial",sans-serif;
    font-size: 3em;
    font-weight: bold;
    text-indent: -1.2em;
}
#contentsCenter table td,
#contentsCenter #itemDetail table td {
	border: 1px solid #738291;
	padding: 5px;
	}
#contentsCenter .outlineTable {
	width:48%;
	margin-left:1%;
	float:right;
}

#contentsCenter .outlineTable td:first-child {
	background: none repeat scroll 0 0 #9AAFC2;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	}
	

#contentsCenter h4 {
	padding: 1em 1em 0
	}
#contentsCenter blockquote {
	max-width: 600px;
	padding: 0 2em;
	}
.guideTable,
.sizeTable {
}
.guideTable td,
.sizeTable td {
	text-align: center;
	vertical-align: middle;
}

.guideTable tr:first-child,
.sizeTable tr:first-child,
.guideTable td:first-child,
.sizeTable td:first-child,
.cellGray {
	background: none repeat scroll 0 0 #9AAFC2;
	white-space: nowrap;
	}

#contentsCenter #myPage .myPageBlock {
    float: left;
    width: 250px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	border: 1px #cccccc solid;
	background-color: #FFFFFF;
	margin:1%;
	padding:10px;
	}

#contentsCenter #myPage .myPageBlock h3,
#contentsCenter #myPage .myPageBlock h3 a {
	padding: 0;
	}
	
/* ################################## */
/* ##############  HELP Q&A ############ */
/* ################################## */
#faq label {
    background-color: #e4e4e4;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    line-height: 2em;
    margin: 5px 0;
    padding: 10px 3em;
    display: block;
}
#faq label > span {
    color: #de0d85;
    display: inline-block;
    font-family: "Anton","Helvetica","Arial",sans-serif;
    font-size: 3em;
    font-weight: bold;
    text-indent: -0.9em;
}

#faq input[type="checkbox"].on-off{
    display: none;
}

#faq div {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}


#faq input[type="checkbox"].on-off + div{
    height: 0;
    overflow: hidden;
}

#faq input[type="checkbox"].on-off:checked + div{
    height: 100%;
}

/* ################################## */
/* ############## ranking ########### */
/* ################################## */



#ranking {
	margin: 20px 0 0;
	}
#ranking h2 {
    margin: 0 0 10px;
    color: #000000;
    font-family: "Anton","Helvetica","Arial",sans-serif;
    font-weight: normal;
    padding: 0 0 5px;
    border-bottom: 1px solid;
}

#ranking h2 a {
    color: #000000;
    font-size: 2em;
    }
#ranking h2 small,
#ranking h2 small a {
    font-family: arial,helvetica,sans-serif;
    font-size: 0.5em;
}

#ranking .itemListLine {
    width: 220px;
	padding: 5px;
	border-bottom: 0px none;
}
#ranking .itemCell {
	width: 212px;
	position: relative;
	}
#rankingIcon {
	background: url("/_img/icons.png");
	height: 36px;
	position: absolute;
	top: -15px;
	left: 0;
	width: 32px;
	}
#rankingIcon.r1 {
 background-position:0 -189px;
 }
#rankingIcon.r2 {
 background-position:-32px -189px;
 }
#rankingIcon.r3 {
 background-position:-64px -189px;
 }
#rankingIcon.r4 {
 background-position:-97px -189px;
 }
#rankingIcon.r5 {
 background-position:-129px -189px;
 }
#rankingIcon.r6 {
 background-position:-160px -189px;
 }
#rankingIcon.r7 {
 background-position:-190px -189px;
 }
#rankingIcon.r8 {
 background-position:-220px -189px;
 }
#rankingIcon.r9 {
 background-position:-257px -189px;
 }
 
 /* --------------------------------------------------------------------
	トップページスライダー
--------------------------------------------------------------------- */
#topSlide img
	{
    width: 765px;
}

/* --------------------------------------------------------------------
	ランキングタイトル
--------------------------------------------------------------------- */

.titlebanner {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff;
    display: block;
    font-weight: bold;
    margin: 20px 0 0;
    padding: 0.5em;
    text-align: left;
}

/* ################################## */
/* ############## info ########### */
/* ################################## */


#table_line {
    border-collapse: collapse;
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 10px;
}
#table_line td {
    border-bottom: 1px solid #999999;
    border-collapse: collapse;
    border-right: 1px solid #999999;
    padding: 6px;
}

/* --------------------------------------------------------------------
	SHOPページTOP
--------------------------------------------------------------------- */

#wrapper {
	margin: 0 auto;
	width: 1250px;
	}
#mainBanner > img {
	height: auto;
	margin-bottom: 10px;
	width: 1250px;
	}
#shopText h3 {
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 1em;
	}
#shopText span {
	font-weight: bold;
	}
#shopText img {
	float: left;
	margin-right: 1em;
	}
#shopText > a {
	border: 1px solid #666666;
	margin: 0 1% 20px 0;
	width: 49%;
	float: left;
	color: #333333;
	}

#shopText > a:hover {
	color: #000000;
	text-decoration: underline;
	}
	
/* --------------------------------------------------------------------
	2016recruit
--------------------------------------------------------------------- */

#wrapper {
	margin: 0 auto;
	width: 1250px;
	}
#wrapper800 {
	margin: 0 auto;
	width: 800px;
	}
.mainBanner > img {
	height: auto;
	margin-bottom: 10px;
	width: 1250px;
	}
.recruitText h2 {
	color: #666;
	font-weight: bold;
	font-size:2em;
	text-align:center;
	padding: 10px 3em;
	}
.recruitText h3 {
	color: #666;
	font-weight: bold;
	font-size:1.5em;
	text-align:center;
	padding: 10px 2em;
	}
.recruitText h4 {
	display:block;
	font-weight: bold;
	font-size:1em;
	text-align:center;
	padding: 10px 1em;
	}
.recruitText h4 a{
	background-color:#333
	color: #FFF;
	text-decoration:none;
	}
.recruitText p {
	color: #666;
	font-size:1.5em;
	text-align:left;
	padding: 10px 1em;
	}
.recruitText table {
	margin:0 auto;
	max-width:600px;
	font-size:1.5em;
	line-height:2em;
	}
.recruitText table td{	
	border: 1px solid #738291;
	}
.recruitText span {
	font-weight: bold;
	text-align:center;
	}
.recruitText .recruitIframe{
	margin:0 auto;
	}
.recruitText img {
	margin-right: 1em;
	float:left;
	}
.recruitText .recruitTopImg{
	width:420;
	height:260;
}
.recruitText > a {
	border: none;
	margin: 20px 2% 30px 0;
	width: 30%;
	float: left;
	color: #333333;
	}

.recruitText > a:hover {
	color: #000;
	}
	
	/* イベントページ */
#medama{
	background-image:url(/img/timesale/timesale_b1.png);
	background-repeat:no-repeat;
	width:1000px;
	height:300px;
}
.medamaprice{
	    color: red;
    font-size: 44px;
    font-weight: bold;
    line-height: 35px;

}
#medama_l,#medama_c,#medama_r{
	float:left;
}
#medama_l{
   line-height: 2em;
    margin-top: 160px;
    padding-right: 60px;
    text-align: right;
    width: 280px;
}
#medama_l, #medama_c, #medama_r {
    float: left;
}
#medama_c{
	margin-top:30px;
    width: 300px;
    }
#medama_c img{
	height:253px;
    width: 253px;
    }
#medama_r{
	margin-top:30px;
    width: 380px;}

.medamatitle{
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	line-height:2em;
}
.yen{
    font-size: 20px;
}


.btn-size,
.btn-size a,
.btn-size a:link,
.btn-size a:visited {
	color:#fff !important;
	font-size:12px;
	font-weight:700;
	line-height:1em;
	background-color:#364151;
	border-bottom:1px solid rgba(0,0,0,0.25);
	cursor:pointer;
	display:inline-block;
	padding:8px 20px 6px;
	margin:5px 5px 5px 0;
	text-decoration:none;
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
	border-radius:3px;
}
/***************［サポートアスリート］***************/

#kikaku img{
padding:0;
margin:0;
border:0;
vertical-align: bottom;
display:block;
}
#favorite{
margin:60px 0;
}
#comment {
    float: left;
    font-size: 1.3em;
    line-height: 1.3em;
}
#comment span{
line-height:1em;
font-size:26px;
color:#8e724a;
font-weight:bold;
display:block;
}

#favorite img{
display:block;
width:50%;
float:left;
margin-right:20px;
}
#item{
width:960px;
height:200px;
background-color:#8e724a;

}
#item img{
padding:20px;
float:left;
width:200px;
height:200px;

}
#item span{
float:left;
padding:20px;
width: 600px;

}
#item span strong{
font-size:18px;
font-weight:bold;

}
.slidimg{
width:960px;
height:600px;
}
#about{
    background: #000 none repeat scroll 0 0;
    margin-bottom: 60px;
    padding: 1em;
    }
#about a{
    color: red;
    }

#about1,#about2{
    color: #fff;
    width:50%;
    float:left;
    }
#about1{
    padding-left: 10em;

    }



/* ################################## */
/* ############## teamorder ######### */
/* ################################## */

.teamorder-p{
	font-size:1.5em;
	line-height:2em;
	font-weight:bold;
}

.teamorder-menu label {
    background: #039;
    color: #fff;
    padding: 10px;
	display:block;
    margin: 0;
    border: 1px solid #fff;
    cursor: pointer;
    height:120px;
    width:800px;
}

.teamorder-menu label img{
    float:left;
}

.teamorder-menu label div{
    float:left;
    padding: 10px;
}

.teamorder-menu input[type="checkbox"].on-off{
    display: none;
}

.teamorder-menu  ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.teamorder-menu  li {
    padding: 5px;
}

.teamorder-menu input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

.teamorder-menu input[type="checkbox"].on-off:checked + ul{
    height: 3500px;
}


/* ################################## */
/* ########## press release ######### */
/* ################################## */

.press-title{
	font-size:1.5em;
	line-height:2em;
	font-weight: bold;
}

.press-img{
    max-width:400px;
}

.press-intro{
    background: #dcdcdc;
	display: inline-block;
    padding: 10px;
    margin: 10px 0;
}