/*
Theme Name: オクゴエ！renewal
Version: 1.0
Author: m.z
*/

@charset "utf-8"; 

/* reset */

a{
	color:#333; 
	text-decoration:none;
}
.post a{
color: #0b97d2;
text-decoration: underline;
}

a:hover {
	color:#C9171E;
} 

a:active {
	color: #dbd0e6;
}

html{
    overflow-y: scroll;
}

body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 100%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-family: Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	font-size: 16px;
	text-align: left;
}

textarea { font-size: 100%; }
img { vertical-align: bottom; }


iframe{
width: 560px;
height: 315px;
margin-left: 40px;
}

#podcast iframe{
margin-top: 25px;
margin-left: 0px;
}

/* ------------------------------

    以上テンプレート

------------------------------ */

body{
	font-size:62.5%;
	background:#eee;
}

p,h3  { font-size: 1.6em; } /* =14px */
li { font-size: 1.0em; } /* =14px? */
li li { font-size: 0.9em; } /* =14px? */

#container{
	width:1050px;
	margin:0 auto;
	background:url(images/bg.png) 0 0 repeat-y;
}

#header{
	width:964px;
	background:url(images/head_bg.png) 0 0 no-repeat;
	border-top:10px solid #BABABA;
	margin:0 auto;
	padding:0 28px;
}

#header h1{
	text-align:right;
	font-size:1.2em;
	padding:10px 20px 0 0;
}

#header .left{
	float:left;
	width:645px;
}

#header .left img{
	padding:45px 0 0 10px;
}

#header .left .top{
	float:left;
	width:220px;
	margin:15px 0 5px 0;
	padding:0;
}

#header .bottom{
	clear:both;
}

#header .right{
	float:right;
	width:280px;
	margin:25px 0 0 0;
}

#gnavi{
	width:964px;
	height:35px;
	background:url(images/nav_bg.jpg) 0 0 repeat-x;
	margin:20px auto 30px auto;
}



#gnavi a{
	padding:7px 30px;
	border-left:1px solid #222;
	border-right:1px solid #3c3c3c;
	color:#fff;
}



#gnavi a:hover{
	background:#000;
}


#gnavi li{
	float:left;
	list-style:none;
	font-weight:bold;
	padding:9px 0 0 0;
}

li#menu-item-34.current_page_item a,
li#menu-item-27.current_page_item a,
li#menu-item-29.current_page_item a,
li#menu-item-30.current_page_item a,
li#menu-item-31.current_page_item a{
	background:#000;
}

/* ------------------------------
    main area
------------------------------ */

#content{
	width:964px;
	margin:0 auto;
}

#main,#blog,#page{
	float:left;
	width:660px;
	border-right:1px solid #CECECE;
	padding:0 22px 0 0;
}

#blog .post{
	padding:0 0 0 20px;
}
#blog .sns,#page .sns{
	padding:15px 0;
	margin:5px 0 32px 0;
}

#blog  .sns{
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}

#blog h2{
	font-size:3.0em;
	font-weight:bold;
	line-height:1.25;
	margin:15px 0 5px 0;
}

#blog .post h3{
	color:#cc0000;
	font-size:200%!important;
	font-weight:bold;
	margin:30px 0;
	text-align:center;
}

#ui-tab{
	width:655px;
	border:1px solid #666;
	margin:30px 0 40px 0;
}

.ui-tabs-nav{
	background:url(images/archives_04.gif) 0 0 repeat-x;
	border-bottom:1px solid #666;
}

.ui-tabs-nav li+li{
	border-left:#666 solid 1px;
}

.ui-tabs-selected{
	background:#666;
}


.ui-tabs-panel .img,#main .post .img{
	float:left;
	width:145px;
}


.ui-tabs-panel ul{
	float:right;
	width:460px;
}

.ui-tabs-panel ul li{
	background:url(images/archives_03.png) 0 3px no-repeat;
	font-size:0.9em;
	padding:0 0 10px 15px;
}

.ui-tabs-nav .ui-tabs-selected a{
	color:#fff!important;
}

#ui-tab .btn{
	clear:both;
	text-align:right;
	margin:0!important;
	line-height:0!important;
}

#main .cattitle /* archive h2 */,#page .cattitle{
	width:660px;
	height:34px;
	font-size: 2.4em;
	font-weight:bold;
	background:url(images/main_midashi.png) 0 0 no-repeat;
	padding:15px 0 0 30px;
	margin:20px auto;
}

#main .catmore /* archive h3 */{
	width:660px;
	height:23px;
	font-weight:bold;
	background:url(images/archives_02.png) 0 0 no-repeat;
	padding:10px 0 0 20px;
}

