charset "utf-8";

/*
Theme Name: Young Love
Theme URI: http://minimalwp.com
Description: PC、タブレット、スマートフォンと見ているデバイスに自動最適化されるレスポンシブデザインに対応したミニマルでシンプルなブログタイプのWordPressテーマです。ロゴ、メニュー、サイドバーウィジットが、管理画面から簡単にカスタマイズできますので、HTMLの知識が無くてもオリジナルサイトが作れます。
Version: 1.0
Author: Minimal WP
Author URI: http://minimalwp.com
*/

/* ************************************************ 
*	iframeをレスポンシブ対応にするスタイルシート
上記のコードをstyle.css（外観＞エディター（テーマ編集）＞スタイルシート）に追加して、
埋め込みコードを本文に貼付ける時に、
＜div class=”youtube”＞＜/div＞でiframeのコードを囲うだけです。
＜div class=”youtube”＞＜発行されるiframeのコード＞＜/div＞
↓
http://embedresponsively.com/
これにURL入力で簡単にレスポンシブへ
* ************************************************ */	
.youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
height: 100%;
}

.calender{min-height:550px;}




p.infobox {
    height: 11.5em;
    overflow: auto;
    border: 2px solid #d0ecff;
    background-color: #d0ecff;
}


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

#center_table01 {
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
	border-color: grey;
}


#center_table01{
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}

#center_table01 th{
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	font-weight: normal;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #FCF5D6;
	font-size: 12px;
}

#center_table01 td{
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	line-height: 1.4;
	font-size: 12px;
}

#center_table01 td a{
}

#center_table01 .td01{
	vertical-align: middle;
	background-color: #E5F6FA;
	    width: 25%;
}

#center_table01 .th01{
	background-color: #FFFFFF;
	width: 140px;
}




#search_table02.category_a{
	background-color: #FFFFFF;
	width: 100%;
}

#search_table02.td{
	background-color: #FFFFFF;
	width: 50%;
}

#category_c {
	background-color: #FFFFFF;
	width: 100%;
}


/* arb */
/* -------------------------------------------------- */

#arb_table01{
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	margin-bottom: 10px;
}
#arb_table01 th{
	background-color: #E5F6FA;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#arb_table01 td{
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}


/* ************************************************ 
*	botann
* ************************************************ */	

.btn_wrap01 {
text-align: center;
padding-top: 10px;
clear: both;
}




/* ************************************************ 
*	基本設定
* ************************************************ */	

body{
font:100%/1.4 "Helvetica Neue",Helvetica,Arial, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
color: #444444;

}

.haikei{
/*background: #fff1df ;　 */
/*background:url(images/bg.gif) repeat;*/
}


.haikei2{
background: #FF7B00 ;　 
/*background:url(images/bg.gif) repeat-x;*/
}


/* パンクズ */
.breadcrumbs {
    font-size: 10px;
}

/* 画像 */

img{
border:0;
padding:0px;
margin:0px
}

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

img.alignright {
padding:4px;
margin: 0 0 10px 20px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 20px 10px 0;
display: inline;
}


/* フロート */

.alignright {
float: right;
}

.alignleft {
float: left;
}

.right{
float: right;
}

.left{
float: left;
}

.clear{
clear:both;
}

/* 背景画像なし */
.nonback{
background:none;
margin:0;padding:0;
}

.none{
margin: 0 0 0 0px;
padding: 0 0 0 0;
}

.con2{margin:0 auto;}


/* リスト */

ol{
margin: 0 0 0 5px;
padding: 0 0 0 0;
list-style: decimal;
}

ul{
margin: 0 0 0 0;
padding: 0 0 0 16px;
list-style: disc;
}

li{
margin: 0 0 0 15px;
padding: 0 0 0 0;
}

li a{

}

li a:hover{

}


/***** アコーディオン *****/
dl.accordion {width:100%; margin:0 auto 30px; padding:0%;}
dl.accordion dt {
background:url(images/open.png) 99% center no-repeat, -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%); /* FF3.6-15 */
background:url(images/open.png) 99% center no-repeat,  -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
background-size:35px;
border: 1px solid #D2D0D0;
height:63px; 
line-height:20px; 
color:#333; 
font-weight:bold; 
cursor:pointer;
border-radius: 2px;
padding: 10px 46px 0 9px;
/*    box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
                            0 2px 2px -1px rgba(0, 0, 0, .5),
                            0 1px 0 rgba(255, 255, 255, .3) inset;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);*/
}
dl.accordion dt span{display:block; box-sizing:border-box;
　　　　 border:1px solid white;}

