@charset "utf-8";

body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 14px;
color: #333;
text-decoration: none;
background-attachment: fixed;
background-image: url(images/back.jpg);
background-repeat: repeat;
background-position: 0px 0px;
text-align: center;
margin: 0px;
padding: 0px;
line-height:16px;
}

.mau10{
margin-top:10px;
}

.mab6{
margin-bottom:6px;
}

.mab15{
margin-bottom:15px;
}

#wraper {
width: 900px;
text-align:center;
margin: 0px auto;
}

#wraper #container {
clear:both;
float:left;
background-color: #FFF;
width: 900px;
margin: 20px auto 20px;
}
#wraper #container #contents #twitter {
clear: both;
float: left;
width: 690px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 20px;
}

#wraper #container #top {
text-align: center;
clear: both;
float: left;
width: 900px;
margin: 20px auto 20px;
}

#wraper #container #top #top-left{
width:300px;
float:left;
}

#wraper #container #top #top-center{
width:300px;
float:left;
}

#wraper #container #top #top-right{
width:300px;
float:right;
}

#wraper #container #menu-contents{
clear:both;
float:left;
width:900px;
}

#wraper #container #menu {
/*clear:both;*/
float:left;
margin-left: 20px;
width: 160px;
text-align:left;
margin-bottom:20px;
}

#wraper #container #menu h3{
font-size:16px;
height:40px;
text-align:left;
text-indent:1ex;
line-height:40px;
font-weight:lighter;
/*margin-bottom:10px;*/
background-image:url(images/fusen03.gif);
background-repeat:no-repeat;
}

#wraper #container #menu li{
padding-left:2ex;
line-height:3ex;
}

#wraper #contents {
/*clear: both;*/
float: right;
width: 690px;
margin-right: 20px;
}

#wraper #contents #imagespace{
clear:both;
float:left;
width:690px;
margin-bottom:20px;
}

#wraper #contents #imagespace #photospace{
text-align:center;
margin:0 auto;
width:450px;
height:306px;
background-image:url(images/image.gif);
background-position:center;
background-repeat:no-repeat;
}

#wraper #contents #new{
clear:both;
float:left;
text-align:left;
margin:0 auto 20px;
}

#wraper #contents #new li{
width:690px;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:dotted #333 1px;
}

#wraper #footer {
clear: both;
float: left;
width: 900px;
font-size: 12px;
text-align:center;
margin-bottom: 0;
line-height:40px;
}

#wraper #contents #p-logo{
clear: both;
float:left;
text-align:left;
width:690px;
height:80px;
}

#wraper #contents #main{
clear:both;
float:left;
text-align:left;
width:690px;
}

#wraper #contents #main h2{
font-size:20px;
height:50px;
text-align:left;
text-indent:1ex;
line-height:45px;
font-weight:lighter;
/*margin-bottom:10px;*/
background-image:url(images/fusen02.gif);
background-repeat:no-repeat;
}

#wraper #contents #main p{
line-height:2em;
}

/*-------gallery--------*/
#wraper #contents #gallery{
clear:both;
float:left;
width:690px;
line-height:2em;
text-align:center;
}

#wraper #contents #gallery #titlespace{
clear:both;
float:left;
width:690px;
height:65px;
padding-bottom:10px;
margin-bottom:20px;
border-bottom:1px dotted #333;
text-align:left;
}

#wraper #contents #gallery #gallery-space{
clear:both;
float:left;
width:690px;
}

#wraper #contents #gallery .g-lr{
clear:both;
float:left;
width:690px;
height:65px;
margin-bottom:20px;
}

#wraper #contents #gallery .g-left{
float:left;
width:300px;
}

#wraper #contents #gallery .g-right{
float:right;
width:300px;
}

/*--------work----------*/
#wraper #contents .work{
clear:both;
float:left;
width:690px;
text-align:center;
margin-bottom:10px;
}

#wraper #contents .work-left{
float:left;
width:300px;
text-align:center;
}

