/* Base Theme ============================================================= */

/* Reset ------------------------------------------------------------------ */

/*
    reset.css - resets default browser styling
    http://tantek.com/log/2004/09.html#d06t2354
    http://www.vox.com/.shared/css/base.css by beausmith.com
    http://developer.yahoo.com/yui/reset/
*/

:link,:visited {
    text-decoration: none;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}
table {
    border-spacing: 0;
}
fieldset,img,abbr,acronym {
    border: 0;
} 
/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    /* font-style: normal; */
    /* font-weight: normal; */
}

ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
q:before,q:after {
    content: '';
}
a {
    text-decoration: underline;
    outline: none;
}
hr {
    border: 0;
    height: 1px;
    background-color: #000;
    color: #000;
}
img {
}
address {
    font-style: normal;
    display: inline;
}


/* Utilities ----------------------------------------------------------------- */

.pkg:after, #content-inner:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.pkg, #content-inner { display: block; }
/* no ie mac \*/
* html .pkg, * html #content-inner { height: 1%; }
.pkg, #content-inner { display: block; }
/* */

.inline { display: inline; }
.hidden { display: none; }

/* Content */

a {
    color: #000;
}
a:link, a:visited {
    text-decoration: underline;
}
a:hover {
	background:none;
    color: #999999;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, ul, ol, dl {
}
h1 {
	font-size:14px;
}
h2 {
	font-size:11px;
}

blockquote, ol{
    margin-left: 30px;
}

ol { list-style: decimal outside; }
ul { list-style: none; }
li { list-style: none; }
.item { list-style: none; }


/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 2.0;
    font-size: 11px;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}


/* layout */

body {
	background: #fff;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}


#header-inner, #content-inner, #footer-inner {
padding:0;
}

#container {
	width: 100%;
	padding:0;
	font-size:11px;
	font-family: "Times New Roman", Times, serif, "平成明朝";
	letter-spacing: 0.2em;
}
#container-inner {
    width: 640px;
	display:block;
    margin: 0 auto;
    text-align: left;
	padding-top:40px;
    line-height: 1.8;
}
#header {
	position:fixed;
	top:40px;
	left:15%;
}
#header-name {
    padding: 0;
}
#header-name a {
    text-decoration: none;
}
#header-name a:hover {
}
#header-description {
position: absolute;
top:0;
font-size:9px;
width:600px;
}
#content {
    line-height: 1.8;
}

#content-inner {
	min-height:480px;
}



/*  pagination */

.date-header {
    float: left;
    padding: 0;
    border-right: 1px solid #eee;
    color: #999;
}
.content-nav {
    margin: 20px 80px;
    color: #999;
	clear:both;
}
.content-nav a {
    text-decoration: none;
}
.pager-bottom {
    margin-top: 20px;
    position: relative;
}


/* entry, page */

.asset {
    margin: 0;
    padding: 0;
    font-family: arial;
    color: #333;
    background: #fff; 
	letter-spacing: 0.2em;
}
.asset .asset-header a:hover {
}
.asset .asset-header #page-title {
}
.entry-asset {
	width:600px;
	height: auto;
	margin:0 auto;
}