dl.accordion dt.open {
    background:url(images/close.png) 99% center no-repeat,-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%); /* FF3.6-15 */
    background:url(images/close.png) 99% center no-repeat,-webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
background-size:35px;
}
dl.accordion dd { background:#FFF; padding:15px 0px; line-height:1.5; display:none;}


#acMenu dt{
    display:block;
    width:60%;
    margin:0 auto;
    line-height:2em;
    text-align:center;
    border:#666 1px solid;
    cursor:pointer;

    }
#acMenu dd{
    background:#f2f2f2;
    width:100%;
    display:none;
    }


.menu:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -14px;
    content: '>';
    font-size: 14px;
    font-weight: bold;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear;
    transition: all, 0.25s, linear;
}
 
.menu.active:after {
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}




/* スタッフブログ一覧出力 */
.staffname{
font-size:16px;
border:1px solid #333;
font-weight:bold;
margin:20px 0 0 0 ;
line-height:2em;
padding:0 0 0 5%;
}
.staffblog{
font-size:12px;
line-height:2em;
padding:1%;
	background:#ecf0f6;
}
.staffimg{
width:25%;
/* height:150px;*/
float:left;
margin-right:5px;
}
.staffbox{
width:98%;
float:right;
}

.staffbox p{
font-size:12px;
line-height: 130%;
}

.staffdate{
font-size:14px;
padding:0 3% 0 0px;
text-align:left;
 overflow: hidden;  

        white-space: nowrap;  
        text-overflow: ellipsis;  
}

.staffdate1{
font-size:14px;
padding:0 3% 0 0px;
text-align:left;
 overflow: hidden;  
background:#29ABE2;
        white-space: nowrap;  
        text-overflow: ellipsis;  
}

.stafftitle{
font-size:16px;
padding:5px;
 overflow: hidden;  
     /*    white-space: nowrap;  
        text-overflow: ellipsis;  */
}
.staffcontent{
font-size:12px;
 overflow: hidden;  
        white-space: nowrap;  
        text-overflow: ellipsis;  
height:50px;
}
.staffcontent p{
font-size:12px;
}

p.readon{font-size:90%;text-align:right;padding:right:2%;}
.miru{padding:3px; font-weight:normal;}


