/* ALL */
/* ----------------------------------------- */

body { overflow-x: hidden; overflow-y: hidden; }
.scrollv { overflow-y: auto !important; }
.wrap { width: 820px; margin: 0 auto; padding-top: 70px; }



/* HOME----------------------------------------- */
#main {
	width: 100%;
	height: 100%;
	margin: auto 0;
	background: url(../img/mikiko.jpg) no-repeat center 30px;
	background-color: #fff;
}

h1 { text-align: center; }
h1 img { 
    width: 680px;
    height: auto;
}
h2.ttl {
    font-family: neuropol; 
    font-size: 1.4em;
}

h3.sub-ttl {
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: neuropol; 
    font-size: 1em;
    color: #aaa;
}

#navi {
	width: 100%;
	height: 520px;
	margin: auto 0;
	margin-top: 100px;
	text-align: center;
	font-family: neuropol;
}

#navi ul {
	height: 260px;	
}

#n_profile {
	text-align: right;
	padding-right: 280px;
}

#n_blogs {
	text-align: left;
	padding-left: 280px;
}

.list {
	display: inline-block;
}

/* Navi */
#navi a {
	display: block;
	text-decoration: none;
}

#navi a:hover { opacity: 0.5; }

/* Lower Column */
#lower_column {
	width: 100%;
	margin: auto 0;
	text-align: center

}

/* NEWS */
div#news {
	padding-bottom: 50px;
	border-top: #999 1px solid;
}

div#news li { line-height: 2.5; }

/* CONTACT*/
#contact {
	padding-bottom: 35px;
}

span.wpcf7-form-control-wrap input.wpcf7-form-control {
    width: 400px;
    height: 30px;
    margin-bottom: 10px;
}

textarea.wpcf7-form-control {
    width: 400px;
    height: 300px;
    margin-bottom: 20px; 
}

input.wpcf7-submit {
    padding: 15px 80px;
    font-size: 1em;
    background-color: #000;
    color: #fff;
    border-style: none;
    line-height: 0;
}

input.wpcf7-submit:hover {  background-color: #999; }

.cr {
	padding: 20px 0 15px;
}

/* WORKS----------------------------------------- */
#works_container ul {
	padding-top: 10px;
	padding-bottom: 50px;
}

#works_container li {
    padding: 20px 0;
    line-height: 1.5;
    border-top: 1px #ccc solid;
}


/* PROFILE----------------------------------------- */
#profile_container {
}

#profile_container strong　{　text-align: left;　}

#prof_text {
	padding-bottom: 100px;
	text-align: justify;
}

/* BLOG----------------------------------------- */
#lane_l {
	text-align: justify 
}

.blog_list {
	padding-bottom: 45px;
	border-top: 2px #555 solid;
}

.blog_list h2 {
	padding-top: 5px;
	font-size: 18px;
}

.blog_info {
	padding-bottom: 25px;
	font-size: 12px;
}



/* Common----------------------------------------- */
.ttl_s {
	padding: 15px 0 15px;
}

.contents_container {
	width: 100%;
	height: 100%;
	margin: auto 0;
	text-align: center;
}


.ttl {
	padding-bottom: 35px;
}



/* back button */
.btn_back {
	padding-top: 30px;
	padding-bottom: 30px;
}

.btn_back li, .btn_back a {
	display: inline-block;
	width: 105px;
	height: 105px;
}

.btn_back span {
  position:absolute;
  top:-9999px;
  left:-9999px;
}

#back_right a {background: url(../img/btn_back_right.gif) no-repeat 0 0;}
#back_right a:hover {background: url(../img/btn_back_right.gif) no-repeat -105px 0;}
#back_left a {background: url(../img/btn_back_left.gif) no-repeat 0 0;}
#back_left a:hover {background: url(../img/btn_back_left.gif) no-repeat -105px 0;}
#back_down a {background: url(../img/btn_back_down.gif) no-repeat 0 0;}
#back_down a:hover {background: url(../img/btn_back_down.gif) no-repeat -105px 0;}


/* MEDIA QUERIES */
/* ----------------------------------------- */

@media screen and (max-width: 1000px) {


#home, #profile, #works, #blogs { overflow-y: scroll; }

.big li a { 
	float:none !important;
	margin: 0 auto; 
}