#main .category_list{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:10px 0 0 0;
}

#main .category_list li{
	background:url(images/archives_03.png) 13px 14px no-repeat;
	padding:10px 0 10px 30px;
}

#main .category_list li+li{
	border-top:1px solid #ccc;
}

#main .bio{
	padding:30px 0;
}

#main .bio+.bio{
	border-top:2px solid #444;
}

#main .bio h3{
	font-size:1.6em;
	font-weight:bold;
}

#main .bio img{
	float:left;
	width:118px;
	margin:0 20px 0 0;
}

#main .bio .right{
	width:522px;
	float:left;
}

#main .bio  .right .top{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:7px 0;
	margin:7px 0;
}

#main .post .readmore{
	display: block;
	width:98px;
	height:21px;
	background:url(images/archives.png) 0 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor:pointer;
}

#main .post{
	margin:0 0 30px 0;
}

#main .post .blog_info h3,#main .post .blog_info p,#main .post p{
	float:right;
	width:490px;
}

#blog .blog_info{
	margin:25px 0 0 0;
}

#blog .blog_info p{
	margin:0!important;
}

#blog .blog_info p{
	font-size:1.2em;
	text-align:right;
}

#main .post .blog_info h3{
	line-height:1.15;
	background:url(images/top_midashibg.gif) 0 0 no-repeat;
	font-size:2.2em;
	font-weight:bold;
	padding:2px 0 8px 10px;
}

#main .post .blog_info p{
	font-size:1.2em;
	padding:0;
	margin:5px 0;
}


#main .post p,#blog .post p,#page .post p{
	line-height:1.8;
	margin:0 0 20px 0;
}

.pass_btn{
	background:url(images/pass_btn.gif) 0 0 no-repeat;
	display: block;
	width: 580px;
	height: 93px;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	cursor:pointer;
	border:none;
}

#pickup h2{
	font-weight:bold;
	font-size:1.8em;
	border-left:8px solid #000;
	padding:3px 0 3px 10px;
	margin:0 0 10px 0;
}

#pickup h3{
	font-size:1.8em;
	font-weight:bold;
	margin:10px 0;
}

#pickup .left,#pickup .left p{
	float:right!important;
	width:400px!important;
}

#pickup .img{
	float:left!important;
	width:250px!important;
}

#page .bio_writer h3{
	font-size:2.0em;
	font-weight:bold;
}

/*

#page .bio_writer{
	padding:30px 0;
}

*/

#page .bio_writer+.bio_writer{
	border-top:2px solid #444;
}

#page .bio_writer img{
	float:left;
	width:180px;
	margin:0 20px 0 0;
}

/*
#page .bio_writer .right{
	width:522px;
	float:left;
}
*/

#page .bio_writer .right .top{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:7px 0;
	margin:7px 0;
}

#page form{
	text-align:center;
}

#bio {
	margin:40px 0 20px 0;
}

.author_list{
	margin:15px 0 30px 0;
}

.author_list a{
	color:#0084b4;
}

.author_list a:hover{
	text-decoration:underline;
}

.author_list li{
	background:url(images/top_kanren02.gif) 2px 3px no-repeat;
	font-size:0.8em;
	padding:0 0 10px 15px;
}

#bio .vcard{
	float:left;
	width:100px;
}

#bio .author_content{
	float:right;
	width:520px;
	margin:40px 0 0 0;
}

.commentlist p{
	font-size:0.8em;
	margin:10px 0;
}

.nav-below{
	padding:0 0 40px 0;
}

.nav-previous a{
	background:url(images/top_next.gif) 0 0 no-repeat;
	float:left;
	display: block;
	width: 137px;
	height: 24px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.nav-next a{
	background:url(images/top_prev.gif) 0 0 no-repeat;
	display: block;
	float:right;
	width: 137px;
	height: 24px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.pagenavi{
	text-align:center;
	margin:40px 0;
}

.pagenavi a,.pagenavi span{
	margin:0 5px;
}

.pagenavi .current{
	border:1px solid #000;
	padding:5px 9px;
}

.pagenavi .larger{
	border:1px solid #000;
	background:#ccc;
	padding:5px 9px;
}

.comment-author img{
	display:none;
}

.commentlist{
	margin:15px 0 0 0;
}

#respond{
	margin:40px 0;
}

#respond h3{
	font-size:2.2em;
	font-weight:bold;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	margin:0 0 15px 0;
	padding:10px 0 10px 15px;
}