/* ************************************************ 
*	スケジュールテーブル
* ************************************************ */	
.schedule{
	width:80%;
	line-height:1.5em;
	font-size:100%;
	border-collapse:collapse;
}
table.schedule td{border:1px solid #FFF;vertical-align:middle;color:#FFF;padding:1%;}

table.schedule td:nth-child(1){width:20%;text-align:right;}
table.schedule td:nth-child(2){width:15%;text-align:center;}
table.schedule td:nth-child(3){width:60%;text-align:center;}

.bsc{background-color:#544933;}
.adv{background-color:#ECB1B1;}
.kai{background-color:#b0afd7;}
.toku{background-color:#f3994f;}



/*タブ切り替え全体のスタイル*/
.full_content {
        max-width:auto;
		height: 400px;
        position:relative;
        margin:10px auto 0;
        clear:both;
}
.tabmenu{
        width: 33.231%;
        background:#999;
        float:left;
        list-style:none;
        padding: 11px 0px 11px;
        text-align:center;
        display:block;
        cursor: pointer;
        color:#FFF;
	font-size: 13px;
}

.tabactive{
        background:#29ABE2;
        color: #fff;
        font-weight:bold;
}

.hover {
        background:#29ABE2;
        color: #fff;
        font-weight:bold;
}

.tabmenu img:hover { opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";}

.mr01{margin-right:1px;}

.tabcontent {
        width:100%;
        margin-top:4%;
        left:0;
	position:absolute;
	background: #ecf0f6;
}

.tabcontent dl{max-width:90%; margin: 20px auto;}

.tabcontent dl dt{padding:10px 0px 10px; border-bottom: dashed 1px #29ABE2; margin-bottom:10px;}

.tab_title{margin-top: 10px; padding: 5px 20px 5px; font-weight: bold; border-bottom: 1px #999 solid;}

/* ************************************************ 
*	basicテーブル
* ************************************************ */	
.basic{
	width:100%;
	line-height:1.5em;
	font-size:100%;
	border-collapse:collapse;
	
}
table.basic th{width:10%;border:1px solid #FFF;vertical-align:middle;
	text-align:center;
	background-color:#444;
	color:#FFF;}
table.basic td{width:45%; padding:2%; border:1px solid #FFF;vertical-align:middle;
	text-align:center;
	background-color:#444;
	color:#FFF;}

.waku{border:2px solid #333;}

/* ************************************************ 
*	画像のサイズ調整
* ************************************************ */	
.two{width:45%; margin:5px 0;}
.two1{width:50%; margin:0px 0;}
.three{width:30%; margin:5px 0;}
.yonjyuu{width:25%; margin:5px 2%; padding:0;}
.six{width:60%; margin:5px 2%; padding:0;}
.seven{width:70%; margin:5px 2%; padding:0;}
.eight{width:80%; margin:5px 2%; padding:0;}


/* ************************************************ 
*	DIVのサイズ調整 CSS
* ************************************************ */	
.two1{width: 48%;
margin: 5px 1%;
padding: 0px;
float: left;}

.two{width: 48%;
margin: 5px 1%;
padding: 0px;
float: left;}

.three1{width: 31%;
margin: 5px 1%;
float: left;}

.three2{width: 62%;
margin: 5px 1%;
float: left;}

.four{width: 23%;
margin: 5px 1%;
float: left;}


/* ************************************************ 
*	全体Wrapper
* ************************************************ */	

.wrapper  , .headerwrapper{
margin: auto; 
max-width: 980px;
padding: 0px 0px;
_width: 960px;		

}

#main aside {
background-color: #f6f6f6;
}

#main h2 a {
color: #333;
}

#12 h2 { color: red; }

#blocks li {
background-color: #f8f8f8;
height: 100px;
}

/* ************************************************ 
*	TOPページの画像配置
* ************************************************ */
#topmenu{
width:48%;
float:left;
border:solid 1px #C1AA78;
margin:2px;
}

#price p{
text-align:center;
line-height:1.2em;
letter-spacing: 0.1em;
font-size:24px;
font-weight:bold ;
/*border-radius:5px;
background-color:#D7D7D7;*/
color:#e34b77;
padding:5px;
font-family:Verdana;
}

.minute{
line-height:1.8em;
letter-spacing: 0.08em;
text-align:center;
font-size:12px;
border-radius:20px;
background-color:#D7D7D7;
color:#333;

}



/* ************************************************ 
*	ヘッダー
* ************************************************ */

#header {
overflow: hidden;
/*padding-bottom: 14px;
margin-bottom: 10px;*/
/*border-bottom: 1px solid #eee;*/
/*background: url(images/bg_head.png) repeat-x 100% 0;*/
}

#header h1 {
float: left;
margin: 0;	
}

.mini{
font-size: 12px; 
padding:5px 0px 5px;
line-height:1.2em;
color:#FFF;
}

.logo {

float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}


.logo1 {

float: left;
    margin: 15px 0px 0px 0px;
    padding: 0px;
	width:29%;
}


.tele {
float:right;
width:33%;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

/* ************************************************ 
*	トップナビゲーション
* ************************************************ */	

#nav {
display:block;
padding-top: 90px;

}

#nav ul, #navside ul {
margin: 0;
list-style: none;	
background: #333;
}

ul#topnav li{
font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
font-size: 18px;
line-height:;2em
font-weight: normal;
float:left;
list-style:none;
margin: 0px 0px 0px -1px;
padding: 0px 0px 0px 0px;
color: #332828;
letter-spacing: 0.05em;
min-width:150px;
background:#e53c50;
border-left:1px solid #eee;
border-right:1px solid #eee;
}

/*ul#topnav li a.downlink:hover {
position: relative;
left: 2px;
top: 1px;
}*/

ul#topnav li a{
color:#FFF;
text-decoration:none;
padding:3px 15px;

}

/*ul#topnav li :hover{
color:#867888;
background: #ddd;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}*/

ul#topnav li a:hover{
/*color:#867888;*/
font-weight:bold;
/*background: #ddd;*/
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

ul#topnav .current_page_item a {
color:#867888;
background: #f5f5f5;
text-decoration:none;
}
ul#topnav .current-menu-item a {
color:#867888;
/*background: #FF3366;*/
text-decoration:none;
}
ul#topnav .current-post-ancestor a {
color:#867888;
background: #f5f5f5;
text-decoration:none;
}


/* ************************************************ 
*	スライド
* ************************************************ */	

.cycle-slideshow{
margin:0 0 30px 0;
overflow: hidden;
}


/* ************************************************ 
*	メイン（本文）コンテンツ
* ************************************************ */	

#main {
margin:0 0 0 0;
padding: 0 0 0 0;

}


#main h1 {
    font-size: 150%;
    color: #333;
    border-bottom: 2px solid #333;
    border-color: #333;
    display: block;
    padding: 0px 10px 0px 10px;
    margin-bottom: 20px;
