@charset "utf-8";

/*
Theme Name: SUBHAND
Author: SUBHAND.LLC
Author URL: http://www.subhand.net/
*/

*{
	margin:0px;
	padding:0px;
}


body {
	width:100%;
	min-width:1200px;
	font-size: 18px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	}

/***************日程表************/
.tb001{
	width:750px;
	border-top: none;
	border-left: #666 solid 1px;
	border-bottom: #666 solid 1px;
	border-right:none;	
	border-collapse: separate;
	border-spacing: 0px;
}
.tb001 th{
	border-top: #666 solid 1px;
	border-right: #666 solid 1px;
	border-collapse: separate;
	border-spacing: 0px;
	padding-left:5px;
}

.tb001 td{
	border-top: #666 solid 1px;
	border-right: #666 solid 1px;
	border-collapse: separate;
	border-spacing: 0px;
	padding-left:5px;
}

/***************カウンター************/
#counter{
	font-size:19px;
	background-color:#000; 
	padding-top:10px;
	padding-bottom:10px;
}
#counter p{
	padding-left:0;
	font-size:25px;
	font-family:serif;
	font-weight:bold;
	color:#FF0;
}
#counter01{
	font-size:19px;
	background-color:#F00; 
	padding-bottom:10px;
	width:680px;
}
#counter01 p{
	text-align:center !important;
	padding-left:0;
	font-size:35px;
	font-family:serif;
	font-weight:bold;
	color:#FFF;
}
#counter02{
	font-size:19px;
	background-color:#FFF; 
	padding-bottom:10px;
	width:970px;
}
#counter02 p{
	text-align:center !important;
	padding-left:0;
	font-size:35px;
	font-family:serif;
	font-weight:bold;
	color:#DB0000;
}
/*ここまで*/



#wrap {
	background-image:url(../images/header.jpg);/*ヘッダー画像*/
	background-repeat:no-repeat;
	height:995px;
	background-position:center;
}


#container {
	width:1000px;
	margin:0 auto;
   line-height: 180%;
	text-align: left;
	background-image:url(../images/back.jpg);
	background-repeat:repeat-y;
}

p{
	font-size:18px;
	padding-left:80px;
}


.underline{
	text-decoration:underline;
}

/********基本テキストスタイル**********/

#container p{
	clear:both;
	margin: 10px 50px;
	line-height:1.5;
	text-align:left;
}



/**textdecoration**/

.big{
	font-size:30px;
	font-weight:bold;
}
.big01{
	font-size:25px;
	font-weight:bold;
	text-decoration:underline;
}
.dec{
	font-size:20px;
	text-decoration:underline;
	font-weight:bold;
	color:#F00;
}
.dec0{
	font-size:30px;
	text-decoration:underline;
	font-weight:bold;
	color:#F00;
}

.dec01{
	font-size:20px;
	font-weight:bold;
}
.dec02{
	font-size:20px;
	text-decoration:underline;
	font-weight:bold;
}
.dec03{
	font-size:20px;
	text-decoration:underline;
	font-weight:bold;
	color:#F00;
	background-color:#FF0;
}
.dec04{
	font-size:30px;
	font-weight:bold;
	color:#F00;
}
.dec05{
	font-size:40px;
	text-decoration:underline;
	font-weight:bold;
	color:#F00;
	background-color:#FF0;
}
.dec06{
	font-size:30px;
	text-decoration:underline;
	font-weight:bold;
	color:#F00;
	background-color:#FF0;
}
.dec07{
	font-size:20px;
	font-weight:bold;
	color:#F00;
}
.dec08{
	font-size:18px;
	text-decoration:underline;
	font-weight:bold;
}
.dec09{
	font-weight:bold;
}
.dec10{
	font-weight:bold;
	text-decoration:underline;
}
.center{
	line-height:1.5;
	text-align:center !important;
	font-size:20px;
	margin:0 !important;
	padding:0 !important;
}

