body {margin:0 0;font-family:helvetica,arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;padding:0;overflow-x: hidden;}
a img {border:0;}
a:link, a:active, a:visited {color:#00B1FF;text-decoration: none;}
a:hover {text-decoration:underline;}

hr {margin:30px auto; width:100%;border-style: dotted;height:1px;border-width:1px 0px 0px 0px;color:#eee;}
h1 {font-size:28px;font-weight:normal;}

.gray {background:#222;color:#ccc;}
.gray a:link, .gray a:active, .gray a:visited {color:#ccc !important;text-decoration:none;}
.black a:link, .black a:active, .black a:visited {color:#ccc;text-decoration:none;}
.white {background:#fff;color:#111;}
.white-grad {background-image:url('http://thathobo.com/images/white-grad.png');background-repeat: repeat-x;background-position: 0 0;color:#111;}
.black {background:#222;color:#fff;}
.beige {background:#eee;color:#ccc;background-image:url('http://thathobo.com/images/white-grad.png');background-repeat: repeat-x;background-position:0 0;color:#111;
}

.round {border:1px solid #111;box-shadow:1px 1px 5px #111;}

#block1 {margin:0 auto;background:#111;z-index:100;position:relative;border-width:1px 0 1px 0;border-style:solid;border-color:#333;}
#block2 {margin:0 auto;width:100%;float:left;padding:10px 0 0px 0;z-index:100;}
#block3 {margin:0 auto;width:100%;float:left;padding:10px 0 10px 0;bottom:0;position:fixed;z-index:200;}
#block-bar {margin:0 auto;width:100%;float:left;padding:0;}
#block-top {margin:0 auto;width:100%;float:left;padding:0;}

#header {width:1000px;height:58px;padding-top:20px;margin:0 auto;}
#footer {font-size:12px;text-align:right;}

#footer a:link, 
#footer a:visited, 
#footer a:active {text-decoration:none;color:#333;}
#footer a:hover {text-decoration:underline;color:#00B1FF;}


.h-l {width:200px;float:left;border:0px solid #eee;}
.update {background:url('http://thathobo.com/images/update.png') no-repeat 220px 0px;}
.update-ph {background:url('http://thathobo.com/images/updated.png') no-repeat 690px 45px;}

.h-r {width:750px;float:right;border:0px solid #eee;font-family:Arvo,sans-serif;font-size:18px;text-align:right;}
.h-r ul{list-style-type: none;padding:0;float:right;margin:28px 0 0 20px;}
.h-r li {float:left;margin:0 0 0 25px;}

.h-r img {margin:35px 0 0 20px;}


.h-r a:link, 
.h-r a:visited, 
.h-r a:active {text-decoration:none;color:#fff;}
.h-r a:hover {text-decoration:none;color:#ccc;}
li.h-on a {color:#00B1FF !important;}


#contents,#products,#pr-index,#pr-category,#pr-tab,#pr-label,#pr-other,#footer,#blog,#webpage,#ph-index{width:1000px;margin:0 auto;}
#products {}
#ph-index {margin-top:20px;}
#topimg {height:440px;margin-top:15px;overflow: hidden;position:relative;}

#bread {width:1000px;font-size:14px;margin:20px auto 30px auto;}
#bread a:link, 
#bread a:visited, 
#bread a:active {text-decoration:none;font-weight:normal;}
#bread a:hover {color:#00B1FF}



/*_________PRODUCTS Individual___________*/


#pr-top {width:1000px;z-index:2;position:relative;}
#pr-left {width:350px;float:left;}


.pr-name {margin-top:20px;font-size:33px;font-family:Arvo,sans-serif;width:350px;white-space:normal;}

.pr-info {font-size:11px;margin:20px 0 10px 0;padding-right:30px;color:#111;}

.pr-id {margin-bottom:8px;padding-left:27px;background:url(http://thathobo.com/images/number.png);background-repeat:no-repeat;background-position:0% 4%;}
.pr-size {margin-bottom:8px;padding-left:27px;background:url(http://thathobo.com/images/size.png);background-repeat:no-repeat;background-position:0% 4%;}
.pr-color {margin-bottom:8px;padding-left:27px;background:url(http://thathobo.com/images/color.png);background-repeat:no-repeat;background-position:0% 4%;}
.pr-material {margin-bottom:8px;padding-left:27px;background:url(http://thathobo.com/images/material.png);background-repeat:no-repeat;background-position:0% 4%;}
.pr-madein {margin-bottom:8px;padding-left:27px;background:url(http://thathobo.com/images/madein.png);background-repeat:no-repeat;background-position:0% 4%;}
.pr-price {margin-bottom:8px;padding-left:27px;background:url(http://thathobo.com/images/price.png);background-repeat:no-repeat;background-position:0% 4%;}



#pr-text {font-size:10px;width:300px;padding:15px 10px 0 0;word-break: normal;line-height:130%;color:#333;}

.pr-brands img {margin-top:15px;padding:0;border:0px solid #ccc;}


#pr-thumb {margin:15px 0 0 0;}
#pr-thumb img {width:100px; height:100px;float:left;margin:0 10px 10px 0;border:1px solid #999;}

#pr-app {margin:5px 0 10px 0;float:left;width:360px;}
#pr-app img {margin:0 10px 0 0;}

#pr-right {float:right;position:relative;top:-10px;z-index:1;width:650px;height:650px;}
#pr-right img {height:650px;width:650px;margin:0;padding:0;}

* html #pr-right {position:absolute;top:120px;}

#pr-other img {border-width:1px 1px 1px 1px; border-style:solid;border-color:#999;
width:109px;height:109px;margin:0 14px 10px 0px;float:left;}


/*_________PRODUCTS Category___________*/

#pr-category {padding-left:0px;overflow:hidden;margin-bottom:40px;padding-bottom:40px;}
#pr-label {padding:10px auto;text-align:center;margin-bottom:0px;white-space:nowrap;}
#pr-label ul{list-style:none;padding:0;margin:0;}
#pr-label li {float:left;margin:5px 25px 0 0;text-transform:uppercase;padding:5px 9px 7px 9px;display:block;font-size:12px;text-align:center;
-moz-border-radius-topleft:.4em;
-moz-border-radius-topright:.4em;
-webkit-border-top-left-radius:.4em;
-webkit-border-top-right-radius:.4em;
border-top-left-radius:.4em;
border-top-right-radius:.4em;
}
#pr-label li:hover {color:#00B1ff;background:#fff;}

.label-on {background:#fff !important;color:#000;
text-shadow: 1px 1px 1px #eee;
border-width:1px 1px 0 1px;
border-color:#ddd;
border-style:solid;
-moz-border-radius-topleft:.3em;
-moz-border-radius-topright:.3em;
-webkit-border-top-left-radius:.3em;
-webkit-border-top-right-radius:.3em;
border-top-left-radius:.3em;
border-top-right-radius:.3em;
}

#pr-label a:link,#pr-label a:visited,#pr-label a:active {color:#333;text-decoration:none;text-shadow: 1px 1px 1px #eee;}

#pr-label a:hover {color:#00B1FF;}

.pr-img img,pr-item img {width:109px;height:109px;margin:14px 14px 0px 0px;float:left;border:1px solid #fff;background: url(http://thathobo.com/images/loader.gif) no-repeat 50% 50%;
}

.pr-img img:hover {opacity: 0.85;background:#000;filter:alpha(opacity=80);border:1px solid #bbb;}

img.img-border {border:1px solid #ddd;
-webkit-box-shadow: 1px 1px 3px #ddd;
}


h2.cat-all {font-size:13px;display:block;background:#eee;padding:3px 3px;font-size13px;text-align:center;-moz-border-radius:.3em;border-radius:.3em;-webkit-border-radius:.2em;}
h2.cat-all a:link,h2.cat-all a:visited,h2.cat-all a:active {color:#000;text-decoration:none;}
h2.cat-all:hover {display:block;background:#00B1FF;;padding:3px 3px;text-align:center;-moz-border-radius:.3em;border-radius:.3em;-webkit-border-radius:.2em;color:#fff;}
h2.cat-all a:hover {color:#fff;}


.newarrival {padding-bottom:15px;}

hr.pr-hr {margin:30px auto 250px auto; width:100%;border-style: dotted;height:1px;border-width:1px 0px 0px 0px;color:#111;}



/*_________BLOG INDIVIDUAL___________*/


.bl-article {width:750px;font-size:14px;}
.bl-article-list {width:750px;float:left;}

.bl-sidebar1,.bl-sidebar2 {width:175px;float:left;font-size13px;margin-right:50px;}

.bl-article h2{font-size:34px;margin:0;font-weight:normal;padding-top:25px;}

#bl-postinfo {border-width:1px 0 1px 0;border-style:solid;border-color:#444;
padding:10px 10px 10px 0;
width:650px;
margin-top:20px;
}

.bl-social {float:right;width:300px;text-align:right;}
.bl-date {font-size:18px;width:200px;}

.bl-body {padding:20px 0 30px 0;}
.bl-body img {border:1px solid #ccc;}

.bl-sidebar1 h3,.bl-sidebar2 h3 {font-size:30px;padding-left:5px;font-weight:normal}
.bl-sidebar1 ul,.bl-sidebar2 ul {margin-left:0;padding-left:0;list-style: none;}
.bl-sidebar1 li, .bl-sidebar2 li {margin:0;line-height:110%;padding:15px 0 0 5px;font-size:13px;}

.year {font-size:18px;margin:15px 0;display:block;width:175px;float:left;}
.month {font-size:15px; width:40px;float:left;padding-bottom:5px;}




/*_________new DEALERS___________*/

#webpage h1 {font-family:Arvo,sans-serif;}

#dealers {margin-left:-33px;padding-top:10px;margin-bottom:30px;}
#dwrap {width:310px;padding:0;margin:0 0 0 33px;height:auto;float:left;clear:right;}

.dbox {width:310px;border:none;padding:0;float:left;font-size:11px;margin:0 0 30px 0;}

.dbox td {border-bottom:1px dotted #ddd;padding:10px 0 10px 0;}

td.d0 {font-weight:normal;font-size:13px;padding:7px 0 7px 10px;background:#eee;
border-bottom:none;
color:#000;
text-shadow: 1px 1px 1px #ddd;

-moz-border-radius-topleft:.3em;
-moz-border-radius-topright:.3em;
-webkit-border-top-left-radius:.3em;
-webkit-border-top-right-radius:.3em;
-webkit-border-bottom-left-radius:.3em;
-webkit-border-bottom-right-radius:.3em;
border-top-left-radius:.3em;
border-top-right-radius:.3em;
}
td.d1 {font-size:10px;padding:0 0 0 5px;color:#111;width:40px;font-weight:bold;}
td.d2 {padding-left:5px;width:150px;}
td.d3 {color:#777;font-style: italic;text-align:right;width:70px;}

td.d4 {padding:0 0 3px 0;margin:0;border-width:0 0;}
td.d4 img {margin-bottom:3px;}

td.d5 {font-weight:normal;
font-size:13px;
padding:25px 0 0px 0px;
background:#fff;
color:#000;
border-top:1px dotted #ddd;
border-bottom:none;
text-shadow: 1px 1px 1px #eee;
-moz-border-radius-topleft:.3em;
-moz-border-radius-topright:.3em;
-webkit-border-top-left-radius:.3em;
-webkit-border-top-right-radius:.3em;
border-top-left-radius:.3em;
border-top-right-radius:.3em;
}

td.d6 p{padding:0 0 5px 0;margin:0;}



/*_________PHILOSOPHY INDIVIDUAL___________*/

.slidercontent {position:absolute}
.slidercontent .upper {height:400px;width:1000px;}
.section {}


.ph-next-link {margin:20px 30px 0 0;padding:4px 10px;text-align:center;background:#eee;width:50px;float:right;color:#000;-moz-border-radius:1em;border-radius:1em;-webkit-border-radius:1em;font-size:11px;
text-shadow:1px 1px 1px #ccc;
}
.ph-next-link:hover {background:#00b1ff;}
.cursor {cursor:pointer;color:#000;}

.link {color:#fff;}
.link:hover {color:#fff;background:#00b1ff;}

#ph-bar {padding:0;width:1000px;height:26px;font-size:10px;margin-bottom:5px;font-family:Arvo,sans-serif;letter-spacing:0.1em;}
.ph-title {float:left;font-size:18px;}
.ph-navi {float:right;padding:0 0 5px 0}

#ph-top {height:400px;overflow:hidden;margin-bottom:20px;position:relative;width:1000px;
}
#ph-l {width:600px;float:left;
}

#ph-l img {width:599px;height:399px;
border-top:1px #222 solid;
border-left:1px #222 solid;
}

#ph-l img:hover {opacity: 0.8;}

#ph-r {width:399px;height:399px;float:right;background:#111;font-family:helvetica,sans-serif;
border-top:1px #222 solid;
border-left:1px #000 solid;
}

.ph-text {padding:0px 15px 0 30px;height:330px;display:table-cell;vertical-align:top;margin:0;white-space: normal;font-family:helvetica,sans-serif;line-height:120%;
text-shadow:1px 1px 3px #000;
}
.ph-text h3 {font-weight:normal;font-size:20px;color:#999;margin:30px 0 5px 0;
text-shadow:1px 1px 3px #000;
}
.ph-text h4 {font-weight:normal;font-size:15px;color:#999;margin:0}
.ph-text hr {color:#777; margin:5px auto;}

p.ja {font-size:12px;margin-top:40px;color:#ccc;}
p.en{font-size:12px;margin-top:20px;color:#ccc;}

.ph-item h4 {margin:5px 0 10px 0;font-size:14px;font-weight:normal;}

.ph-item-img {float:left;}
.ph-item-img img{width:60px;height:60px;margin:0 5px 3px 0;border:3px solid #eee;
-moz-border-radius:.3em;border-radius:.3em;-webkit-border-radius:.3em;}
.ph-item-img img:hover {opacity: 0.85;background:#000;filter:alpha(opacity=80);}


/*test

#ph-one {width:1000px;background:#000;height:400px;text-align:center;padding:50px 0 30px 0}

.ph-one {margin:0 auto;width:900px;text-align:left;}

.ph-one h4 {margin:5px 0 20px 0;font-size:24px;font-weight:normal;color:#fff;}

.ph-one-img {float:left;}
.ph-one-img img{width:150px;height:150px;margin:0 20px 0 0;border:3px solid #eee;-moz-border-radius:.3em;border-radius:.3em;-webkit-border-radius:.2em;}
.ph-one-img img:hover {opacity: 0.85;background:#000;filter:alpha(opacity=80);}




#ph-link a {
display:block;
width:390px;
height:80px;
background:url(http://thathobo.com/philosophy/images/004/start.png) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}


#ph-link a:hover {background-position:left bottom;}

*/

.ph-next {font-size:14px;float:left;width:170px;padding:3px 0 3px 0;-moz-border-radius:1em;border-radius:1em;-webkit-border-radius:1em;text-align:center;margin-top:25px;font-family:Arvo,sans-serif;
text-shadow:none;
background:#ddd;
}
.ph-next:hover {
background:#00ccFF;
}
.ph-next a:link,.ph-next a:active,.ph-next a:visited {text-decoration:none;color:#000;}
.ph-next a:hover {color:#fff;}



/*_________PHILOSOPHY TOP___________*/

#ph-backnumber {margin:30px 0 30px 0;background:#fff;}
#ph-backnumber h3 {font-weight:normal;font-size:25px;font-family:Arvo,helvetica,sans-serif;}

#ph-bn-box {margin:0 0 0 -20px;}

#ph-bn {
width:233px;
height:190px;
float:left;
z-index:2;
margin:0 0 20px 20px;
overflow:hidden;
background:#000;
border-top:1px #222 solid;
border-left:1px #222 solid;
}
.ph-bn-title {z-index:1;}

#ph-bn img {width:233px;height:150px;z-index:1;position:absolute;}

#ph-bn img:hover {opacity: 0.7;}

.ph-bn-label {width:233px;height:30px;background:#000;color:#999;top:140px;left:0;position:relative;padding:10px 10px;
z-index:1;font-size:11px;text-align:left;font-family:helvetica,sans-serif;
border-top:1px #222 solid;
}

.ph-bn-label-ja {font-size:10px;}



/*_________PHILOSOPHY TOP___________*/

#pr-cattab {background:#ccc;float:left;color:#222;font-size:12px;
text-transform: uppercase;
margin-top:-10px;
padding:5px 14px 3px 14px;
text-shadow: 1px 1px 1px #ddd;
-moz-border-radius-topleft:.4em;
-moz-border-radius-topright:.4em;
-webkit-border-top-left-radius:.4em;
-webkit-border-top-right-radius:.4em;
border-top-left-radius:.4em;
border-top-right-radius:.4em;
border-color:#bbb;
border-width:1px 1px 0 1px;
border-style:solid;
}



/*_________about___________*/

#about{ background-color:rgba(0,0,0,0.75); width:440px; height:440px; margin:30px auto;
text-align:left;
-moz-border-radius:.3em;border-radius:.3em;-webkit-border-radius:.8em;
color:#fff;padding:50px;line-height:2em;
font-size:12px;
}
.about-hobo {
font-family:Arvo,sans-serif;

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



/*_________ blog_top ___________*/

#dl-box-outer {width:1000px;overflow:hidden;}

#bl-box-list {width:1020px;}
div#bl-box-list:after {
display: block;
clear: both;
content: "";
}


#bl-box {width:230px;height:220px;border:1px solid #ccc;float:left;padding:0 0 10px 0;margin:10px 23px 10px 0;

-moz-border-radius:.2em;
-webkit-border-radius:.2em;
border-radius:.2em;

-webkit-box-shadow: 1px 1px 10px #eee;
box-shadow: 1px 1px 10px #eee;
}

#bl-box-img {height:180px;width:230px;overflow:hidden;border-bottom:1px solid #ccc;}
#bl-box-img img{margin:-15px auto 0 auto;float:left;padding:0;}

#bl-box-title h2{font-size:14px;margin:7px 5px 2px 6px;font-weight: normal;}
#bl-box-info {}
.bl-box-date {font-size:11px;float:left;margin:0 3px 0 6px;color:#777;font-family:Arvo,sans-serif;}
.bl-box-social {float:right;}
.bl-box-social img {width:20px;height:20px;}


.linkbox {}
.hovering {background:#FbFCFF;cursor:pointer;opacity:0.90;}
.hovering a {border-style:none;outline:none;}


/*____________paginate_____________*/

#paginate {padding:20px 0;float:left;width:1000px;font-size:12px;}
#paginate a:link, 
#paginate a:visited, 
#paginate a:active {color:#333;padding:1px 2px;}
#paginate a:hover {background:#00b1ff;padding:1px 2px;text-decoration:none;color:#fff;}

.pagehere {background:#00b1ff;color:fff;}
.pagehere {color:#fff !important;padding:1px 5px;}