@charset "UTF-8";

/*
	Theme Name: Simple Simple
	Description: Easy and Simple theme by <a href="http://webdesignrecipes.com/">Web Design Recipes</a>. WordPress 学習用のシンプルなテーマです。
	Theme URI: http://webdesignrecipes.com/first-time-wordpress-origin-theme/
	Author: Nori Takahashi
	Author URI: http://webdesignrecipes.com/
	Version: 1.0.1
	License: GNU General Public License
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: white, right-sidebar, two-columns

*/

/****************************************

          General Setting

*****************************************/

html, body {
	margin: 0;
	padding: 0;
}

/*
body {
	font-size: 16px;
     color: #333;
    font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
    line-height: 1.8em;
background-color: #f5f5f5;
}
*/

body {
	font-size: 16px;
color: #362C0D;
    letter-spacing: 0.1em;
    font-family: "Kozuka Gothic Pr6N", "小塚ゴシック Pr6N", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, Verdana, "メイリオ", Meiryo, sans-serif;
    background-color: #f5f5f5;

}


.post p{margin-bottom: 1em;}


/****************************************

          Typography

*****************************************/

h1, h2, h3, h5, h6{
	font-weight: normal;
}

h4{font-weight:bold;}

/*
h1#title{font-size:24px; font-weight:bold; margin:0 0 10px 0;
}
h1#title a{border:none;}
p#title{font-size:23px; 
font-weight:bold;
margin:0 0 0 0;
}
p#title a{border:none;}
*/

h1#title{font-size:16px; 
	font-weight:bold; 
	}
h1#title a{border:none;
color:#fff !important;}
p#title{font-size:16px; 
font-weight:bold;
margin:8px 0 0 0 !important;
padding auto;
height:50px;
}
p#title a{border:none;
color:#fff !important;}


h1 {
	margin-bottom: 10px;
	font-size: 240%;
        line-height: 150%
}


blockquote{
  border-left:5px solid #ddd;
    background: #eee;
    padding: 20px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
}

a {
text-decoration: none;
color: #333;
}

/****************************************

          List

*****************************************/


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

ul ul{
	margin-left: 1em;
}

#main .post ul{list-style-type: disc;}
#main .post ul li{margin-bottom: 8px;}


/****************************************

          Link

*****************************************/

a {color: #000;
	
}

a:hover {
	color: #fe56aa;
}



/****************************************

          Layout

*****************************************/

#container,
.wrapper {
	margin: 0 auto;
	width: 1090px;}


.heder-space{width: 1040px;
	position:relative;
	margin: auto;
}


#header {
width: 100%;
margin: 0 auto;
}
	
	#header .alignleft,
	#header .alignright{
		margin-bottom: 20px;
		width: auto;}
			#header .alignright{
		width: 200px;
	}

/*
#main {
	float: left;
	width: 650px;
	font-size: 16px;
border-radius: 0 0 4px 4px;
background:white;
line-height: 1.6em;
letter-spacing: 0.1em;
padding: 10px 20px;
-moz-box-shadow: 0 0 5px #cfcfcf;
-webkit-box-shadow: 0 0 5px #CFCFCF;
}
*/

#main {
	float: left;
	width: 700px;
	line-height: 1.8;
    font-size: 113%;
border-radius: 0 0 4px 4px;
background:white;
letter-spacing: 0.1em;
padding: 10px 20px;
-moz-box-shadow: 0 0 5px #cfcfcf;
-webkit-box-shadow: 0 0 5px #CFCFCF;
}


#toppage{
	float: left;
	width: 1000px;
	font-size: 16px;
border-radius: 0 0 4px 4px;
background:white;
line-height: 1.6em;
letter-spacing: 0.1em;
padding: 10px 20px;
-moz-box-shadow: 0 0 5px #cfcfcf;
-webkit-box-shadow: 0 0 5px #CFCFCF;	
/*margin-bottom: 10px;*/
}


/*
#pagemain {
	float: left;
	width: 650px;
	font-size: 16px;
border-radius: 0 0 4px 4px;
background:white;
line-height: 1.6em;
letter-spacing: 0.1em;
padding: 10px 20px;
-moz-box-shadow: 0 0 5px #cfcfcf;
-webkit-box-shadow: 0 0 5px #CFCFCF;
}
*/