line-height: 1.5em;
}

#main h2 {

color: #29ABE2;
font-size: 140%;
line-height: 1.6em;
text-align: left;
}

#main h3 {
    font-size: 110%;
    color: #444444;
line-height: 1.8em;
}

#main h3　a {
    font-size: 110%;
    color: #333;
line-height: 1.8em;
}

/* ブログ記事部分 */	

p {
font-size: 110%; 
line-height: 180%;
padding: 5px 10px 10px 1em;
}

p a {
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
    color: #4DB1BD;
    text-decoration: underlin;
	
}

p a:hover {

}

p a:active, a:focus {
outline: 0;
}

.pagetitle {
/* font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif; */
margin: 15px 0 0 0;
padding: 0px 10px 0px 0px;
font-size: 20px;
font-weight: normal;
/*color: #BBB;*/
letter-spacing: 0.1em;
}


.blog-title {
/*font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif; */
font-size: 20px;
background: url() no-repeat ;
padding: 20px 0px 20px 0px;
margin: 5px 0px 20px 0px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
color: #332828;
letter-spacing: 0.03em;
}

.blog-title a {
color: #29ABE2;
}

.blog-title a:hover {

}

.subtitle {
/*font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;*/
font-weight: normal;
font-size: 11px;
border-bottom:1px dotted #eee;
padding: 0 0 0 0;
margin: 20px 0 10px 0;
letter-spacing: 0.1em;
color: #666;
}

blockquote{
color:#666;
border:1px dotted #eee;
margin:10px 0 10px 0;
padding:10px 20px;
}

#blog-foot {
font-size:75%;
text-align: left;
margin:50px 0 0 0;
padding: 2px 5px 2px 10px;
font-weight:normal;
color:#999;
background:#f7f7f7;
border-bottom:0px dotted #eee;
}

#next {
font-size:95%;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

#next-archives {
font-size:95%;
text-align: center;
margin-top: -50px;
padding-bottom: 30px;
}

.next-pagenavi{
text-align:center;
margin-top:10px;
}

/*************
ブログ署名
*************/
.infomation{
margin:15px 0;
min-height: 210px;
font-size: 90%;
letter-spacing: 0.15em;
line-height:150%;
}



/*からだ悩み*/
#karada{
background-image: url(images/bg2.jpg) ;
background-repeat: no-repeat;
background-size:600px 350px;
padding:0 10px 0 0;
}
#karada p{
padding:0px 5px 0px 0px;
}

#karada img{
padding:3px 5px 5px 0px;
float:right;
width:15%;
}

#karada .nayami{
font-size:25px;
font-weight:bold;
text-align: center;
color:#FFF;
padding:5px 10px 0 0;
}

#karada .click{
font-size:14px;
text-align: right;
color:#000;
padding:5px 10px 0 10px;
}

/* 関連記事 */

.similar-head {
font-family: ""Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
margin: 0 0 0 0;
padding: 0 10px 0 0px;
line-height: 30px;
font-size: 14px;
font-weight: normal;
color: #999;
letter-spacing: 0.05em;
background: url() no-repeat;
border-bottom:1px solid #eee;
}

.similar ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.similar li{
font-size:11px;
margin: 0 0 0 0;
padding: 2px 0px 2px 0px;
list-style: none;
border-bottom: 1px dotted #dedede;
}

.similar li a{
color:#999;
background: url(images/list.png) no-repeat 0 50%;
padding-left: 15px;

}

.similar li a:hover{
background-position: 3px 50%;
color:#666;
}


/* コメント欄 */

.comment-head {
font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
color: #999;
line-height: 30px;
letter-spacing: 0.1em;
margin: 0 0 0 0;
padding: 0 10px 0 0px;
background: url() no-repeat;
border-bottom:1px solid #eee;
}

.commentlist li{
list-style: none;
font-size:90%;
color:#888;
}

.commentlist {
margin: 0 0 50px 0;
padding: 0 0 0 0;
}



/* ************************************************ 
*	サイドバー
* ************************************************ */	

#sidebar {
width: 100%;
margin: 40px 0px 40px 0px;
padding: 0 0 0 0;
}

#sidebar p{
margin-bottom: 20px;
}

#sidebar h2 {
font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
font-size: 10px;
font-weight: normal;
color: #999;
letter-spacing: 0.1em;
margin: 0px 0px 10px 0px;
padding: 0 0 0 0;
border-bottom:1px solid #eee;
}

.sidebar-title {
    font-size: 16px;
    font-weight: normal;
font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
color: #FFF;
text-align: center;
padding: 5px 10px;
margin-top: 2px;
background-color: #29ABE2;
}