.center01{
	line-height:1.5;
	text-align:center !important;
	font-size:24px;
	font-weight:bold;
	margin:0 !important;
	padding:0 !important;
}
.center02{
	line-height:1.5;
	text-align:center !important;
	font-size:30px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-decoration:underline;
}
.center03{
	line-height:1.5;
	text-align:center !important;
	font-size:16px;
	margin:0 !important;
	padding:0 !important;
	text-decoration:underline;
}

/********理由一覧**********/
.riyuu{
	background-image:url(../images/riyuu_back.png);
	background-repeat:repeat-y;
	background-position:center;
}
.riyuu p{
	padding-left:100px;
}

/********実践者の声**********/
.user{
	background-color:#fcedd4;
	width:750px;
	padding-top:10px;
	padding-bottom:15px;
	border:#666 1px solid;
	margin-bottom:20px;
}
.user p{
	font-size:16px;
	padding-left:0px;
}
.user img{
	margin-bottom:5px;
	margin-top:10px;
}

/********プロフィール**********/

.prof{
	background-image:url(../images/prof_back.jpg);
	background-position:center;
	background-repeat:repeat-y;
	overflow:hidden;
}
.prof p{
	font-size:16px;
	padding-left:150px;
}




/********ファミリーサポート**********/
.support{
	background-color:#FFFFCC;
	width:750px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:15px;
}
.support p{
	font-size:16px;
	padding-left:0px;
}

/********カリキュラム一覧**********/

.crm_back{
	background-color:#400000;
	width:970px;
	padding-bottom:20px;
}
.crm{
	background-image:url(../images/riyuu_back.png);
	background-repeat:repeat-y;
	background-position:center;
}
.crm p{
	padding-left:100px;
}
.crm .text{
	margin:0px !important;
	padding:0px !important;
	font-weight:bold;
	font-size:25px;
}
.cal_in {
  background-color: #FFFFE0;
  width: 650px;
  padding: 20px;
}

/********Q&A**********/
.qa_back{
	background-color:#00B5FF;
	width:970px;
	padding-bottom:20px;
}
.qa{
	background-image:url(../images/riyuu_back.png);
	background-repeat:repeat-y;
	background-position:center;
}
.qa p{
	padding-left:100px;
}

#qa_t td{
	padding:5px;
	font-size:18px;
}


/********追伸**********/
.tuisin{
	background-image:url(../images/tuisin_back.png);
	background-repeat:repeat-y;
	background-position:center;
}
.tuisin p{
	padding-left:100px;
}



/************フォーム**************/


#box{
	background-image:url(../images/form1.jpg);
	width:970px;
	height:653px;
	background-position:center;
}


/************フォーム1つ目**************/
#formbox {
width: 970px;
height: 380px;
padding-top: 280px;
background-image: url(../images/form.jpg);
background-position: center;
}

#form{
	margin-top:10px;
}

#form .mail_form{
	 height:52px;
	 width:600px;
 	 font-size:30px;
	 border-radius:8px;
	 margin-top:20px;
	 background-color:#FFC;
	 padding:3px;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
}  




/**from文章**/
.from{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:25px;
	font-style:italic;
	font-weight:bold;
}



/*スクロール*/
.scrollBox {
	padding:0px;
	width: 600px;
	height: 250px;
	font-size: 14px;
	line-height: 138.5%;
	background-position:center;
	color: #000000;
	background-color: #EEE;
	overflow: scroll;
	border:#CCC 1px solid;
	text-align:left;
}

.scrollBox p {
clear: both;
line-height: 1.5;
}




/* 
----------チェックボックス-----------------*/
.ch{
	width:900px;
	background-position:center;
	border:#F00 3px solid;

}
.ch ul{
	padding-left:0px;
}
.ch li{
	list-style:none;
	background:url(../images/check.png) left no-repeat;
	padding:10px 0px 10px 60px;
	margin-top:30px;
	margin-bottom:20px;
	margin-left:40px;
	font-size:18px;
}


.checkbox{
	padding:10px 20px;
	background-image:url(../images/check.png);
	background-position:left;
	background-repeat:no-repeat;
}




/* 
------------------------------------------------------*/
#copyright{
	text-align:center;
	padding:15px 0px;
}