#pagemain {
	float: left;
	width: 700px;
	font-size: 16px;
border-radius: 0 0 4px 4px;
background:white;
line-height: 1.6em;
letter-spacing: 0.1em;
padding: 10px 20px;
-moz-box-shadow: 0 0 5px #cfcfcf;
-webkit-box-shadow: 0 0 5px #CFCFCF;
}



/*
#index_main{
float: left;
	width: 650px;
	font-size: 16px;
line-height: 1.6em;
letter-spacing: 0.1em;
}
*/

#index_main{
float: left;
	width: 700px;
	font-size: 16px;
line-height: 1.6em;
letter-spacing: 0.1em;
margin-top: 10px;
}


#index_main .post{border-radius: 0 0 4px 4px;
background:white;
-moz-box-shadow: 0 0 5px #cfcfcf;
-webkit-box-shadow: 0 0 5px #CFCFCF;
padding: 10px 20px;
margin-bottom: 20px;}

/*
#main h1{ font-size: 24px;
margin-bottom: 5px;
margin-top: 3px;
line-height: 1.3;
font-weight: bold;
padding-bottom: 10px;
 }
 */


#main h1{ font-size: 32px;
margin-bottom: 5px;
margin-top: 3px;
line-height: 1.3;
font-weight: bold;
padding-bottom: 10px;
color: #4d4d4d;
 }


#main a{color: #0053F9; font-weight: bold;
}

#main a:hover{text-decoration: underline;
}
 
#main h2{
clear: both;
font-size: 22px;
font-weight: bold;
padding: 5px 12px 3px;
margin: 0 0 22px !important;
background: #FAF7EA;
border-radius: 3px;

}

#main h3{clear: both;
padding-left: 7px;
border-left: 4px solid #F3EFDA;
font-size: 18px;
font-weight: bold;
margin: 0 0 22px;
}

#sidebar,#sidebar_index {
	float: right;
	width: 300px;
	margin-top: 10px;
}

/*#sidebar_index{margin-top:10px;}*/

#sidebar .widget,#sidebar_index .widget{padding:0 20px 0 20px;}


#sidebar,#sidebar_index{background: white;
-moz-box-shadow: 0 0 5px #cfcfcf;
-webkit-box-shadow: 0 0 5px #CFCFCF;
}

#main,#pagemain
{margin-left: 20px;
margin-right:20px; 
margin-top:10px;

}
#main,#pagemain,#sidebar{
margin-bottom: 59px;
	border-bottom: 1px solid transparent;
}

#footer {
	clear: both;
	background: #555;
	color: #fff;
}


/****************************************

          header

*****************************************/

*:first-child+html #header > div{ /* IE7 */
	clear: both;
	zoom:1;
}



#logo a{
	border: none;
}

#description {
	margin-top: 0;
	color: #777;
}

#searchform{
	position: relative;
	margin-top: 45px;
}
	#s{
		padding: 6px 20% 6px 5%;
		width: 75%;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px; 
		font-size: 10px;
	}
	#searchsubmit{
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		height: 26px;
		border: none;
		background: url(images/search.png) no-repeat 50% 50%;
	}


/*
.header-inner{
height: 40px; 
background-color: #ffffff; 
border-top:3px solid #414141;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;
}
*/

.header-inner{
height: 50px; 
    background-color: #03a9f4;
    border-color: #03a9f4;
margin-right: auto;
    margin-left: auto;
}

/****************************************

          Navigation

*****************************************/