#sidebar h3 {
font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
font-size: 12px;
font-weight: normal;
color: #999;
line-height: 30px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom:0px solid #eee;
}

#sidebar ul{
margin: 0 0 0 0;
padding: 0 0 0 16px;
}

#sidebar li{
font-size: 13px;
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style: none;
border-bottom: 1px solid #D7D7D7;
}

#sidebar li a{
display: block;
background: url(images/list.png) no-repeat 0 50%;
padding-left:15px;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

#sidebar li a:hover{background-position: 3px 50%;}


/* 階層表示 */

#sidebar ul.children{
margin-bottom: -6px;
display: block;
padding: 5px 0 0 0;
}

#sidebar ul.children li{
padding-left: 15px;
padding-top: 5px;
border-top: 1px dotted #eee;
}


/* ************************************************ 
*	フッターエリア
* ************************************************ */	

#footer {
margin: 0 0 0 0;
font-size:12px;
padding: 0 0 0 0;
/*border-top: 4px solid #632222;*/	
background-color: #29ABE2;
/*background-color: #FFF;*/	
}

.footerwrapper{
margin: auto; 
max-width: 980px;
font-size:12.5px;
padding: 25px 25px 0 25px;
color:#FFF;
font-weight:bold;
}


#sociallink {
text-align:center;
position: relative;
margin: 0 auto 10px auto;
padding: 0 0 0 0;
}

#copyright {
font-size:12px;
color:#FFF;
text-align:center;
position: relative;
margin: 10px 0 0 0;
padding: 0 0 0 0;
background-color: #000;
}

/* フッター共通 */

.box{
float: left;
width: 25%;
padding: 0px 1% 0px 1%;
line-height: 1.6em;
color:#FFF;
font-weight:bold;
}

/*.box a{color:#FFF;} */

.box img{
padding: 0px 0px 10px 0px;
width:65%;
}
.box ul{color:#FFF;}
.box ul a{color:#FFF;}

.last{margin-right:0;width:29%;}

/* ************************************************ 
*	ウィジット
* ************************************************ */	

.widget{
margin: 0 0 30px 0;
}

.widget_recent_entries li a,
.widget_archive li a,
.widget_categories li a,
.widget_nav_menu li a{
margin: 0 0 0 0px;
background: url(images/list.png) no-repeat 0 50%;
padding-left: 10px;
}

.textwidget{
font-size: 13px;
color: #444;
line-height:170%;
margin: 0 0 30px 0;
padding: 5px 0 0 0;
}


#topbox{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#topbox ul{
floate:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#topbox li{
floate:left;
margin: 0 0 0 0;
padding: 3px 0px 2px 0px;
list-style: none;
border-bottom:1px dotted #ddd;
}

#topbox li a{
font-size:12px;

margin: 0 0 0 0;
padding: 3px 0px 2px 10px;
list-style: none;
background: url(images/list.png) no-repeat 0 50%;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

#topbox li a:hover{

}

#topbox h2{
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom: 0px dotted #fff;
}

#topbox h3{
margin: 0 0 0 0;
padding: 0 0 0 0;
border-top: 0px dotted #fff;
border-bottom: 0px dotted #fff;
}

#topbox h4{
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom: 0px dotted #fff;
}

.top-title {
font-family: "Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
font-size: 16px;
font-weight:normal;
letter-spacing: 0.05em;
font-style:normal;
padding: 0px 0px 3px 0px;
margin: 0px 0px 10px 0px;
border-bottom: 0px solid #ccc;
color: #999;
}

#sidebox{
color:#666;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
}

#sidebox ul{

margin: 0 0 0 0;
padding: 0 0 0 16px;
}

#sidebox li{
font-size: 14px;

list-style: none;
margin: 0 0 0 0;
padding: 6px 0 5px 0px;
}

#sidebox li a{

list-style: none;
}

#sidebox li a:hover{

}

#sidebox h2{
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom: 0px dotted #222;
}

#sidebox h3{
margin: 0 0 0 0;
padding: 0 0 0 0;
border-top: 0px dotted #222;
border-bottom: 0px dotted #222;
}


#sidebox img{
margin: 8px 0 0 0;
}

#sidebox h4{
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom: 0px dotted #222;
}

.footer-widget-title{
font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
font-size:14px;
font-weight:bold;
color: #999;
margin: 0 0px 10px 0px;
}


.widget ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.widget li{
font-size:88%;
list-style: none;
}

.widget li a{

display: block;
}

.widget li a:hover{

}


/* ************************************************ 
*	検索フォーム
* ************************************************ */

