@charset "UTF-8";
/* CSS Document */
/* ----------------------------------------------------------------
		general setting 
------------------------------------------------------------------*/
body { margin:0; padding:0; font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "Meiryo", sans-serif; font-size:11px; color: #1d1513; background-color:#ebeeea!important; line-height:160%;}
div{ margin:0; padding:0;}
class{ margin:0; padding:0;}
ul{ margin:0; padding:0;}
li{ margin:0; padding:0;}
h1{ margin:0; padding:0; text-indent:-9999px;}
h2{ margin:0; padding:0; font-size:2.0em;}
h3{ margin:0; padding:0; color:#fff; font-size:1.5em;}
h4 { margin:0; padding:0;}
form { margin:0; padding:0; }
a { color:#1d1513; text-decoration:none;}
a:hover { color:#ffffff; text-decoration: none;}


ul { margin:0; padding:0; list-style:none; }
li { margin:0; padding:0;}
p { font-size:1.0em; line-height:140%; }
.big { font-size:1.1em;font-weight:bold; }
.bold { font-weight:bold;}
.red { color:#c65b5b;}
.blue{ color:#5b8d90;}

.noText{ cursor:pointer;}
/* ----------------------------------------------------------------
		index
------------------------------------------------------------------*/
body#index {width: 100%; background:url(../img/images/img_bg.gif) repeat-x;}
body#index #placeholder{ width:900px;}

header{ display:block; width:100%;}
header#crushheader{width:900px;}
header#crushheader .title a{width:186px; height:120px; margin:10px 0 0 25px; float:left;}
header#crushheader .title h1 a{background:url(../img/images/img_title.gif) no-repeat;}
header#crushheader .title h1 a:hover{
-webkit-transition-property: all;  
-webkit-transition-duration: 0.3s;  
-webkit-transition-timing-function: ease-in-out;
opacity:0.95;	
}
header#crushheader .flashdata{ float:left; margin-left:60px; width:500px;}
header#crushheader .flashdata navi{ padding:0px; width:500px;}
header#crushheader .flashdata navi .box{ float:left; margin:12px 0 0 20px;}
header#crushheader .flashdata navi .left{ margin-left:20px;}
header#crushheader .flashdata navi .box p.recent{ width:102px;height:14px; background:url(../img/images/img_recent.png) no-repeat; text-indent:-9999px; display:block;}
header#crushheader .flashdata navi .box p.category{ width:102px; height:14px; background:url(../img/images/img_category.png) no-repeat; text-indent:-9999px; display:block;}
header#crushheader .flashdata navi .box p.posted{ width:102px; height:14px; background:url(../img/images/img_posted.png) no-repeat; text-indent:-9999px;}
header#crushheader .flashdata navi .box ul{ width:200px;}
header#crushheader .flashdata navi .box ul li{width:200px;}
/*header#crushheader .flashdata navi .box ul li a{ font-size:1.0em; color:#8e824d; padding:5px;}*/
header#crushheader .flashdata navi .box ul li .active, header#crushheader .flashdata navi .box ul li .active2{ border-bottom: 1px dotted #2b1f1c;}
header#crushheader .flashdata navi .box ul li a:hover{ color:#1d1513; border-bottom: 1px dotted #2b1f1c;}

section#rss a{ width:38px; height:22px; position:fixed; right:0; top:0; background:url(../img/images/img_rss.gif) no-repeat; z-index:100; text-indent:-9999px;
-webkit-transition-property: all;  
-webkit-transition-duration: 0.3s;  
-webkit-transition-timing-function: ease-in-out;
opacity:1;
}
section#contact a{ width:56px; height:22px; position:fixed; right:45px; top:0; background:url(../img/images/img_contact.gif) no-repeat; z-index:100; text-indent:-9999px;
-webkit-transition-property: all;  
-webkit-transition-duration: 0.3s;  
-webkit-transition-timing-function: ease-in-out;
opacity:1;
}
section#twitter a{ width:56px; height:22px; position:fixed; right:109px; top:0; background:url(../img/images/img_twitter3.gif) no-repeat; z-index:100; text-indent:-9999px;
-webkit-transition-property: all;  
-webkit-transition-duration: 0.3s;  
-webkit-transition-timing-function: ease-in-out;
opacity:1;
cursor:pointer;
}
section#rss a:hover{ background-position:top left; opacity: 0.9;}
section#contact a:hover{ background-position:top left; opacity: 0.9;}
section#twitter a:hover{ background-position:top left; opacity: 0.9; cursor:pointer;}

#container{ width:1300px; display:block; margin-top:160px;}

section#contents{ width:790px; float:left; margin-left:20px; padding:0;}
/*section#contents navi{ padding:0px;width:200px; float:left; display:block;}
section#contents navi p.recent{ width:102px; height:14px; background:url(../img/images/img_recent.png) no-repeat; text-indent:-9999px;}
section#contents navi p.category{ margin-top:30px; width:102px; height:14px; background:url(../img/images/img_category.png) no-repeat; text-indent:-9999px;}
section#contents navi p.posted{ margin-top:30px; width:102px; height:14px; background:url(../img/images/img_posted.png) no-repeat; text-indent:-9999px;}*/


section#contents article{ width:780px; float:left; display:block; font-size:1.1em;}
section#contents article p{ line-height:140%;}

section#contents article p a{ color:#8e824d;}

section#contents article img, section#contents article img a{ padding:3px; border: 1px dotted #2b1f1c; display:block;}
/*section#contents article img a:hover{ padding:3px; border: 1px dotted #2b1f1c;}*/
section#contents article img a:hover{ 
-webkit-transition-property: all;  
-webkit-transition-duration: 0.3s;  
-webkit-transition-timing-function: ease-in-out;
opacity:0.9;}

section#contents article .dateLeft{ float:left; width:85px; height:18px; margin-left:5px; padding-left:5px; color:#fff; font-size:0.75em; text-align:left; background:url(../img/images/img_date.gif) no-repeat;}
section#contents article .article{ float:left; width:640px; margin-bottom:-30px;}
section#contents article .article .belt{ width:640px; padding:5px 0; font-size:0.9em; border-bottom:1px solid #2b1f1c; font-style:italic;}
section#contents article .article p a:hover{ background:url(../img/images/img_dot2.gif) repeat !important; color:#fff; text-decoration:none;}
section#contents article .article p.tweet{ width:676px; float:right; text-align:right; color:#8d8d8d; font-size:0.7em; height:20px;}
section#contents article .article #aside{ width:640px; height:30px; color:#8d8d8d; font-size:0.9em; display:block;}
section#contents article .article #aside .date{width:300px; float:right; text-align:right;}
section#contents article .article #aside .date a{color:#8e824d; cursor:pointer; padding:2px;}
section#contents article .article #aside .date a:hover{ padding:2px; background:url(../img/images/img_dot2.gif) repeat !important; color:#fff; cursor:pointer!important;}
section#contents article .article p.date a{ color:#8d8d8d;}
section#contents article .article p.date a:hover{color:#9c9c9c; background:none !important; opacity:0.8;-webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out;}
section#contents article .article .pagetop a{ margin-bottom:50px; width:640px; height:16px; background:url(../img/images/img_pageTop.gif) no-repeat; text-indent:-9999px; display:block;}
section#contents article .article .pagetop a:hover{	
-webkit-transition-property: all;  
-webkit-transition-duration: 0.3s;  
-webkit-transition-timing-function: ease-in-out;
opacity:0.9;
}

