/*  
Theme Name: One in a Million
Theme URI: http://www.wpthemejp.com/
Description: <a href="http://www.tdhedengren.com">Thord Daniel Hedengren</a>がデザインした3カラムテーマです。
Version: 1.0
Author: Thord Daniel Hedengren
Author URI: http://www.tdhedengren.com/
*/


/* GLOBAL */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #003a75;
	/*background: #d1c7b8 url(img/body-bg-tmp.gif);*/
	}

#page {
	width: 100%; height: 100%;
	margin: 0 auto;
	}

#site {
	position:relative;
	width: 1170px;
	margin: 0 auto;
	}

#box {
	/*border: 2px solid #c0b4a4;*/
	/*background: #fff url(img/box-bg.gif);*/
	}

#wrap {
	text-align: left;
	padding: 20px;
	}

#content {
	float: left;
	width: 680px;
	margin: 0 10px 0 0;
	}

#sidebar {
	float: left;
	width: 210px;
	margin: 0 10px 0 0;
	}

#sidebar2 {
	float: right;
	width: 210px;
	}

img {
	border:0;
	margin: 0px 0 6px 0;
	}
img.right { float:right; margin: 0 0 10px 10px; }
img.left { float:left; margin: 0 10px 10px; }
img.frame { padding: 3px; border: 1px solid #aaa; }

form {	/*margin: -10px 0 0 0;*/
	font-size: 12px;
	color: #fff;
	margin: 15px 0 0 0;
	padding:0;
	overflow:hidden;
	}


/* TYPOGRAPHY & COLORS */

body {
	/*font-family: Arial, Helvetica, Geneva, sans-serif;*/
	}

p {
	color: #fff;
	line-height: 150%;
	font-size: 12px;
	}

a { color: #a8b7ce; text-decoration: none}
a:hover { color: #f00; text-decoration: underline; }

#blogtitle a, h2 a, h3 a { text-decoration:none; }

#blogtitle {
	text-align: left;
	color: #fff;
	font-size: 25px;
	/*font-family: Georgia, Times New Roman, Times, Geneva, serif;*/
	font-weight: normal;
	/*letter-spacing: -4px;*/
	margin: 20px 0 0 0;
	padding: 15px 0 0 0;
	line-height: 100%;
	}

h2 {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	letter-spacing: -1px;
	text-transform: uppercase;
	line-height: 100%;
	background: url(../../../../main_img/ca_frame.gif);
	margin: 15px 0 0 0;
	padding: 6px 0px 10px 25px;
	}

h3 {
	font-size: 18px;
	letter-spacing: -1px;
	color: #666;
	margin: 15px 0 10px 0;
	padding: 0 0 5px 0;
	border-width: 0 0 1px 0; border-style: solid; border-color: #888;
	}

#sidebar, #sidebar2 {
	font-size: 12px;
	}

#sidebar h2, #sidebar2 h2 {
	margin-bottom: 8px;
	}

#sidebar h3, #sidebar2 h3 {
	font-size: 14px;
	color: #aaa;
	margin: 0 0 5px 0; padding: 0;
	border: 0;
	}

#sidebar p, #sidebar2 p {
	font-size: 12px;
	line-height: 130%;
	color: #fff;
	margin: 0 0 8px 0; padding: 0;
	}
/* ヘッダー */
.blogheader2{
	width: 100%;
	height: 200px;
	background: url(../../../../main_img/header_img.jpg);
}

.mhf_blog_title{
	margin: 0 0 0px 70px;
	padding: 25px 0 0 0;
}

.mhf_head_comment{
	text-align: left;
	font-size: 11px;
	color: #fff;
	margin: 8px 0 0px 72px;
	line-height: 140%;
}
/*----------------*/
/* サイドバー追加 */
.mhf_sidebar {
	font-size: 12px;
	color: #fff;
	line-height: 130%;
	text-align:center

}

.mhf_cate_print{
	padding: 0px 0px 0 20px;
}

.oclink{
	padding: 8px 0px 10px 80px;
}

/* --------------------- */

/* コンテンツ追加 */
.mhf_content_frame_top{
	width: 660px;
	height: 6px;
	background: url(../../../../main_img/main_frame_top.gif);
	padding: 8px 0px 0 20px;
}

.mhf_content_frame_bottom{
	width: 680px;
	height: 14px;
	background: url(../../../../main_img/main_frame_bottm.gif);
	margin: 0 0 30px 0;
}