#header .menu{
width: 1040px;
margin: 0 auto;

	position: relative;
	bottom: -1px;
	clear: both;
	margin-bottom: 10px;
}
	#header div.menu > ul,
	#header ul.menu{
		border-left: 1px solid #ddd;
	}
	
	#header div.menu > ul > li,
	#header ul.menu > li{
		float: left;
	}

	#header .menu li{
		position: relative;
		border-top: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
		#header .menu li a{
			display: block;
			padding: .5em 1em;
			border-bottom: none;
		}
		#header div.menu > ul > li.current_page_item,
		#header ul.menu > li.current_page_item{
			border-bottom: 1px solid #fff;
		}

		#header ul.sub-menu,
		#header ul.children{
			position: absolute;
			left:-1px;
			display: none;
			margin-left: 0;
			width: auto;
			width: 150px;
			border: 1px solid #ddd;
			background: #eee;
		}
			#header .sub-menu li,
			#header .children li{
				position: relative;
				border: none;
			}

			#header ul.sub-menu ul,
			#header ul.children ul {
				top:-1px;
				left:150px;
			}
				#header .menu li:hover > ul{
					display: block;
				}


/****************************************

          header image

*****************************************/

#header-image{
	margin-bottom: 40px;
}


/****************************************

          Breadcrumb

*****************************************/

#breadcrumb{
	width: 1090px;
margin: 0 auto;
margin-bottom: 10px;
}
#breadcrumb li{
	float: left;
	margin-right: .5em;
}


/****************************************

          Main

*****************************************/

#main .post,
#main .page{
	overflow: hidden;
	margin-bottom: 59px;
	border-bottom: 1px solid transparent;
}

#main .post p{    font-size: 16px;
    line-height: 1.8;
    margin: 0 0 1.8em;
}

.sticky{
	/* 先頭固定ポストのスタイル */
}

.post-meta{
	margin-bottom: 1.5em;
}
	.post-meta .post-date,
	.post-meta .category{
		padding-right: 1em;
		font-size: 14px;

	}
	.comment-num{ white-space: nowrap; }

.more-link{
	float: right;
}

.navigation{
	overflow: hidden;
	margin-bottom: 40px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: url(images/gray.gif) repeat-y 50% 0;
}
	.navigation > div{
		width: 50%;
	}

	.navigation .alignright{
		text-align: right;
	}

	.navigation a{
		display: block;
		padding: 1em;
		border: none;
	}
		.navigation a:hover{
			background: #ffeff7;
			color: #000;
		}
			.navigation .alignright a:hover{
				border-left: 1px solid #ddd;
			}

.footer-post-meta{
	margin-top: 40px;
	text-align: right;
}
	.post-author{ padding-left: 1em; }

.page-link{
	margin: 3em 0;
}
.comment-page-link{
	margin: 0 0 3em;
}

	.page-link span,
	.comment-page-link span,
	.comment-page-link a{
		display: inline-block;
		margin-right: 3px;
		padding: 5px 8px;
		border: 1px solid #ddd;
		background: #ddd;
	}
		.page-link a span,
		.comment-page-link a{
			background: #fff;
		}
	
	.page-link a{
		border-bottom: none;
		color: #000;
	}
	
	.page-link a span:hover,
	.comment-page-link a:hover{
		background: #ffeff7;
		color: #000;
	}


/****************************************

          Comments Area

*****************************************/

#comment-area h3{
	font-size: 150%;
	font-family: 'Josefin Sans', sans-serif;
}

.required{ color: #fe56aa;}

.commets-list,
.trackback-list{
	overflow: hidden;
	margin-top: -20px;
	margin-bottom: 40px;
}
	.commets-list li,
	.trackback-list li{
		overflow: hidden;
		margin-top: -1px;
		padding: 20px 0 0;
		width: 100%;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid transparent;
	}
		.commets-list .avatar{
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;
		}

		.comment-meta,
		.reply,
		.comment-notes,
		.form-allowed-tags,
		span.small{
			font-size: 80%;
		}

		.comment-body p{
			clear: both;
		}
		.reply{
			text-align: right;
		}

.bypostauthor{
	/* 記事投稿者のコメントのスタイル */
}

.children{
	padding-left: 2em;
}

#respond{
	margin-bottom: 40px;
}

/****************************************

          index.php Main

*****************************************/

.content-box{
	float: right;
	margin-top: -0.25em;
	width: 420px;
}
	.content-box .more-link{
		margin: 0;
	}

.thumbnail-box{
	float: left;
	width: 160px;
}
	.thumbnail-box img{
		width: 160px;
		height: 160px;
	}