.asset-content {
	width:600px;
	padding:40px 0 0 0;
	margin:0 auto;
}
.asset .asset-content,
.asset .asset-content p,
.asset .asset-content h1,
.asset .asset-content h2,
.asset .asset-content h3,
.asset .asset-content h4,
.asset .asset-content h5,
.asset .asset-content h6,
.asset .asset-content ul,
.asset .asset-content ol,
.asset .asset-content embed {
    margin-bottom: 10px;
}
.asset .asset-content h1,
.asset .asset-content h2,
.asset .asset-content h3,
.asset .asset-content h4,
.asset .asset-content h5,
.asset .asset-content h6 {
    font-weight: bold;
    font-family: arial;
}
.asset .archive-header {
    padding: 10px;
}
.asset .asset-content pre {
    margin: 0 20px;
    font-family: monaco, courier;
    font-size: 11px;
}
.asset .asset-content ul {
    margin-left: 0;
    list-style: disc outside none;
}
.asset .asset-content ol {
    margin-left: 0;
    list-style: decimal outside none;
}
.asset .asset-content blockquote {
    color: #666;
    font-family: arial;
    margin: 20px 0;
    padding: 20px 0;
    border-top: 1px dotted #666;
    border-bottom: 1px dotted #666;
}
.asset .asset-content small {
    color: #999;
    font-style: italic;
}
.asset .asset-content .asset-body img {
width:600px;
height:auto;
}
.asset .asset-footer {
width:600px;
	padding:0 ;
	margin:0 auto;
}
.asset .asset-footer a {
    color: #666666;
}

/* archives */

.archive {
    margin: 0 60px;
    font-size: 12px;
}
.archive ul li {
    margin-bottom: 15px;
    margin: 0 10px;
}


/* content-header */

.content-header,
.archive-title,
.search-results-header {
	width:600px;
    margin: 0 auto;
    font-family: georgia;
    font-size: 12px;
}

.page-asset .content-header,
#comment-preview-content .content-header,
#comment-respons-content .content-header {
    margin: 0 0 15px;
}


/* Search */

.search-results-container.no-search-result, 
.search-results-container.no-search { 
    margin: 0 190px 15px;
}


/* widget */

.widget {
    margin: 0;
    padding: 0;
    border-top: 1px dotted #ddd;
}
.widget-header {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 5px;
}
.widget-header a {
    color: #333;
    text-decoration: none;
}
.widget ul li {
}

.widget-tag-cloud .rank-1  { font-size: 1.4em; }
.widget-tag-cloud .rank-2  { font-size: 1.3em; }
.widget-tag-cloud .rank-3  { font-size: 1.2em; }
.widget-tag-cloud .rank-4  { font-size: 1.1em; }
.widget-tag-cloud .rank-5  { font-size: 1.05em; }
.widget-tag-cloud .rank-6  { font-size: 1.04em; }
.widget-tag-cloud .rank-7  { font-size: 1.03em; }
.widget-tag-cloud .rank-8  { font-size: 1em; }
.widget-tag-cloud .rank-9  { font-size: 0.95em; }
.widget-tag-cloud .rank-10 { font-size: 0.9em; }

.widget-recent-assets .item {
}

.widget-recent-assets .item img {
    border: 1px solid #ccc;
}


#totop {
	clear:both;
	height:48px;
	width:640px;
	background: url(../img/boder.jpg) no-repeat bottom;
	padding:0;
	margin:0;
}


/* footer */

#footer {
	width:980px;
	height:60px;
    margin:0 ;
    padding: 40px 0 ;
    clear: left;
    background: #fff;
    font-size: 0.8em;
}
#footer ul.footer-list {
    float: right;
    margin-right: 4px;
	width:420px;
font-size:10px;
}
#footer a {
    color: #000;
}
#footer a:hover {
    color: #666;
}


#footer-inner #nav {
width:520px;
float:left;
}
#footer-inner #nav li {
    float: left;
    margin-left: 3px;
    font-size: 1.2em;
}
#footer-inner #nav li a {
    background: #fff;
    display: block;
    color: #000;
    text-decoration: none;
}
#footer-inner #nav li a:hover {
    color: #666;
}

/* utilities */

.hidden {
    display: none;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.widget ul:after, .pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.widget ul, .pkg { display: inline-block; }
/* no ie mac \*/
* html .widget ul, * html .pkg { height: 1%; }
.widget ul, .pkg { display: block; }
/* */


.count {
	padding-left:60px;
}



/*ドロップダウン */
#header-content #nav-wk {
 width: 200px;
 margin-top: 40px;
 padding: 0;
}
#header-content #nav:after {
  content: ""; 
  display: block; 
  clear: both;
}