#respond p{
	font-size:1.2em;
	padding:7px 0;
}

#respond textarea{
	width:400px;
	height:70px;
	border:none;
}

#respond input[type="submit"]{
	background:url(images/top_comment.png) 0 0 no-repeat;
	display: block;
	width: 120px;
	height: 50px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	border:none;
	cursor:pointer;
	padding:0;
}

#about {
	margin:10px 0;
	padding:0 0 0 20px;
}

#about .ex{
	font-size:2.0em;
	font-weight:bold;
	text-align:center;
	margin:20px 0;
}

#about .right{
	text-align:right;
	margin:40px 0 0 0;
}

#about .btn{
	text-align:center;
	margin:40px 0 0 0;
}

#sh{
	width:618px;
	margin:0 auto;
}

#sh img{
	margin:30px 0 20px 50px;
}

#sh .midashi{
	width:608px;
	height:39px;
	font-weight:bold;
	font-size:2.2em;
	color:#fff;
	background:url(images/sh_midashi.png) 0 0 no-repeat;
	padding:3px 0 0 10px;
	margin:0 0 10px 0;
}

#sh .link{
	background:url(images/sh_02.png) 0 0 no-repeat;
	text-decoration:underline;
	padding:0 0 0 20px;
	margin:0 0 40px 0!important;
}

#side{
	float:right;
	width:263px;
	height:100%;
	/*padding:0 0 0 17px;
	border-left:1px solid #CECECE;*/
}

#side .top{
	width:261px;
	border:1px solid #ccc;
	border-top:5px solid #575757;
	text-align:center;
	padding:10px 0;
}

#side .top p{
	text-align:left;
	padding:0 15px;
}

#side .top .upper{
	letter-spacing:0.1em;
	font-size:1.3em;
	text-align:center;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}

p.xx{
	font-size:1.1em;
}

#side .top img{
	margin:10px 0 0 0;
}

#side .top input[type="text"]{
	color:#999999;
	width:235px;
	height:25px;
	font-size:1.2em;
	margin:10px 0 10px 13px;
}

#side .top .btn{
	display: block;
	width: 247px;
	height: 37px;
	cursor:pointer;
	border:none;
	background:url(images/side1_formbtn.png) 0 0 no-repeat;
	margin:0 auto 10px auto;
}

#side .middle{
	margin:15px 0;
	border:1px solid #ccc;
}

#side .middle p{
	background:#cecece;
	padding:5px 0 5px 15px;
}

#side .middle ul{
	margin:10px 0 10px 15px;
}

#side .middle ul li{
	float:left;
	padding:0 10px 0 0;
}

#side #search-3{
	border:1px solid #ccc;
	background:#cecece;
	padding:10px;
}

#side #search-3 .screen-reader-text{
	display:none;
}

#side #search-3 #s{
	float:left;
	width:190px;
	margin:3px 0 0 5px;
}

#side .textwidget,#recent-posts-3,#categories-2{
	margin:15px 0;
}

#recent-posts-3	h4,#wpp-3 h4,#categories-2 h4{
	width:248px;
	height:27px;
	background:url(images/side3_h4.png) 0 0 no-repeat;
	color:#fff;
	font-weight:bold;
	padding:4px 0 0 15px;
}

#recent-posts-3 li{
	border-bottom:1px solid #ccc;
	background:url(images/side3_02.png) 8px 8px no-repeat;
	padding:7px 25px;
}

#categories-2 li{
	border-bottom:1px solid #ccc;
	padding:7px 10px;
}

#categories-2 li:hover{
	background:#ccc;
}

#categories-2 .cat-item-12,
#categories-2 .cat-item-49,
#categories-2 .cat-item-50,
#categories-2 .cat-item-1,
#categories-2 .cat-item-65{
	background:#eee;
}

#side #search-3 #searchsubmit{
	display: block;
	float:left;
	width: 28px;
	height: 28px;
	cursor:pointer;
	background:url(images/side2_01.png) 0 0 no-repeat;
	border:none;
	margin:0 0 0 10px;
}

#container .back{
	width:690px;
	text-align:right;
	margin:30px auto 0 0 ;
}

#footer{
	width:964px;
	background:#D0D1D1;
	margin:0 auto;
	padding:40px 28px 0 28px;
}

#footer .left{
	float:left;
	width:240px;
	padding:0 0 0 30px;
}

#footer .left li{
	width:160px;
	background:#f7f7f7;
	padding:3px 0 3px 10px;
	margin:0 0 30px 0;
}

