/*
Theme Name: Transparentia
Theme URI: http://templates.arcsin.se/
Version: 1.0
Description:  A lightweight, simple and pleasant design.
Author: Viktor Persson
Author URI: http://arcsin.se/
*/

/* standard elements */
* {
         margin: 0;
	padding: 0;
}
body {
	background: #960018 url('img/bg.jpg') repeat-x;
	color: #444;
	font: 0.9em "Lucida Sans Unicode",sans-serif;
	margin: 0;
         line-height: 140%;
}

/* misc */
.clearer {
	clear: both;
}


/* structure */
.container {
	
	background: #F2F2F2 ;
	margin: 0 auto;
	padding-bottom: 6px;
	width: 900px;
}
.header {
	background: url('img/back-header.jpg') ;height: 195px;
}

/* title */
.title  {background: url(img/title.jpg) no-repeat;
	color: #EF949B;
	display: block;
	font: bold 18px "Lucida Sans Unicode",serif;
	padding:20px 50px 5px 55px;
}


/* navigation */
/* main */
.main {
	clear: both;
	padding: 0px;
}

/* main left */


.sidenav 	{float:left;
         margin: 0px;
	background: #FFF;
	width: 188px;
	}

.sidenav ul {border-top: 1px solid #999;
         margin: 0px;
	padding: 0px;
	}

.sidenav li {display: block;
	background: url('img/bgul.jpg') repeat-x;
        height: 26px;
        border: 1px solid #999;
	border-top: none;
	list-style: none;
         padding-left: 20px;	}
.sidenav ul ul {border-top: none;
         margin: 0px;
	padding: 0px;
	}

.sidenav ul ul li {display: block;
	background: url('img/bgul_genre.jpg') repeat-x;
        height: 26px;
        border: 1px solid #999;
	border-top: none;
	list-style: none;
         padding-left: 20px;	}


.sidenav li a{height: 26px;
         color: #777;
	display: block;
	font-size: 12px;
         line-height: 215%;
         text-decoration: none;
	}

.sidenav li a:hover	{
	color: #111;
	}

/* content */
.content {background: #FFF;
         float: right;
	width: 708px;
border: 1px solid #FFF;
padding-bottom: 15px ;
}
.content .item {
         padding: 5px 0px;
	background: #FFF;
	margin-bottom: 0px;
}
.content .descr {
	color: #333;
	margin-bottom: 6px;
}
.content li {
	
	margin-left: 0px;
}

/* search form */
form {
	padding: 0 0 6px 8px;
}
.styled {
	border: 1px solid #DDD;
	padding: 4px;
}
.button {
	background: url('img/search.gif') no-repeat left bottom;
	border: none;
	height: 27px;
	width: 27px;
}

/* footer */
.footer {
	background: #666;
	border: 1px solid #EEE;
	color: #FFF;
	font-size: 1.1em;
	margin: 0 auto;
	text-align: center;
	padding: 6px;
	width: 880px;
}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

/*post stylng*/
.item{margin:0px 0px;}
.item_main{margin:0 23px;}
.item_main_news{margin:0 35px;}

.item .info{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#505050;
}

.item ul{display:block;
padding:5px 50px;
}
.item ul img{
float:left;
padding-right: 20px;
}
.item ul h1{display:block;
background:#88BCB3;
color: #FFF;
font-weight:  100;
font-size:  16px;
font-family: "ＭＳ ゴシック", "Osaka－等幅";
padding: 5px 0px 5px 10px;
}

.item h2{display:block;
background:#666;
color: #FFF;
font-size:  16px;
font-weight:  100;
font-family: "ＭＳ ゴシック", "Osaka－等幅";
padding: 5px 0px 5px 10px;
}
.item h4{
font-size:  13px;
font-weight:  700;
font-family: "ＭＳ ゴシック", "Osaka－等幅";
padding: 0px 0px 10px 0px;
}


/*pickup box*/
.item_main .pbox{
        background: url('http://jos.ne.jp/bunkajin/wp-content/uploads/image/pbox_bgr.jpg') repeat-x;
	border: 1px solid #939793;
	padding: 10px;
}
.item_main .pbox a {
	color: #666;
	text-decoration: none;
}

.item_main .pbox a strong{
	color: #333;
	text-decoration: none;
}
.item_main .pbox a:hover {
	color: #333;
         text-decoration:underline;
}
.item_main .pbox img {
	float: left;
        padding: 0px 10px 0px 0px;
}

.topname {
	margin-top: 5px;
}
.box1 {
	background-color:#E7E6E4;
        padding: 15px;
}

/*news*/
.news{float:left;
padding: 10px;}
.content .item .p1{float:right;
padding: 0px 0px 10px 10px;}
.content .item .p2{float:left;
padding: 0px 10px 10px 0px;}

/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #fafafa;
width: 280px;
}

#commentform textarea {
background: #fafafa;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #fafafa;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #fafafa;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #fafafa;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #fafafa;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #fafafa;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}

a img{
border:none;
}
ul#menu li img{
margin: 0;
	padding: 0;
}
ul#menu {
	position: relative;
	display: inline-block;
	list-style: none;
	font-size: 14px;
	line-height: 25px;
	height: 65px;
	width: 708px;
	color: #000000;
	background: #FFF;
	margin: 0;
	padding: 0;
}
ul#menu li {
	position: relative;
	display: inline-block;
list-style: none;
	font-size: 14px;
	line-height: 25px;
	white-space: nowrap;
	float: left;
	color: #000000;
	background: #ffffff;
	border: none;
	margin: 0;
	padding: 0;
}
ul#menu a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	line-height: 25px;
	color: #000000;
	background: #ffffff;
	margin: 0;
	padding: 0px;
}
ul#menu a:visited {
	color: #000000;
	background: #ffffff;
}

ul#menu ul {
	position: relative;
	display: none;
	list-style: none;
	height: 25px;
	color: #000000;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
}


ul#menu > li li {
	clear: left;
	border-bottom: #000000 2px solid;
	border-top: none;
width: 150px;
}
ul#menu > li li a {
	background: #FFFFFF;
	padding: 0px 10px;
}

ul#menu li:hover > a {
	color: #FFFFFF;
	background: #000000;
}
ul#menu li:hover > ul {
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 5px;
}
ul#menu li:hover > ul ul{
	background: #FFFFFF;
}
ul#menu li a:hover {
	color: #ffffff;
	background: #666;
}
ul#menu li li:hover ul {
	top: 0px;
	left: 100%;
}

#Copy_jyukuR {
	float:right; 
	width:420px;
	display:inline;
	font-size:11px;
	line-height:160%;
}
#Copy_jyukuR .tt{
	font-size:17px;
font-weight: bold;
line-height:140%;
}
#Copy_jyukuL {
	float:left; 
	width:150px;
	display:inline;
}
#Copy_workR {
	float:right; 
	width:300px;
	display:inline;
	font-size:11px;
	line-height:170%;
}
#Copy_workR .tt{
	font-size:17px;
font-weight: bold;
line-height:140%;
}
#Copy_workL {
	float:left; 
	width:320px;
	display:inline;
}
#produce_workR {
	float:right; 
	width:380px;
	display:inline;
	font-size:11px;
	line-height:160%;
}
#produce_workR .tt{
	font-size:17px;
font-weight: bold;
line-height:140%;
}
#produce_workL {
	float:left; 
	width:240px;
	display:inline;
}



/**************************************


							Float Clear


**************************************/


.clearfix:after {
  content: ".";  
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}