section#contents article ul.navi{width:688px; margin:0 0 50px 92px; font-size:0.7em;}
section#contents article ul.navi li{ float:left; margin-left:3px;}
section#contents article ul.navi li span.current_page{ padding:1px 6px; display:block; background:url(../img/images/img_dot2.gif) repeat !important; color:#fff;}
section#contents article ul.navi li a{ float:left; padding:0px 5px; display:block; color:#8e824d; border: 1px dotted #2b1f1c;}
section#contents article ul.navi li a:hover{ padding:0px 5px; background:url(../img/images/img_dot2.gif) repeat !important; color:#fff; text-decoration:none;}
section#contents article ul.navi li.arrow { width:25px; height:21px; background:url(../img/images/img_arrow.gif) 0px 4px no-repeat; text-indent:-9999px!important;}
section#contents article p.copy{ margin-left:85px; width:676px; font-size:0.8em; color:#7c7c7c; text-align:center;}


section#contents_right{ width:300px; margin-left:30px; float:left; margin-top:31px;}
section#contents_right aside{ width:300px; display:block; font-size:1.1em;}
section#contents_right aside p{ display:block; }
section#contents_right aside p.current{ width:177px; height:14px; background:url(../img/images/img_current.png) no-repeat; text-indent:-9999px; display:none;}
section#contents_right aside p.topic { width:285px; padding:5px;  height:14px; display:block; background-color:#FFF; display:none;}
section#contents_right aside p.topic a:hover{ color:#8e824d;}