.search fieldset {
margin: -20px 0 20px -20px;
border: 0px solid #eee;
}

.search input {
font: 11px arial, sans-serif; 
color: #c0c0c0; 
width:80%;
padding: 5px 5px; 
vertical-align: middle;
border: none; 
background: none; 
}

.search button {
width: 15px; 
height: 15px; 
cursor: pointer; 
vertical-align: middle;
border: none; 
background: url(images/search.png) no-repeat; 
}



/* ************************************************ 
*	文字サイズ
* ************************************************ */

.moji100px {font-size: 100px;line-height: 170%;}
.moji90px {font-size: 90px;line-height: 170%;}
.moji80px {font-size: 80px;line-height: 170%;}
.moji70px {font-size: 70px;line-height: 170%;}
.moji60px {font-size: 60px;line-height: 170%;}
.moji50px {font-size: 50px;line-height: 170%;}
.moji40px {font-size: 40px;line-height: 170%;}
.moji30px {font-size: 30px;line-height: 170%;}
.moji29px {font-size: 29px;line-height: 170%;}
.moji28px {font-size: 28px;line-height: 170%;}
.moji27px {font-size: 27px;line-height: 170%;}
.moji26px {font-size: 26px;line-height: 170%;}
.moji25px {font-size: 25px;line-height: 170%;}
.moji24px {font-size: 24px;line-height: 170%;}
.moji23px {font-size: 23px;line-height: 170%;}
.moji22px {font-size: 22px;line-height: 170%;}
.moji21px {font-size: 21px;line-height: 170%;}
.moji20px {font-size: 20px;line-height: 170%;}
.moji19px {font-size: 19px;line-height: 170%;}
.moji18px {font-size: 18px;line-height: 170%;}
.moji17px {font-size: 17px;line-height: 170%;}
.moji16px {font-size: 16px;line-height: 170%;}
.moji15px {font-size: 15px;line-height: 170%;}
.moji14px {font-size: 14px;line-height: 170%;}
.moji13px {font-size: 13px;line-height: 170%;}
.moji12px {font-size: 12px;line-height: 170%;}
.moji11px {font-size: 11px;line-height: 170%;}
.moji10px {font-size: 10px;line-height: 150%;}
.moji9px {font-size: 9px;line-height: 370%;}

.mincho {
font-family:'century','Times New Roman','Baskerville','Optima','Palatino','Georgia','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
}

.bold {
font-weight: bolder;
}

.italic {
font-style: italic; 
}



/* ************************************************ 
*	テーブル
* ************************************************ */

/*
table {
width:100%;
border: 1px solid #000;
border-collapse: collapse;
border-spacing: 0;
margin: 0 0 0 0;
padding: 0 0 0 0;

}

table tr{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

table td{
text-align: left;
vertical-align: top;
line-height: 170%;

margin: 0 0 0 0;
padding: -10px;
border-left: 0px dotted #CCCCCC;
}
*/



/* プラン表風 */

table#plan {
width: 100%;
margin:10px 0 0 0;
padding:0 0px;
border: 1px #999 solid;
border-collapse: collapse;
border-spacing: 0;
}

table#plan th {
font-size: 11px;
font-weight: bold;
text-align: center;
padding: 10px;
border: 1px #999 solid;
border-width: 0 0 1px 1px;
white-space: nowrap; 
vertical-align: middle;
background-color:#ddd;
}

table#plan td {
font-size: 13px;
text-align: center;
padding: 10px;
border: 1px #999 solid;
border-width: 0 0 1px 1px;
white-space: normal;
vertical-align: middle;
}


/* フローチャート風 */

table#flow {
width: 100%;
margin:0 0 0 0;
padding:0 0 0 0;
border: 0px #CCC solid;
border-collapse: collapse;
border-spacing: 0;
}

table#flow th {
font-size: 13px;
font-weight: bold;
text-align: left;
padding: 10px 0px;
border: 0px #CCC solid;
border-bottom: 1px #CCC solid;
white-space: normal;
vertical-align: middle;
}

table#flow td {
font-size: 13px;
text-align: left;
padding: 10px;
border-bottom: 1px #CCC solid;
white-space: normal;
vertical-align: middle;
}


/* コンタクトフォーム用 */

table#contact {
font-size: 100%;
width: 600px;
color: #444;
margin: 10px auto 0 auto;

background-color: #FFEFCC;
border: 4px double #CC6833;
padding: 10px;
text-align: center;
}

table#contact th {
font-weight: bold;
width: 25%;
line-height: 120%;
text-align: left;
padding: 5px;
white-space: nowrap; 
vertical-align:middle;
background-color:#CC6833;
color:#FFF;
border-bottom:1px solid #333;
}

