body {
	margin: 0; padding: 0;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	font-size: 14px; line-height: 1em; color: #333;
	background: #3399FF url(images/bg01.png) repeat-x;
}

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix { display:block; }
/* end MacIE5 */

img { border: 0; }

.img_right1 { float: right; border: 0; padding: 0 0 4px 15px; }
.img_left1 { float: left; border: 0; padding: 0 15px 4px 0; }

.img_right2 { float: right; border: 0; padding: 0; }
.img_left2 { float: left; border: 0; padding: 0; }

.img_right3 { float: right; border: 0; padding: 0 0 10px 7px; }
.img_left3 { float: left; border: 0; padding: 0 7px 10px 0; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.2; color: #F60;  }
h1, h2, h3, h4, h5, h6 { margin: 0 0 13px; padding: 0; }

h1 { font-size: 143%; }
h2 { font-size: 128%; }
h3 { font-size: 115%; }
h4 { font-size: 107%; }
h5 { font-size: 100%; }
h6 { font-size: 85%; }

.hidden { display: none; }

a { text-decoration: none; color: #09C; font-style: normal; }
a:hover { text-decoration: underline; color: #F90; font-style: normal; }

ol, ul { margin: 0.5em 2em; padding: 0; }
li { margin: 0.25em 0; padding: 0; }


/*---Main Layout---*/
#wrapper {
	width: 900px;
	margin: 0; padding: 0;
	text-align: left;
	font-size: 100%;
	background: #FFF url(images/hd_bg01.jpg) repeat-x;
}

#mainimage {
	margin: 0 0 30px; padding: 1px 0 16px;
	background: #FFF url(images/shadow01.jpg) left bottom repeat-x;
}

#pagebody { margin: 0; padding: 0 15px 20px; text-align: left; background: #fff; }

.content_left1 { float: left; width: 430px; }
.content_right1 { float: right; width: 430px; }

/*---Header Settings---*/
#header { margin: 0; padding: 16px 0 10px; }

.logo1 { float: left; width: 130px; margin: 0 0 0 10px; padding: 0; }
.header_right { float: right; width: 600px; margin: 0 15px 0 0; padding: 0; }

#header_menu1 a {
	display: inline;
	padding: 0 5px 0;
	font-size: 85%;
	font-weight: bold;
}

/*---Menu1 Settings---*/
#menu1 {
	margin: 0; padding: 0;
	color: #FFF; font-weight: bold;
	border-top: 3px solid #000;
	background: #09F url(images/mn_bg01.jpg) repeat-x;
}

#menu1 a { color: #FFF; }
#menu1 a:hover { color: #FFF; text-decoration: underline; }

#menu1 td.menu1_0 { padding: 0 8px 0; }
#menu1 td.menu1_1 { padding: 0 8px 0; border-left: 1px solid #000; }