.mhf_content_title{
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

.mhf_content_ranking{
	width: 680px;
	background: url(../../../../main_img/main_frame_bg.gif);
}

.mhf_content_ranking_img{
	padding: 10px 0px 20px 35px;
	float: left;
}

.mhf_content_ranking_text{
	font-size: 12px;
	color: #fff;
	padding: 10px 0px 10px 35px;
}
/* -------------------------- */

/* イベント画像メイン */
.mhf_ev_top_img{
	width: 100%;
	text-align: center;
	padding: 15px 0 15px 0;
	font-size: 12px;
	color: #fff;
	line-height: 150%;
}
/* -------------------------- */

/* プロフィール */
.mhf_profile{
	width: 175px;
	font-size: 12px;
	color: #a8b7ce;
	line-height: 140%;
	margin: 0 0 15px 20px;
}
/* -------------------------- */

/* サイドバーツール */
.mhf_tools_title{
	width: 210px;
	font-size: 12px;
	font-weight: bold;
	color: #a8b7ce;
	text-align:center;
	margin: 0 0 15px 0;
}

.mhf_tools_print{
	width: 210px;
	font-size: 12px;
	color: #fff;
	text-align:center;
	margin: 10px 0 15px 0;
}

/* -------------------------- */

/* トップ瞬きインフォ */
.mhf_index_info img{
	margin: 0 0 0 0;
}

.mhf_index_info{
	width: 680px;
}

.mhf_index_img{
	width: 149px;
	height: 100%;
	float: left;
}

.mhf_index_frame{
	width: 531px;
	background-image: url(../../../../main_img/maba_bg.gif);
	float: left;
}

.mhf_index_frame1{
	float: left;
}

.mhf_index_frame2{
	width: 7px;
	height: 100%;
	float: left;
}

.mhf_index_frame3{
	width: 12px;
	float: left;
}

.mhf_index_bg{
	width: 531px;
}

.mhf_index_text{
	width: 492px;
	font-size: 12px;
	line-height: 150%;
	text-align: center;
	color: #000;
	padding: 10px;
	float: left;

}
/* -------------------------- */

/* オヌヌメ iframe */
.onunume_iframe_img{
	width: 677px;
	margin: 0 0 0 0;
}
/* -------------------------- */

/* アマゾン */
.amazon_main{
	text-align: center;
	line-height: 150%;
}

/* ツイッター */
.twitter_main{
	width: 680px;
	margin: 8px 0 0 0;
}

/* -------------------------- */

/* 現存のデータを無理やりいじってます */
/* カテゴリ画像指定 */
.cat-item img{
	margin: 0 0 0 0;
}

/* 最近の投稿 */
.widget_recent_entries{
	line-height: 140%;
}

/* 最近のコメント */
.widget_recent_comments{
	line-height: 140%;
}

/* 拍手ボタン */
.thanks_button_div{
	margin: 12px 0 12px 0;
}

.thanks_shortcuts{
	margin: 0 0 0 0;
}
/* -------------------------- */

/* 吹き出し用 */
.balloon{
	font-size: 12px;
	color: #000;
	line-height: 120%;
}
/* -------------------- */

/* テーブル */
table.table010 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 570px;
  border-collapse: collapse;
  border: solid 1px #999;
  font-size: 12px;
  color: #fff;
}

table.table010 caption {
  margin-top: 1em;
  text-align: left;
}

table.table010 th,
table.table010 td {
  border: solid 1px #999;
  padding: 10px 6px 10px 6px;

}

table.table010 th {
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
  color: #666;

}

table.table010 td.course {
  text-align: center;
  font-size: 200%;
  font-weight: bolder;

}

table.table010 td.time,
table.table010 td.fee {
  text-align: right;
  white-space: nowrap;

}

/* -------------------------- */

/* CONTENT */

.post, #comments {
	/*background: #000;*/
	background: url(../../../../main_img/main_frame_bg.gif);
	margin: 0 0 0 0;
	padding: 20px 35px 20px 35px;
	overlow: hidden;
	}

.postmetadata {
	text-align: right;
	margin: 0 0 0 0;
	padding: 30px 0 0 0;
	font-size: 12px;
	color: #fff;
	line-height: 120%;
	}

.more {
	font-size: 12px;
	}

#navigation {
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0;
	padding: 0;
	width: 100%;
	}

#navigation a { padding: 5px; background: #003a75; }

#alignleft { float: left; }
#alignright { float: right; }


/* COMMENT */

#comments { font-size: 12px; }
#comments a { color: #fff;
	      /*background-color: #000;*/
	      padding: 2px;
	      text-decoration: underline;
	 }
#comments a:hover { color: #fff;
		    /*background-color: #000;*/
		    padding: 2px;
		    text-decoration:none;
		 }
#comments ol { margin: 0 6px 0 0; padding: 0; }

.odd {
	margin: 0;
	padding: 10px;
 background: #000;
	}