#footer .center{
	float:left;
	width:320px;
	padding:0 30px;
	border-left:1px dashed #f7f7f7;
	border-right:1px dashed #f7f7f7;
	margin:0 0 30px 0;
}

#footer .center li,#footer .right li{
	list-style-type: disc;
	font-size:0.9em;
	margin:10px 0 0 10px;
}

#footer .center h3,#footer .right h3{
	font-size:2.0em;
	font-weight:bold;
}

#footer .right{
	float:left;
	width:240px;
	padding:0 0 0 60px;
}

#footer .clear{
	clear:both;
	font-weight:bold;
	color:#696969;
	text-align:center;
}

#footer address{
	text-align:center;
	font-size:1.2em;
	margin:15px 0 0 0;
}

#footer .menu-footer-menu-container ul{
	text-align:center;
	font-size:1.1em;
	padding:10px 0 20px 0;
}

#footer .menu-footer-menu-container li{
	display:inline;
	padding:0 10px;
}


#wptouch_post{
	display:none;
}

#plusone{
	width:50px;
}

.clear{
	clear:both;
}

.waku{
	width:501px;
	height:312px;
	background:url(images/top_excerpt.png) 0 0 no-repeat;
	padding:30px;
	margin:15px auto;
}

ol {
	counter-reset:li; /*カウントリセット*/
	}
ol li {
	list-style:none; /*デフォルトナンバリングを消す*/
	position:relative; 
	padding:0;
	margin-left:25px;
	*list-style-type: decimal; /*IE7*/
	}

#wpp-3 ol li:before {
	content:counter(li); /*カウンターのインデックスを挿入*/
	counter-increment:li; /*ナンバリングを生成*/
	/* ここから番号のスタイル */
	position:absolute;
	left:-25px;
	width:17px; /*幅*/
	color:#fff; /*文字色*/
	background:url(images/list.gif) no-repeat 0px 4px; /*背景画像*/
	font-family: 'Federo', sans-serif; /*webフォント*/
	font-size:100%; /*フォントサイズ*/
	font-weight:bold;
	padding:5px 0;
	text-align:center;
	}

#wpp-3 .wpp-thumbnail{
	float:left;
	padding:0 5px 0 0;
}

#wpp-3 li{
	min-height:38px;
	padding:5px 0;
}

#under .wpp-thumbnail{
	float:left;
	padding:0 10px 0 0;
}

#under .wpp-post-title{
	float:left;
	margin:13px 0 0 0;
}

#under ol{
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;}

#under ol li{
	padding:5px 0;
}

#under ol li:even:hover{
	background:#ccc;
}

#under ol li+li{
	border-top:1px solid #ccc;
}
#under ol li:before {
	content:counter(li); /*カウンターのインデックスを挿入*/
	counter-increment:li; /*ナンバリングを生成*/
	/* ここから番号のスタイル */
	position:absolute;
	left:-25px;
	width:17px; /*幅*/
	color:#fff; /*文字色*/
	background:url(images/list2.gif) no-repeat 0px 10px; /*背景画像*/
	font-family: 'Federo', sans-serif; /*webフォント*/
	font-size:100%; /*フォントサイズ*/
	font-weight:bold;
	padding:12px 2px 4px 1px;
	text-align:center;
	}

#under .catmore{
	margin:0 0 15px 0;
}

#wpp-2 ol li{
	padding:7px 0;
}

#wpp-2{
	margin:15px 0;
}

#blog .wp-post-image{
	display:none;
}

#twitter-widget-1 .timeline-header{
	background:#000;
	color:#fff;
}

#member form{
	width:600px;
	border:1px #ccc solid;
	margin:0 0 30px 0;
}

#member  input[type="text"]{
	color:#999999;
	width:450px;
	font-size:1.6em;
	padding:5px 0;
	margin:10px 0 0 0;
}

#member p{
	text-align:center;
}

.btn_register{
	background:url(images/register_btn.png) 0 0 no-repeat;
	display: block;
	width: 419px;
	height: 85px;
	margin:10px auto 0 auto;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	cursor:pointer;
	border:none;
}

.pass_submit{
	background:url(images/submit_btn.png) 0 0 no-repeat;
	width: 63px;
	height: 26px;
	margin:0;
	overflow: hidden;
	text-indent: -9999px;
	cursor:pointer;
	border:none;
}

.ui-tabs-panel{
	background:#F8F8F8;
}

.textFocus{
	color:#333333!important;
}

.home .comment{
	font-size:1.4em;
	line-height:1.6;
}

#___plusone_0{
	width:65px!important;
}

#blog .post a{
	color:#0084b4;
}

