@charset "utf-8";
/*
Theme Name: iakane03
Theme URI: http://iakane.com/
Description: iakane
Version: 1.0
Author: iakane
Author URI: http://iakane.com/
*/

/*
Font-size Adjustment
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}


/* background */
html {
background:#000 url('images/background.png') fixed no-repeat center top;
color:#C0C0C0;
text-align:center;
}


/* font */
strong {
font-weight:bold;
}

a:link {
color:#C0C0C0;
text-decoration: none;
}

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

a:visited
 {
color:#666;
text-decoration: none;
}

#copyright {
text-align:right;
color:#C0C0C0;
}

#copyright a {
color:#C0C0C0;
text-decoration:none;
}

#copyright a:hover {
color:#fff;
}

/* hx */
h1,h2,h3,h4,h5,h6 {
margin:10px 0 0.5em 0;
font-weight:normal;
}

h1 {
font-size:150%;
margin-bottom:2em;
font-weight: bold;
font-family: "ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W3",Hiragino Mincho Pro,MS PMincho,serif;
}

h2 {
font-size:140%;
margin-bottom:2em;
font-weight: bold;
font-family: "ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W3",Hiragino Mincho Pro,MS PMincho,serif;
}

h3 {
font-size:108%;
}

h5 {
font-weight:normal;
font-size:93%;
}

h6 {
font-weight:normal;
font-size:85%;
}


/* p */
p {
margin-bottom:1em;
line-height:1.5em;
}


/* ul, ol, dl */
ul ul,ul ol,ol ul,ol ol {
margin: 0;
padding: 0 0 0 1em;
}

ul {
padding-left:1.5em;
list-style-type:disc;
}

ol {
padding-left:2.5em;
list-style-type:decimal;
}

dt {
line-height:2em;
font-weight: bold;
margin-top: 1em;
border-bottom: dotted 1px #C0C0C0;
}
      
dd {
padding-left: 1em;
margin-top: 0.5em;
}


/* image */
.content img {
height: auto;
max-width:460px;
}

.content div {
height: auto;
max-width:460px;
}

.content .attachment img {
max-width:900px;
}

a img {
border:none;
}


/* header */
#header {
position:relative;
width:950px;
height:200px;
margin:0 auto;
text-align:left;
}
/* menu */
div#menu {
	background-image:url(images/menu.png);
	background-repeat:no-repeat;
	width:228px;
	height:369px;
	position:fixed;
	right:2em;
	bottom:1em;}
div#menu a.header {
	height:65px;
	width:70px;
	position:fixed;
	bottom:312px;
	right:115px;}
div#menu a.work {
	height:70px;
	width:70px;
	position:fixed;
	bottom:303px;
	right:47px;}
div#menu a.profile {
	height:40px;
	width:60px;
	position:fixed;
	bottom:266px;
	right:100px;}
div#menu a.blog {
	height:60px;
	width:60px;	
	position:fixed;
	bottom:220px;
	right:35px;}
div#menu a.mail {
	height:65px;
	width:86px;
	position:fixed;
	bottom:225px;
	right:165px;}

#info {
width:400px;
height:200px;
padding-left:10px;
padding-top:20px;
}

#info .sitename {
font-size:138.5%;
}

#info .sitename a {
text-decoration:none;
}

#info .sitedesc {
font-size:93%;
margin-left:2em;
}

#info .icon01 a{
display: block;
float:right;
margin-left:5px;
}

#info .icon02 a{
display: block;
float:right;
}
#info .icon03 a{
display: block;
float:right;
}

/* wrapper */
#wrap {
position:relative;
width:950px;
margin:15px auto;
text-align:left;
z-index:1;
}


/* columns */
#main {
position:relative;
width:560px;
float:left;
}


.content {
position:relative;
margin-bottom:10px;
}

.maincolumn,
.sidecolumn {
margin:0;
}

.maincolumn {
width:560px;
}

.sidecolumn {
width:165px;
font-size:100%;
line-height:1.6em;
}

.post {
padding-bottom:10px;
margin-bottom:15px;
border-bottom:solid 1px #222;
}


/* sidebar */
#left {
position:relative;
float:left;
width:185px;
margin-left:10px;
}
#right {
position:relative;
float:right;
width:185px;
margin-left:10px;
}
#left ul,#right ul {
list-style: none;
margin: 0;
padding: 0;
}
#left li,#right li{
padding: 2px 0px 2px 12px;
background: url('images/list.jpg') no-repeat 0 0.6em;
list-style: none;
list-style-position: outside;
}

/* footer menu */
#footer_left {
position:relative;
width:238px;
float:left;
}

#footer_right {
position:relative;
width:238px;
float:right;
}

/* footer */
#footer {
position:relative;
clear:both;
width:950px;
margin:0 auto;
text-align:left;
line-height:130%;
font-size:93%;
}

#copyright {
position:relative;
margin:200px 0 20px 0;
}

/* translation_bar */
#translation_bar img{
margin:0 0 0 5px;
}

/* search */
#search {
margin:5px;
}

#search #s {
background:#fff url('images/search.png') 0 center no-repeat;
font-size:.9em;
padding:3px 0 3px 20px;
width:150px;
}

