@charset "UTF-8";

html {
background:#000;
}

body {
width:100%;
min-width:1000px;
color:#000;
background:#fff;
}
/*----------------------------------------------------
	WRAPPER
----------------------------------------------------*/

#wrapper {
width:980px;
margin:0 auto;
position: relative;
}
#container {
width:960px;
margin:0 0 0 10px;
}

/*----------------------------------------------------
	GLOVAL HEADER
----------------------------------------------------*/

header#globalHeader {
height:290px;
}
header#globalHeader h1 {
width:960px;
height:290px;
text-indent:-9999px;
background:url("../images/common/header.jpg") no-repeat left top;
}
header#globalHeader h1 a:hover {
background:url("http://ryohei-minami.com/img/common/logo_on.jpg") no-repeat left top;
}

/*----------------------------------------------------
	GLOVAL NAVIGATION 
----------------------------------------------------*/

nav#glovalNavigation {
width:960px;
height:59px;
margin:0 0 75px 0;
}
nav#glovalNavigation ul {
height:59px;
background:url("../images/common/gnavi_off.jpg") no-repeat left top;
}
nav#glovalNavigation ul li {
height:58px;
text-indent:-9999px;
float:left;
}
nav#glovalNavigation ul li a {
height:58px;
display:block;
outline:none;
}

nav#glovalNavigation ul li:nth-child(1) {width:106px; background: url("../images/common/gnavi_on.jpg") no-repeat 0 0;}
nav#glovalNavigation ul li:nth-child(2) {width:128px; background: url("../images/common/gnavi_on.jpg") no-repeat -106px 0;}
nav#glovalNavigation ul li:nth-child(3) {width:156px; background: url("../images/common/gnavi_on.jpg") no-repeat -234px 0;}
nav#glovalNavigation ul li:nth-child(4) {width:162px; background: url("../images/common/gnavi_on.jpg") no-repeat -390px 0;}
nav#glovalNavigation ul li:nth-child(5) {width:166px; background: url("../images/common/gnavi_on.jpg") no-repeat -552px 0;}
nav#glovalNavigation ul li:nth-child(6) {width:94px; background: url("../images/common/gnavi_on.jpg") no-repeat -718px 0;}
nav#glovalNavigation ul li:nth-child(7) {width:148px; background: url("../images/common/gnavi_on.jpg") no-repeat -812px 0;}

nav#glovalNavigation ul li:nth-child(1) a {width:106px; background: url("../images/common/gnavi_off.jpg") no-repeat 0 0;}
nav#glovalNavigation ul li:nth-child(2) a {width:128px; background: url("../images/common/gnavi_off.jpg") no-repeat -106px 0;}
nav#glovalNavigation ul li:nth-child(3) a {width:156px; background: url("../images/common/gnavi_off.jpg") no-repeat -234px 0;}
nav#glovalNavigation ul li:nth-child(4) a {width:162px; background: url("../images/common/gnavi_off.jpg") no-repeat -390px 0;}
nav#glovalNavigation ul li:nth-child(5) a {width:166px; background: url("../images/common/gnavi_off.jpg") no-repeat -552px 0;}
nav#glovalNavigation ul li:nth-child(6) a {width:94px; background: url("../images/common/gnavi_off.jpg") no-repeat -718px 0;}
nav#glovalNavigation ul li:nth-child(7) a {width:148px; background: url("../images/common/gnavi_off.jpg") no-repeat -812px 0;}

nav#glovalNavigation ul li:nth-child(1) a:hover {width:106px; background: url("../images/common/gnavi_on.jpg") no-repeat 0 0;}
nav#glovalNavigation ul li:nth-child(2) a:hover {width:128px; background: url("../images/common/gnavi_on.jpg") no-repeat -106px 0;}
nav#glovalNavigation ul li:nth-child(3) a:hover {width:156px; background: url("../images/common/gnavi_on.jpg") no-repeat -234px 0;}
nav#glovalNavigation ul li:nth-child(4) a:hover {width:162px; background: url("../images/common/gnavi_on.jpg") no-repeat -390px 0;}
nav#glovalNavigation ul li:nth-child(5) a:hover {width:166px; background: url("../images/common/gnavi_on.jpg") no-repeat -552px 0;}
nav#glovalNavigation ul li:nth-child(6) a:hover {width:94px; background: url("../images/common/gnavi_on.jpg") no-repeat -718px 0;}
nav#glovalNavigation ul li:nth-child(7) a:hover {width:148px; background: url("../images/common/gnavi_on.jpg") no-repeat -812px 0;}


/*----------------------------------------------------
	NEWS INDEX
----------------------------------------------------*/

section#topLeftContent {
float:left;
}