/****************************************

          Sidebar

*****************************************/

ul.wpp-list{margin: 0!important;
padding: 0!important;}

#sidebar h2{
	margin-bottom: 10px;
	font-family: 'Josefin Sans', sans-serif;
}
.widget{
	margin-bottom: 60px;
}

#sidebar .widget ul{
	padding-left: 1.5em;
	list-style-position: outside;
	list-style-type: disc;
}

#sidebar-recent-posts li,
#sidebar-popular-posts li{
	margin:20px 0;
}

.sidebar-thumbnail-box{
	float: left;
	width: 75px;
}

.sidebar-recent-posts-title{
	float: right;
	width: 165px;
}
	#sidebar-recent-posts h3,
	#sidebar-recent-posts p,
	#sidebar-popular-posts h3,
	#sidebar-popular-posts p{
		margin: 0;
	}

.tagcloud a{
	white-space: nowrap;
}


/****************************************

          Footer

*****************************************/

#copyright{
	padding: 20px 0;
	font-size: 80%;
}


/****************************************

          Form

*****************************************/

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {
	margin: 0;
	margin-bottom: 20px;
	padding: 6px 4px;
	max-width: 100%;
	width: 290px;
	outline: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #eee;
	color: #777;
	vertical-align: bottom;
	font-size: 13px;
}

#comment-area input[type="text"],
#comment-area textarea{
	display: block;
}

textarea {
	overflow: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
	border: 1px solid #ff69b4;
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(255,105,180,1);
 	-moz-box-shadow: 0 0 3px rgba(255,105,180,1);
	box-shadow:  0 0 3px rgba(255,105,180,1);
 	color: #444;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	margin-bottom: 20px;
	padding: 4px 12px;
	padding: 8px 10px;
	border: 1px solid #fe56aa;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #ff89c4;
	color: #333;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .75);
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	cursor: pointer;
	/* Old browsers */
}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
	  	border: 1px solid #fe56aa;
		background: #ff89c4;
		color: #fff;
	  	text-shadow: 0 -1px rgba(0, 0, 0, .4);

	}

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		position: relative;
		top:1px;
	}


/****************************************

          WordPress Misc

*****************************************/

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	margin: 10px;
	padding-top: 4px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f3f3f3;
	text-align: center;
}

.wp-caption-text,
.gallery-caption{
	font-size: 80%;
}

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

.wp-caption-dd {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
	line-height: 17px;
}

img.alignright {
    display: inline-block;
    margin: 0 0 1em 1.5em;
}

img.alignleft {
    display: inline-block;
    margin: 0 1.5em 1em 0;
}


/****************************************

          Clearfix

*****************************************/

#container:after,
#header .menu > ul:after,
#header ul.menu:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

/* clearfix for ie7 */
#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: inline-block;
}

#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: block;
}


