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


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:#666;}
.white {background:#fff;color:#111;}
.white a:link; .white a:active, .white a:visited {color:#333;text-decoration:none;}
.black {background:#111;color:#fff;}
.round {border:20px solid #333;-moz-border-radius:.5em;border-radius:.5em;-webkit-border-radius:.4em;}

#block1 {margin:0 auto;background:#222;z-index:100;position:relative;}
#block2 {margin:0 auto;width:100%;float:left;padding-bottom:20px;}
#block3 {margin:0 auto;width:100%;float:left;padding-bottom:30px;padding-top:10px;}

#header {width:1000px;height:80px;padding-top:60px;margin:0 auto;}
#header a{color:#fff;}
#footer {font-size:10px;text-align:right;}


.h-l {width:200px;float:left;border:0px solid #eee;}
.h-r {width:800px;float:right;border:0px solid #eee;text-align:right;;}
.h-r img {margin:35px 0 0 20px}

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

}

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



/*_________PRODUCTS Individual___________*/


#pr-top {width:1000px;z-index:2;position:relative;}
.pr-name {font-size:16px;}

#pr-left {width:350px;float:left;}
.pr-id {font-size:48px;margin-top:10px;}
.pr-info {font-size:10px;margin:50px 0;padding-right:30px;}

.pr-size {margin-bottom:5px;padding-left:18px;background:url(http://thatvendor.sakura.ne.jp/thathobo.com/images/size.png);background-repeat:no-repeat;background-position:0% 5%;}
.pr-color {margin-bottom:5px;padding-left:18px;background:url(http://thatvendor.sakura.ne.jp/thathobo.com/images/color.png);background-repeat:no-repeat;background-position:0% 5%;}
.pr-material {margin-bottom:5px;padding-left:18px;background:url(http://thatvendor.sakura.ne.jp/thathobo.com/images/material.png);background-repeat:no-repeat;background-position:0% 5%;}
.pr-madein {margin-bottom:5px;padding-left:18px;background:url(http://thatvendor.sakura.ne.jp/thathobo.com/images/madein.png);background-repeat:no-repeat;background-position:0% 5%;}
.pr-price {margin-bottom:5px;padding-left:18px;background:url(http://thatvendor.sakura.ne.jp/thathobo.com/images/price.png);background-repeat:no-repeat;background-position:0% 5%;}

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

#pr-app {margin-top:60px;float:left;font-size:11px;width:360px;text-transform: capitalize;}

.pr-next {float:left;margin-right:5px;display:block;background:#eee;width:160px;padding:3px 0 3px 0;-moz-border-radius:.3em;border-radius:.3em;-webkit-border-radius:.3em;text-align:center;}
.pr-next:hover {background:#00B1FF;}
.pr-next a:link,.pr-next a:active,.pr-next a:visited {text-decoration:none;color:#555;}
.pr-next a:hover {color:#fff;}

#pr-right {width:650px;float:right;position:relative;top:-107px;z-index:1;height:650px}
.pr-image img {-moz-border-radius:.3em;border-radius:.3em;-webkit-border-radius:.10em;}
* html #pr-right {position:absolute;top:120px;}



/*_________PRODUCTS Category___________*/



#pr-category {padding-left:0px;overflow:hidden;margin-bottom:20px;position:relative;}
#pr-category h1 {text-decoration:none;font-weight:normal;font-size:28px;margin:0;text-align:left;}
.cat-label {color:#00B1FF}

.pr-cat-name {width:120px;float:left;text-align:right;padding:20px;background:#222;height:360px;}

#pr-box {overflow:hidden;height:375px;position:relative;margin-top:10px;background:#222;}

.pr-cat-list {width:800px;float:right;position:absolute;left:150px;}
.pr-cat-list .upper {}

.pr-cat-name h2 {text-decoration:none;font-size:16px;font-weight:normal;margin:0;padding:0 0 4px 0;}

.pr-image {padding:5px 0 0 10px;}
.pr-image img {width:800px;vertical-align:bottom;-moz-border-radius:.3em;border-radius:.3em;-webkit-border-radius:.2em;}

.pr-cat-list-img {padding-left:0px;padding:5px 0 0 40px ;}
.pr-cat-list-img img,pr-item img {width:85px;height:85px;margin:0 3px 3px 0;border:1px solid #eee;-moz-border-radius:.3em;border-radius:.3em;-webkit-border-radius:.2em;}

.pr-cat-list-img img:hover {opacity: 0.85;background:#000;filter:alpha(opacity=80);}
.pr-list-box {margin-bottom:360px;}

.cat-link {cursor:pointer; color:#fff}
.cat-link:hover {color:#00B1FF;}

h2.cat-all {display:block;background:#eee;padding:3px 3px;font-size:11px;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;}
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:500px;font-size:12px;}
.bl-article-list {width:500px;float:left;}

.bl-sidebar1,.bl-sidebar2 {width:155px;float:left;font-size:11px;}

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

.bl-date {font-size:14px;margin-top:15px;}
.bl-body {padding:20px 0 30px 0;}
.bl-body img {border:1px solid #333;}

.bl-sidebar1 h3,.bl-sidebar2 h3 {font-size:28px;padding-left:10px;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:0px 0 15px 15px;font-size:12px;}



/*_________DEALERS___________*/

.dealersbox {width:250px;min-height:200px;height:220px;float:left;margin:0 0px 10px 0;font-size:11px;background:#fff}
.dealersbox ul {margin:0;padding:0 5px 0 0;list-style:none;}
.dealersbox li {margin:0;padding:0 0 4px 0;list-style:none;width:200px;display:block;}
.dealersbox h3 {font-size:13px;}

span.tel {font-size:9px; padding-left:5px;float:right;color:#777;font-style: italic}

.dealersbox a {text-decoration:none;}
.dealersbox a:hover {text-decoration:underline;}



/*_________PHILOSOPHY INDIVIDUAL___________*/

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


#ph-top {height:400px;overflow:hidden;margin-bottom:20px;position:relative;}
.link {cursor:pointer; color:#00B1FF;}
.link:hover {color:#fff}
#ph-l {width:600px;float:left;}
#ph-l img {width:600px;height:400px;
background:url(http://thatvendor.sakura.ne.jp/thathobo.com/philosophy/images/ph-back.jpg) no-repeat;
}

#ph-r {width:360px;height:400px;float:right;background:#000;}


.ph-next-link {display:block;margin-top:30px;padding:0 30px;text-align:right;}

#ph-bar {padding:0;width:1000px;height:26px;font-size:10px;}
.ph-title {float:left;padding-left:10px;font-size:12px;}
.ph-navi {float:right;padding-right:5px;color:#222;font-size:11px;}

.ph-text {padding:0 30px;height:330px;font-size:12px;color:#ccc;display:table-cell;vertical-align:top;margin:0;font-weight:normal;}
.ph-text h3 {font-weight:normal;font-size:18px;color:#fff;margin:25px 0 30px 0;}
.ph-text hr {color:#999; margin:25px auto;}

.ph-item h3 {margin:10px auto;font-size:16px;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:.2em;}
.ph-item-img img:hover {opacity: 0.85;background:#000;filter:alpha(opacity=80);}


#ph-link a {
display:block;
width:360px;
height:80px;
background:url(http://thathobo.com/philosophy/images/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;}