#search input {
border:1px solid #ccc;
}

.search-excerpt {
margin:0;
}


/* calender */
table#wp-calendar {
width:100%;
}

table#wp-calendar td,
table#wp-calendar th {
padding:1px;
text-align:center;
}


/* navigation */
.navigation {
margin-bottom:2em;
}

.menu-container {
position:relative;
width:950px;
margin:15px auto;
text-align:left;
z-index:9999;
}


/* page navigation */
.nav-previous {
float:left;
}

.nav-next {
float:right;
}

/* addthis_button */
.addthis_toolbox{
float:right;
}

/* meta */
.contentmeta {
margin-bottom:15px;
}

.contentmeta ul {
list-style:none;
margin:0;
padding:0;
}


/* comments */
ol.commentlist {
margin-bottom:15px;
}

ol.commentlist,
ol.commentlist ul {
list-style:none;
padding:0;
}

ol.commentlist li {
border-top:solid 1px #222;
border-left:solid 1px #222;
padding:10px 0 0 10px;
}

ol.commentlist li li {
}

ol.commentlist li.bypostauthor cite {
font-weight:bold;
}

ol.commentlist li.byuser {
}

.comment,
.trackback,
.pingback {
margin-top:10px;
}

.avatar {
float:left;
margin-right:1em;
}

.reply {
text-align:right;
}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
margin:3px;
}


/* comment form */
#commentform p.logged-in-as,
#commentform p.comment-notes,
#commentform p.form-allowed-tags {
font-size:85%;
}

.required {
color:#cc0000;
}

#commentform input#author,
#commentform input#email,
#commentform input#url {
float:left;
width:250px;
margin-right:1em;
}

#commentform textarea {
width:100%;
height:8em;
}

#commentform p.comment-form-comment label {
display:none;
}


/* gallery */
.gallery dl {
margin:0;
overflow:hidden;
}

.gallery dt {
font-weight: normal;
border-bottom: none;
}
      
.gallery dd {
padding: 0;
}

.gallery img {
border:none !important;
}


/* feed */
.feed {
margin-left:3px;
padding:0 0 0 15px;
background:url('images/feed_mini.png') no-repeat 0 50%;
}


/* wp */
.aligncenter {
display:block;
margin:0 auto;
}

.alignleft {
float:left;
margin-right:15px;
}

.alignright {
float:right;
margin-left:15px;
}

.alignnone {
display:block;
}

.wp-caption,
.gallery-caption {
text-align:center;
}

.wp-caption img {
border:none;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
font-size:85%;
margin:0;
padding:3px;
}

.attachment-post-thumbnail {
float:left;
margin-right:10px;
}

.sticky {
border:solid 1px #C0C0C0;
padding:0 15px;
margin-bottom:30px;
}


/* author */
#entry-author-info {
margin:20px 0 30px 0;
}


/* blockquote, pre */
blockquote {
margin:10px;
padding:0 10px;
border-left:solid 3px #C0C0C0;
}

pre {
font-family: "Courier New",Courier,monospace;
border: inset 1px #000;
line-height: 120%;
margin: 1em 0 0 0;
padding: 0.99em;
}


/* table */
.content table {
border: 1px #C0C0C0 solid;
border-collapse:collapse;
border-spacing:0;
}

.content table th {
padding: 5px;
border: #C0C0C0 solid;
border-width: 0 0 1px 1px;
font-weight: normal;
}

.content table td {
padding: 5px;
border: #C0C0C0 solid;
border-width: 0 0 1px 1px;
}

caption,th {
text-align:center;
}