table.ranking{
      border: 1px #E3E3E3 solid;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.ranking th{
     border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;

    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.ranking td{
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    padding:0.3em 1em;
}

ul.socialBtn{
	padding:10px 0 0 0 !important;
	margin:10px 0 0 0!important;
}
ul.socialBottom{
	padding:0 0 10px 15px !important;
	margin:10px 0 0 0 !important;
}
ul.socialBtn li{
	float: left;
	list-style:none !important;
	margin:0 6px 0 0 !important;
	padding:0 !important;
}
li.pocket{
	width:80px;
}
li.tweet{
	width:80px;
}
li.fbLike{
	width:80px;
}
li.gPlus{
	width:75px;
}

.quot{
line-height: 1.3;
color: #666;
font-weight: bold;
font-size: 20px;
text-indent: 22px;
}
.souce{font-size: 11px;
line-height: 1.2;
color: #aaa !important;
text-align: right;
padding:2px;
}

.souce a {
position: relative;
color: #aaa;
text-decoration: none;
}

.ads_cont_up{padding-top:10px;padding-bottom:5px;border-bottom:dotted 1px #b3b3b3; border-top:dotted 1px #b3b3b3}


/*画像並べ始め*/


.part{width: 620px;
height: 175px;
background-image: url('http://padvideo.net/wordpress/wp-content/uploads/frame7.png');
padding: 10px;
margin-bottom: 10px;
}


.movie_title{
    position:relative;
    display:block;
    margin:5px 0 0 5px;
    padding:0;
    width: 600px;
    font-weight: bold;
    color: #ffffff;
line-height:1.2;
    font-size: 14px;
    }

.movie_img {
float: left;
    position:relative;
    display:block;
    margin:0;
    padding:0;
   
}

.movie_img img{ width: 200px;
    height: 170px;}
.movie_img_text {
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:1;
    text-align:center;
    padding:0px;
    margin:0;
    text-shadow:3px 3px 3px #000;
 font-weight:bold;
  color:white;
width:200px;}



.img_box {
float: left;
    position:relative;
    margin:5px 0 0 5px;
    padding:0;
   width: 60px;
    height: 60px;}


.img_box a {
    color:white;
}
.img_box img:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.img_box img.member {width: 60px;	
    height: 60px;
}


.img_kakusei{
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    padding:0;
    margin:0;
    text-shadow:3px 3px 3px #000;
  font-weight:bold;
  color:yellow;
text-align:left;
width:60px;
font-size: 13px;}

.img_plus {
    position:absolute;
      bottom: 0px;
    left:0px;
    padding:0;
    margin:0;
    text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
  font-weight:bold;
  color:yellow;
text-align:right;
width:60px;
font-size: 15px;}



.img_level {
    position:absolute;
    bottom:-20px;
    left:0px;
    text-align:center;
    padding:0px;
    margin:0;
    text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
 font-weight:normal;
  color:white;
width:60px;
font-size: 14px;}


.img_comment a:hover {
    color:blue;
}


.boxContainer {
	overflow: hidden;
	width: 620px;
	background-color:#000000;
}/*画像並べ終わり*/


/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}
 
.boxContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}

h1#title a,
p#title a{/*background:url("images/logo3.png") no-repeat;*/
white-space:nowrap;
/*text-indent:100%;*/
overflow:hidden;
width: 450px;
/*height: 28px;*/
height: 50px;
/*display: block;*/
}

.title-space{
float: left;  
/*margin-bottom: 10px;*/
height:50px;
display: block;}

h1#title a:link { text-decoration: none  }

.quot{
line-height: 1.3;
color: #666;
font-weight: bold;
font-size: 20px;
text-indent: 22px;
}
.souce{font-size: 11px;
line-height: 1.2;
color: #aaa;
}

.souce a {
position: relative;
color: #aaa;
text-decoration: none;
}

/* --------------------------------------------------
   coder Table
-------------------------------------------------- */
.coder {
    border-spacing: 0;
	
    border: 1px solid #CCC;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    box-shadow: 0 1px 1px #CCC;	
    font-size: 14px;
    margin: 10px 0 10px 0;
}
.coder th,
.coder td {
    padding:2px;
    background:#FFF;
    border-bottom:solid 1px gray;
    border-right:solid 1px gray;
    text-align: center;
}
.coder th {
    background:#e3dcd5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color:#69655c;
}

