@charset "utf-8";
@import "common.css";

/*  
Theme Name: FlagTeacher
Theme URI: http://www.toyomedia.com/
Version: 1.0
Author: 松本
Author URI: http://www.toyomedia.com/
*/

/*----------リンク色----------*/

a:link {color:#006699;}
a:visited {color:#006699;}
a:hover {color:#0099CC;}
a:active {color:#0099CC;}

/*----------レイアウト----------*/

body {
	text-align:left;
	vertical-align: top;
	color:#333333;
}
}

#bg_wrap{
}

/*----------ヘッダ_TOPバー----------*/

#header {
	margin:0;
	text-align:left;
	padding:0;
	background:url(images/header_bg.jpg) repeat-x left top;
	height: 138px;
	z-index: 0;
}


h1 {
	color:#fff;
	line-height:25px;
	background:url(images/head_line_bg.jpg) repeat-x;
	padding-left: 10px;
}


.top_contact {
	margin-left:670px;
	text-align:right;
}

.top-content-inner {
	border:1px solid #999;
	border-top:none;
}


.cont {
	padding:10px;
}

/* IE6用 */
* html .cont { 
	padding: 8px;

}




* html table  {
	width:97%;
	}



ul.top_list li{
	background:url(images/ico_arrow.jpg) left no-repeat;
	line-height: 200%;
}

ul.top_list li a {
	padding-right:10px;
}

.top_contact a.ico_mail{background:url(images/ico_mail.jpg) no-repeat left center;padding-left:20px;}
.top_contact a.ico_ques{background:url(images/ico_ques.jpg) no-repeat left center;padding-left:15px;}


.qa_l{
	width:50%;
	float:left;
}

.qa_search {
	height:20px;
	width:195px;
	float:right;
	margin-top:5px;
}


.search_text {
	display:block;
	width: 140px;
	height: 12px;
	font-size: 92%;
	line-height:1em;
	border:1px solid #999;
	background:#fff;
	float:left;
	padding:3px 5px;
}

.search_text:focus {
	background:#E2F4FA;
}	
.search_submit {
	display:block;
	width: 40px;
	height: 20px;
	background: url(images/search_button.gif) no-repeat !important;
	font-size: 0%;
	cursor: pointer;
	border: none;
	margin:0;
	padding:0;
	float:right;
}

.pdf{
	width:330px;
	line-height:1.3em;
	}

.pdf-ico{
	border:0;
	width:30px;

}
.pdf-text{
	border:0;
	width:300px;
	vertical-align: middle;

}

/*----------ナビ----------*/

#navi {
	width:964px;
	margin:0 0 18px 10px;
	text-align:left;
	height:44px;
	background:#f6f6f6 url(images/navi_bg.jpg) no-repeat;
}

#navi ul{
}

#navi li {
	float:left;
	margin-left:13px;
}

#navi li a{
	display:block;
	line-height:44px;
	text-indent:-9999px;
}

#navi li.navi_home a{width:55px;background:url(images/navi_home.jpg) no-repeat 0 0px;}
#navi li.navi_home a:hover{width:55px;background:url(images/navi_home.jpg) no-repeat 0 -44px;}
#home #navi li.navi_home a{width:55px;background:url(images/navi_home.jpg) no-repeat 0 -44px;}

#navi li.navi_sche a{width:85px;background:url(images/navi_sche.jpg) no-repeat 0 0px;}
#navi li.navi_sche a:hover{width:85px;background:url(images/navi_sche.jpg) no-repeat 0 -44px;}
#gaiyo #navi li.sche_gaiyo a{width:85px;background:url(images/navi_sche.jpg) no-repeat 0 -44px;}

#navi li.navi_kamei a{width:88px;background:url(images/navi_kamei.jpg) no-repeat 0 0px;}
#navi li.navi_kamei a:hover{width:88px;background:url(images/navi_kamei.jpg) no-repeat 0 -44px;}
#tenbo #navi li.navi_tenbo a{width:88px;background:url(images/navi_kamei.jpg) no-repeat 0 -44px;}