#twitterSearch{ display:none;}
span#search{display:none;}
p#searchLinks{}
p#searchLinks a{color:#8e824d;}
p#searchLinks a:hover{ background:url(../img/images/img_dot2.gif) repeat !important; color:#fff;}

#tweeting{-webkit-transition-property: all;  
-webkit-transition-duration: 0.3s;  
-webkit-transition-timing-function: ease-in-out;
opacity:1;}

.twitStream{}
.twitStream a{}
.tweet{display: block; width:300px; margin-bottom:10px;}
.tweet .tweet-left a{ float: left; border:2px solid #2b1f1c;}
.tweet .tweet-left a:hover{ border:2px solid #2b1f1c; color:#4a3530;}
.tweet .tweet-right{ float:left; width:230px; display:block; margin-left:8px;}
.tweet .tweet-right p.text{margin:0; padding:0; font-size:0.9em;}
.tweet .tweet-right p.text a{margin:0; color:#8e824d;}
.tweet .tweet-right p.text a:hover{margin:0; background:url(../img/images/img_dot2.gif) repeat !important; color:#fff;}
.tweet .tweet-right .time{margin:0; color:#919191; font-style:italic;}

.tweet-right p.title{ margin:0; padding:0; font-weight:bold; border-bottom:1px solid #2b1f1c;}

canvas#theapt {}

section#contents navi ul{}
section#contents navi ul li{ padding:0 0 5px 10px;}
section#contents navi ul li a{ padding:3px 5px 3px 5px; line-height:80%;}
section#contents navi ul li a:hover{ background:url(../img/images/img_dot2.gif) repeat !important;}
section#contents navi ul li a.active{ color:#fff; background:url(../img/images/img_dot2.gif) repeat !important;}


footer#footer{ padding:10px; height:200px; background-color:#1d1513; display:block; clear:both;}
footer#footer h3{ padding:5px; color:#919191; font-size:1.3em;}
footer#footer p{ padding:0 5px; color:#919191;}
footer#footer ul{ padding:0 5px; color:#919191;}
footer#footer ul li a{ color:#919191;}
footer#footer ul li#enableFlashPlayer a{ color:#919191; text-decoration:underline;}
footer#footer ul li.yu{ background:url(../img/images/img_thumb_yu.jpg) no-repeat; padding:0 0 30px 60px;}
footer#footer ul li.steve{ background:url(../img/images/img_thumb_steve.jpg) no-repeat; padding-left:60px;}

#flashcontent { width:800px; height:200px; margin:0px;}

#tweet {font-family:Helvetica, Arial; position:absolute; top:400px; left:260px; width:640px;}
#tweet h1 { display:block;font-family:Helvetica, Arial;font-size:40px;font-weight:bold;color:#fff;margin:0 0 10px 0;padding:0;}
#tweet strong {display:block;font-size:16px;}



/* ----------------------------------------------------------------
		detail page
------------------------------------------------------------------*/
section#contents article .box .date{ width:150px; float:left;}
section#contents article .box .article{ width:532px; float:left;}
section#contents article p.date_detail{ width:676px; text-align:right; color:#8d8d8d; font-size:0.9em; margin-bottom:40px;}

/* ----------------------------------------------------------------
		404 page not found
------------------------------------------------------------------*/
ul#notfound  { margin:0; padding:0; width:310px; height:247px;}
ul#notfound li { width:310px; height:247px; text-indent:-9999px; background-image:url(http://crushmaking.com/blog/img/404.gif); background-repeat:no-repeat;}



/* ----------------------------------------------------------------
		clearFix 
------------------------------------------------------------------*/
.clearFix:after { content:"."; display:block; height: 0; clear:both; visibility:hidden; }
.clearFix:before { content:"."; display:block; height: 0; clear:both; visibility:hidden; }
.clearFix { display:inline-block; }
/* Hides from IE-mac \*/
/*html.clearFix { height: 1%; }
.clearFix {display:block; }
/* End hide from IE-mac */