#blog .post a:hover{
	color:#0084b4;
	text-decoration:underline;
}

.page-id-2150 #page a{
	color:#0084b4;
}

.page-id-2150 #page a:hover{
	color:#0084b4;
	text-decoration:underline;
}

.search  ol{
	margin:30px 0 0 0;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;}

.search ol li{
	padding:5px 0;
}

.search ol li:even:hover{
	background:#ccc;
}

.search ol li+li{
	border-top:1px solid #ccc;
}
.search ol li:before {
	content:counter(li); /*カウンターのインデックスを挿入*/
	counter-increment:li; /*ナンバリングを生成*/
	/* ここから番号のスタイル */
	position:absolute;
	left:-25px;
	width:17px; /*幅*/
	color:#fff; /*文字色*/
	background:url(images/list2.gif) no-repeat 0px 10px; /*背景画像*/
	font-family: 'Federo', sans-serif; /*webフォント*/
	font-size:100%; /*フォントサイズ*/
	font-weight:bold;
	padding:12px 2px 4px 1px;
	text-align:center;
	}

.error404  ol{
	margin:30px 0 0 0;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;}

.error404 ol li{
	padding:5px 0;
}

.error404 ol li:even:hover{
	background:#ccc;
}

.error404 ol li+li{
	border-top:1px solid #ccc;
}
.error404 ol li:before {
	content:counter(li); /*カウンターのインデックスを挿入*/
	counter-increment:li; /*ナンバリングを生成*/
	/* ここから番号のスタイル */
	position:absolute;
	left:-25px;
	width:17px; /*幅*/
	color:#fff; /*文字色*/
	background:url(images/list2.gif) no-repeat 0px 10px; /*背景画像*/
	font-family: 'Federo', sans-serif; /*webフォント*/
	font-size:100%; /*フォントサイズ*/
	font-weight:bold;
	padding:12px 2px 4px 1px;
	text-align:center;
	}

/* clearfix */

#header:after,
#gnavi ul:after,
#content:after,
#side .middle ul:after,
#main .bio:after,
#side #search-3:after,
#ui-tab:after,
#main .post:after,
#pickup:after,
#bio:after,
.nav-below:after,
#wpp-2 ol li:after,
#under ol li:after,
.search ol li:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html #header,* html #gnavi ul,* html #content,* html #side .middle ul,* html #main .bio,* html #side #search-3,* html #ui-tab,* html #main .post,* html #pickup,* html #bio,* html .nav-below,* html #wpp-2 ol li,* html #under ol li,* html .search ol li { zoom: 1; }
*:first-child+html #header,*:first-child+html #gnavi ul,*:first-child+html #content,*:first-child+html #side .middle ul,*:first-child+html #main .bio,*:first-child+html #side #search-3,*:first-child+html #ui-tab,*:first-child+html #main .post,*:first-child+html #pickup,*:first-child+html #bio,*:first-child+html .nav-below,*:first-child+html #wpp-2 ol li,*:first-child+html #under ol li,*:first-child+html .search ol li{ zoom: 1; }



.textwidget iframe{
margin-left: 0;
 }

.facebook iframe{
margin-left: 0;
 }


/* SNSアイコン
-------------------------------------------------------------- */

.social4in{
        width: 100%;
        padding: 10px 0 10px;
        margin: 10px 0 10px;
}

#pro_name{
        width:100%;
        font-size:200%;
        line-height: 1.7;
        margin:0px 0 30px 0;
}


/* Podcast質問フォームの囲い
-------------------------------------------------------------- */

#mail_form {
	text-align:center;
	width:500px;
	border:solid 3px #CCC;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-radius: 10px;
	padding:20px;
	margin:20px;
}
#mail_form h3{
	margin-top: 0px;
	padding-top: 0px;
}
#mail_form table{
	margin-bottom: 10px;
}
#mail_form input.input_mail{
	width: 350px;
	font-size: 18px;
}
#mail_form input:hover{
     filter:alpha(opacity=60);
     -moz-opacity: 0.6;
     opacity: 0.6;
}
#mail_form a:hover{
     filter:alpha(opacity=60);
     -moz-opacity: 0.6;
     opacity: 0.6;
}


#mail_form:after{
      content: ".";
     display: block;
     height: 1px;
     clear: both;
     visibility: hidden;
}
#mail_form{
     display:inline-block;
     /* MAC IE用　*/
     min-height:1%;
     /* IE 7用 */
}
/*--MAC IEは非適用→ \*/
* html #mail_form{
     height: 1%;
}
#mail_form{
     display: block;
}