#navi li.navi_gakusei a{width:62px;background:url(images/navi_gaku.jpg) no-repeat 0 0;}
#navi li.navi_gakusei a:hover{width:62px;background:url(images/navi_gaku.jpg) no-repeat 0 -44px;}
#sche #navi li.navi_gakusei a{width:62px;background:url(images/navi_gaku.jpg) no-repeat 0 -44px;}

#navi li.navi_eiko a{width:75px;background:url(images/navi_eiko.jpg) no-repeat 0 0;}
#navi li.navi_eiko a:hover{width:75px;background:url(images/navi_eiko.jpg) no-repeat 0 -44px;}
#kumi #navi li.navi_eiko a{width:75px;background:url(images/navi_eiko.jpg) no-repeat 0 -44px;}

#navi li.navi_photo a{width:49px;background:url(images/navi_photo.jpg) no-repeat 0 0;}
#navi li.navi_photo a:hover{width:49px;background:url(images/navi_photo.jpg) no-repeat 0 -44px;}
#result #navi li.navi_photo a{width:49px;background:url(images/navi_photo.jpg) no-repeat 0 -44px;}

#navi li.navi_link a{width:54px;background:url(images/navi_link.jpg) no-repeat 0 0;}
#navi li.navi_link a:hover{width:54px;background:url(images/navi_link.jpg) no-repeat 0 -44px;}
#kati #navi li.navi_link a{width:54px;background:url(images/navi_link.jpg) no-repeat 0 -44px;}


/*----------コンテンツ部----------*/


/*共通*/

#cnt {
	width:960px;
	margin:0 0px 0 10px;
	text-align:left;
}


#cnt_L{
	width:670px;
	float:left; 
}


#main-content {
	padding:7px;
	background:url(images/bg_sidebox.gif) repeat;
	border-bottom:1px solid #fff;
}

#main-content-inner {
	padding:7px;
	background:#fff;
}



/*----------サイドメニュー----------*/

.bnr_space{
	margin-bottom:10px;
}

#cnt_R {
	width:275px;
	float:right;
}

#cnt_R h3 {
	font-weight:bold;
	background:0;
	padding-left:15px;
	margin-bottom:5px;
}


.side_block,
.widget {
	background:url(images/bg_sidebox.gif) repeat;
	margin-bottom:10px;
}


h2.side{
	background:url(images/rbox_ttl.jpg) no-repeat;
	width:275px;
	height:30px;
	line-height:30px;
	color:#FFFFFF;
}

h2.side2{
	background:url(images/rbox_ttl2.jpg) no-repeat;
	width:275px;
	height:30px;
	line-height:30px;
	color:#FFFFFF;
}


h2.side .text{
	margin-left:20px;
	line-height:30px;
	color:#FFFFFF;
}

h2.side2 .text{
	margin-left:20px;
	line-height:30px;
	color:#FFFFFF;
}


.side-content-inner {
	border:1px solid #999;
	border-top:none;
	padding: 10px;
}

.side-content-inner img{
	float:left;
	margin-right: 10px;
}

.side-content-inner .text{
	float:left;
	width: 140px;
}

.side-content-inner .text2{
	width: px;
}



/*ボタン*/
#execphp-4,
#execphp-5 {
	padding:0;
	background:none;
}

/*サイドボックス最後の要素に適用*/
.widget_meta{
	margin-bottom:0;
}

.side_block_inner,
.widget ul {
	padding:7px 15px;
	background:#fff;
}


#cnt_R li{
	border-bottom:1px dotted #999;
	line-height:2em;
	margin-bottom:3px;
}


#cnt_R li a:link {text-decoration:none;color:#333;}
#cnt_R li a:visited {text-decoration:none;color:#333;}
#cnt_R li a:hover {text-decoration:none;color:#0099CC;}
#cnt_R li a:active {text-decoration:nonecolor:#0099CC;}

