@charset "utf-8";
/*
Theme Name: vasilicious
Theme URI: http://vasily.jp/
Description: vasilicious
Version: 1.0
Author: VASILY, Inc
Author URI: http://vasily.jp/
Tags: vasily
*/


/* Reset */
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,table,address{margin-bottom:0px;}

img{border:0;}
ul,dl{padding-left:0px;}
dt{font-weight:bold;}
a{text-decoration:none;outline:none;color:#333333;}
a:hover{text-decoration:underline;}
label{cursor:pointer;}
object, embed {outline:none;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:0%;}


* {
margin:0px;
padding:0px;
}

body {
margin:0px;
padding:0px;
/*background-image:url(./images/back.jpg);*/
height:1900px;
background-repeat:repeat-x;
font-size: 87%;
background-color:#deded1;
}


/* Side */
.side {
    width: 320px;
    margin-bottom:10px;
}

/* ad */

.side_ad_hd {
    display:block;
    width: 320px;
    height: 10px;
    font-size:0px;
    margin: 0px;
    padding: 0px;
    background-image:url(./images/side_ad_hd_back.gif);
    background-repeat:no-repeat;
}
.side_ad_md {
    background-color:#ffffff;
    text-align:center;
}
.side_ad_ft {
    display:block;
    width: 320px;
    height: 10px;
    font-size:0px;
    margin: 0px;
    padding: 0px;
    background-image:url(./images/side_ad_ft_back.gif);
    background-repeat:no-repeat;
}

/* navigation */

.side .navigation {
    width: 320px;
    height: 30px;
    margin:0px;
    padding:0px;
}
.side .navigation ul {
    width: 320px;
    height: 30px;
    margin:0px;
    padding:0px;
    list-style-type:none;
    background:url(./images/side_navigation_back.gif) no-repeat;
}

.side .navigation .st01 {
    float: left;
    width: 107px;
    height:30px;
    text-indent:-9999px;
}
.side .navigation .st02 {
    float: left;
    width: 107px;
    height:30px;
    text-indent:-9999px;
}
.side .navigation .st03 {
    float: left;
    width: 106px;
    height:30px;
    text-indent:-9999px;
}

.side .navigation ul li a {
overflow:hidden;
display:block;
width:100%;
height:100%;
}


.side .navigation .st01 a:hover { background:url(./images/side_navigation_back.gif) no-repeat 0 -30px; }
.side .navigation .st02 a:hover { background:url(./images/side_navigation_back.gif) no-repeat -107px -30px; }
.side .navigation .st03 a:hover { background:url(./images/side_navigation_back.gif) no-repeat -214px -30px; }

/* category */

.side .category {
    width: 320px;
    height: 216px;
    margin:0px;
    padding:0px;
}
.side .category ul {
    width: 320px;
    height: 216px;
    margin:0px;
    padding:0px;
    list-style-type:none;
    background:url(./images/side_category_back.gif) no-repeat;
}

.side .category .st01 {
    float: left;
    width: 320px;
    height:30px;
    text-indent:-9999px;
}
.side .category .st02 {
    float: left;
    width: 320px;
    height:30px;
    text-indent:-9999px;
}
.side .category .st03 {
    float: left;
    width: 320px;
    height:30px;
    text-indent:-9999px;
}
.side .category .st04 {
    float: left;
    width: 320px;
    height:30px;
    text-indent:-9999px;
}
.side .category .st05 {
    float: left;
    width: 320px;
    height:30px;
    text-indent:-9999px;
}
.side .category .st06 {
    float: left;
    width: 320px;
    height:30px;
    text-indent:-9999px;
}
.side .category .st07 {
    float: left;
    width: 320px;
    height:40px;
    text-indent:-9999px;
}

.side .category ul li a {
overflow:hidden;
display:block;
width:100%;
height:100%;
}

.side .category .st02 a:hover { background:url(./images/side_category_back.gif) no-repeat -320px -30px; }
.side .category .st03 a:hover { background:url(./images/side_category_back.gif) no-repeat -320px -60px; }
.side .category .st04 a:hover { background:url(./images/side_category_back.gif) no-repeat -320px -90px; }
.side .category .st05 a:hover { background:url(./images/side_category_back.gif) no-repeat -320px -120px; }
.side .category .st06 a:hover { background:url(./images/side_category_back.gif) no-repeat -320px -150px; }
.side .category .st07 a:hover { background:url(./images/side_category_back.gif) no-repeat -320px -180px; }



/* search */
.side .search {
    width:320px;
    height:30px;
    background-color:transparent;
}
.side .search .box {
    float:left;
    width: 248px;
    height:30px;
    background:url(./images/side_search_box_back.gif) no-repeat;
}
.side .search .box input {
    border: 0px;
    width: 230px;
    margin: 7px 0px 5px 10px;
    color:#333333;
}
.side .search .button {
    float:left;
    height:30px;
    margin-left:8px;
}
/* bookmark */
.side .bookmark {
    width:320px;
    height:30px;
    background:url(./images/side_bookmark_back.gif) no-repeat;
}

.side .bookmark ul {
    list-style-type:none;
    margin-left:10px;
    padding: 7px;
}
.side .bookmark ul li {
    margin:0px;
    list-style-type:none;
    display: inline;
    padding-right:10px;
}

/* about */
.side .about {
    width: 320px;
    height: 184px;
    margin:0px;
    padding:0px;
}
.side .about ul {
    width: 320px;
    height: 184px;
    margin:0px;
    padding:0px;
    list-style-type:none;
    background:url(./images/side_about_back.gif) no-repeat;
}

.side .about .st01 {
    float: left;
    width: 320px;
    height:30px;
    text-indent:-9999px;
}
.side .about .st02 {
    float: left;
    width: 320px;
    height:30px;
    text-indent:-9999px;
}
.side .about .st03 {
    float: left;
    width: 320px;
    height:30px;
    text-indent:-9999px;
}
.side .about .st04 {
    float: left;
    width: 320px;
    height:30px;
    text-indent:-9999px;
}
.side .about .st05 {
    float: left;
    width: 320px;
    height:30px;
    text-indent:-9999px;
}
.side .about .st06 {
    float: left;
    width: 320px;
    height:40px;
    text-indent:-9999px;
}


.side .about ul li a {
overflow:hidden;
display:block;
width:100%;
height:100%;
}

.side .about .st02 a:hover { background:url(./images/side_about_back.gif) no-repeat -320px -30px; }
.side .about .st03 a:hover { background:url(./images/side_about_back.gif) no-repeat -320px -60px; }
.side .about .st04 a:hover { background:url(./images/side_about_back.gif) no-repeat -320px -90px; }
.side .about .st05 a:hover { background:url(./images/side_about_back.gif) no-repeat -320px -120px; }
.side .about .st06 a:hover { background:url(./images/side_about_back.gif) no-repeat -320px -150px; }

/* copyrights */

.side .copyrights {
    width:320px;
    height:30px;
    background:url(./images/side_copyrights_back.gif) no-repeat;
}

.side .copyrights address {
    color:#999999;
    text-align:center;
    font-style:normal;
    font-size:12px;
    font-family:Helvetica,Arial;
    padding-top:7px;
}



.logo {
	width: 320px;
	visibility: visible;
	text-align: center;
}
.modContainer {
	position: absolute;
	left: 335px;
	top: -1px;
	margin: 10px 0px 0px 0px;
	font-size: 11px;
	visibility: visible;
}

.modMenu {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	font-size: 11px;
	visibility: visible;
	width: 281px;
	list-style: none;
}
.modFooter {

	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	font-size: 11px;
	visibility: visible;
	width: 281px;
	list-style: none;
	line-height: 16px;
}



.modMenuNav {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	font-size: 11px;
	visibility: visible;
	width: 321px;
	list-style: none;
	color: #333;
}

#container {
	left: 0px;
	top: 0px;
	line-height:16px;
    //margin-left:10px;
    margin: 0px;
    height:1900px;
    background:url(./images/container_back.jpg) no-repeat;
}
#container2 {
    margin-left:10px;
}



.title {
	padding: 10px 0px 13px 10px;
	margin: 0px 0px 0px 0px;
	color: #333;
	text-align: center;
}



#detail {
margin: 0px;
padding: 0px;
}


.post-categories
{
    display:inline;
}