#nav-wk ul {
        list-style-type: none;
}

#nav-wk ul.cc-nav-level-0 {
        width: 100%;
        *zoom: 1; /*forIE6,7*/
        margin: 0;
        padding: 0;
}
#nav-wk ul.cc-nav-level-0:after {
        content: "";
        display: block;
        clear: both;
}
#nav-wk ul.cc-nav-level-0 li {
        float: left;
        *zoom: 1; /*forIE6,7*/
        white-space: nowrap;
}
#nav-wk ul.cc-nav-level-0 li ul {
        visibility: hidden;
        position: absolute;
        margin: 0;
        padding:0;
        z-index: 1 !important;
}
#nav-wk ul.cc-nav-level-0 li:hover > ul {
        visibility: visible;
}
#nav-wk ul.cc-nav-level-0 li ul li {
        width: auto !important;
        clear: left;
        position: relative;
		left:50px;
		top:-18px;
		padding:0 10px;
}
#nav-wk ul.cc-nav-level-0 li ul li ul {
        top: 0;
        left: 100%;
}
#nav-wk ul.cc-nav-level-0 li a {
        display: block;
        color: #fff;
}
* html #nav-wk ul.cc-nav-level-0 li a { /*forIE6*/
        zoom: 1;
}
#nav-wk ul.cc-nav-level-0 li a:hover {
}
#nav-wk ul.cc-nav-level-0 li a.cc-nav-current,#nav ul.cc-nav-level-0 li.cc-nav-parent a {
}
#nav-wk ul.cc-nav-level-0 li ul li a {
        text-align: left;
}

#nav-wk ul li ul li:after img{
	    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

#nav-wk ul li ul li:hover img{
	    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


#nav-wk ul li ul {
	margin:5px 0 0 5px;
}

@media screen and (max-width:375px){
h1 {
font-size:21px;
}
h2{
font-size:18px;
font-weight:normal;
padding-bottom:20px;
}

#container {
width:100%;
    font-size: 14px;
	padding:10px;
	margin:10px;
}

#content {
padding:0;
margin:0;
width:100%;
}

#content-inner {
font-size:14px;
margin:0;
padding:0;
}

#header-description {
position: absolute;
top:0;
left:60px;
font-size:9px;
width:100%;
}
.asset-header {
height:60px;
}
.page-asset {
padding-top:20px;
margin:0;
padding:0;
width:100%;
}



.mnavi {
    width: 100%;
    overflow: hidden;
}
.mnavi a {
    color: #fff;
    line-height: 4px;
}



#asset-works {
height: auto;
background-image:url(../img/works.jpg) ;
}
.asset .asset-content .asset-body img {
width:100%;
}
.asset .asset-footer {
width:100%;
}

.entry-asset {
width:100%;
	height: auto;
	margin:0;
}

.asset-content {
width:100%;
	padding:40px 0 0 0;
	margin:0 ;
}
#footer {
	width: 100%;
    margin: 0 ;
    padding: 10px 0 ;
    clear: both;
    background: #fff;
    font-size: 14px;
}
#footer ul li {
list-style:none;
    float: none;
    margin: 0 ;
    padding: 0 ;
}
#footer ul.footer-list {
}

#footer ul.footer-list {
    float: none;
    margin-right: 4px;
	width: 100%;
font-size:14px;
}
#footer a {
    color: #000;
}
#footer a:hover {
    color: #666;
}


#footer-inner {
	margin:0;
	width:100%;
}
#footer-inner #nav {
	display: none;
}
#footer-inner #nav li {
    float: none;
    margin-left: 3px;
    font-size: 14px;
}
#footer-inner #nav li a {
    background: #fff;
    display: block;
    color: #000;
    text-decoration: none;
}
#footer-inner #nav li a:hover {
    color: #666;
}
#header-content #nav {
 margin-top: 60px;
}

}