@charset "utf-8";
/*
Theme Name: jyaren
Theme URI: http://www.studio-jyaren.jp/
Description: 「STUDIO邪恋」オフィシャルサイト用
Author: jyaren
Author URI: http://www.studio-jyaren.jp/
Version: 1.0
*/

@import "reset.css";

html,body{
	height: 100%;
	}

* html .iepngfix {
behavior:  expression(IEPNGFIX.fix(this));
}

/*縦スクロールバーを常に表示*/
html>/**/body{
	overflow-y:scroll;
}
html:first-child body{
  min-height:100%;
  padding-bottom:1px;
} 	

body {
background: #FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-size: 80%;
line-height:140%;
background-image:url(images/back02.gif);
background-position:top;
/*background-repeat:repeat-y;*/

color: #047dac;
}
a {
color: #004bf6;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.sep {
margin: 0 8px;
}
h2{
font-size:14px;
font-weight:bold;
}
#wrapper {
width:auto;
position: relative;   
height: auto !important;   
height: 100%;   
min-height: 100%; 
margin: 0;
/*background-image:url(images/bg.gif);
background-position:center;
background-repeat:repeat-y;*/
}
.clear{
clear:both;
}
p{
margin-bottom:10px;
}
/*ヘッダー・フッター*/
#header{
width: 800px;
height:328px;
/*background-image:url(images/header.png);
background-position:bottom;
background-repeat: no-repeat;
*/margin: -45px auto 0 auto;
}
#header_img{
width: 800px;
height:102px;
margin:0 auto;
background-image:url(images/head01.png);
background-position:top;
background-repeat:no-repeat;
position:relative;

}
#header_pin{
width: 800px;
height:18px;
margin:0 auto;
background-image:url(images/gra01.jpg);
background-position:top;
background-repeat:repeat-y;

}

#footer {
position: absolute;   
bottom: 0; 	
text-align:center;
margin:0px auto;
height: 80px;
width: 800px;
/*background-image:url(images/headbar.gif);*/
/*background-color:#333;*/
color: #FFF;
}

#footbar{
	padding: 5px 0px 0px 0px;
	text-align:center;
	font-size:11px;
	color:#CCC;
	}
	
#footbar p{
	width:80%;
	text-align:left;
	margin:5px auto;
	line-height:110%;
	color:#333;
}
#footer hr{
	width:96%;
	margin:4px auto;
	
}

#footer #f_meun{
	width:80%;
	text-align:right;
	margin:3px auto;
	border-style:solid;
	border-width:1px 0 0 0;
	border-color:#CCCCCC;
}

/*中身*/
#container{
width:800px;
height:100%;
margin:2px auto 0px auto;
padding-bottom: 60px;
padding-left:2px;
padding-right:2px;
background-image:url(images/gra01.jpg);
background-position:top;
background-repeat:repeat-y;
text-align:left;
}
#title{
margin:0;
}
#menu{
width:800px;
height:47px;
margin:0;
padding: 0px;
}
#menu ul {
list-style:none;
margin:0;
padding:0;
}
#menu li {
display:inline;
margin:0;
padding:0;
float:left;
}
#menu li img{
	margin: 0px;
	padding: 0px;
	}

#content{
width:260px;
height:100%;
padding-top:15px;
padding-left:0px;
padding-bottom:10px;
margin: 0px 0 0 9px;
float:left;
}

#info_up {
width:260px;
height:31px;
padding:0px;
margin:0;
background-image:url(images/info.png);
background-position:top;
background-repeat:no-repeat;
}
#info_down {
width:260px;
height:9px;
padding:0px;
margin:0;
background-image:url(images/info_b.png);
background-position:top;
background-repeat:no-repeat;
}
#info_loop {
width:238px;
padding:2px 10px;
background-color:#FFF;
border-width:0 1px;
border-color:#777;
border-style:solid;
}

#info_loop ul {
list-style-type:none;
margin:0;
padding:0;
	
}
#info_loop ul li {
	width:100%;
text-align:left;
border-width:0 0 1px 0;
border-color:#666;
border-style:dotted;
margin:5px 0;
padding:0;
}

#info_links {
width:255px;
height:120px;
padding:0px;
margin:15px 0 0 3px;
text-align:center;
}
#info_links p {
width:205px;
height:36px;
padding:0px;
margin:5px auto 5px auto;
text-align:center;
}

#tw{
	width:260px;
	margin:0px 0 5px 0;
	height:600px;
	
}
.post{
margin-bottom:15px;	
}
.post-title{
padding:10px 10px 0px 36px;
background-position:left center;
color:#004bf6;
}
.post-content{
padding:10px 20px 10px 15px;
	}
.article{
width:540px;
background-image:url(images/memo_bg.gif);
background-position:top;
background-repeat:no-repeat;
/*
border-top:solid 1px #dadada;
border-left:solid 1px #dadada;
border-right:solid 1px #dadada;
border-bottom:solid 1px #dadada;
*/
position: relative;
}

#content2{
width:660px;
padding:15px 0 10px 15px;
margin: 0px auto 0 auto;
text-align:left;
}

#content2 div.support{
background-color:#FFFFFF;


}

#ban_main {
float: right;
margin:20px 15px 20px 0;
width:500px;
}

#ban_main h3{
	font-weight:bold;
}

#ban_main p{
	font-size:86%;
	line-height:120%;
	
}
#ban_main .typem{
	width:490px;
	background-color:#333;
	padding:10px;
	color:#DDD;
}

#ban_main .typem .red{
	color:#FF0066;
	font-size:110%;
	font-weight:bold;
	
}

#content4 .post-content{
	margin:10px 30px 10px 46px;
	background-color:#FFFFFF;
}
#content4  p{
	margin:10px 30px 10px 25px;
}
.post-meta{
border-top:solid 1px #dadada;
margin-top:10px;
margin-left: 5px;
margin-right: 5px;
padding: 5px;
text-align:right;
}
.navigation {
width:515px;
}
.navleft {
float: left;
margin: 0;
}
.navright {
float: right;
margin: 0;
}

.small{
	font-size: 9px !important; 
	line-height: normal !important;
	}
	
.mailTxt{
	padding: 5px 10px;
	background-color:#FFF;
	}