/*最近の投稿*/
#recent-posts-3 li{line-height:1.3em;}

/*検索ウィジェット*/
input#searchsubmit{background:#f6f6f6;}

/*講師紹介ウィジェット*/

.side_teacher {
	padding-bottom:7px;
	margin-bottom:5px;
	border-bottom:1px dotted #999;
}

.side_teacher_l img{
	display:block;
}
.side_teacher_l {
	float:left;
}

.side_teacher_r {
	margin-left:70px;
}



.footer_bnr {
	text-align:center;
	clear:both;
	margin-top:15px;
}

.page_top {
	margin:0 auto;
	text-align:right;
	width:100%;
}


.top-content .ico_pagetop{
	border:0;
	width:63px;
	text-align:right;
	display: inline;
}


.page_top img {
}


#home h3 {
	background:0;
}
/*トップページ*/

h3 {
	font-weight:bold;
	background:url(images/ico_arrow2.jpg) no-repeat left center;
	padding-left:20px;
	margin-bottom:5px;
	font-size:120%;
	color:#1357A0;
}

.border-m {
	border-bottom: solid 1px #1357A0;
}

.jyosi-h3{
	font-weight:bold;
	background:url(images/ico_arrow3.jpg) no-repeat left center;
	padding-left:20px;
	margin-bottom:5px;
	font-size:120%;
	color:#FF3366;
}

.border-j {
	border-bottom: solid 1px #FF3366;
}

.block{
	width:620px;
}

#contact{
	margin-bottom: 30px;
}

#contact .inner {
	width:960px;
	margin:0 auto;
	padding:10px 0px 10px 40px;
}

#contact .inner img{
	float:left;
	margin-right: 10px;
	margin-bottom: 20px;
	
}

#contact .inner .text{
	float:left;
	
}

#contact .inner .renmei{
	font-size:110%;
	font-weight:bold;
	margin-bottom: 10px;
	
	
}

#contact .attention{
	clear:both;
}

#contact .attention .red{
	font-weight:bold;
	color: #990000;
}







#footer {
	border-top:2px solid #000000;
	background:#F6F6F6;
	text-align: center;
	font-weight: bold;
	margin-bottom: 0px;
	height: 60px;
	}

.footer_inner {
	width:960px;
	margin:0 auto;
	padding:10px 0;
	font-weight: bold;
}

.footer_left {
	width:700px;
	float:left;
	text-align:left;
}

.footer_right {
	width:200px;
	float:right;
	text-align:right;
}


#footer a:link {text-decoration:none;color:#333;}
#footer a:visited {text-decoration:none;color:#333;}
#footer a:hover {text-decoration:underline;color:#0099CC;}
#footer a:active {text-decoration:underline;color:#0099CC;}


/*----------TOP----------*/
#topflash {
	margin-bottom:10px;
}

#topblog {
	margin-bottom:10px;
	height: 104px;
	background-color: #002F73;
}

#topinfo {
	margin-bottom:20px;
	border: 1px solid #990101;
	background-color: #FFC4C4;
	padding: 10px;
}

#topinfo strong{
	color: #990101;	
}

#topinfo .tit {
	float:left;
	width: 8.5em;
	color: #990101;	
}


#topinfo .syosai {
	float:left;
	width: 60em;
	color: #990101;
}


#topcontets-block{
	width: 964px;
}


#topcontets-block ul.top_list {
	padding:0 0 0 5px ;
	margin-bottom:0
}

#topcontets-block ul.top_list li {
	padding: 0 0 0 20px;
	margin-bottom:0;
}


#topcontets-block ul.top_list li{
	background:url(images/ico_arrow.jpg) left no-repeat;
	line-height: 200%;
}

#topcontets-block ul.top_list li a {
	padding-right:5px;
}