#wraper #contents .work-right{
float:right;
width:300px;
text-align:center;
}

#wraper #contents #work-p{
clear:both;
float:left;
width:690px;
text-align:left;
margin-bottom:10px;
}

#wraper #contents #work-p .y-i-p{
clear:both;
float:left;
width:690px;
border-bottom:1px dotted #333;
margin:0 0 5px;
padding-bottom:5px;
}

#wraper #contents #work-p .y-i-p .ye{
float:left;
width:100px;
text-align:center;
}

#wraper #contents #work-p .y-i-p .ye-01{
height:20px;
line-height:20px;
}

#wraper #contents #work-p .y-i-p .ye-02{
height:40px;
line-height:40px;
}

#wraper #contents #work-p .y-i-p .it-pl{
float:right;
width:590px;
height:20px;
}

#wraper #contents #work-p .y-i-p .it{
float:left;
width:295px;
height:20px;
line-height:20px;
}

#wraper #contents #work-p .y-i-p .pl{
float:right;
width:295px;
height:20px;
line-height:20px;
}

/*#wraper #contents td{
height:24px;
}*/


/*-----link------*/
#wraper #contents .link{
clear:both;
float:left;
width:690px;
margin-bottom:10px;
text-align:center;
}

#wraper #contents .link-left{
float:left;
width:220px;
margin-bottom:10px;
text-align:center;
}

#wraper #contents .link-right{
float:right;
width:470px;
margin-bottom:10px;
text-align:left;
}

/*--------blog---------*/
#wraper #container #blogmenu{
clear:both;
width:900px;
height:61px;
margin-bottom:20px;
}

#wraper #container #blogmenu ul{
text-align:center;
margin:0 14px;
width:872px;
}

#wraper #container #blogmenu li{
float:left;
display:ininline;
}

#wraper #container #blogmenu li.mal10{
margin-left:10px;
}

#wraper #container .blog{
clear: both;
float:left;
width:690px;
text-align:left;
margin-bottom:40px;
}

#wraper #container .blog .blog-title{
clear:both;
float:left;
width:690px;
margin-bottom:10px;
border-bottom:#333 1px dotted;
}

#wraper #container .blog h3{
/*clear: both;
width:690px;*/
float:left;
height:30px;
line-height:30px;
font-size:22px;
color:#333;
font-weight: lighter;
}

#wraper #container .blog .blog-day{
float:right;
height:30px;
line-height:30px;
font-size:12px;
color:#333;
font-weight: lighter;
}

#wraper #container .blog .blogtxt{
clear: both;
float:left;
width:690px;
margin-bottom:10px;
}

#wraper #container .blog .blogtxt p{
line-height:20px;
clear:both;
}

#wraper #container .blog .blogtxt img{
text-align:center;
margin:10px;
}

#wraper #container .blog .blog-info{
clear:both;
float:left;
width:690px;
}

#wraper #container .blog .blog-info li{
float:left;
display:inline;
text-align:right;
}

#wraper #container .blog .page-prne{
clear:both;
float:left;
width:690px;
margin-bottom:10px;
}

#wraper #container .blog .page-prne .page-prev{
float:left;
width:340px;
text-align:left;
}

#wraper #container .blog .page-prne .page-next{
float:right;
width:340px;
text-align:right;
}

#wraper #container .blog #tb{
clear:both;
float:left;
width:690px;
margin:20opx 0;
}

#wraper #container .blog #tb h2{
font-size:20px;
height:50px;
text-align:left;
text-indent:1ex;
line-height:45px;
font-weight:lighter;
/*margin-bottom:10px;*/
background-image:url(images/fusen02.gif);
background-repeat:no-repeat;
}

div#comments {
clear:both;
/*float:left;*/
}

div.comments-open h2{font-size:20px;
height:50px;
text-align:left;
text-indent:1ex;
line-height:45px;
font-weight:lighter;
/*margin-bottom:10px;*/
background-image:url(images/fusen02.gif);
background-repeat:no-repeat;
}