/* -----------------------
  左上角丸　最初の行の最初のセル
----------------------- */
.coder tr:first-child th:first-child,
.coder tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸　最初の行の最後のセル
----------------------- */
.coder tr:first-child th:last-child,
.coder tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  左下角丸　最後の行の最初のセル
----------------------- */
.coder tr:last-child th:first-child,
.coder tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　最後の行の最後のセル
----------------------- */
.coder tr:last-child th:last-child,
.coder tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}
/* --------------------------------------------
  thaed,tbodyを使う場合の設定
-------------------------------------------- */
.coder thead th {background:#e3dcd5;}
.coder thead+tbody th {background:#f4ede6;}
.coder tbody th {text-align:center;}/*IE*/
/* -----------------------
  左上角丸 thead内　最初の行の最初のセル
----------------------- */
.coder thead tr:first-child th:first-child,
.coder thead tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸 thead内　最初の行の最後のセル
----------------------- */
.coder thead tr:first-child th:last-child,
.coder thead tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  角丸なし　thaedの後のtbody 最初の行の最初のセル
  角丸なし　thaedの後のtbody 最初の行の最後のセル
----------------------- */
.coder thead+tbody tr:first-child th:first-child,
.coder thead+tbody tr:first-child td:first-child,
.coder thead+tbody tr:first-child th:last-child,
.coder thead+tbody tr:first-child td:last-child {
    -webkit-border-radius:0px;
       -moz-border-radius:0px;
         -o-border-radius:0px;
            border-radius:0px;
}
/* -----------------------
  左下角丸　thaedの後のtbody 最後の行の最初のセル
----------------------- */
.coder thead+tbody tr:last-child th:first-child,
.coder thead+tbody tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　thaedの後のtbody 最後の行の最後のセル
----------------------- */
.coder thead+tbody tr:last-child th:last-child,
.coder thead+tbody tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}           


.enemyname img{width: 50px; height:50px; vertical-align: middle; }
span.skillcolor{color: #f39c12; font-weight:bold;}
table.coder ul {
list-style-type: none;
}
table.coder li{
   border-bottom: 1px solid #e7e7e7;
   padding:5px 0 5px 0;
}
table.coder li.last{border-style: none;}


table.coder tr.battle_border{
border-bottom: 3px #000000 solid;
}

table.coder td.atk{font-weight: bold; 
color: #ce5a5a;}
table.coder td.def{font-weight: 
bold; color:#2715cc;}
table.coder td.hp{font-weight: bold; 
color: #43b152;}

/* --------------------------------------------------
   coder Table終わり
-------------------------------------------------- */

#pagemain h1
{font-weight: bold; font-size:120%; margin-bottom: 20px;}

#pagemain h2{margin-bottom: 20px;

}

h2.midashih2{float: left; margin-left: 10px;
}


table.pure-table{margin-bottom: 10px;}

table.pure-table ul {
list-style-type: none;
padding: 0;
margin: 0;
}
table.pure-table ul li{
   border-bottom: 1px solid #e7e7e7;
   padding:5px 0 5px 0;
}


table.pure-table li.last{border-style: none;}

table.pure-table td.turn{font-weight: bold; 
color: #ffffff;
background: #9b59b6;
text-align: center;}

table.pure-table td.atk{font-weight: bold; 
color: #ffffff;
background: #e74c3c;
text-align: center;}
table.pure-table td.def{font-weight: 
bold;
 color:#ffffff;
background: #3498db;
text-align: center;}
table.pure-table td.hp{font-weight: bold; 
color: #ffffff;
background: #1abc9c;
text-align: center;}

.socialbutton { float: left; margin: 0 0 15px 10px; }
.facebook-button{ min-width:70px; max-width:115px; }
.twitter-button{ min-width:87px; max-width:90px; }
.hatena-button{ min-width:80px; max-width:125px; margin: 0 0 0 -5px; }
.gplus-button{ min-width:50px; max-width:80px; }
.pocket-button{ min-width:60px; max-width:115px; }



table.ranking{
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.ranking th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#330000;
    background-color:#996633;
    background-image:url(../img/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.ranking td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 1em;
}

.rakuten{margin-top:30px; clear:both; margin: 0 auto;}
.quot{
line-height: 1.3;
color: #666;
font-weight: bold;
font-size: 20px;
text-indent: 22px;
}
.souce{font-size: 11px;
line-height: 1.2;
color: #aaa;
}

.souce a {
position: relative;
color: #aaa;
text-decoration: none;
text-align: right; 
margin-bottom:10px;
}
.post_box:after, .post_box .post_content:after, .columns:after, .columns-2:after, .menu:after, #comments .comment_text:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }




.make {
width: 600px;
}

#make_list {
width: 600px;
font-size: 16px;
}



#make_list dl .point {
margin: 10px 0 0 0;
}

.point.check-point{border: 2px solid #D3EDC3;background-image: url('images/accepted_48.png');background-repeat: no-repeat; background-position: 10px 10px;}
.point{clear: both;margin: 0px 10px 24px;padding: 13px 0.75em 13px 52px;border-radius: 4px;}

img.thumb.alignleft{width: 110px;height: 110px; margin-top:10px;}



#make_list dl.second {
border-bottom: 1px dotted #895E38;
padding: 10px 0;
width: 6000px;
margin-bottom:15px !important;
}
#make_list dl.second dt {
background: none repeat scroll 0 0 #999999;
color: #FFFFFF;
float: left;
font-family: Verdana,Geneva,sans-serif;
font-weight: bold;
height: 20px;
line-height: 20px;
text-align: center;
width: 20px;
margin-right:5px;
}
#make_list dl.second dd {
float: left;
width: 550px;
padding: 0 0 0 4px;
margin-bottom:5px;
line-height: 1.6;
}
.clearfix::after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}