/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*Image Rotator*/
.main_image {
    width: 420px;
    height: 412px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #FEFEF2;
    clear:both;
}
.main_image h2 {
    font-size: 2em;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 10px;
}
.main_image p {
    font-size: 1.0em;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 0.8em;
    padding: 0 0 0 3px;
    background: url(http://iakane.com/img/icon_calendar2.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image .block h2{
    font-weight: bold;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(http://iakane.com/img/btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show {background-position: left bottom;}

.image_thumb {
float: left;
width: 290px;
background: #000000;
border-right: 1px solid #fff;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.image_thumb img {
border: 1px solid #ccc;
padding: 2px;
background: #fff;
float: left;
}
.image_thumb ul {
margin: 0; padding: 0;
list-style: none;
}
.image_thumb ul li{
margin: 0; padding: 3px 3px;
background: #f0f0f0 url(http://iakane.com/img/nav_a.gif) repeat-x;
width: 290px;
float: left;
border-bottom: 1px solid #ccc;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
}
.image_thumb ul li.hover {
background: #ddd;
cursor: pointer;
}
.image_thumb ul li.active {
background: #fff;
cursor: default;
}
html .image_thumb ul li h2 {
font-size: 1.0em;
margin: 0;
    padding: 0 0 0 3px;
font-weight: bold;
    color: #777;
}
.image_thumb ul li .block {
float: left;
margin-left: 3px;
padding: 0;
width: 230px;
    color: #777;
}
.image_thumb ul li p{display: none;}

/* Container DIV - automatically generated */
.simply-scroll-container {
position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
position: relative;
overflow: hidden;
z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}

.simply-scroll-list li {
padding: 0;
margin: 0;
list-style: none;
}

.simply-scroll-list li img {
border: none;
display: block;
}

/* Master button styles - note that left and right
versions are included although they are not used in this example */

.simply-scroll-btn {
position: absolute;
background-image: url(images/scbtn.png);
width: 42px;
height: 44px;
z-index:3;
cursor: pointer;
}

.simply-scroll-btn-left {
left: 6px;
bottom: 6px;
background-position: 0 -44px;
}
.simply-scroll-btn-left.disabled {
background-position: 0 0 !important;
}
.simply-scroll-btn-left:hover {
background-position: 0 -88px;
}

.simply-scroll-btn-right {
right: 6px;
bottom: 6px;
background-position: 84px -44px;
}
.simply-scroll-btn-right.disabled {
background-position: 84px 0 !important;
}
.simply-scroll-btn-right:hover {
background-position: 84px -88px;
}

.simply-scroll-btn-up {
right: 6px;
top: 6px;
background-position: -126px -44px;
}
.simply-scroll-btn-up.disabled {
background-position: -126px 0 !important;
}
.simply-scroll-btn-up:hover {
background-position: -126px -88px;
}

.simply-scroll-btn-down {
right: 6px;
bottom: 6px;
background-position: -42px -44px;
}
.simply-scroll-btn-down.disabled {
background-position: -42px 0 !important;
}
.simply-scroll-btn-down:hover {
background-position: -42px -88px;
}

/* Custom class modifications - adds to / overrides above

Vertical scroller example, with custom base class */

/* Container DIV */
.vert {
width: 338px; /* wider than clip for custom button pos. */
height: 411px;
}

/* Clip DIV */
.vert .simply-scroll-clip {
width: 290px;
height: 411px;
}

/* Explicitly set height/width of each list item */
.vert .simply-scroll-list li {
width: 290px;
height: 42px;
}

/* Modified button positions, overriding previous styles */
.vert .simply-scroll-btn-up {
right: 0;
top: 0;
}

.vert .simply-scroll-btn-down {
right: 0;
top: 52px;
}
.main_image_box{
position:relative;
width:752px;
margin:0 auto;
clear:both;
}
.profile_box{
position:relative;
width:540px;
margin:0 auto;
clear:both;
line-height:1.6em;
}
.blog_box{
position:relative;
width:540px;
margin:0 auto;
clear:both;
line-height:1.6em;
}
.mail_box{
position:relative;
width:540px;
margin:0 auto;
clear:both;
}
#work,#profile,#blog,#mail{
float: left;
clear:both;
padding:50px 0;
}
#player3 {
position:relative;
width:950px;
margin:0 auto;
margin-bottom:200px;
}
.index_box {
position:relative;
width:950px;
margin:0 auto;
clear:both;
}
.index_box_end {
float: left;
width: 100%;
height: 200px;
display: inline-block;
position: relative;
background: url(images/line.png) no-repeat 0 center;
clear:both;
}

div#wrapper{
text-align:left;
}
.blogday {
	float: left;
	width: 70px;
	background: url('images/arrow03.gif') no-repeat 0 center;
	padding-left: 15px;
color:#888;
}

.blogtitle {
	float: right;
	padding-left:5px;
	width: 450px;
	font-weight:bold;
}
.table_04	{
width:500px;
margin:0;
padding:0px;
border-collapse:separate;
border-spacing:5px;
}
.table_04 th	{
width:25%;
padding:4px 2px 2px 4px;
text-align:left;
vertical-align:top;
color:#c0c0c0;
border-bottom:solid 1px #777;
}
.table_04 td	{
padding:4px 2px 2px 4px;
color:#666;
border-bottom:solid 1px #777;
}
.wpcf7-text{
	padding: 3px;
	margin: 3px 3px 10px 3px;
}
.your-message{
	padding: 3px;
	margin: 2px;
}
.wpcf7-submit{
	border:1px solid #777;
	padding: 4px 10px;
	margin: 13px 0 0 3px;
	color: #fff;
	cursor: pointer;
	background: #777777;
	border-radius: 5px;
	
/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#c0c0c0),
		to(#7777777)
		);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
		
/* Firefox */
	background: -moz-linear-gradient(
		top,
		#c0c0c0,
		#777777
		);
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
	
/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffc0c0c0,endColorstr=#ff777777);
	zoom: 1;
}

.blue {
	color: #000;
}
.page_top {
float: right;
margin-right: 5px;
}
.Nav {
	margin:0 0 20px 0;
	padding:10px 0 0 0;
	color:#eee;
}
.Nav a {
	padding:4px 8px 4px 8px;
	background:#777;
	border:1px solid #ccc;
	color:#eee;
	font-size:10px;
	margin:0 5px 0 0;
}
.Nav a:hover {
	color:#ffffff;
}

.Nav span {
	padding:4px 8px 4px 8px;
	font-size:10px;
	margin:0 5px 0 0;
}
a:focus {
  outline: none;
}
.cvjp {
margin-bottom:20px;
}