table#contact td {
width: 75%;
text-align: left;
padding: 5px;
white-space: normal;
vertical-align: middle;
border-bottom:1px solid #333;
}
.con{text-align:center;}

/* ************************************************ 
*	ライン
* ************************************************ */

.line-dotted {
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom:1px dotted #CCC;
}

.line-solid {
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom:1px solid #CCC;
}

.line-footmenu {
margin: 0 0 5px 0;
padding: 0 0 3px 0;
border-bottom:1px dotted #CCC;
}



/* ************************************************ 
*	画像装飾
* ************************************************ */

.pict_right {
margin:0 0 10px 20px; 
padding: 2px 2px 2px 2px; 
float: right;
border: 1px solid #DCDCDC;
}

.pict_left {
margin:0 10px 10px 0; 
padding: 2px 2px 2px 2px; 
float: left;
border: 1px solid #DCDCDC;
}

.pict1px{
margin: 0 0 5px 0; 
padding: 2px 2px 2px 2px; 
border: 1px solid #CCC;
}

.pict_shadow{
background: #fff;
margin: 0px auto;
border: 1px solid #ccc;
padding: 5px 5px 5px 5px;
border-radius: 1px; /* CSS3 */
 -webkit-border-radius: 1px; /* Firefox */
 -moz-border-radius: 1px; /* Safari,Chrome */
box-shadow: 2px 2px 3px #C0C0C0;
}



/* ************************************************ 
*	角丸
* ************************************************ */

.border-radius{
border-radius: 5px; /* CSS3 */
 -webkit-border-radius: 5px; /* Firefox */
 -moz-border-radius: 5px; /* Safari,Chrome */
}



/* ************************************************ 
*	ボックスシャドウ・テキストシャドウ
* ************************************************ */

.box-shadow{
box-shadow: 2px 2px 3px #ccc; /* CSS3 */
 -webkit-box-shadow: 2px 2px 3px #ccc; /* Safari,Chrome */
 -moz-box-shadow: 2px 2px 3px #ccc; /* Firefox */
}

.box-shadow2{
box-shadow: 1px 2px 5px #ccc; /* CSS3 */
 -webkit-box-shadow: 1px 2px 5px #ccc; /* Safari,Chrome */
 -moz-box-shadow: 1px 2px 5px #ccc; /* Firefox */
}

.text-shadow{
text-shadow: 1px 1px 3px #DEDEDE; /* CSS3 */
 -webkit-text-shadow: 1px 1px 3px #DEDEDE; /* Safari,Chrome */
 -moz-text-shadow: 1px 1px 3px #DEDEDE; /* Firefox */
}

/* ************************************************ 
*	コース料金ページ
* ************************************************ */
#course{
width:100%;
}

#course p{
font-size:12px;
}

#course .gazou img{
float:left;
width:40%;
}
.setumei{
float:right;
width:55%;
}
.setumei h3{
margin-top:0px;}
.ryoukin2{
width:100%;
}

/* ************************************************ 
*	.slicknav
* ************************************************ */
.slicknav_menu {
display:none;
}

ul#menu{
margin: 15px 0px 15px 0px;
padding:0 0 0 0;

}

ul#menu li{float:left;list-style:none; margin:0; 
}

ul#menu a{
display: block;
}
/* ************************************************ 
*	CSS3ボタン
* ************************************************ */

