/*
Theme Name: hyakkado.com
Theme URI: http://hyakkado.com
Description: CMS for hyakkado.com
Author: hyakkado.com
*/

body{background:#ffffff; margin-left:44px; margin-top:10px;}
body{font-family:"Century Gothic","Futura","Gill Sans","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","新ゴ L","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
/* body{text-align:center;vertical-align:bottom;} */
body{text-align:center;}

#footer { width:100% ; clear:both ; }
.clearfix:after { content: ""; display: block; clear: both; }
#searchbox { text-align:right; }
.npEntry { text-align:center;font-size:12px;margin:20px 0; }
.submitButton { background:url(./img/gold_button_h22.jpg); width:48px; height:22px; border:none; }
input.search { height:1.3em; }
h2.result { padding-left:10px; padding-top:10px; font-weight:normal; }
#leftCol{ float:left; width:242px; background-color: #ddcba4; height:100%; }
#cmsContents { float:left; width :657px;min-height:1700px; _height:2000px;background-image: url(./img/bg_001.png); background-repeat:repeat-x; background-color:#EFE0C1;border-left: 1px #FFFFFF solid; }
#cmsbody{ width:900px; height:100%; margin:0px; padding:0em; clear:both; background-color: #ddcba4; }

/*_______________________________________leftCol */
#blog_image { margin:0; padding:0; vertical-align: bottom; border-bottom: 1px #FFFFFF solid; border-left: 1px #FFFFFF solid; }
.box { margin-left:1px; background-image:url(./img/goldplat240.jpg); background-repeat:no-repeat; 
	background-position: 0px 0; margin-top: 0px; margin-bottom: 0px; width: 240px; }
.lastBox {height: auto;}
.subTitle { font-size:18px; padding-left: 10px; height: 30px; padding-top: 4px; font-family:"Century Gothic","Futura","Gill Sans","Helvetica","Hiragino Kaku Gothic Pro","ｿｷ･ｴ L","Osaka","｣ﾍ｣ﾓ ｣ﾐ･ｴ･ｷ･ﾃ･ｯ","MS PGothic",sans-serif;}
.innerBox { padding:10px 10px 20px 10px; }
.boxText1 { font-size:14px; margin-bottom: 5px; }
.boxText2 { line-height:1.6em; font-size: 10.5px; margin-bottom: 5px; }
.boxText1 a { color : #996600; }
.boxText2 a { color : #996600; }
.boxText1 a:hover { color : #996600; }
.boxText2 a:hover { color : #CCCC00; }
.boxText1 a, .boxText2 a { color:#996600 !important; }
.boxText1 a:hover { color:#CCCC00 !important; }
.boxText2 a:hover { color:#CCCC00 !important; }

a#profileDetail { font-size:12px;color:#996600; }
.sideBarList{ margin:0; padding:0; list-style:none; font-size:14px; line-height:1.8em; }
.sideBarList li ul.children { margin-left:5px; padding-left:5px;}
.sideBarList li ul.children li { list-style:none;background-image:url('img/listDot.jpg');background-repeat:no-repeat; background-position:0 12px; }
.sideBarList li ul.children li a { padding-left:10px;}

.links { font-size: 12px; }
#disclaimer { padding:10px 5px; font-size:9px; line-height:16px; margin:30px auto;
	width:180px; position:relative;bottom:0px; border:1px #cc9933 solid; }
ul.sideBarList a{ color:#996600; }
ul.sideBarList a:hover{ color:#CCCC00; }

/*_________________________________________post content */
.post { width:600px;_overflow:hidden;padding-left:20px; padding-right:20px; padding-top: 15px; margin-bottom:35px; }
.postTitle{ color:#999900; margin-bottom: 10px; font-size:16px; font-family:"Century Gothic","Futura","Gill Sans","Helvetica","Hiragino Kaku Gothic Pro","ｿｷ･ｴ L","Osaka","｣ﾍ｣ﾓ ｣ﾐ･ｴ･ｷ･ﾃ･ｯ","MS PGothic",sans-serif;}
.postTitle h2 a {color:#999900;}

.postContent{ line-height:20px; font-size: 12px !important; margin-bottom: 10px; }
.postContent img { border:3px #CC9933 solid; margin-right:13px; }
.postContent p { font-size:12px; }
.postMeta { font-size:10px; color:#996600;}
.postMeta a { font-size:10px; color:#996600;}
.postMeta a:hover { font-size:10px; color:#CCCC00;}
img {border:none;}
h3 { font-size:10px;}
#borderLine { margin-top:20px;margin-bottom:20px;height:1px;width:600px;background:url('./img/hyakka_line_loop.gif') repeat-x;}
#borderLine em {font-size: 8px;color: #FFFFFF;display: none;}
ul.commentlist { margin:0;padding:0;list-style:none;}
.commenterMetaData { font-size:10px; font-weight:normal;color:#996600;font-family:inherit;}
.commenterMetaData em { font-size:10px; }

span.commentItems { font-size:10px; }
ul.commentlist li { margin-bottom:25px; }
strong#previewd-comment-header { color:red; }
.commentlist li em { font-size:13px; font-weight:normal; }

#base{width:900px;_width:955px; margin:auto;text-align:left;}
#header{width:900px; background-color:#FFFFFF;height:108px;}
#header #logo{margin:0em;float:left;}
#header #logo h1{width:79px;height:96px;margin-bottom:4px;_margin-bottom:16px;background:url(./img/logo.gif) no-repeat;display:block;text-indent:-100000px;font-size:1px;text-decoration:none;clear:both;}
#header #logo h1 a{width:79px;height:96px;margin-bottom:4px;_margin-bottom:0px;background:url(./img/logo.gif) no-repeat;display:block;text-indent:-100000px;font-size:1px;text-decoration:none;clear:both;}
#header #menu{margin:0em;margin-top:10px;_margin-top:10px;padding:0em;float:right;}

#header #menu a.news{width:43px;height:15px;margin-left:2em;background:url(./img/menu_news.gif) no-repeat;display:block;text-indent:-100000px;font-size:80%;text-decoration:none;float:left;}
#header #menu a.shop{width:43px;height:15px;margin-left:2em;background:url(./img/menu_shop.gif) no-repeat;display:block;text-indent:-100000px;font-size:80%;text-decoration:none;float:left;}
#header #menu a.collection{width:101px;height:15px;margin-left:2em;background:url(./img/menu_collection.gif) no-repeat;display:block;text-indent:-100000px;font-size:80%;text-decoration:none;float:left;}
#header #menu span.blog{width:44px;height:15px;margin-left:2em;background:url(./img/menu_blog.gif) no-repeat;display:block;text-indent:-100000px;font-size:80%;text-decoration:none;float:left;}
#header #menu a.blog{width:44px;height:15px;margin-left:2em;background:url(./img/menu_blog.gif) no-repeat;display:block;text-indent:-100000px;font-size:80%;text-decoration:none;float:left;}

#header #menu span.diary {width:48px;height:15px;margin-left:2em;background:url(./img/menu_diary.gif) no-repeat;display:block;text-indent:-100000px;font-size:80%;text-decoration:none;float:left;}
#header #menu a.diary {width:48px;height:15px;margin-left:2em;background:url(./img/menu_diary.gif) no-repeat;display:block;text-indent:-100000px;font-size:80%;text-decoration:none;float:left;}

#header #menu a.contact{width:76px;height:15px;margin-left:2em;background:url(./img/menu_contact.gif) no-repeat;display:block;text-indent:-100000px;font-size:80%;text-decoration:none;float:left;}

#header #menu a.news:hover{background:url(./img/menu_over_news.gif) no-repeat;}
#header #menu a.shop:hover{background:url(./img/menu_over_shop.gif) no-repeat;}
#header #menu a.collection:hover{background:url(./img/menu_over_collection.gif) no-repeat;}
#header #menu a.blog:hover{background:url(./img/menu_over_blog.gif) no-repeat;}
#header #menu a.diary:hover{background:url(./img/menu_over_diary.gif) no-repeat;}
#header #menu a.contact:hover{background:url(./img/menu_over_contact.gif) no-repeat;}


#flash{width:780px;height:240px;padding-top:120px;margin-left:60px;clear:both;}
#flashplugin_left{padding-top:160px;_padding-top:150px;width:520px;text-align:right;vertical-align:bottom;margin-right:20px;_margin-right:10px;float:left;}
*:first-child+html #flashplugin_left {padding-top:150px;}
#flashplugin_right{width:240px;float:left;}

#footer{margin-top:12px;}
#footer a.contact{width:68px;height:13px;margin-left:1em;background:url(./img/footer_contact.gif) no-repeat;display:block;text-indent:-100000px;font-size:80%;text-decoration:none;float:right;}
#footer a.privacy{width:111px;height:13px;margin-left:1em;background:url(./img/footer_privacy.gif) no-repeat;display:block;text-indent:-100000px;font-size:80%;text-decoration:none;float:right;}
#footer a.riyou{width:56px;height:13px;margin-left:1em;background:url(./img/footer_riyou.gif) no-repeat;display:block;text-indent:-100000px;font-size:80%;text-decoration:none;float:right;}
#footer a.product{width:70px;height:13px;margin-left:1em;background:url(./img/footer_product.gif) no-repeat;display:block;text-indent:-100000px;font-size:80%;text-decoration:none;float:right;}
#footer a.copy{width:164px;height:13px;margin-left:1em;background:url(./img/copyright.gif) no-repeat;display:block;text-indent:-100000px;font-size:80%;text-decoration:none;float:right;}

#footer a.contact:hover{background:url(./img/footer_over_contact.gif) no-repeat;}
#footer a.privacy:hover{;background:url(./img/footer_over_privacy.gif) no-repeat;}
#footer a.riyou:hover{;background:url(./img/footer_over_riyou.gif) no-repeat;}
#footer a.product:hover{;background:url(./img/footer_over_product.gif) no-repeat;}
#footer a.copy:hover{;background:url(./img/copyright_over.gif) no-repeat;}

a{color:#CC9900;text-decoration:none;}
a:visited{color:#CC9900;}
a:hover{color:#CCCC66;}
a:active{color:#CCCC66;}
span.active{color:#CCCC66;}

h2{margin:0px;margin-bottom:22px;}
p{font-size:11px;_font-size:9px;line-height:20px;text-justify:auto;}
*:first-child+html p {font-size:9px;}
span.ja{font-size:11px;_font-size:9px;}
*:first-child+html span.ja {font-size:9px;}
strong{font-size:11px;_font-size:10px;}
*:first-child+html strong {font-size:10px;}

form{font-size:12px;}
form{margin:0px;padding:0px;}

#header #logo h1 {margin-left:1px;} /* wff2 */

.search{margin-bottom:10px;}

/* only safari ¥*/
html:¥66irst-child body{ margin-left:44px;}
html:¥66irst-child #header{height:100px;}
html:¥66irst-child #header #logo h1 {margin-left:1px;}
html:¥66irst-child #header #menu{margin-right:1px;}
html:¥66irst-child .submitButton { margin-top:20px; width:48px; height:22px; border:none; }
html:¥66irst-child #cmsContents {background-image: url(./img/bg_safari.jpg);}
/* end */