section#newsIndex {
width:294px;
margin:0 0 50px 0;
position:relative;
}
section#newsIndex h2 {
width:294px;
height:26px;
text-indent:-9999px;
background:url("../images/common/h2_news_index.jpg") no-repeat left top;
}
section#newsIndex .more {
position:absolute;
left:194px;
top:1px;
}
section#newsIndex ul li {
padding:12px 5px;
background:url("../images/common/dot.jpg") repeat-x left bottom;
}
section#newsIndex ul li span {
padding:0 5px 0 17px;
line-height:1.7em;
display:block;
background:url("../images/common/ico_arrow.gif") no-repeat left 5px;
}
section#newsIndex ul li:last-child {
padding:12px 5px;
border-bottom:1px solid #000;
background:none;
}
section#newsIndex ul li:hover {
background:#f4f4f4 url("../images/common/dot.jpg") repeat-x left bottom;
cursor:pointer;
} 
section#newsIndex ul li:last-child:hover {
background:#f4f4f4;
}
section#newsIndex ul li a:hover {
color:#000;
}

/*----------------------------------------------------
	BLOG INDEX
----------------------------------------------------*/

section#blogIndex {
width:294px;
position:relative;
}
section#blogIndex h2 {
width:294px;
height:26px;
text-indent:-9999px;
background:url("../images/common/h2_blog_index.jpg") no-repeat left top;
}
section#blogIndex .more {
position:absolute;
left:194px;
top:1px;
}
section#blogIndex ul li {
padding:12px 5px;
background:url("../images/common/dot.jpg") repeat-x left bottom;
}
section#blogIndex ul li span {
padding:0 5px 0 17px;
line-height:1.7em;
display:block;
background:url("../images/common/ico_arrow.gif") no-repeat left 5px;
}
section#blogIndex ul li:last-child {
padding:12px 5px;
border-bottom:1px solid #000;
background:none;
}
section#blogIndex ul li:hover {
background:#f4f4f4 url("../images/common/dot.jpg") repeat-x left bottom;
cursor:pointer;
} 
section#blogIndex ul li:last-child:hover {
background:#f4f4f4;
}
section#blogIndex ul li a:hover {
color:#000;
}

/*----------------------------------------------------
	GALLERY INDEX
----------------------------------------------------*/

section#galleryIndex {
width:636px;
padding:0 0 70px 0;
float:right;
position:relative;
}
section#galleryIndex h2 {
width:636px;
height:26px;
margin:0 0 20px 0;
text-indent:-9999px;
background:url("../images/common/h2_gallery_index.jpg") no-repeat left top;
}
section#galleryIndex .more {
position:absolute;
left:536px;
top:1px;
}
section#galleryIndex .thumbBox {
width:636px;
margin:0 0 20px 0;
padding:8px 0 0 0;thumb
}
section#galleryIndex .thumbBox ul li {
width:150px;
height:150px;
margin:0 12px 12px 0;
float:left;
background:url("../images/common/loading.gif") no-repeat center center;
}
section#galleryIndex .thumbBox ul li:hover {
background:none;
}
section#galleryIndex .thumbBox ul li:nth-child(4n) {
margin:0 0 12px 0;
float:left;
}
section#galleryIndex h3#painting {
width:636px;
height:14px;
text-indent:-9999px;
background:url("../images/common/h3_painting.jpg") no-repeat left top;
}
section#galleryIndex h3#live_painting {
width:636px;
height:14px;
text-indent:-9999px;
background:url("../images/common/h3_live_painting.jpg") no-repeat left top;
}
section#galleryIndex h3#show_painting {
width:636px;
height:14px;
text-indent:-9999px;
background:url("../images/common/h3_show_painting.jpg") no-repeat left top;
}
section#galleryIndex h3#performance {
width:636px;
height:14px;
text-indent:-9999px;
background:url("../images/common/h3_performance.jpg") no-repeat left top;
}
section#galleryIndex .thumbBox ul li a img {
filter: alpha(opacity=100);  -moz-opacity:1;  opacity:1;
}
section#galleryIndex .thumbBox ul li a img:hover {
filter: alpha(opacity=5);  -moz-opacity:0.5;  opacity:0.5;
-ms-interpolation-mode: bicubic;
}

/*----------------------------------------------------
	GALLERY
----------------------------------------------------*/