.bt-more a {
font-size: 9px;
font-weight: normal;
color: #333;
text-align: center;
text-decoration: none;
text-shadow: 0px -1px 0px #fff;
width: 50px;
float: left;
display: block;
padding: 0 0 0 0;
margin: 10px 0 0 0;
border: 1px solid #ccc;
border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
background-color: #eee;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ddd),color-stop(.75, #eee),color-stop(1, #ddd));
background: -moz-linear-gradient(#ddd, #eee 75%, #ddd);
}

.bt-more a:hover {
background-color: #fff;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eee),color-stop(.75, #fff),color-stop(1, #eee));
background: -moz-linear-gradient(#eee, #fff 75%, #eee);
}

.bt-more a:active {
background-color: #999;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #999),color-stop(.75, #ccc),color-stop(1, #999));
background: -moz-linear-gradient(#999, #ccc 75%, #999);
}

.bt_download{
font-size: 13px;
color: white !important;
background-color: #34AB81;
background-repeat: repeat-x;
background-image:-webkit-linear-gradient(top, #00ba51, #008d3e);
background-image:-moz-linear-gradient(center top, #00ba51, #008d3e);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ba51', endColorstr='#008d3e', GradientType=0);
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
border-color: #66d697 #57A957 #3D773D;
padding: 10px 15px;
border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
}

.bt_download:hover{
background: #00ba51;
border-color: #66d697 #57A957 #3D773D;
}

.none{
margin: 0 0 0 0px;
padding: 0 0 0 0;
}


table.company{width:100%;}
table.company th{font-size:13px; width:35%;}
.box{width:25%;}
#karada{background-size:280px 163px;}

table#plan th {padding: 3px;}
.koe{width:30%;}
.topniku {width:100%;display:block;}
.mobile_logo{    margin: 0px auto;
   float: none;
    display: block;
padding: 0px;}

.put{width:33%;margin:0;float:left;}

.taberu {color:#666; background-color: #FAF8F5;border: 3px solid #EEECE4; border-top:#E0DCCC solid 2px;border-bottom:#E0DCCC solid 2px; 
margin:2% 0 1% 0;line-height: 115%;}
.taberu h2{border:none; background:none; font-weight:bold; font-size:105%;line-height: 1.5em;}
.taberuimg {width:33%;float:right; margin:0 0 1% 1%; padding:0;}
.taberu1pin{color:#E64C30;font-weight:bold;padding:0% 1% 3% 1% ;margin:0;}
}






/*目次機能　センター表示
----------------------------------------------------*/

#toc_container {
  margin-left: auto;
  margin-right: auto;
}

#toc_container {
  display: block;
}




/* -------------------------------------------------- */
/* file   : 検索部分                                 */
/*                            */
/* -------------------------------------------------- */

#search .main_inner01{
	position: relative;
}
#search #img_tasuppi{
	position: absolute;
	left: 445px;
	top: 0px;
}

#search #search_table01{
	border: 1px solid;
	margin-bottom: 25px;
	width: 100%;
}
#search #search_table01 th{
	font-weight: normal;
	border: 1px solid;
	font-size: 14px;
	color: #666;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 85px;
	padding-left: 10px;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
#search #search_table01 th{
	font-weight: normal;
	border-bottom: 1px solid #666;
	font-size: 14px;
	color: #0F557B;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 20%;
	padding-left: 10px;
}
}




#search #search_table01 th p{
	background-image: url(https://www.okaben.or.jp/wordpress/search/img/icon01.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 14px;
}
#search #search_table01 td{
	border-bottom: 1px solid #666;
	padding-top: 8px;
	padding-bottom: 8px;
}
#search #search_table01 #search_table02 td{
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-style: none;
	color: #0F557B;
}

#search #search_table01 #search_table02 .category_a td{
	padding-top: 10px;
	font-weight: bold;
	border-bottom: 1px solid #000;
}
#search .color_text01{
	color: #FF0000;
}
	

	
/* 詳細 */
/* -------------------------------------------------- */

#search #search_table01 td span{
	color: #1787A7;
	margin-right: 5px;
}
#search #detail_text01{
	margin-bottom: 20px;
	padding-left: 10px;
}
#search .detail_content01{

	background-repeat: repeat-y;

	padding-right: 24px;
	padding-left: 0px;
	padding-bottom: 10px;
}
#search .detail_content01_l{
	float: left;
	width: 116px;
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
	
.detail_content01_r{

	width: 100%;
}
}


#search .detail_content01_r{

}


#search .detail_content01_r .text01{
	font-size: 15px;
	font-weight: bold;
	color: #238EAE;
}
#search .detail_table01{
	width: 100%;
}
#search .detail_table01 th{
	background-image: url(https://www.okaben.or.jp/wordpress/search/img/icon02.gif);
	background-repeat: no-repeat;
	background-position: 4px 13px;
	width: 71px;
	padding-left: 17px;
	border-bottom: 1px dotted #C8C8C8;
	font-weight: normal;
	padding-top: 6px;
	padding-bottom: 4px;
}
#search .detail_table01 td{
	border-bottom: 1px dotted #C8C8C8;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-right: 5px;
}

#search #detail_wrap01 dt{
	margin-bottom: 10px;
}
#search #detail_wrap01 dt a{
	color: #238EAE;
    font-size: 15px;
    font-weight: bold;
}
#search #detail_wrap01 dd{
}
	
	
#search #search_table02 th {
    border: 1px solid #333;
    padding: 0.75em 0.5em;
}
	
#search #search_table02 td {
    border: 0px solid #333;
    padding: 0.75em 0.2em;
}

	
#search #category_a tr {
    border: 0px solid #333;
    padding: 0.75em 0.5em;
}