div.clear{
	clear: both;
	margin: 0 0 10px 0;
}



th, td  {
font-size:14px;
}

/* Tokuten 
------------------------------------------------------*/
#tokuten p{
	clear:none;
	padding:0px;
	line-height:1.3;
	font-size:14px;
}


/* User's Voice_Underline
------------------------------------------------------*/
#uservoice_under p{
	clear:none;
	padding:0px;
	line-height:1.3;
	font-size:14px;
	border-bottom:1px #CCCCCC dashed;
}



/* User's Voice
------------------------------------------------------*/
#uservoice p{
	clear:none;
	padding:0px;
	line-height:1.3;
	font-size:14px;
}


/* Mawarikomi_editmode
------------------------------------------------------*/
#mawarikomi_edit p{
	clear:none;
	padding:0px;
	line-height:1.3;
	font-size:14px;
}

/* Mawarikomi_previewmode
------------------------------------------------------*/
#mawarikomi_prv p{
	clear:none;
	padding:0px 35px;
	line-height:1.3;
	font-size:14px;
}

/* 
------------------------------------------------------*/
/*TopIntro-BgStyleStart*/
.topintro {
   padding:20px 20px 0px 20px ;
   text-align:left;
   margin:0px auto;
   line-height:1.2;
   width:680px; 
   height:530px;
   font-size:30px;
   font-weight:bold;
}/*TopIntro-BgStyleEnd*/


.topintro_onlytext {
	text-align:left;
	margin:0px auto;
	line-height:1.1;
	width:680px; 
}



.topintro_sample{
	padding:15px 10px;
	font-size:14px;
}


#topintro_sample p{
	padding:0px;
	line-height:1.1;
	font-size:14px;
}
 
 
 
/* frame_border
------------------------------------------------------*/
#frame_border{
	border:1px #CCCCCC dotted;
} 


/* SubCatch [Text Type]
------------------------------------------------------*/
.sch001_text{
	margin: 20px auto;
	padding:0px;
	font-weight:bold;
	text-align:center;
	line-height:1.1;
}
#sch001_text p{
	padding:0px;
	line-height:1.1;
}



/* SubCatch [Image Type]
------------------------------------------------------*/
.sch001_img{
	text-align:center;
	margin:20px auto;
}




/* SubCatch [Bar Type]
------------------------------------------------------*/
.sch001_barBg_1{
	margin: 10px auto;
	padding:10px 10px 10px 20px;
	font-weight:bold;
	line-height:1.1;
}
.sch001_barBg_2{
	margin: 20px auto;
	padding:50px 20px 50px 20px;
	font-weight:bold;
	line-height:1.1;
}
#sch001_bar p{
	padding:0px;
	line-height:1.1;
}



/* Price
------------------------------------------------------*/
#price p{
	padding:0px;
	line-height:1.2;
	font-size:14px;
}


/* Subcatch Bar
------------------------------------------------------*/
#sbc_bar p{
	padding:0px;
	line-height:1.2;
	font-size:14px;
}




/* CheckList 
------------------------------------------------------*/
.checklist_text{
	width:550px;
	margin: 0px auto 10px;
	padding:0px;
	font-size:14px;
}
#checklist_text p{	
	clear:none;
	padding:0px;
	line-height:1.3;
	font-size:14px;
}



/* sign
------------------------------------------------------*/
.sign001_text{
	text-align:right;
	margin:0px auto;
	line-height:1.3;
	width:650px; 
	padding:0px 30px 0px 0px;
}
.sign001_img{
	width:600px; 
	margin:5px auto;
	text-align:right;
	padding:0px 10px;
}




/* 
------------------------------------------------------*/
.ImgCenter{
	text-align:center;
	margin:100px auto;
}
.ImgCenter01{
	text-align:center;
	margin:50px auto;
}
.ImgCenter02{
	text-align:center;
	margin:30px auto 50px;
}




/* Tokutei Table
------------------------------------------------------*/
.tb01{
	width:600px;
	margin:30px auto 30px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.tb01 .title{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:6px;
	background-color:#e4e4e4;
	width:35%;
}
.tb01 td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:6px;
	text-align:left;
	background-color:#FFFFFF;
}