section#gallery {
width:960px;
padding:0 0 70px 0;
}
section#gallery h2 {
width:960px;
height:26px;
margin:0 0 8px 0;
text-indent:-9999px;
background:url("../images/common/h2_gallery.jpg") no-repeat left top;
}
section#gallery .thumbBox {
width:960px;
margin:0 0 40px 0;
padding:8px 0 0 0;
}
section#gallery .thumbBox ul li {
width:150px;
height:150px;
margin:0 0 10px 0;
margin:0 12px 12px 0;
float:left;
background:url("../images/common/loading.gif") no-repeat center center;
}
section#gallery .thumbBox ul li:hover {
background:none;
}
section#gallery .thumbBox ul li:nth-child(6n) {
margin:0 0 12px 0;
float:left;
}
section#gallery h3#painting {
width:960px;
height:14px;
text-indent:-9999px;
background:url("../images/common/h3_painting.jpg") no-repeat left top;
}
section#gallery h3#live_painting {
width:960px;
height:14px;
text-indent:-9999px;
background:url("../images/common/h3_live_painting.jpg") no-repeat left top;
}
section#gallery h3#show_painting {
width:960px;
height:14px;
text-indent:-9999px;
background:url("../images/common/h3_show_painting.jpg") no-repeat left top;
}
section#gallery h3#performance {
width:960px;
height:14px;
text-indent:-9999px;
background:url("../images/common/h3_performance.jpg") no-repeat left top;
}
section#gallery .thumbBox ul li a img {
filter: alpha(opacity=100);  -moz-opacity:1;  opacity:1;
}
section#gallery .thumbBox ul li a img:hover {
filter: alpha(opacity=75);  -moz-opacity:0.75;  opacity:0.75;
-ms-interpolation-mode: bicubic;
}
section#gallery .submenu {
height:20px;
margin:0 0 30px 0;
padding:0 0 7px 0;
border-bottom:1px solid #000;
}
section#gallery .submenu ul {
padding:2px 0 0 0;
}
section#gallery .submenu ul li {
float:left;
font-size:1px;
}
section#gallery .submenu ul li img {
border:0;
vertical-align:top;
}

/*----------------------------------------------------
	MUSIC
----------------------------------------------------*/

section#music {
width:960px;
min-height:400px;
font-size:12px;
}
section#music h2 {
width:960px;
height:26px;
margin:0 0 30px 0;
text-indent:-9999px;
background:url("../images/common/h2_music.jpg") no-repeat left top;
}
section#music #topContent {
margin:0 0 30px 0;
}
section#music #topContent h3 {
font-size:20px;
font-weight:bold;
}
section#music #leftContent {
width:470px;
margin:0 0 50px 0;
float:left;
}
section#music #rightContent {
width:470px;
margin:0 0 100px 0;
float:right;
}
section#music a {
color:#e43039;
border-bottom:1px dotted #e43039;
}
section#music a:hover {
color:#939393;
border-bottom:1px dotted #939393;
}

/*----------------------------------------------------
	PROFILE
----------------------------------------------------*/

section#profile {
width:960px;
min-height:400px;
font-size:12px;
}
section#profile h2 {
width:960px;
height:26px;
margin:0 0 30px 0;
text-indent:-9999px;
background:url("../images/common/h2_profile.jpg") no-repeat left top;
}
section#profile #topContent {
margin:0 0 10px 0;
}
section#profile #topContent h3 {
font-size:20px;
font-weight:bold;
}
section#profile #leftContent {
width:530px;
float:left;
}
section#profile #leftContent h3 {
margin:0 0 5px 0;
font-size:20px;
font-weight:bold;
}
section#profile #rightContent {
width:410px;
float:right;
}
section#profile #rightContent .imgBox {
margin:10px 0 0 0;
}
section#profile #bottomContent {
width:960px;
margin:0 0 100px 0;
clear:both;
}
section#profile #bottomContent h3 {
padding:3px 3px 3px 10px;
background:#000;
color:#fff;
}
section#profile #bottomContent table {
width:100%;
margin:0 0 30px 0;
}
section#profile #bottomContent table tr td {
padding:5px 10px;
}
section#profile #bottomContent table tr:nth-child(even) {
background:#f1f1f1;
}


/*----------------------------------------------------
	BLOG
----------------------------------------------------*/