/****************************************
 
          関連記事（Relation）
 
*****************************************/
#related-entries h3{
  font-size:24px;
}
 
#related-entries .related-entry{
  line-height:150%;
  margin-bottom:20px;
  clear: both;
}
 
#related-entries .related-entry-thumb {
  float: left;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
 
#related-entries .related-entry-content {
  margin-left: 120px;
}
 
.related-entry-title{
    margin-bottom:5px;
}
 
.related-entry-snippet{
  margin:0 0 5px 0;
}
 
.related-entry-read{
  margin:0;
  font-size:12px;
}

#footer ul{
	width: 1040px;
 }
#footer ul li{
 padding: 0;
 float: left;
 width: 33%;
 }

li#categories-2 a{color: #ffffff;}


ul#npcatch{padding: 0 !important;
list-style-type: none !important;

}

#npcatch .title{width: 155px !important;}



.twitter-tweet{margin:0 auto 0 auto;}

blockquote.twitter-tweet {
    background-color: white!important;
    border: #DDD 1px solid!important;
    border-top-color: #EEE!important;
    border-bottom-color: #BBB!important;
    bottom: auto!important;
    clear: none!important;
    clip: auto!important;
    color: #333!important;
    cursor: auto!important;
    direction: ltr!important;
    filter: !important;
    float: none!important;
    font: normal normal normal 12px/16px "Helvetica Neue",Arial,sans-serif!important;
    height: auto!important;
    left: auto!important;
    letter-spacing: normal!important;
    list-style: none!important;
    margin: 10px!important;
    marks: none!important;
    max-height: auto!important;
    max-width: 550px!important;
    min-height: 0!important;
    min-width: 0!important;
    overflow: visible!important;
    padding: 10px!important;
    page: auto!important;
    position: static!important;
    quotes: none!important;
    right: auto!important;
    -o-set-link-source: none!important;
    size: auto!important;
    text-align: left!important;
    text-decoration: none!important;
    text-indent: 0!important;
    text-overflow: clip!important;
    text-shadow: none!important;
    text-transform: none!important;
    top: auto!important;
    vertical-align: baseline!important;
    visibility: visible!important;
    white-space: normal!important;
    width: auto!important;
    word-spacing: normal!important;
    word-wrap: normal!important;
    z-index: auto!important;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15)!important;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15)!important;
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.15)!important;
    -o-box-shadow: 0 1px 3px rgba(0,0,0,0.15)!important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15)!important;
    border-radius: 5px!important;
    -webkit-opacity: 1!important;
    -moz-opacity: 1!important;
    -ms-opacity: 1!important;
    -o-opacity: 1!important;
    opacity: 1!important;
    -webkit-outline: 0!important;
    -moz-outline: 0!important;
    -ms-outline: 0!important;
    -o-outline: 0!important;
    outline: 0!important;
    -webkit-text-size-adjust: none!important;
}
blockquote.twitter-tweet p {
    margin-top: 6px!important;
    margin-bottom: 6px!important;
    font-size: 16px!important;
    font-family: Georgia,Palatino,serif!important;
    line-height: 22px!important;
}

.responsive-unit{
  max-width: 336px;
  margin-right: auto;
  margin-left: auto;
}

p.rakutenfont{clear: both;
padding-left: 7px;
border-left: 4px solid #F3EFDA;
font-size: 18px;
font-weight: bold;
margin: 0 0 22px;
}
.kanrencontent{margin: 20px 0 20px;}