#topnews {
	float:left;
	width: 315px;
	margin-right: 10px;
}

#topnews .top-content-inner {
	border:1px solid #999;
	border-top:none;
	padding:10px
}

#topcontets{
	float:left;
	width: 639px;
}

#topcontets .top-content-inner {
	border:1px solid #999;
	border-top:none;
	padding:10px
}

#topcontets .right{
	float:left;
	width: 315px;
	margin-bottom: 20px;
}


#topnews .top-content-inner {
	border:1px solid #999;
	border-top:none;
	padding:10px;
}

#topcontets .left{
	float:left;
	width: 315px;
	margin-right:9px;
	margin-bottom: 20px;
}


.top-content {
	border-bottom:1px solid #fff;
	margin-bottom: 10px;
}

.top-content-inner {

}


h2.com_ttl {
	padding:0 13px;
	height:30px;
	background:url(images/main_ttl.jpg) no-repeat;
	font-weight:bold;
	font-size:122%;
	line-height:30px;
	padding-left: 20px;
}


h2.com_ttl2 {
	padding:0 13px;
	height:30px;
	background:url(images/ttl.jpg) no-repeat;
	font-weight:bold;
	font-size:122%;
	line-height:30px;
	padding-left: 20px;
}


h2.com_ttl span{
	font-weight:bold;
	font-size:122%;
	color:#444;
	line-height:30px;
}




h2.com_ttl_n {
	margin-bottom:15px;
	padding:0 13px;
	height:30px;
	background:url(images/ttl_center.jpg) no-repeat;
	font-weight:bold;
	font-size:122%;
	line-height:30px;
}

ul.top_list {
	padding-left:20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

ul.top_list li {
	margin-bottom:5px;
	padding-left: 20px;
}

ul.top_list li a {
}

.posts-navigation{
	text-align:center;
	background:#0099CC;
	color:#fff;
}

.posts-navigation a:link{color:#fff; text-decoration:none;}
.posts-navigation a:visited{color:#fff; text-decoration:none;}
.posts-navigation a:hover{color:#FFFFCC; text-decoration:none;}
.posts-navigation a:active{color:#FFFFCC; text-decoration:none;}

/*セレクトボックス*/
form{}
    form .select{
	padding: 10px 20px 10px 0;
}

.dropdown{
    border:1px solid #777;
    padding: 5px;
    color: #999;
    background: #fff;
    border-radius: 5px;
     
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eee),
        to(#fff)
        );
     
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
     
    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #eee,
        #fff
        );
     
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;
}

input[type=button] {
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	padding: 5px 20px;
	cursor: pointer;
	color: #333333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
}


.demo1 input[type=button]
{
	background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
	-moz-box-shadow: 1px 1px 2px #E7E7E7;
	-webkit-box-shadow: 1px 1px 2px #E7E7E7;
}
.demo1 input[type=button]:hover{
	background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));
}
.demo1 input[type=button]:active{
	background: #ccc;
	padding: 6px 20px 4px;
}

/*その他*/
.last_box{ margin-bottom:0px;}

.page_link a{
	text-decoration:none;
}

.page_link span {
	border:1px solid #0099CC;
	background:#0099CC;
	padding:0 3px 0 4px;
	color:#fff;
}

.page_link a span {
	border:1px solid #0099CC;
	background:#fff;
	padding:0 3px 0 4px;
	color:#0099CC;
}

hr {
	border-top:1px dotted #999;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
}

.indent_box{
	text-indent:-1em;
	padding-left:1em;
}

.noindent_box{
	padding-left:1em;
}

.blue_caution{
	border:1px solid #0099CC;
	background:#EEFAFF;
	padding:5px;
}
.red_caution{
	border:1px solid #CC0000;
	background: #FFECEC;
	padding:5px;
}

.yellow_caution{
	border:1px solid #aaa;
	background:#FCFBE0;
	padding:5px;
}