@charset "utf-8";
/*
Theme Name: Kid Bunkyo
Author: hashimoto
Template: bunkyo
*/
@import url('../bunkyo/bootstrap.css');
@import url('../bunkyo/style.css');

*{margin:0;padding:0;}

body{
font: 14px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
background: #ffffff url(../bunkyo/images/content_wrapper.jpg) repeat-x center top;
}


a{color:#d44b00;text-decoration:none;}
a:hover{color:#f35600;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}

.clearspace {
clear:both;
height: 50px;
}

.clearspace02 {
clear:both;
height: 25px;
}

.clearspace03 {
clear:both;
height: 10px;
}


/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 0;
width: 980px;
}

/*************
/* ヘッダー
*************/
#header{
height: 150px;
}

#header h1 {
padding: 0px 0 0px;
font-size: 12px;
font-weight: normal;
color:#ffffff;
}


/*************
/* トップナビゲーション
*************/
#topnav {
	width: 980px;
	margin:0 0 10px 0;
	height: 57px;
	clear: both;
} 

#topnav li {
	display: inline;
	font-size:16px;
}
  
#topnav li a {
	color: #FFFFFF;
	text-decoration: none;	
	display: block;
	float: left;
	height: 57px;
	width: auto;
	padding:0 33px;
	line-height:3.5em;
}

#topnav li a:hover {
	color: #FFFFFF;
	background-image: url(../bunkyo/images/menu_hover.gif);
	background-repeat: repeat-x;
}



/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 680px;
padding: 0;
display: inline;
}

#main h2{
margin-bottom:15px;
padding: 0 10px 0px 18px;
line-height: 40px;
font-size: 15px;
font-weight: normal;
color: #ffffff;
background:  url(../bunkyo/images/heading.png) no-repeat;
}

#main h3 {
font-size: 14px;
line-height: 30px;
background: url(../bunkyo/images/h3.png) repeat-x  ;
padding-left: 15px;
padding-bottom: 10px;
margin-bottom:15px;
letter-spacing: 0.2em;
color: #333333;
}

#main h4 {
font-size: 14px;
padding-left: 15px;
padding-bottom: 10px;
margin-bottom:15px;
letter-spacing: 0.2em;
color:#000066;
border-bottom:1px dotted;
}

#main h5 {
font-size: 14px;
padding-left: 15px;
margin-bottom:15px;
color:#FF9900;
}

#main p {
padding: 0px 0px 20px 20px;
line-height:1.6em;
}

.main_in {
	padding:0 10px;
	}


/*slider-box*/
.slider-box{ background:url(../bunkyo/images/wrapper_slider.png) 0 0 no-repeat; height:449px; margin:5px 0 0 1px;}
.slider-title{ color:#5b5b5b !important; font-size:30px; line-height:30px; background:url(../bunkyo/images/slider_title_marker.gif) 0 7px no-repeat; margin:32px 0 0 212px; padding:0 0 0 25px; position:absolute; z-index:2121; font-family:"Times New Roman", Times, serif;}
/**/

/*slider*/
h3#slider-title {
	background:url(../bunkyo/images/smile.png) no-repeat;
	text-indent:-9999px;
	width:330px;
	height:60px;
	margin:20px 0 0 120px;
	padding:0;
	position:absolute;
	left:50%;
	}
.slcontainer { width:645px; height:346px; overflow:hidden; position: absolute; cursor:pointer; margin:87px 0 0 15px;}


.slides { position:absolute; margin:0 0 0 0;}
.slides div { position:absolute; top:0; width:645px; display:none; height:346px;}
.slides div img{ width:645px; height:346px;}

.pagination{ position:absolute; z-index:111; top:322px; margin:0 0 0 26px;}
.pagination li{ margin:0 4px 0 0;}
.pagination li, .pagination li a{ display:block; float:left; width:14px; height:14px; background:url(../bunkyo/images/slider_button.png) 0 0 no-repeat;}
.pagination li a:hover, .pagination .active{ background:url(../bunkyo/images/slider_button_act.png) 0 0 no-repeat;}
#loopedSlider .previous, #loopedSlider .next{ display:none;}