#menu1 td.menu1_hydrapak1,
#menu1 td.menu1_gelbot1
{ padding: 0 8px 0; border-left: 1px solid #000; border-bottom: 1px solid #000; }

#menu1 td.menu1_hydrapak1 { background: #29DDFF url(images/mn_bg02.jpg) repeat-x; }
#menu1 td.menu1_gelbot1 { background: #68EB00 url(images/mn_bg04.jpg) repeat-x; }

#menu1 td.menu1_hydrapak2,
#menu1 td.menu1_gelbot2
{ padding: 0 4px 0; border-left: 1px solid #000; }

#menu1 td.menu1_hydrapak2 { background: #29DDFF url(images/mn_bg03.jpg) repeat-x; }
#menu1 td.menu1_gelbot2 { background: #68EB00 url(images/mn_bg05.jpg) repeat-x; }

#menu1 td.menu1_hydrapak2 a,
#menu1 td.menu1_gelbot2 a
{ display: inline; margin: 0; padding: 0 4px 0; }

#menu1 td.menu1_hydrapak2 a:hover { color: #CCFFFF; }
#menu1 td.menu1_gelbot2 a:hover { color: #FFFFCC; }

/*---Footer Settings---*/
#footer {
	margin: 0; padding: 15px 15px 40px;
	color: #fff;
	background: #000 url(images/ft_bg01.jpg) repeat-x;
}

.footer_catalog { float: left; width: 300px; margin: 0; padding: 0 0 25px; } 
.footer_notice { float: right; width: 430px; margin: 0; padding: 0 0 25px; }

.copyright { color: #F90; text-align: right; }

.pagetop { padding: 15px 15px 0; text-align: right; }

/*---TEXT Settings---*/
.tx128 { font-size: 128%; }
.tx115 { font-size: 115%; }
.tx100 { font-size: 100%; }
.tx85 { font-size: 85%; }
.tx72 { font-size: 72%; }

.tx_l { text-align: left; }
.tx_r { text-align: right; }
.tx_c { text-align: center; }

.lh0 { line-height: 0; }
.lh0_9 { line-height: 0.9; }
.lh1_0 { line-height: 1.0; }
.lh1_1 { line-height: 1.1; }
.lh1_2 { line-height: 1.2; }
.lh1_3 { line-height: 1.3; }
.lh1_4 { line-height: 1.4; }
.lh1_5 { line-height: 1.5; }
.lh1_6 { line-height: 1.6; }
.lh1_8 { line-height: 1.8; }
.lh2_0 { line-height: 2.0; }

.b1 { font-weight: bold; }

p {
	margin: 1.0em 0;
	padding: 0;
}

.title1, .title1s, .title2, .title5 {
	margin: 0 0 15px; padding: 7px 10px;
	color: #FFF;
	border-left: 5px solid #000;
}

.title1 { background: #2DE6FF url(images/title_bg01.jpg) left top repeat-x; }
.title2 { background: #BFDE00 url(images/title_bg02.jpg) left top repeat-x; }

.title1s { margin: 0 0 7px; background: #2DE6FF url(images/title_bg01.jpg) left top repeat-x; }

.title3 {
	margin: 0 0 7px; padding: 2px 0 2px 7px;
	color: #000;
	border-left: 5px solid #009AE0;
}

.title4 { margin: 0 0 15px; padding: 3px 5px; color: #FFF; background: #666; }

.title5 { background: #BFDE00 url(images/title_bg03.jpg) left top repeat-x; }

.tx_red1 { color: #F00; }
.tx_orange1 { color: #F60; }
.tx_green1 { color: #6C0; }

/*---Margin & Padding Settings---*/
.pad_b1 { padding: 0 0 1px; }
.pad_b3 { padding: 0 0 3px; }
.pad_b5 { padding: 0 0 5px; }
.pad_b7 { padding: 0 0 7px; }
.pad_b10 { padding: 0 0 10px; }
.pad_b15 { padding: 0 0 15px; }
.pad_b20 { padding: 0 0 20px; }
.pad_b30 { padding: 0 0 30px; }

.mag_b1 { margin: 0 0 1px; }
.mag_b3 { margin: 0 0 3px; }
.mag_b5 { margin: 0 0 5px; }
.mag_b7 { margin: 0 0 7px; }
.mag_b10 { margin: 0 0 10px; }
.mag_b15 { margin: 0 0 15px; }
.mag_b20 { margin: 0 0 20px; }
.mag_b30 { margin: 0 0 30px; }

/*---etc Settings---*/
ul.list1, ul.list2, ul.list3 { margin: 0; padding: 0 0 10px; }

ul.list1 li {
	margin: 0 0 10px; padding: 0 0 0 15px;
	list-style: none;
	background: #FFF url(images/ico_list1.gif) 3px 6px no-repeat;
}

ul.list2 li {
	margin: 0 0 10px; padding: 5px 0 0 15px;
	list-style: none;
	border-top: 1px solid #CCC;
	background: #FFF url(images/ico_list1.gif) 3px 12px no-repeat;
}

ul.list3 li {
	margin: 0 0 3px; padding: 2px 0 0 15px;
	list-style: none;
	background: #FFF url(images/ico_list1.gif) 3px 8px no-repeat;
}

.catalog_list1 { float: left; margin: 0 8px 0; padding: 0 0 15px; }
.catalog_list_r1 { float: right; margin: 0 8px 0 0; padding: 0 0 15px; }
.catalog_list2_left { float: left; margin: 0 0 15px 5px; width: 420px; }
.catalog_list2_right { float: right; margin: 0 5px 15px 0; width: 420px; }

/*---Index Settings---*/
.banner1 { float: left; margin: 0; padding: 0 7px 20px; }

/*---Hydration Pack Settings---*/
.hp_desc1 { float: right; width: 285px; margin: 0; padding: 0 0 20px; }
.hp_left1 { float: left; padding: 0; margin: 0 10px 15px 0; }
.hp_left2 { float: left; margin: 0; }


/*---GEL-BOT Settings---*/
.tx_gelbot_howto1 { padding: 0 0 15px; margin: 0 0 0 15px; }
.title_gelbot_howto1 { margin: 0 0 10px; padding: 7px; color: #66CC00; border-left: 3px solid #FFCC00; }

/*---Shop List Settings---*/
#shoplist_body { width: 740px; margin: 0; padding: 0 0 15px; text-align: left; background: #fff; }

/*---Support Athlete Settings---*/
.sa_body1 { float: left; width: 280px; margin: 0 15px 15px 0; }
.sa_body2 { float: right; width: 280px; margin: 0 0 15px 0; }

.sa_left { float: left; width: 70px; }
.sa_right { float: right; width: 196px; }

.sa_name1 { margin: 4px 0 4px; padding: 0 0 4px; border-bottom: 1px solid #CCC; }
.sa_name2 { margin: 0 0 4px; padding: 0 0 4px; color: #09F; border-bottom: 1px solid #CCC; }
.sa_name2 a { color: #09F; }

/*---Shop Link Settings---*/
a.shoplink1 {
	margin: 0; padding: 1px 3px 1px 13px;
	line-height: 1.3;
	font-size: 75%; font-weight: bold;
	color: #FFF;
	background: #FC0 url(images/ico_arrow01.gif) 3px 5px no-repeat;
}

a:hover.shoplink1 {
	color: #FFF;
	text-decoration: none;
	background: #F90 url(images/ico_arrow01.gif) 3px 5px no-repeat;
}