.even {	background-color: #393939; }

.commentlist {
	margin:0;
	padding: 0;
	}

.commentlist li {
	margin: 15px 0 0;
	padding: 10px;
	list-style: none;
clear: both;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	font-size: 12px;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	}
	
h3.comments { /*font-family: Georgia, Garamond, Times, Times New Roman, serif; font-size: 18px;*/
	      font-weight: normal;
	      /*letter-spacing: -1px;*/
	      color: #fff;
	      margin: 0 0 10px 0;
	      border-width: 0px !important;
	}
.commentlist .commenter { overflow: hidden; padding: 10px 0 0 0;
			  font-size: 10px;
			  /*font-family: Georgia, Garamond, Times, Times New Roman, serif;*/
			  line-height: 16px;
			  text-transform: uppercase;
			  margin: 10px 0 0;
	 }
.input {#border: 2px solid #222;
	#padding:3px;
	#background: #f8f3ea;
	/*#font-family: Georgia, Times, Times New Roman, Garamond, serif;*/
	#color:#444;
	font-size: 12px;
}
#commentarea { width: 97%; height: 120px; line-height:150%; background: #fff; }
#submit { #border:0; margin: 5px 0 0 0; }
#author, #email, #url, #searchpartnerinput { padding:5px; width: 200px; }

#subscribetocomments { margin: 5px 0 0 0; padding: 5px; line-height: 100%; background-color: #eee; }

.comment-avatar .avatar { float: right; margin: 0 0 0 5px; }
.commentlist .children { padding: 0px; }

.comment-navigation .previous { float: left; }
.comment-navigation .next { float: right; }
.comment-navigation { padding: 15px 0 30px; overflow: hidden; }

#respond { margin: 10px 0 }

/* SIDEBAR */

#sidebar ul, #sidebar2 ul {
	color: #a8b7ce;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	}
	
#sidebar ul ul, #sidebar2 ul ul {
	margin: 5px 0 0 -5px;
}

#sidebar ul li, #sidebar2 ul li {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0 0 5px;
	}

#sidebar .list li, #sidebar2 .list li {
/*	list-style: circle inside; */
	list-style: none;
	}

#sidebar #whitebox {
	padding: 10px;
	background: #fff;
	}

#sidebar #calendar {
	font-size: 10px;
	padding: 5px;
	background: #fff;
	border: 1px solid #eee;
	}


/* FOOTER */

#copy {
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	line-height: 150%;
	/*font-family: Arial, Helvetica, Geneva, sans-serif;*/
	font-size: 11px;
	/*letter-spacing: -1px;*/
	color: #fff;
	}

#copy a { font-weight: bold; text-decoration: underline; }
#copy a:hover { text-decoration: none; color: #f00; }

#welovewp, #theme { padding: 10px 0; }

/* Image Styles */
	/*#content .post div.wp-caption { border: 1px solid #ccc; margin: 10px; background: #ddd; overflow: hidden; }
		#content .post .wp-caption img { display: block; margin: 5px auto; padding: 0; border: none; }	
		#content .post .wp-caption-text { margin: 5px; padding: 0; font-size: 11px; line-height: 1.3em; }
	#content .post div.alignnone { display: block; margin: 10px 10px 10px 0; }
	#content .post img { border: 1px solid #ccc; padding: 5px; background: #ddd; }
	#content .post a img:hover { background: #fff; }
	#content .post img.alignleft { margin: 10px 10px 10px 0; float: left; clear: left; }		
	#content .post img.alignright { margin: 10px 0 10px 10px; float: right; clear: right; }
	#content .post img.aligncenter { display: block; margin: 0 auto 10px auto; float: none; clear: both; }
	#content .post div.alignleft { text-align: left; float: left; margin-left: 0; }
	#content .post div.alignright { text-align: right; float: right; margin-right: 0; }
	#content .post div.aligncenter { text-align: center; margin: 0 auto 10px; }
	#content .post .gallery { margin: auto auto 0; }
		#content .post .gallery img { margin-bottom: 5px; }
		#content .post .gallery .gallery-item, #content .post .gallery .gallery-icon { clear: none; margin: 0; }
		#content .post .gallery .gallery-icon {  }
		#content .post .gallery .gallery-caption { text-align: left; font-size: 11px; line-height: 1.3em;*/ margin: 0 0 10px; }

/* simulator */
.simulator_box1{
	width: 100px;
	background-color: #99cc00;
	font-size: 10px;
	
}

/* teni skil */
table.type107 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 11px;
    text-align: center;
    background: #FFFFFF;
    width: 620px;
}

table.type107 thead th {
    width: 140px;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: top;
    color: #000000;
    text-align: center;
    background: #8eb5cc;
}

table.type107 td {
    font-size: 10px;
    text-align: center;
    vertical-align: top;
}

table.type107.even {
    text-align: center;
    background: #8eb5cc;
}

table.type107.even2 {
    text-align: center;
    background: #8eb5cc;
}