/* 画像を右に回りこみ */

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#d44b00;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

.text_center {
text-align: center;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}



/* フッター共通 */
.box{
float: left;
width: 220px;
margin: 0 10px 10px 0;
}


.last{margin-right:0;}


/* ボタン */
p.button{
text-align: center;
font-weight:bold;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background: #ffffff url(../bunkyo/images/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{color:#fff;}
p.button a:hover{color:#d44b00;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}

a.btn-radius-solid {

  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
	padding: 5px;
width: 100%;
text-align: center;
display: block;
}

a.btn-radius-solid:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
	padding: 5px;
width: 100%;
text-align: center;
display: block;
}


/* メインとフッターのリスト位置調節 */
#main ul, #main ol{margin-left: 40px;}
#footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}


/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 300px;
padding: 0;
}

.side_in {
	padding: 0 10px 0 0;
	}

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

#sidebar h3 {
margin-top: 5px;
padding: 0 10px 0 18px;
line-height: 40px;
font-size: 15px;
font-weight: normal;
color: #ffffff;
background: #d44b00 url(../bunkyo/images/heading2.png) no-repeat;
}

#sidebar ul{
margin-left: 5px;
padding: 10px 0;
}

#sidebar li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px dashed #0778cc;
}

#sidebar li a{
background: url(../bunkyo/images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}

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

.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}


#twit {
	margin: 0 0 20px 10px;
	}
	
#twit h3 {
	background-image:none;
	}



.box_img01 img{
	
	margin:0 0 10px 0;
	
	
}

/*************
/* フッター
*************/
#footer{
clear:both;
padding: 10px 0 10px;
border-top: 1px solid #d44b00;
}

#footer .inner{
overflow: hidden;
width:980px;
margin:0 auto;
text-align:center;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 292px;
}




/*************
/* ウィジェット
*************/
.textwidget img {
	padding:0;
	}
	
.textwidget p {
	padding:0 10px;
	}
	

.breadcrumb{
	padding:5px 0;
	}



.fleft {
	float:left;
	margin:0 20px 20px 0;
	}
	
.fright {
	float:right;
	margin:0 0 20px 20px;
	}
	
.fright img {
	margin:0 0 10px 0;
	}


.mb10px {
	margin-bottom:10px;
	}
	
p#m0 {
	margin:0;
	padding:0;
	font-size:12px;
	color:#000066;
	}



#ptimg {
	margin:0;
	padding:0;
	background-image:url(../bunkyo/images/pt01.jpg);
	height:200px;
	}


#info {
	margin:0 0 20px 0;
	padding:15px 0 0 0;
	border-top:1px solid #CCCCCC;
	}
	
.info {
	margin:0 10px 0 0;
	padding:0;
	float:left;
	width:330px;
	}
	
#info h3 {
	font-size:22px;
	font-weight:bold;
	background:none;
	color:#a1df6d;
	margin:0 0 10px 10px;
	padding:0;
	border-bottom:1px dotted;
	}
	
#info ul {
	list-style:none;
	margin:0;
	padding:0;
	}

#info li {
	margin:0;
	padding:0;
	border-bottom:1px solid #999999;
	line-height:1.5em;
	}

.info_in {
	margin:0;
	padding:0;
	height:200px;
	overflow:auto;
	}







#time {
	margin:0 0 20px 20px;
	padding:0;
}


#time table {
	margin:0;
	padding:0;
	border-collapse:collapse;
}
	
	
#time td {
	margin:0;
	padding:5px;
	font-size:14px;
	color:#333333;
	border:1px solid #a53d06;
	text-align:center;
	vertical-align:middle;
	}


#blog {
	margin:0 0 20px 20px;
	padding:0;
}


#blog table {
        width:100%;
	margin:0;
	padding:0;
	border-collapse:collapse;
}
	