section#newsblog {
width:960px;
min-height:400px;
}
section#newsblog h2#blog {
width:960px;
height:26px;
margin:0 0 30px 0;
text-indent:-9999px;
background:url("../images/common/h2_blog.jpg") no-repeat left top;
}
section#newsblog h2#news {
width:960px;
height:26px;
margin:0 0 30px 0;
text-indent:-9999px;
background:url("../images/common/h2_news.jpg") no-repeat left top;
}
section#newsblog section#archives {
width:200px;
float:left;
}
section#newsblog section#archives h3#category {
width:200px;
height:26px;
text-indent:-9999px;
background:url("../images/common/h3_category.jpg") no-repeat left top;
}
section#newsblog section#archives h3#archive {
width:200px;
height:26px;
text-indent:-9999px;
background:url("../images/common/h3_archive.jpg") no-repeat left top;
}
section#newsblog section#archives ul {
margin:0 0 30px 0;
}
section#newsblog section#archives ul li {
padding:8px 5px;
background:url("../images/common/dot.jpg") repeat-x left bottom;
font-size:12px;
}
section#newsblog section#archives ul li span {
padding:0 5px 0 17px;
line-height:1.7em;
display:block;
background:url("../images/common/ico_arrow.gif") no-repeat left 4px;
}
section#newsblog section#archives ul li:last-child {
padding:10px 5px;
border-bottom:1px solid #000;
background:none;
}
section#newsblog section#archives ul li:hover {
background:#f4f4f4 url("../images/common/dot.jpg") repeat-x left bottom;
cursor:pointer;
} 
section#newsblog section#archives ul li:hover:last-child {
background:#f4f4f4;
}
section#newsblog section#archives ul li a:hover {
color:#000;
}
section#newsblog section#blogDetail {
width:730px;
float:right;
}
section#newsblog section#blogDetail article {
margin:0 0 1px 0;
padding:0 0 20px 0;
font-size:12px;
}
section#newsblog section#blogDetail article img {
max-width:730px;
height:auto;
margin:0 0 15px 0;
border:none;
}
section#newsblog section#blogDetail dl {
margin:0 0 15px 0;
}
section#newsblog section#blogDetail dl dt {
padding:0 0 5px 0;
font-size:12px;
line-height:1em;
}
section#newsblog section#blogDetail dl dd {
padding:0 0 5px 0;
font-size:18px;
font-weight:bold;
line-height:1.4em;
border-bottom:1px dotted #000;
}
section#newsblog section#blogDetail p.permalink {
margin:0 0 50px 0;
font-size:10px;
text-align:right;
display:block;
overflow:hidden;
background:#eeeeee;
}
section#newsblog section#blogDetail p.permalink a {
padding:5px 10px 5px 5px;
color:#000;
letter-spacing: 1px;
line-height: 1;
display:inline-block;
border-bottom:none;
}
section#newsblog section#blogDetail p.permalink a:hover {
color:#e43039;
}
section#newsblog section#blogDetail a {
color:#e43039;
border-bottom:1px dotted #e43039;
}
section#newsblog section#blogDetail a:hover {
color:#939393;
border-bottom:1px dotted #939393;
}


section#newsblog section#blogDetail .pagenate ul {
margin:0 0 50px 0;
font-size:12px;
}
section#newsblog section#blogDetail .pagenate ul li {
display: inline;
}
section#newsblog section#blogDetail .pagenate ul li strong {
display:-moz-inline-box;
display:inline-block;
padding:2px 8px 2px 7px;  
background:#000000;
color:#FFFFFF;
}
section#newsblog section#blogDetail .pagenate ul li a {
display:-moz-inline-box;
display:inline-block;
padding:2px 4px 2px 4px;
background-color:#eeeeee;
color:#000;
margin:0 0 4px 0;
border-bottom:none;
}  
section#newsblog section#blogDetail .pagenate ul li a:hover {   
background:#000000;
color:#FFF;
}  
section#newsblog section#blogDetail .pagetop {
float:right;
}

/*----------------------------------------------------
	CONTACT
----------------------------------------------------*/

section#contact {
width:960px;
min-height:400px;
}
section#contact h2 {
width:960px;
height:26px;
margin:0 0 30px 0;
text-indent:-9999px;
background:url("../images/common/h2_contact.jpg") no-repeat left top;
}
section#contact table tr td {
padding:10px 15px;
vertical-align:top;
}
section#contact table tr td input {
width:400px;
height:18px;
border:1px solid #999;
}
section#contact table tr td textarea {
width:400px;
height:120px;
border:1px solid #999;
}
section#contact .btn {
margin:0 0 50px 100px;
}


/*----------------------------------------------------
	A
----------------------------------------------------*/

a {
color:#000;
text-decoration:none;
}
a:hover {
color:#939393;
}

/*----------------------------------------------------
	PAGETOP
----------------------------------------------------*/

#pagetop {
	width:40px;
	height:40px;
	margin:0;
	padding:0;
	position:fixed;
	bottom:145px;
	right:0;
}

#pagetop a {
	border-bottom:none;
}

/*----------------------------------------------------
	FOOTER
----------------------------------------------------*/

footer#globalFooter {
width:100%;
min-width:980px;
height:120px;
padding:20px 0 0 0;
text-align:center;
background:#000;
}


/*----------------------------------------------------
	CLEARFIX
----------------------------------------------------*/
.clearfix {zoom:1;}
.clearfix:after{
content: ""; 
display: block; 
clear: both;
}