/* 
------------------------------------------------------*/
#image_FullWidth p{
	padding:0px;
}



/* 
------------------------------------------------------*/
.imgR{
	float:right;
	margin:0px 0px 10px 10px;
}




/* 
------------------------------------------------------*/
.nameRight{
	text-align:right;
	padding:0px 60px;
}



/* 
------------------------------------------------------*/
.AutodateRight{
	text-align:right;
	padding:0px 0px;
}





/* 
------------------------------------------------------*/
.inbox{
	width:500px;
	margin:0px auto 50px;
	padding:20px 30px;
	text-align:left;
	background:#F5F5F5;
	border:2px solid #e4e4e4;
	color:#333;
	font-size:12px;
}


/* 
------------------------------------------------------*/
.list{
	text-align: left;
	display:block;
}
.list dt{
	background:url(../images/icon.png) left 6px no-repeat;
	line-height:1.1;
	padding-left:22px;
	margin-bottom:10px;
	font-weight:bold;
}
.list dd{
	margin-bottom:30px;
	padding-left:22px;
}
.list01{
	text-align: left;
	display:block;
	width:500px;
	margin:20px auto 60px;
	padding:20px;
	border:6px solid #ccc;
}
.list01 dt{
	background:url(../images/icon01.gif) left 2px no-repeat;
	line-height:1.1;
	font-size:16px;
	padding-left:30px;
	margin-bottom:10px;
	font-weight:bold;
	border-bottom:2px dotted #ccc;
}
.list01 dd{
	margin-bottom:30px;
	padding-left:30px;
	font-size:12px;
}



/* faq
---------------------------------------------*/
#faq{
	margin: 10px auto 0px;
	padding:10px;
	text-align:left;
	font-size:14px;
	line-height:1.1;
}
#faq p{
	padding:0px;
	line-height:1.1;
	font-size:14px;
}



/* InFrame
---------------------------------------------------------- */
.inf01_dottit {
	font-size: larger;
	font-weight: bold;
	border:1px dotted #666666;
	background:#CCCCCC url(../images/inf_org.gif) repeat ;
	padding:10px 20px;
	text-align:left;
	margin:0px 65px 10px;
}



/*  hover  
---------------------------------------------------------- */
#dropin td{
	padding:2px;
}
.popup_box{
	width:300px;
	padding:5px;
}
#hover_btn{
	background:url(../images/hover01_btn.jpg) center top;
	cursor:pointer;
	text-indent:-99999px;
	overflow:hidden;
	border:none;
	width:327px;
	height:52px;
}



/*  Button-Custom
---------------------------------------------------------- */
#BtnStyle_ctm_one a{
	color:#fff;
}
#BtnStyle_ctm_one a:hover{
	color:#FFD640;
}




#BtnStyle_ctm2_two a{
	color:#000;
}
#BtnStyle_ctm2_two a:hover{
	color:#1C5DCE;
}




/*  ul  
---------------------------------------------------------- */
ol,
ul{
	list-style-position: inside;
	padding-left:10px;
}
ol li,
ul li{
	text-align:left;
}




td, th {
display: table-cell;
vertical-align: inherit;
}
/* common
---------------------------------------------*/
* {margin:0;padding:0;}

a:link,a:visited {
	color: #2236cf;
	text-decoration:underline;
}
a:hover,a:active {
	color: #d90909;
	text-decoration:underline;
}

.impact   {font-size:20pt; font-weight:bold;}
.impact2  {color:red;}
.impact3  {background:yellow; color:#000;}
#impact4  {underline;}
.impact5  {background:#173B50; padding:2px 5px; color:#fff;}
.impact6  {background:#f4f4f4; padding:3px; line-height:1.1;}
.impact7  {background: #B60000; padding:2px 5px; color:#fff;}
.style2   {color: #FF0000}
.style3   {color: #333333}
.style4   {color: #000000}


img{ border: none;}




/* layout
---------------------------------------------*/

/*TopIntro-Start*/