#blog th {

        color:#ffffff;
        font-weight: bold;
	margin:0;
	padding:5px;
	font-size:14px;
	border:1px solid #a53d06;
	text-align:center;
	vertical-align:middle;
        background:#a53d06;
	}


#blog td {
	margin:0;
	padding:5px;
	font-size:14px;
	color:#333333;
	border:1px solid #a53d06;
	text-align:center;
	vertical-align:middle;
	}








#price {
	margin:0 20px 20px 20px;
	padding:0;
}


#price table {
	margin:0;
	padding:0;
	border-collapse:collapse;
}

#price th {
	margin:0;
	padding:5px;
	font-size:14px;
	color:#ffffff;
	background-color:#c55718;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #FFFFFF;
	}

#price .ri {
	text-align:right;
	}


#price td {
	margin:0;
	padding:5px;
	font-size:12px;
	color:#444444;
	text-align:left;
	vertical-align:top;
	}



#per {
	margin:0 0 20px 20px;
	padding:0;
	width:580px;
	}


#per table{
	margin:0;
	padding:0;
	border-collapse:collapse;
	background-color:#356a0b;
	}
	
#per td{
	margin:0px;
	padding:5px;
	line-height:1.5em;
	font-size:12px;
	background:#FFFFFF;
	vertical-align:top;
	border:1px solid #356a0b;
	}
	
	
#per th{
	margin:0px;
	padding:10px;
	line-height:1.8em;
	font-size:14px;
	background:#FFFFFF;
	vertical-align:top;
	text-align:center;
	color:#356a0b;
	border:1px solid #356a0b;
	}


#rec {
	margin:0 0 20px 20px;
	padding:0;
	}
	
#rec table {
	margin:0;
	padding:0;
	border-collapse:collapse;
	}
	
#rec td {
	margin:0;
	padding:5px;
	vertical-align:top;
	text-align:left;
	line-height:1.5em;
	border:1px solid #a53d06;
	font-size:14px;
	}

	
#rec th {
	margin:0;
	padding:5px;
	text-align:left;
	line-height:1.5em;
	border:1px solid #a53d06;
	font-size:14px;
	color:#FFFFFF;
	background-color:#c55718;
	}

/*-------------------------------------------------▼テキストここから-------------------------------------------------*/
.b {
	font-weight:bold;
}

.f10 {
	font-size:10px;
}

.f12 {
	font-size:12px;
}

.f14 {
	font-size:14px;
}

.f16 {
	font-size:16px;
}

.f18 {
	font-size:18px;
}

.f20 {
	font-size:20px;
}

.f22 {
	font-size:22px;
}

.f24 {
	font-size:24px;
	line-height:1.8em;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}


/* 赤色 */
.red {
	color:#cf1126;
}


/* 青色 */
.blue {
	color:#225599;
}


/* 緑色 */
.green {
	color:#70902e;
}


/* ピンク色 */
.pink {
	color:#ff88aa;
}


.spink {
    color:#f245ab;
	}



/* オレンジ色 */
.orange {
	color:#f98d00;
}


/* 黄色 */
.yellow {
	color:#ffd800;
}


/* 紫色 */
.purple {
	color:#a80a6e;
}



/* 灰色 */
.gray {
	color:#777777;
}


/* 水色 */
.lightblue {
	color:#66aadd;
}



/* 薄茶色 */
.lbrown {
	color:#ceb59f;
}


/* 茶色 */
.brown {
	color:#70372b;
}


.recruit_base{

	width:280px;
	height:100px;
	margin:20px 0 20px 0;
	padding:200px 0 0 0;
	background-image: url(/images/recruit_base.png);

}

.text_right{

text-align: right;

}

/*-------------------------------------------------▲テキストここまで-------------------------------------------------*/

.slcontainer ul {
	margin-left:0px !important;
}

.slcontainer p {
	padding:0 !important;
}

.wsp_default_skin .flex-caption {
    height:auto !important;
	width:645px !important;
}

.wsp_default_skin .flex-caption strong {
	max-width:625px;
}