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

body { -webkit-text-size-adjust: 100%; }
.scrollv { overflow-y: auto !important; }
.wrap { width:90%; margin: 0 auto; padding-top: 20px;}


h2.ttl {
    font-family: neuropol; 
    font-size: 1.4em;
}

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

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

h1 {
	text-align: center;
}

h1 img {
	width: 100%;
}

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

#news {
	padding-bottom: 35px;
	border-top: #999 1px solid;
}

#contact {
	padding-bottom: 35px;
}

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


/* Navi */
#navi {
	height: 480px;
	margin: auto 0;
	padding-top: 60px;
	text-align: center;
	font-family: neuropol;
}

#navi a {
	width: 81px;
	height: 10px;
	text-decoration: none;
}

#navi li {
	padding-bottom: 4px;
	text-align: center;
	text-decoration: none;
}


/* 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 strong
{
	text-align: left;
}

#prof_text {
	text-align: left;
}

/* BLOG----------------------------------------- */
#lane_l {
	text-align: left;
}

.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: 80px;
	height: 80px;
}

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

#back_right a {background: url(../img/btn_back_sp.gif) no-repeat 0 0;}
#back_left a {background: url(../img/btn_back_sp.gif) no-repeat 0 0;}
#back_down a {background: url(../img/btn_back_sp.gif) no-repeat 0 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; 
}